/* HTML and Body
----------------------------------*/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
* html .ui-autocomplete { min-height: 100px; }
html { height: 100%; min-height: 100%; }
body { margin: 0; padding: 0; width: 100%; min-width: 300px; min-height: 100%; font-size: 16px; overflow: auto; color: #34363E; color: var(--body-text-color); background-color: #F9FAFD; background-color: var(--body-background); background-image: url(../Assets/backgrounds/body-top-bg.png); background-position: center top; background-repeat: no-repeat; background-attachment: local; letter-spacing: .1px; -webkit-font-smoothing: antialiased; }
body, text, input, textarea, keygen, select, button { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; }
.body-background { background: var(--body-div-background); background-repeat: no-repeat; }
.clear, .clear-space { clear: both; display: block; }
.clear-space { height: 10px; }
.float-left { float: left; }
.float-right { float: right; }



/* Loading Screen
----------------------------------*/
#loading-screen { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000000; background-color: rgba(0, 0, 0, 0.75); opacity: 1.0; backdrop-filter: blur(5px); -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; overflow: visible; }
    #loading-screen::before { content: "Loading. Please Wait..."; display: block; color: #FFF; position: absolute; font-weight: bold; font-size: 18px; top: 50%; right: 50%; margin-top: -100px; transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -webkit-transform: translate(50%, 0); }
    #loading-screen .wave-element { height: 100vh; display: flex; justify-content: center; align-items: center; /*background: #000;*/ }
    #loading-screen .wave { width: 5px; height: 100px; background: linear-gradient(45deg, #766BFF, #54AFE6); margin: 10px; animation: wave 1s linear infinite; -moz-animation: wave 1s linear infinite; -webkit-animation: wave 1s linear infinite; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); }
        #loading-screen .wave:nth-child(2) { animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; }
        #loading-screen .wave:nth-child(3) { animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
        #loading-screen .wave:nth-child(4) { animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
        #loading-screen .wave:nth-child(5) { animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
        #loading-screen .wave:nth-child(6) { animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
        #loading-screen .wave:nth-child(7) { animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
        #loading-screen .wave:nth-child(8) { animation-delay: 0.7s; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; }
        #loading-screen .wave:nth-child(9) { animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
        #loading-screen .wave:nth-child(10) { animation-delay: 0.9s; -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
@keyframes wave {
    0% { transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); }
    50% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); }
    100% { transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); }
}



/* Login and Register
----------------------------------*/
body.login-body .page-title-holder .page-title-text { width: 100%; padding-top: 0 !important; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    body.login-body .page-title-holder .page-title-text img { float: none; display: inline-block; position: relative; bottom: -12px; }
body.login-body #main-container { top: 0 !important; bottom: 0 !important; position: fixed !important; left: 0 !important; right: 0 !important; padding-bottom: 0 !important; overflow: auto; }
    body.login-body #main-container .body-content { padding-left: 10px; padding-right: 10px; }
body.login-body input.btn-save { background-image: none !important; padding-left: 10px !important; }
body.login-body .success-checkmark .check-icon::before { background: transparent !important; }
body.login-body footer { background-color: transparent; border-top: 1px solid transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
    body.login-body footer a:hover { color: #111; }
.login-logo-holder { text-align: center; margin-top: 30px; margin-bottom: 20px; }
    .login-logo-holder a { outline: none; }
    .login-logo-holder img { display: inline-block; }
        .login-logo-holder img.main-logo { width: 100%; max-width: 320px; }
        .login-logo-holder img.secondary-logo { width: 85%; max-width: 300px; margin-top: -10px; }
#loginForm { max-width: 350px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; }
    #loginForm label[for="RememberMe"], #loginForm label[for="RememberBrowser"] { line-height: 25px; }
    #loginForm .main-logo-holder { text-align: center; margin-bottom: 15px; }
        #loginForm .main-logo-holder img { max-width: 85%; }
input.btn-login, button.btn-login { width: 100%; }
#socialLoginForm { text-align: center; }
#loginForm #socialLoginList { margin-top: 20px; text-align: left; display: inline-block; }
#loginForm .page-title-holder { text-align: center; }
    #loginForm .page-title-holder .page-title-text { float: none; display: inline-block; }
.external-login-link { text-align: left; display: block; clear: both; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .external-login-link::after { content: ""; display: block; clear: both; }
.external-login-btn { cursor: pointer; background: #FFF; background: var(--external-login-btn-background); max-width: 100%; display: inline-block; width: 100%; color: #000; color: var(--external-login-btn-color); border: 1px solid #DCDCE5; border: 1px solid var(--external-login-btn-border-color); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px 20px 8px 15px; font-size: 15px; font-weight: 300; text-decoration: none; transition: border-color .2s, box-shadow .2s; -moz-transition: border-color .2s, box-shadow .2s; -webkit-transition: border-color .2s, box-shadow .2s; position: relative; box-shadow: 0 1px 2px var(--external-login-btn-box-shadow-color); -moz-box-shadow: 0 1px 2px var(--external-login-btn-box-shadow-color); -webkit-box-shadow: 0 1px 2px var(--external-login-btn-box-shadow-color); }
    .external-login-btn:hover { box-shadow: none; border-color: #374252; }
    .external-login-btn:focus { border: 1px solid #000; }
    .external-login-btn::-ms-input-placeholder { color: #6e6e6e; }
    .external-login-btn::placeholder { color: #6e6e6e; }
    .external-login-btn .social-content { grid-column-gap: 20px; align-items: center; display: flex; height: 24px; }
    .external-login-btn .social-image { width: 24px; max-width: 100%; vertical-align: middle; display: inline-block; }
    .external-login-btn .social-text { font-weight: bold; color: #555; color: var(--external-login-btn-social-text-color); }
.form-login-divider { width: 100%; color: rgba(0, 0, 0, .8); color: var(--form-login-divider-color); letter-spacing: 2px; justify-content: center; align-items: center; margin-top: 15px; margin-bottom: 15px; font-size: 12px; display: flex; }
.form-login-div-line { width: 40%; height: .8px; background-color: rgba(0, 0, 0, 0.1); background-color: var(--form-login-div-line-background-color); }
.form-login-div-text { min-width: 33%; text-align: center; flex: none; }
.main-logo-app-login, .secondary-logo-app-login { max-width: 100%; }
.secondary-logo-app-login { margin-bottom: 10px; }



/* Google Login Button
----------------------------------*/
#g_id_onload { display: none; }
.external-login-btn.google:hover { border-color: #4285f4; }



/* Microsoft Login Button
----------------------------------*/
.external-login-btn.microsoft:hover { border-color: #0067b8; }



/* Facebook Login Button
----------------------------------*/
.external-login-btn.facebook:hover { border-color: #1777f2; }

/* Links, Buttons, Dropdowns
----------------------------------*/
a { cursor: pointer; color: #355EA9; color: var(--a-text-color); }
    a:link, a:visited { text-decoration: none; }
    a:hover { text-decoration: underline; }
img { border: 0 solid transparent; }
select { padding: 3px 5px; max-width: 100%; min-height: 28px; background: #FFF; background: var(--select-background); border: 1px solid #DDD; border: 1px solid var(--select-border-color); color: #131921; color: var(--select-text-color); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input.btn, a.link-button { cursor: pointer; text-align: center; font-size: 14px; font-weight: 500; min-width: 85px; background-color: #766BFF; background-color: var(--input-button-background-color); color: #FFF; color: var(--input-button-text-color); border: 1px solid #766BFF; border: 1px solid var(--input-button-border-color); text-decoration: none; padding: 7px 10px; line-height: 17px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
    input.btn:hover, a.link-button:hover { background-color: #6E79F9; background-color: var(--input-button-hover-background-color); }
    input.btn:active, a.link-button:active { background-color: #6E79F9; background-color: var(--input-button-active-background-color); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
input.btn-cancel { background-color: #DDD; background-color: var(--input-cancel-button-background-color); color: #000; color: var(--input-cancel-button-text-color); border: 1px solid #CCC; border: 1px solid var(--input-cancel-button-border-color); text-shadow: none !important; }
    input.btn-cancel:hover { background-color: #CCC; background-color: var(--input-cancel-button-hover-background-color); }
    input.btn-cancel:active { background-color: #BBB; background-color: var(--input-cancel-button-active-background-color); }
input.btn-delete { background-color: #C11515; background-color: var(--input-leavegroup-button-background-color); color: var(--input-button-text-color); border: 1px solid #770D0D; border: 1px solid var(--input-leavegroup-button-border-color); text-shadow: none !important; }
    input.btn-delete:hover { background-color: #A33535; background-color: var(--input-leavegroup-button-hover-background-color); }
input.btn-back { background-image: url(../Assets/icons/back.png); background-position: 8px center; background-repeat: no-repeat; background-color: #DDD; background-color: var(--input-cancel-button-background-color); color: #000; color: var(--input-cancel-button-text-color); border: 1px solid #CCC; border: 1px solid var(--input-cancel-button-border-color); padding-left: 28px; text-shadow: none !important; }
    input.btn-back:hover { background-color: #CCC; background-color: var(--input-cancel-button-hover-background-color); }
    input.btn-back:active { background-color: #BBB; background-color: var(--input-cancel-button-active-background-color); }
input.btn-save { background-image: url(../Assets/icons/btn-sprite.png); background-position: 7px -29px; background-repeat: no-repeat; background-color: #34AF00; background-color: var(--input-save-button-background-color); color: #FFF; color: var(--input-save-button-text-color); border: 1px solid #30A000; border: 1px solid var(--input-save-button-border-color); padding-left: 28px; }
    input.btn-save:hover { background-color: #30A000; background-color: var(--input-save-button-hover-background-color); }
    input.btn-save:active { background-color: #2F9E00; background-color: var(--input-save-button-active-background-color); }
input.btn-hangfire { background-image: url(../Assets/icons/Hangfire.png); background-size: 22px; background-position: 8px center; background-repeat: no-repeat; padding-left: 36px; }
input[type=text].form-control, input[type=number].form-control, input[type=tel].form-control, input[type=time].form-control, input[type=email].form-control, input[type=password].form-control, textarea.form-control, div.disabled-form-control { background: #FFF; background: var(--formcontrol-background); border: 1px solid #CCC; border: 1px solid var(--formcontrol-border-color); color: #34363E; color: var(--formcontrol-text-color); padding: 10px; width: 100%; max-height: 300px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
    input[type=text].form-control:focus, input[type=number].form-control:focus, input[typetelnumber].form-control:focus, input[type=time].form-control:focus, input[type=email].form-control:focus, input[type=password].form-control:focus, textarea.form-control:focus { outline: none; border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
div.disabled-form-control { cursor: default; }
textarea.form-control { resize: none; }
    input[type=text].form-control::placeholder, input[type=number].form-control::placeholder, input[type=tel].form-control::placeholder, input[type=email].form-control::placeholder, input[type=password].form-control::placeholder, textarea.form-control::placeholder { color: #AAA; color: var(--text-input-placeholder-text-color); font-style: italic; }
input[type=text].form-control:disabled, input[type=time].form-control:disabled, input[type=number].form-control:disabled { background-color: rgba(0, 0, 0, 0.05); }
.title-section-bar select { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #CCC; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; }
    .slider.round { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
    .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; }
    .slider.round:before { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.switch { position: relative; display: inline-block; width: 50px; height: 26px; margin-right: 10px; margin-bottom: 5px; }
    .switch input[type="checkbox"] { opacity: 0; width: 0; height: 0; }
    .switch > input[type="checkbox"]:checked + input[type="hidden"] + .slider { background-color: #766BFF; background-color: var(--checkbox-toggle-enabled); }
        .switch > input[type="checkbox"]:checked + input[type="hidden"] + .slider:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); -moz-transform: translateX(24px); transform: translateX(24px); }
.user-settings-approve-link, .user-settings-deny-link, .user-settings-cancel-link { cursor: pointer; text-align: center; font-size: 14px; font-weight: 500; color: #FFF; text-decoration: none !important; padding: 7px 10px; line-height: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); user-select: none; -moz-user-select: none; -webkit-user-select: none; }
    .user-settings-approve-link:active, .user-settings-deny-link:active, .user-settings-cancel-link:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
.user-settings-approve-link { float: left; background-color: #34AF00; background-color: var(--input-save-button-background-color); color: #FFF; color: var(--input-save-button-text-color); border: 1px solid #30A000; border: 1px solid var(--input-save-button-border-color); }
.user-settings-cancel-link, .user-settings-deny-link { float: right; background-color: #C11515; color: var(--input-button-text-color); border: 1px solid #770D0D; }
    .user-settings-approve-link::before, .user-settings-deny-link::before, .user-settings-cancel-link::before { content: ""; display: block; background-repeat: no-repeat; background-position: center center; float: left; margin-right: 5px; width: 16px; height: 16px; filter: invert(1); -moz-filter: invert(1); -webkit-filter: invert(1); }
.user-settings-approve-link::before { background-image: url(../Assets/icons/approve.png); }
.user-settings-deny-link::before { background-image: url(../Assets/icons/deny.png); }
.user-settings-cancel-link::before { background-image: url(../Assets/icons/cancel.png); }
.refresh-btn { cursor: pointer; display: inline-block; height: 16px; width: 16px; padding: 4px; margin: 2px; background-color: transparent; background-position: -318px 2px; background-repeat: no-repeat; background-image: url(../Assets/icons/formfield-sprite.png); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; filter: none; -moz-filter: none; -webkit-filter: none; filter: var(--refresh-btn-filter); -moz-filter: var(--refresh-btn-filter); -webkit-filter: var(--refresh-btn-filter); }
    .refresh-btn:hover { background-color: rgba(0, 0, 0, 0.1); }
    .refresh-btn:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
.form-control-label { display: block; clear: both; margin-bottom: 5px; }
.link-button { text-decoration: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
    .link-button.link-groupquestion::before, .link-button.link-questionanswered::before, .link-button.link-imagerotate::before, .link-button.link-grouphome::before, .link-button.link-joingroup::before, .link-button.link-grouparchived::before, .link-button.link-groupmembers::before, .link-button.link-feeds::before, .link-button.link-board::before, .link-button.link-create::before, .link-button.link-leavegroup::before, .link-button.link-questionresults::before, .link-button.link-sendgroupcode::before, .link-button.link-installer::before { content: ""; float: left; background-image: url(../Assets/icons/btn-sprite.png); background-repeat: no-repeat; width: 18px; height: 18px; margin-top: 0; margin-right: 8px; }
    .link-button.link-groupquestion::before { background-position: 0 0; }
    .link-button.link-questionanswered::before { background-position: -54px 0; }
    .link-button.link-imagerotate::before { background-position: -36px 0; }
    .link-button.link-grouphome::before { background-position: -18px 0; }
    .link-button.link-joingroup::before { margin-top: 0 !important; margin-bottom: -5px !important; margin-right: 4px !important; background-position: -144px 0; float: none !important; display: inline-block !important; }
    .link-button.link-grouparchived::before { background-position: -72px 0; }
    .link-button.link-groupmembers::before { background-position: -108px 0; }
    .link-button.link-feeds::before { background-position: -272px 0; }
    .link-button.link-board::before { background-position: -126px 0; }
    .link-button.link-create::before { background-position: -180px 0; }
    .link-button.link-leavegroup::before { background-position: -162px 0; }
    .link-button.link-questionresults::before { background-position: -90px 0; }
    .link-button.link-sendgroupcode::before { background-position: -198px 0; }
    .link-button.link-leavegroup { background-color: #C11515; background-color: var(--input-leavegroup-button-background-color); color: var(--input-button-text-color); border: 1px solid #770D0D; border: 1px solid var(--input-leavegroup-button-border-color); }
        .link-button.link-leavegroup:hover { background-color: #A33535; background-color: var(--input-leavegroup-button-hover-background-color); }
    .link-button.link-installer::before { background-position: -216px 0; }
.add-choice-btn, .remove-choice-btn { position: relative; z-index: 1; float: right; cursor: pointer; margin-top: -35px; margin-right: 3px; background-repeat: no-repeat; background-position: center center; background-size: 32px; width: 32px; height: 32px; opacity: 0.7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    .add-choice-btn:hover, .remove-choice-btn:hover { opacity: 1.0; }
    .add-choice-btn:active, .remove-choice-btn:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
.add-choice-btn { background-image: url(../Assets/icons/add.png); }
.remove-choice-btn { background-image: url(../Assets/icons/remove.png); }
.view-results-link { float: right; margin-top: 10px; font-size: 13px; }
.rotate-question-link { margin-bottom: 10px; }
.modal-main .view-results-link { margin-right: 15px; }
.modal-main .rotate-question-link { display: none; }
.question-toggle-all { float: right; cursor: pointer; color: #0094FF; color: var(--a-text-color); font-size: 14px; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
    .question-toggle-all:hover { text-decoration: underline; }
    .question-toggle-all:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
#camera-qrcode { position: fixed; z-index: 1000; top: 62px; bottom: 0; left: 0; right: 0; background-color: #FFF; background-color: var(--header-background-color); }
    #camera-qrcode video { position: relative; width: 100%; height: 100%; z-index: 0; }
    #camera-qrcode .qr-scanner-helptext { position: fixed; z-index: 1; bottom: 25px; right: 50%; min-width: 250px; text-align: center; padding: 5px 10px; color: #FFF; background-color: rgba(0, 0, 0, 0.7); border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; transform: translate(50%, 0); -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    #camera-qrcode #qr-scanner-select { background-color: rgba(0, 0, 0, 0.5); border-color: #555; color: #FFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; cursor: pointer; outline: none; position: fixed; left: 25px; top: 75px; z-index: 1; }
#go-to-top { visibility: hidden; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-image: url(../Assets/icons/back-to-top.png); position: fixed; z-index: -1; bottom: 10px; right: 25px; padding: 0; height: 50px; width: 50px; opacity: 0.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    #go-to-top.show { visibility: visible; opacity: 0.7; z-index: 5; }
        #go-to-top.show:hover { opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }
#go-back { visibility: hidden; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-image: url(../Assets/icons/go-back.png); position: fixed; z-index: -1; bottom: 10px; left: 25px; padding: 0; height: 50px; width: 50px; opacity: 0.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    #go-back.show { visibility: visible; opacity: 0.7; z-index: 5; }
        #go-back.show:hover { opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }
body.pin-sidebar-menu #go-back { left: 285px; }
.btn.btn-default:disabled, .btn.btn-login:disabled { background-color: #AAA !important; color: #DDD !important; border: 1px solid #BBB !important; cursor: default !important; text-shadow: none !important; -webkit-transform: scale(1.0) !important; -ms-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; transform: scale(1.0) !important; }
.btn-send { text-decoration: none; position: relative; z-index: 1; display: inline-block; cursor: pointer; width: 20px; height: 20px; background-color: #FFF; background-repeat: no-repeat; background-image: url(../Assets/icons/send.png); background-position: center center; background-size: 20px; opacity: 0.8; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; filter: none; -moz-filter: none; -webkit-filter: none; filter: var(--refresh-btn-filter); -moz-filter: var(--refresh-btn-filter); -webkit-filter: var(--refresh-btn-filter); }
    .btn-send:hover { opacity: 1.0; }
    .btn-send:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
.non-user-back-btn::before { content: ""; float: left; margin-right: 5px; margin-top: 1px; width: 15px; height: 15px; background-image: url(../Assets/icons/back.png); background-repeat: no-repeat; background-position: center center; background-size: 15px; filter: grayscale(1) invert(1) brightness(100); -moz-filter: grayscale(1) invert(1) brightness(100); -webkit-filter: grayscale(1) invert(1) brightness(100); }
.load-more-results { display: block; padding: 5px 0; text-align: center; }
    .load-more-results span { color: #34363E; color: var(--body-text-color); background-color: transparent; text-decoration: none; position: relative; padding: 5px 10px; line-height: 16px; font-weight: bold; font-size: 13px; z-index: 1; display: inline-block; cursor: pointer; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
        .load-more-results span:hover { background-color: rgba(0, 0, 0, 0.1); }
        .load-more-results span:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }



/* Form fields, Validation fields
----------------------------------*/
.form-group { margin-top: 1px; margin-bottom: 15px; clear: both; display: block; width: 100%; }
    .form-group::after { content: ""; display: block; clear: both; }
    .form-group.form-group-fullname { float: left; width: 50%; clear: none; box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; }
.input-validation-error { border-color: red !important; }
.field-validation-error { font-style: italic; display: block; margin-top: 2px; font-size: 12px; }
.validation-summary-errors { text-align: left; clear: both; display: block; padding: 10px 0; font-weight: bold; font-size: 13px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
    .validation-summary-errors ul { margin-bottom: 10px; list-style: none; }
    .validation-summary-errors.text-danger { color: red; }
    .validation-summary-errors .error-text, .validation-summary-errors .success-text, .validation-summary-errors .info-text { color: #FFF; padding: 7px 14px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 5px; display: block; clear: both; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; word-break: break-word; }
    .validation-summary-errors .error-text { background-color: #B72B2B; }
    .validation-summary-errors .success-text { background-color: #438B4C; }
    .validation-summary-errors .info-text { background-color: #6073CB; }
        .validation-summary-errors .error-text a, .validation-summary-errors .success-text a, .validation-summary-errors .info-text a { color: #FFF; }
.profile-field, .email-field, .tagline-field, .about-field, .password-field, .phone-field, .code-field { position: relative; }
    .profile-field input, .email-field input, .tagline-field input, .tagline-field textarea, .about-field input, .about-field textarea, .password-field input, .phone-field input, .code-field input, .email-field div.disabled-form-control { padding-left: 32px !important; }
    .profile-field::after, .email-field::after, .tagline-field::after, .about-field::after, .password-field::after, .phone-field::after, .code-field::after { content: ""; display: block; position: absolute; top: 10px; left: 7px; background-repeat: no-repeat; background-image: url(../Assets/icons/formfield-sprite.png); width: 20px; height: 20px; filter: var(--formcontrol-field-image-filter); -moz-filter: var(--formcontrol-field-image-filter); -webkit-filter: var(--formcontrol-field-image-filter); }
    .profile-field::after { background-position: -40px 0; }
    .email-field::after { background-position: 0 0; }
    .tagline-field::after { background-position: -100px 0; }
    .about-field::after { background-position: -60px 0; }
    .password-field::after { background-position: -20px 0; }
    .phone-field::after { background-position: -80px 0; }
    .code-field::after { background-position: -120px 0; }
ul.question-settings-choices { list-style: upper-alpha; float: left; margin-top: -5px; }
    ul.question-settings-choices li { margin-left: 25px; font-size: 11px; font-style: italic; }
ul.question-choice-selection { list-style: upper-alpha; margin-left: 20px; margin-bottom: 35px; }
    ul.question-choice-selection::after { content: ""; display: block; clear: both; }
    ul.question-choice-selection li::marker { font-weight: bold; color: #34363E; color: var(--body-text-color); }
    ul.question-choice-selection li { cursor: pointer; position: relative; padding: 0 10px; line-height: 35px; color: #000; color: var(--question-choice-selection-text-color); border: 1px solid #DDD; border: 1px solid var(--question-choice-selection-border-color); background-color: #F9F9F9; background-color: var(--question-choice-selection-background-color); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 5px; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
        ul.question-choice-selection li.selected { background-color: rgba(71, 104, 255, 0.5) !important; background-color: var(--choice-selected-result-background-color) !important; color: #000; color: var(--choice-selected-result-text-color); font-weight: bold; }
        ul.question-choice-selection li label { position: relative; cursor: pointer; width: 100%; display: block; padding-right: 20px; }
        ul.question-choice-selection li input[type="radio"] { float: right; cursor: pointer; margin-top: 10px; }
        ul.question-choice-selection li::after { content: ""; display: block; clear: both; }
        ul.question-choice-selection li.choice-selected, ul.question-choice-selection li.choice-selected label, ul.question-choice-selection li.choice-selected input[type="radio"] { cursor: default !important; }
            ul.question-choice-selection li.choice-selected input[type="radio"] { visibility: hidden; }
            ul.question-choice-selection li.choice-selected.checked { background-color: rgba(71, 104, 255, 0.5) !important; background-color: var(--choice-selected-result-background-color) !important; color: #000; color: var(--choice-selected-result-text-color); font-weight: bold; }
.group-questionoftheday-holder ul.question-choice-selection li:hover { background-color: #EEE; background-color: var(--question-choice-selection-hover-background-color); }
.answeredquestion-disabled-textarea { text-align: left; margin-bottom: 35px; background-color: rgba(0, 0, 0, 0.01); border: 1px solid var(--formcontrol-border-color); padding: 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }



/* Header
----------------------------------*/
header { position: relative; z-index: 3; background-color: transparent; width: 100%; min-width: 280px; height: 120px; display: block; clear: both; }
    header .header-container { max-width: 900px; margin: 0 auto; }
    header .main-logo-holder { float: left; margin-top: 6px; margin-left: 0; }
        header .main-logo-holder a { text-decoration: none; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; }
        header .main-logo-holder img.main-logo { display: block; height: 80px; margin-top: 15px; }
    header .main-login-holder { float: right; margin-top: 40px; margin-right: 10px; }
        header .main-login-holder span { margin-left: 10px; margin-right: 10px; font-size: 12px; }
        header .main-login-holder .register-btn, header .main-login-holder .login-btn { display: inline-block; text-decoration: none; font-weight: bold; }
        header .main-login-holder .register-btn { color: #FFF; /*color: #355EA9; color: var(--home-register-btn-color);*/ }
            header .main-login-holder .register-btn:hover { text-decoration: underline; }
.themeQuickSelect-holder { display: inline-block; margin-bottom: -22px; float: none !important; }
.themeQuickSelect { cursor: pointer; float: right; width: 24px; height: 24px; padding: 13px; margin-top: -8px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    .themeQuickSelect:hover { background-color: rgba(0, 0, 0, 0.1); background-color: var(--header-sidebar-buttons-hover-background-color); }
    .themeQuickSelect:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
    .themeQuickSelect > img { display: inline-block; width: 24px; height: 24px; object-fit: contain; filter: grayscale(1) invert(1) brightness(100); -moz-filter: grayscale(1) invert(1) brightness(100); -webkit-filter: grayscale(1) invert(1) brightness(100); }
.themeQuickSelect-dropdown { height: 0; opacity: 0; overflow: hidden; background-color: #FFF; text-align: left; background-color: var(--account-dropdown-background-color); position: absolute; top: 90px; z-index: -1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; }
    .themeQuickSelect-dropdown.show { height: auto; overflow: visible; opacity: 1.0; z-index: 1; }
    .themeQuickSelect-dropdown ul { list-style: none; }
    .themeQuickSelect-dropdown li { cursor: pointer; display: block; clear: both; padding: 5px 20px 5px 35px !important; margin-left: 0 !important; min-width: 178px; height: 40px; line-height: 30px; color: #34363E; color: var(--side-bar-text-color); font-size: 14px; text-decoration: none !important; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
        .themeQuickSelect-dropdown li:hover { background-color: rgba(61, 81, 105, 0.2); }
        .themeQuickSelect-dropdown li.selected::before { float: left; content: ""; width: 20px; height: 20px; margin-top: 7px; margin-left: -25px; margin-right: 5px; background-image: url(../Assets/icons/formfield-sprite.png); background-position: -222px -2px; background-repeat: no-repeat; filter: var(--user-management-image-button-filter); -moz-filter: var(--user-management-image-button-filter); -webkit-filter: var(--user-management-image-button-filter); }
    .themeQuickSelect-dropdown::before { display: none; content: " "; position: absolute; right: 17px; top: -9px; border-top: none; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #FFF; border-bottom: 10px solid var(--account-dropdown-background-color); -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
    .themeQuickSelect-dropdown.show::before { display: block; }
.top-header { height: 180px; left: 0; right: 0; display: block; position: absolute; z-index: 1; background-image: url(../Assets/icons/banner-logo-bg.png); background-repeat: no-repeat; background-position: top left; background-size: 50% 100%; }
body[data-theme="Dark"] .top-header { background-image: url(../Assets/icons/banner-logo-bg-alt.png); }



/* PWA Installer
----------------------------------*/
#pwa_installer_popup { background-color: #FFF; background-color: var(--cookie-disclaimer-background-color); position: fixed; left: 0; right: 0; bottom: 0; min-width: 250px; padding: 15px 20px; margin-bottom: -500px; text-align: left; z-index: 1000; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    #pwa_installer_popup::before { display: block; content: ""; background-image: url(../Assets/icons/Favicon_large.png); background-repeat: no-repeat; background-position: center center; width: 48px; height: 48px; float: left; margin-top: -36px; margin-left: -10px; background-size: 32px; background-color: #FFF; border: 1px solid #DDD; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.14); }
    #pwa_installer_popup .dismiss-installer { display: block; float: right; cursor: pointer; background-image: url(../Assets/icons/cancel.png); background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; margin-bottom: 5px; filter: var(--cookie-image-filter); -webkit-filter: var(--cookie-image-filter); -moz-filter: var(--cookie-image-filter); }
    #pwa_installer_popup .installer-title { display: block; clear: both; color: #555; color: var(--cookie-disclaimer-text-color); font-size: 15px; font-weight: bold; margin-bottom: 5px; }
    #pwa_installer_popup .installer-description { display: block; clear: both; color: #555; color: var(--cookie-disclaimer-text-color); font-size: 13px; margin-bottom: 10px; }
    #pwa_installer_popup .input-buttons-ignore { float: left; width: auto; margin-top: 15px; font-size: 12px; }
    #pwa_installer_popup .input-buttons-install { float: right; width: auto; margin-top: 10px; }



/* Main Sections
----------------------------------*/
#main-container { position: relative; padding-top: 45px; min-width: 280px; z-index: 0; }
    #main-container .inner-container { max-width: 700px; min-height: 90%; position: relative; padding: 15px 20px 55px 20px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    #main-container .body-content { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    #main-container .section-item, .modal-main .section-item { display: block; clear: both; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.14); box-shadow: 0 1px 7px var(--section-box-shadow-color); -moz-box-shadow: 0 1px 7px var(--section-box-shadow-color); -webkit-box-shadow: 0 1px 7px var(--section-box-shadow-color); background-color: #FFF; background-color: var(--section-background-color); margin-bottom: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; backdrop-filter: blur(5px); }
        #main-container .section-item .section-padding, .modal-main .section-item .section-padding { padding: 20px 15px; word-break: break-word; }
        #main-container .section-item.title-section-bar, .modal-main .section-item.title-section-bar { background-color: transparent !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
    #main-container .section-item { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.section { display: block; clear: both; width: 100%; overflow: visible; margin-top: 50px; }
    .section.slogan { background: #6A66F5; color: #FFF; margin-top: 0 !important; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.4); }
        .section.slogan::after { content: ""; display: block; }
    .section.how-it-works { background-color: #6A66F5; color: #FFF; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.4); }
    .section.slogan h4 { font-weight: normal; text-align: left; }
    .section .section-padding { max-width: 900px; margin: 0 auto; padding: 40px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .section.slogan .section-background-image { background-image: url(../Assets/backgrounds/body-top-bg.png); background-position: center top; background-repeat: no-repeat; background-attachment: local; position: relative; }
    .section .left-content { min-width: 375px; max-width: 525px; display: table-cell; text-align: left; vertical-align: top; }
    .section .right-content { display: table-cell; text-align: right; vertical-align: middle; }
        .section .left-content img, .section .right-content img { max-width: 90%; }
    .section.slogan .main-title { font-size: 24px; font-weight: bold; letter-spacing: 0.1em; /* max-width: 400px; */ word-break: break-word; text-align: left; }
    .section.slogan .tryforfree { padding: 30px 0; text-align: center; }
        .section.slogan .tryforfree a { display: inline-block; color: rgba(82, 113, 255, 1); background-color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 30px; text-decoration: none; font-weight: bold; font-size: 18px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
            .section.slogan .tryforfree a:hover { background-color: #F5F5F5; }
            .section.slogan .tryforfree a:active { background-color: #F1F1F1; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
    .section .section-title { display: block; clear: both; margin-bottom: 15px; font-size: 17px; font-weight: bold; }
    .section p { line-height: 24px; }
    .section h2 { color: #34363E; color: var(--body-text-color); }
    .section ul { clear: both; }
    .section ul > li { margin-left: 40px; padding: 10px 0; }
    .section img.what-is-booster-connect { float: left; height: 125px; margin-right: 20px; margin-bottom: 10px; }
    .section.alt .section-padding { padding: 50px 20px; margin-top: -80px; margin-bottom: -30px; background-color: #FFF; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.59); -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.59); -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.section-background-image-bottom { position: relative; }
.section-background-image-top, .section-background-image-bottom::before { background-image: url(../Assets/backgrounds/body-top-bg.png); background-repeat: no-repeat; background-attachment: local; position: relative; }
.section-background-image-top { background-position: center -122px; }
.section-background-image-bottom::before { content: ""; display: block; position: absolute; top: -50px; bottom: -50px; left: 0; right: 0; transform: scaleY(-1); -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); background-position: center -122px; }
.section-item.title-section-bar .page-title-holder .page-title-text { font-size: 22px; font-weight: bold; color: #111; color: var(--title-section-bar-page-title-text-color); padding-left: 0 !important; }
.page-title-holder .page-title-text { font-size: 20px; float: left; line-height: 38px; color: #000; color: var(--page-title-text-color); padding: 10px 15px 10px 15px; }
    .page-title-holder .page-title-text img { float: left; height: 38px; margin-right: 5px; filter: none; -moz-filter: none; -webkit-filter: none; filter: var(--page-title-image-filter); -moz-filter: var(--page-title-image-filter); -webkit-filter: var(--page-title-image-filter); }
.section-item.title-section-bar .page-title-holder .page-title-text img { filter: none; -moz-filter: none; -webkit-filter: none; filter: var(--title-section-bar-page-title-image-filter); -moz-filter: var(--title-section-bar-page-title-image-filter); -webkit-filter: var(--title-section-bar-page-title-image-filter); }
.section-item.title-section-bar { backdrop-filter: none !important; }
.container-terms span, .container-terms td { color: #34363E !important; color: var(--body-text-color) !important; }
.container-terms h3 { display: block; margin-top: 20px; margin-bottom: 5px; }
.container-terms p { display: block; margin-bottom: 10px; }
.container-terms ul { padding-left: 18px; }
.container-terms table { border-collapse: collapse; border-spacing: 0; }
    .container-terms table td { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 10px; }
.section.slogan, .section-background-image { border-bottom-left-radius: 25%; -moz-border-bottom-left-radius: 25%; -webkit-border-bottom-left-radius: 25%; border-bottom-right-radius: 25%; -moz-border-bottom-right-radius: 25%; -webkit-border-bottom-right-radius: 25%; }
body[data-theme="Dark"] .section.slogan .tryforfree a { background-color: #3A4057; color: #FFF; }



/* Footer
----------------------------------*/
footer { background-color: #111; font-size: 12px; width: 100%; min-height: 61px; min-width: 280px; display: block; clear: both; text-align: center; border-top: 1px solid transparent; }
    footer p { display: block; clear: both; padding: 8px 65px; }
        footer p::after { content: ""; display: block; clear: both; }
    footer a { display: inline-block; background-color: transparent; color: #CCC; padding: 2px 5px; margin-left: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: transparent; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none !important; white-space: nowrap; }
        footer a:hover { background-color: #DDD; color: #002A50; }
        footer a:active { background-color: #CCC; }
    footer .clear { height: 7px; }
    footer .footer-contact b { color: #DDD; font-size: 14px; margin-right: 5px; }
    footer .footer-copyright { font-size: 14px; color: #FFF; }



/* Cookie Disclaimer
----------------------------------*/
#cookie_disclaimer { background-color: #FFF; position: fixed; left: 50%; bottom: 10px; padding: 15px 20px; margin-bottom: -500px; text-align: left; z-index: 100000; width: 75%; max-width: 950px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; transform: translate(-50%, 0px); box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
    #cookie_disclaimer::before { display: block; content: ""; background-image: url(../Assets/icons/cookie.png); background-repeat: no-repeat; background-position: center center; width: 48px; height: 48px; float: left; margin-top: -36px; margin-left: -36px; }
    #cookie_disclaimer .dismiss-cookie { display: block; float: right; cursor: pointer; background-image: url(../Assets/icons/cancel.png); background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; margin-bottom: 5px; }
    #cookie_disclaimer span { color: #555; font-size: 15px; float: left; }
    #cookie_disclaimer .input-buttons-accept { float: right; width: auto; margin-top: 10px; }



/* Links, Buttons, Dropdowns
----------------------------------*/
a.login-btn { cursor: pointer; text-align: center; font-size: 14px; font-weight: 500; min-width: 85px; background-color: #3A4057; color: #FFF; color: var(--input-button-text-color); border: 1px solid #3A4057; text-decoration: none; padding: 7px 10px; line-height: 17px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
    a.login-btn:hover { background-color: #4D5577; }
    a.login-btn:active { background-color: #4D5577; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }



/* About and Contact Sections
----------------------------------*/
.about-section, .contact-section { display: block; clear: both; padding: 20px 0; text-align: left; }
    .about-section p { line-height: 20px; }
    .about-section img.examplequestionoftheday { float: right; max-height: 400px; margin-left: 10px; margin-bottom: 10px; }
    .about-section img.examplenews { max-width: 100%; }
    .about-section .about-logo-holder { text-align: center; }
        .about-section .about-logo-holder img { max-width: 350px; width: 100%; }
.user-profile-pic { width: 120px; height: 120px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; object-fit: cover; }
.text-hint { opacity: 0.9; font-size: 14px; color: #000; display: inline-block; clear: both; padding: 5px 20px; background-image: url(../Assets/icons/help.png); background-repeat: no-repeat; background-position: left 8px; background-size: 14px; filter: var(--site-settings-desc-filter); -moz-filter: var(--site-settings-desc-filter); -webkit-filter: var(--site-settings-desc-filter); }
    .text-hint a { filter: var(--site-settings-desc-filter); -moz-filter: var(--site-settings-desc-filter); -webkit-filter: var(--site-settings-desc-filter); }
.text-hint-small { opacity: 0.9; font-size: 12px; color: #000; display: inline-block; clear: both; padding: 5px 20px; background-image: url(../Assets/icons/help.png); background-repeat: no-repeat; background-position: left 8px; background-size: 11px; filter: var(--site-settings-desc-filter); -moz-filter: var(--site-settings-desc-filter); -webkit-filter: var(--site-settings-desc-filter); }
.contact-section, .contact-section a, body.login-body .contact-section .field-validation-error { color: #34363E !important; color: var(--body-text-color) !important; }
    .contact-section a { text-decoration: underline; }
        .contact-section a:hover { text-decoration: none; }
    .contact-section .helpcenter-icon, .contact-section .contactform-icon { float: left; max-height: 64px; margin-right: 20px; border: none; filter: none; -moz-filter: none; -webkit-filter: none; filter: var(--title-section-bar-page-title-image-filter); -moz-filter: var(--title-section-bar-page-title-image-filter); -webkit-filter: var(--title-section-bar-page-title-image-filter); }
    .contact-section .helpcenter-text, .contact-section .contactform-text { color: #34363E; color: var(--body-text-color); display: table-cell; }
    .contact-section .helpcenter-text { padding-top: 7px; }
    .contact-section .contactform-text { padding-top: 0; }
        .contact-section .helpcenter-text h2, .contact-section .contactform-text h2 { display: block; clear: both; padding-bottom: 4px; }
    .contact-section .btn-default { float: right; margin-top: 15px; }
        .contact-section .btn-default.help-center { margin-top: -42px; }
.contact-form-name { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 48%; padding-right: 15px; }



/* Help Center
----------------------------------*/
.left-helpitem-content, .right-helpitem-content { display: table-cell; vertical-align: top; }
.right-helpitem-content { width: 100%; }
.help-center-item .help-icon { width: 40px; height: 40px; margin-right: 15px; object-fit: cover; }
    .help-center-item .help-icon.help-icon-sml { width: 40px; height: 40px; filter: var(--formcontrol-field-image-filter); -moz-filter: var(--formcontrol-field-image-filter); -webkit-filter: var(--formcontrol-field-image-filter); }
.help-center-item .help-topic-text { font-size: 16px; font-weight: bold; display: block; clear: both; padding-bottom: 5px; }
.help-center-item .help-description-text, .help-center-item .help-description-topic { font-size: 14px; display: block; clear: both; padding-bottom: 10px; }
.help-center-item .help-description-topic { max-height: 105px; overflow: hidden; white-space: nowrap; }
    .help-center-item .help-description-topic ul { display: none; }
    .help-center-item .help-description-topic p { overflow: hidden; text-overflow: ellipsis; }
.help-center-item, .help-center-item .section-padding { cursor: pointer; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    .help-center-item:hover .section-padding { background-color: rgba(0, 0, 0, 0.05); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
    .help-center-item:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); transform: scale(0.95); }
.help-topic-item .help-description { font-weight: bold; }
.help-topic-item img { max-width: 100%; object-fit: scale-down; }
.help-topic-item p { white-space: pre-wrap; word-break: break-word; }
.help-topic-item ol, .help-topic-item ul { margin-left: 15px; }
.help-topic-item li { margin-left: 10px; margin-top: 15px; }
.cke_notifications_area { display: none !important; }



/* Site Settings
----------------------------------*/
.site-settings-item { display: block; clear: both; padding: 10px; }
    .site-settings-item .system-settings-field-text, .form-control-label { padding: 0 15px 2px 0; color: #555; color: var(--form-control-label-text-color); font-size: 14px; font-weight: bold; position: relative; line-height: 16px; }
    .site-settings-item .site-settings-ctrl { padding: 10px 0; overflow: auto; }
    .site-settings-item .site-settings-desc, .site-settings-summary .site-settings-desc { padding: 0 10px 0 25px; margin-bottom: 20px; color: #000; opacity: 0.7; font-size: 12px; background: url(../Assets/icons/help.png) no-repeat 7px center; background-size: 12px; filter: none; -moz-filter: none; -webkit-filter: none; filter: var(--site-settings-desc-filter); -moz-filter: var(--site-settings-desc-filter); -webkit-filter: var(--site-settings-desc-filter); }
        .site-settings-item .site-settings-desc a, .site-settings-summary .site-settings-desc a { filter: var(--site-settings-desc-filter); -moz-filter: var(--site-settings-desc-filter); -webkit-filter: var(--site-settings-desc-filter); }
.site-settings-summary .input-settings-holder { clear: both; padding: 5px 0 15px 0; display: block; }
    .site-settings-summary .input-settings-holder .font-bold { clear: both; display: block; font-weight: bold; }
    .site-settings-summary .input-settings-holder .clear-space-two { display: block; clear: both; height: 5px; }
    .site-settings-summary .input-settings-holder ul { margin-left: 17px; }
    .site-settings-summary .input-settings-holder li { padding-bottom: 10px; padding-right: 20px; word-wrap: break-word; white-space: pre-wrap; font-size: 14px; }
    .site-settings-summary .input-settings-holder .label-success, .site-settings-summary .input-settings-holder .label-warning { display: inline; padding: 3px 5px; color: #FFF; font-size: 12px; font-weight: bold; margin-left: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    .site-settings-summary .input-settings-holder .label-warning { background-color: #F39C12; }
    .site-settings-summary .input-settings-holder .label-success { background-color: #17B76D; }
    .site-settings-summary .input-settings-holder .assembly-info-space { clear: both; display: block; height: 5px; }
    .site-settings-summary .input-settings-holder i { display: block; clear: both; padding-bottom: 3px; }
    .site-settings-summary .input-settings-holder .assembly-info-style { font-size: 12px; }
#service-workers-running a { user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.assembly-bottom-links { display: block; clear: both; text-align: center; }
    .assembly-bottom-links a { display: inline-block; font-size: 13px; margin: 10px 10px 0 10px; }
.assembly-link-btn { margin-left: 10px; font-size: 12px; }
.assembly-section-item .assembly-settings-desc { display: block; margin-bottom: 25px; }
.section-icon-img { float: left !important; height: 28px !important; margin-right: 5px !important; margin-top: 5px !important; }



@media screen and (max-width: 700px) {
    .top-header { background-size: 55% 100%; }
    .section .left-content { display: block; clear: both; min-width: auto; width: 100%; text-align: center; margin: 0 auto; margin-top: 20px !important; }
    .section .right-content { display: none; clear: both; min-width: auto; width: 100%; text-align: center; }
    .section ul > li { margin-left: 20px; }
}

@media screen and (max-width: 575px) {
    #main-container { padding-top: 0 !important; }
    .contact-section .btn-default.help-center { margin-top: 15px; }
    .top-header { background-size: 140% 105%; height: 140px; }
    .section.slogan .section-background-image { background-position: center top; }
    header .main-logo-holder, header .main-login-holder { display: block; clear: both; width: 100%; text-align: center; margin-left: 0; margin-right: 0; }
        header .main-logo-holder img.main-logo { display: inline-block; max-width: 250px; height: auto; }
    header .main-login-holder { margin-top: 35px; margin-bottom: 0px; }
    .themeQuickSelect-dropdown { top: 178px; }
    .section.slogan, .section-background-image { border-bottom-left-radius: 80px; -moz-border-bottom-left-radius: 80px; -webkit-border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; -moz-border-bottom-right-radius: 80px; -webkit-border-bottom-right-radius: 80px; }
}