input[type=checkbox] + b {display: inline-block; min-width: 59px; height: 23px; line-height: 21px; margin-right: 5px; padding: 3px; font-weight: normal; text-align: center; color: white; background-color: #6B6B6B; border-radius: 15px; cursor: pointer;}
input[type=checkbox] + b.small {min-width: 44px; height: 17px; line-height: 15px; padding: 2px; font-size: 12px; border-radius: 10px;}
input[type=checkbox] + b span {display: none; padding: 0px 1px;}
input[type=checkbox]:checked + b {background-color: #0086D7;}
input[type=checkbox]:not(:checked) + b span:first-child {display: inline;}
input[type=checkbox]:checked + b span:last-child {display: inline;}
input[type=checkbox]:not(:checked) + b:before, input[type=checkbox]:checked + b:after {display: inline-block; content: ''; width: 23px; height: 23px; background-color: #F2F2F2; border-radius: 100%;}
input[type=checkbox]:not(:checked) + b.small:before, input[type=checkbox]:checked + b.small:after {width: 17px; height: 17px;}
input[type=checkbox]:not(:checked) + b:before {float: left;}
input[type=checkbox]:checked + b:after {float: right;}
input[type=checkbox]:disabled + b {background-color: #A2A2A2;}
input[type=checkbox]:disabled:checked + b {background-color: #5FBFE0;}
input[type=submit] {position: absolute; width: 0px; height: 0px; padding: 0px; border: none; font-size: 0px; background-color: transparent; color: transparent; -webkit-appearance: none;}
.commonExplanationTooltipParent {z-index: 1;}
.commonExplanationTooltip {position: absolute; z-index: 1;}
.commonExplanationTooltip:before {position: absolute; z-index: -1; display: block; content: '';}
.commonExplanationTooltipClose {cursor: pointer;}
.generalLanguageIcon {display: inline-block; width: 15px; height: 12px; margin-left: 2px; background-repeat: no-repeat; background-size: contain; vertical-align: -1px; border-radius: 2px; mix-blend-mode: luminosity;}
.generalLanguageIcon.code-en {background-image: url('images/languages/en.svg?1751794383');}
.generalLanguageIcon.code-sl {background-image: url('images/languages/sl.svg?1751794383');}
.generalLanguageIcon.code-de {background-image: url('images/languages/de.svg?1751794383');}
.generalLanguageIcon.code-fr {background-image: url('images/languages/fr.svg?1751794383');}
.generalLanguageIcon.code-es {background-image: url('images/languages/es.svg?1751794383');}
.generalLanguageIcon.code-pt {background-image: url('images/languages/pt.svg?1751794383');}
.generalLanguageIcon.code-ru {background-image: url('images/languages/ru.svg?1751794383');}
.generalLanguageIcon.code-pl {background-image: url('images/languages/pl.svg?1751794383');}
.generalLanguageIcon.code-ro {background-image: url('images/languages/ro.svg?1751794383');}
.generalLanguageIcon.code-tr {background-image: url('images/languages/tr.svg?1751794383');}
.generalLanguageIcon.code-cmn {background-image: url('images/languages/cmn.svg?1751794383');}
.generalLanguageIcon.code-yue {background-image: url('images/languages/yue.svg?1751794383');}
.generalLanguageIcon.code-vi {background-image: url('images/languages/vi.svg?1751794383');}
.generalLanguageIcon.code-ja {background-image: url('images/languages/ja.svg?1751794383');}
.generalLanguageIcon.code-ko {background-image: url('images/languages/ko.svg?1751794383');}
.generalLanguageIcon.code-it {background-image: url('images/languages/it.svg?1751794383');}
.generalLanguageIcon.code-da {background-image: url('images/languages/da.svg?1751794383');}
.generalLanguageIcon.code-ptbr {background-image: url('images/languages/ptbr.svg?1751794383');}
.generalCampaignUserBatches {white-space: nowrap;}
.generalCampaignUserBatches.many {}
.generalCampaignUserBatchesIcons {}
.generalCampaignUserBatchesIcon {display: inline-block; width: 7px; height: 7px; margin-right: 1px; border: 1px solid #999999;}
.generalCampaignUserBatches.many .generalCampaignUserBatchesIcon {width: 3px;}
.generalCampaignUserBatchesIcon.resolved {border-color: transparent; background-color: #0086D7;}
.generalCampaignUserBatches.resolved .generalCampaignUserBatchesIcon {border-color: transparent; background-color: #80AB30;}
.generalCampaignUserBatchesResolvedCount {}
.generalCampaignUserBatchesAllCount {}
.generalCampaignUserStatus {white-space: nowrap;}
.generalCampaignUserStatusIcon {display: inline-block; vertical-align: middle;}
.generalCampaignUserStatus .generalCampaignUserStatusIcon {width: 17px; padding-right: 6px; font-size: 16px; text-align: center;}
.generalCampaignUserStatusIcon.status-waitingforinvite {color: #808080;}
.generalCampaignUserStatusIcon.status-invited {color: #808080;}
.generalCampaignUserStatusIcon.status-ontime {color: #80AB30;}
.generalCampaignUserStatusIcon.status-slightlydelayed {color: #F2A916;}
.generalCampaignUserStatusIcon.status-severelydelayed {color: #CB2326;}
.generalCampaignUserStatusIcon.status-ignored {color: #CB2326;}
.generalCampaignUserStatusIcon.status-abandoned {color: #CB2326;}
.generalCampaignUserStatusIcon.status-observationstarted {color: #6B6B6B;}
.generalCampaignUserStatusIcon.status-deadlinepassed {color: #CB2326;}
.generalCampaignUserStatusIcon.status-failed {color: #282828;}
.generalCampaignUserStatusIcon.status-completed {color: #80AB30;}
.generalCampaignUserStatusIcon.status-archived {color: #80AB30;}
.app .generalCampaignUserStatusIcon.status-ontime {color: #3CAB59;}
.app .generalCampaignUserStatusIcon.status-completed {color: #3CAB59;}
.app .generalCampaignUserStatusIcon.status-archived {color: #3CAB59;}
.generalDropdown {display: none; position: absolute; max-height: 200px; margin-top: 5px; font-size: 12px; background-color: white; color: #282828; outline: 1px solid #0086D7; box-shadow: 0px 0px 10px #6B6B6B, 0px 0px 10px #6B6B6B; overflow-y: auto; z-index: 1;}
.generalDropdown > a {color: inherit; text-decoration: none !important;}
.generalDropdown > * {display: block; margin: 1px 1px -1px; padding: 6px 12px; cursor: pointer;}
.generalDropdown > *:last-child {margin-bottom: 1px;}
.generalDropdown > *:not(.disabled):hover {background-color: #00BFFF; color: white;}
.generalDropdown > *:not(.disabled):hover .fd {color: inherit;}
.generalDropdown > *.selected {background-color: #0086D7; color: white;}
.generalDropdown > *.disabled {color: #999999; cursor: default;}
.generalDropdown > *.disabled .fd {color: inherit;}
.generalDropdownDelimiter {border-top: 1px solid #6B6B6B;}
.generalClickableEntry {cursor: pointer;}
.generalFormSuggestions {box-shadow: none !important;}
html, body {height: 100%; margin: 0px; padding: 0px;}
body {font: 16px 'Source Sans Pro', Verdana, Arial, sans-serif; background-color: #464B52; color: #282828;}
img {border: none;}
select, option, input, textarea {font: inherit; outline: none;}
.clear {clear: both;}
.templatesContainer, .template {display: none !important;}
a, .link {color: #0086D7; text-decoration: none; cursor: pointer;}
a:hover, .link:hover {text-decoration: underline;}
form {}
form .formSubmitButton {}
form .formResetButton {}
fieldset {max-width: 300px; margin: 12px auto; padding: 0px; border: none;}
fieldset .formError {visibility: hidden; margin-top: 3px; font-size: 14px; font-weight: bold; color: #D2383B;}
fieldset.error .formError {display: block !important; visibility: visible;}
fieldset .formErrorMessage {display: none;}
fieldset .formErrorMessage:first-child {display: block;}
input[type=text], input[type=password], textarea {width: calc(100% - 80px); padding: 8px 40px; border: none; border-bottom: 1px solid #A3A3A3; font-weight: bold; color: #282828; background-color: transparent;}
input[type=text] + input[type=text], input[type=text] + input[type=password] {margin-top: 30px;}
input[type=text]:hover, input[type=password]:hover, textarea:hover {border-color: #6CBED9;}
input[type=text]:focus, input[type=password]:focus, textarea:focus {border-color: #282828 !important;}
.error input[type=text], .error input[type=password], .error textarea, .error select {border-color: #D2383B !important;}
input[type=checkbox], input[type=radio] {position: absolute; width: 0px; height: 0px; margin: 0px; padding: 0px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; clip: rect(0px, 0px, 0px, 0px);}
input[type=checkbox] + span, input[type=radio] + span {display: inline-block; width: 25px; height: 25px; line-height: 25px; margin-right: 3px; border: 2px solid #999999; font-size: 15px; text-align: center; vertical-align: middle; cursor: pointer;}
input[type=radio] + span {text-align: center; border-radius: 25px;}
input[type=checkbox] + span:hover, label:hover input[type=checkbox] + span, input[type=radio] + span:hover, label:hover input[type=radio] + span {border-color: #6CBED9;}
input[type=checkbox] + span:hover:after, label:hover input[type=checkbox] + span:after {content: '\f011'; font-family: 'JollyDeck Dashboard'; color: #BEBEBE;}
input[type=checkbox]:focus + span, input[type=checkbox] + span:active, label:active input[type=checkbox] + span, input[type=radio]:focus + span, input[type=radio] + span:active, label:active input[type=radio] + span {border-color: #5C5750 !important;}
input[type=checkbox]:checked + span:after {content: '\f011'; font-family: 'JollyDeck Dashboard'; color: #6B6B6B !important;}
input[type=radio]:checked + span {line-height: 25px; border-color: transparent !important; font-size: 15px; background-color: #282828;}
input[type=radio]:checked + span:after {content: '\f011'; font-family: 'JollyDeck Dashboard'; color: #FAFBFC;}
input[type=radio]:checked + span:hover, label:hover input[type=radio]:checked + span {background-color: #3B788C;}
input[type=radio]:disabled + span {border-color: #999999 !important; cursor: default;}
input[type=radio]:checked:disabled + span {background-color: #999999 !important;}
.error input[type=checkbox] + span, .error input[type=radio] + span {border-color: #D13639 !important;}
input[type=checkbox] + b.small {font-size: 14px;}
input[type=checkbox]:not(:checked) + b {background-color: #C4C4C4; color: #6B6B6B;}
input[type=checkbox]:not(:checked) + b:before {background-color: #6B6B6B;}
input::placeholder, textarea::placeholder {color: #A3A3A3; font-weight: normal; text-transform: uppercase;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #A3A3A3; font-weight: normal; text-transform: uppercase;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #A3A3A3; font-weight: normal; text-transform: uppercase;}
::-ms-clear {display: none; width: 0px; height: 0px;}
::-ms-reveal {display: none; width: 0px; height: 0px;}
.generalButton {display: inline-block; min-width: 120px; padding: 0px 25px; line-height: 40px; font-weight: bold; text-align: center; background-color: #0086D7; color: white; border-radius: 3px; cursor: pointer; text-decoration: none !important; text-transform: uppercase; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);}
.generalButton:hover, input[type=submit]:focus + .generalButton {background-color: #0084CE;}
.generalButton.loading {cursor: default; white-space: nowrap;}
.generalButton.loading > span:first-child {display: none;}
.generalButton.loading:before, .generalButton.loading:after, .generalButton.loading > span:last-child {display: inline-block; content: ''; width: 12px; height: 12px; transform: scale(0); margin: 0px 3px; border-radius: 100%; animation: generalButtonLoader 1000ms infinite linear;}
.generalButton.loading:before {background-color: #09365F; animation-delay: 0ms;}
.generalButton.loading > span:last-child {background-color: #3BCEFF; animation-delay: 80ms;}
.generalButton.loading:after {background-color: white; animation-delay: 160ms;}
@keyframes generalButtonLoader {
0% {transform: scale(0);}
30% {transform: scale(1);}
60% {transform: scale(0);}
}
.generalCompactViewContainerOuter {display: table; width: 100%; height: 100%;}
.generalCompactViewContainerInner {display: table-cell; vertical-align: middle;}
.generalCompactView {width: 340px; min-height: 360px; margin: 20px auto 30px; padding: 50px 80px 80px; text-align: center; background: #F9F7F3 url('images/general_footer_logotype.svg?1751794383') center bottom no-repeat; color: #6B6B6B;}
.generalCompactView p {margin: 18px 0px;}
.generalCompactView .generalButton {margin: 15px 0px;}
.generalCompactViewPage {display: none;}
.generalCompactViewPage.wide {margin: 0px -30px;}
.generalCompactViewPageActive {display: block;}
.generalCompactViewPageIconSuccess {color: #282828;}
.generalCompactViewPageIconSuccess + .generalCompactViewPageTitle {margin-top: 10px;}
.generalCompactViewPageIconSuccess:before {font-size: 38px;}
.generalCompactViewPageIconHelp {display: block; width: 40px; height: 40px; margin: 0px auto 10px; background: url('images/general_help_icon.svg?1751794383') center center no-repeat;}
.generalCompactViewPageTitle {margin: 0px -20px 22px; font-size: 30px; font-weight: 900; color: #282828;}
.generalCompactViewPageSubtitle {font-size: 26px;}
.generalCompactViewPageSubtitle + p {margin-top: 5px;}
.generalCompactViewPageDescription {margin: 20px 40px; font-size: 16px;}
.generalCompactViewPageNote {margin: 10px 30px; font-size: 14px; color: #A3A3A3;}
.generalCompactViewPageNoteWide {margin: 10px 10px;}
.generalCompactViewPageLink.link {font-size: 14px;}
.generalCompactViewShadowContainer {margin: -30px auto 30px; text-align: center; overflow: hidden;}
.generalCompactViewShadow {display: inline-block; width: 970px; height: 60px; margin: 0px -500px; background: url('images/general_compact_view_shadow.png?1751794383') center top no-repeat; background-size: contain;}
.generalCompactView input[type=text], .generalCompactView input[type=password] {background-repeat: no-repeat; background-position: 5px center;}
.generalCompactView input[name=email] {background-image: url('images/general_email_icon.svg?1751794383');}
.generalCompactView input[type=password] {background-image: url('images/general_password_icon.svg?1751794383');}
@media(max-width: 520px) {
body {font-size: 18px;}
fieldset {max-width: none; margin: 30px auto;}
.generalButton {display: block; width: calc(100% - 30px); height: 32px; line-height: 32px; padding: 10px 15px; font-size: 18px; white-space: nowrap;}
.generalButton.loading:after {font-size: 35px;}
.generalCompactViewContainerOuter:not(.force) {display: block; width: auto; height: 100%;}
.generalCompactViewContainerInner:not(.force) {display: block; height: 100%;}
.generalCompactView {width: auto; min-height: calc(100% - 130px); margin: 0px; padding: 30px 25px 100px;}
.generalCompactViewPage.wide {margin: 0px;}
.generalCompactView p {margin: 25px 0px;}
.generalCompactView input[type=text], .generalCompactView input[type=password] {width: calc(100% - 100px - 2px + 24px); margin-left: -12px; margin-right: -12px;}
.generalCompactView .generalButton {margin: 30px 0px 40px;}
.generalCompactViewPageTitle {margin-left: 0px; margin-right: 0px;}
.generalCompactViewPageDescription {font-size: 18px;}
.generalCompactViewPageNote {margin: 10px 0px 20px; font-size: inherit;}
.generalCompactViewPageLink.link {font-size: inherit;}
.generalCompactViewPageLink.generalButton {font-size: 20px;}
.generalCompactViewShadowContainer {display: none;}
}
.commonIndex {display: none;}
.commonIndexHeader {}
.commonIndexHeaderBasic {padding: 5px 0px; border: 0px solid #CCCCCC; border-top-width: 1px; font-size: 12px; text-align: right;}
.commonIndexHeaderBasic > div {display: inline-block;}
.commonIndexHeaderResults {margin-right: 12px; color: #6B6B6B;}
.commonIndexHeaderSearchButton {}
.commonIndexHeaderSearchButton .fd {font-size: 20px; vertical-align: -4px; margin-left: -4px; margin-right: 7px;}
.commonIndexHeaderSearchButton.generalButtonSmall .fd {font-size: 16px; vertical-align: -2px; margin-right: 5px;}
.commonIndexFiltersFilters {vertical-align: bottom;}
.commonIndexFiltersFilters:after {display: block; content: ''; clear: both;}
.commonIndexFiltersFiltersButtonsInjection {clear: both;}
.commonIndexFilters {display: none; margin-bottom: 5px; padding: 10px 15px; font-size: 12px; background-color: #F2EEE1;}
.commonIndexFilters.initialising {display: block;}
.commonIndexFilters form > div {display: inline-block;}
.commonIndexFilters .formSubmitButton {min-width: 50px;}
.commonIndexFilters .formResetButton {display: none; margin-left: 5px;}
.commonIndexFilter {float: left; margin-right: 20px;}
.commonIndexFilter select {max-width: 260px;}
.commonIndexFilterTitle {display: block; margin-bottom: 3px; color: #282828;}
.commonIndexFilterField {}
.commonIndexFiltersButtons {vertical-align: bottom;}
.commonIndexFiltersFilters .commonIndexFiltersButtons {float: left; margin-top: 18px;}
.commonIndexFiltersClose {float: right; width: 23px; height: 23px; line-height: 25px; margin-top: -2px; margin-right: -6px; font-size: 9px; text-align: center; color: white; background-color: #6B6B6B; border-radius: 23px; cursor: pointer;}
.commonIndexFiltersClose:hover {background-color: #282828;}
.commonIndexFiltersTemplate {display: none;}
.commonIndexPagination {padding: 0px 20px; line-height: 20px;}
.commonIndexPagination:after {display: block; content: ''; clear: both;}
.commonIndexPaginationContainer {}
.commonIndexPaginationContainer > div {display: inline-block;}
.commonIndexPaginationContainer .link {text-decoration: none !important;}
.commonIndexPaginationResults {margin-right: 10px;}
.commonIndexPaginationResultsNumber {}
.commonIndexPaginationResultsUnit {}
.commonIndexPaginationShowAll {}
.commonIndexPaginationShowByPages {}
.commonIndexPaginationPages {float: right;}
.commonIndexPaginationPages ul, .commonIndexPaginationPages li {margin: 0px; padding: 0px; list-style: none;}
.commonIndexPaginationPage {display: inline-block; padding: 0px 10px !important;}
.commonIndexPaginationPage, .commonIndexPaginationShowAll, .commonIndexPaginationShowByPages {text-align: center;}
.commonIndexPaginationPage.disabled {color: #999999 !important; text-decoration: none !important; cursor: default;}
.commonIndexPaginationPage.active {min-width: 20px; height: 20px; margin: 0px 2px !important; padding: 0px !important; line-height: 20px; text-decoration: none !important; background-color: #282828; color: white;}
.commonIndexPaginationPage .fd {margin: 0px 2px; font-size: 82%;}
.mobile .commonIndexPagination {margin: 10px 20px; padding: 0px; font-size: 14px;}
.mobile .commonIndexPaginationContainer > div {display: block;}
.mobile .commonIndexPaginationPages {float: none; margin-bottom: 8px; text-align: center;}
.mobile .commonIndexPaginationPage.pagination-start, .mobile .commonIndexPaginationPage.pagination-end {display: none;}
.mobile .commonIndexPaginationResults {float: left;}
.mobile .commonIndexPaginationShowAll, .mobile .commonIndexPaginationShowByPages {float: right;}
.commonIndexNoEntries {padding: 12px 0px;}
.login {}
.loginRememberMe {padding-bottom: 6px; border-bottom: 1px dashed #CDCDCD; color: #A3A3A3;}
.loginRememberMeLabel {float: left; margin-top: 3px; margin-left: 5px; text-transform: uppercase;}
.loginRememberMeButton {float: right;}
.loginFooter {}
.loginFooterResetPassword {}
.loginFooterSubmit {}
.login .generalCompactViewPageTitle img {max-width: 300px;}
.loginMethodSelection {margin: 30px 0px;}
.loginMethodSelectionLabel {text-align: left; color: #282828;}
.loginMethodSelectionMenu {display: table; width: calc(100% + 40px - 4px - 2px); margin: 5px -20px; padding: 2px; border: 1px solid #0086D7; border-radius: 18px;}
.loginMethodSelectionMenuOption {display: table-cell; padding: 4px 18px; color: #0086D7; border-radius: 15px; cursor: pointer; white-space: nowrap; vertical-align: middle;}
.loginMethodSelectionMenuOption.selected {color: white; background-color: #0086D7;}
.loginMethod {display: none;}
.loginMethod.selected {display: block;}
.loginMethodEmployeeID {}
.loginMethodEmail {}
.loginEmployeeIDForm {}
.loginEmployeeIDForm fieldset {max-width: none; margin: 5px 0px;}
.loginEmployeeIDFormDepartment, .loginEmployeeIDForm input[type=text] {margin-top: 5px; background-repeat: no-repeat; background-position: 4px center, right center;}
.loginEmployeeIDFormDepartment {position: relative; background-image: url('images/login_department_icon.svg?1751794383'), url('images/login_department_expand_icon.svg?1751794383'); cursor: pointer; caret-color: transparent;}
.loginEmployeeIDFormDepartment.openedmenu {z-index: 1; border-color: #5C5750 !important;}
.loginEmployeeIDForm input[name=employeeid] {background-image: url('images/login_employeeid_icon.svg?1751794383');}
.loginEmployeeIDForm input[name=lastname] {background-image: url('images/login_lastname_icon.svg?1751794383');}
.loginEmployeeIDForm .formSubmitButton {margin-top: 10px;}
.loginEmployeeIDFormDepartmentMenu {}
.loginEmployeeIDFormDepartmentMenu {margin-top: 0px; padding: 4px 0px; font-size: inherit; text-align: left; color: inherit;}
.loginEmployeeIDFormDepartmentMenu > * {padding: 4px 20px;}
.logout {text-align: center; color: white;}
.logoutTitle {margin: 15px 30px 40px; font-size: 30px; font-weight: 900;}
@media not all and (max-width: 520px) {
.loginFooterResetPassword {float: left; line-height: 40px; margin: 15px 5px;}
.loginFooterSubmit {float: right;}
.loginFooterSubmit .generalButton {min-width: 0px;}
}
@media(max-width: 520px) {
.loginMethodSelectionMenuOption {white-space: normal;}
}
.registration .generalCompactViewPage.page-password .generalCompactViewPageNote {margin-top: 30px; margin-bottom: 15px;}
.registration input[name=name] {background-image: url('images/registration_name_icon.svg?1751794383');}
.registration input[name=email] {background-image: url('images/registration_email_icon.svg?1751794383');}
.registration input[name=password] {background-image: url('images/registration_password_icon.svg?1751794383');}
.registration input[name=clientname] {background-image: url('images/registration_clientname_icon.svg?1751794383');}
.registrationTrialCampaigns {text-align: left;}
.registrationTrialCampaign {margin-bottom: 30px; padding-left: 10px; border-left: 16px solid #0086D7; cursor: pointer;}
.registrationTrialCampaign:hover .registrationTrialCampaignTitle {text-decoration: underline;}
.registrationTrialCampaignTitle {line-height: 24px; margin-bottom: 6px; margin-left: -1px; font-size: 26px; color: #0086D7;}
.registrationTrialCampaignDescription {font-size: 14px;}
.registrationTrialCampaignTags {margin-top: 15px; font-size: 14px; color: #0086D7;}
.registrationSeparator {margin: 20px -20px; border-bottom: 3px solid #282828;}
@media(max-width: 520px) {
.registrationTrialCampaignTitle {line-height: 1; font-size: 28px;}
.registrationTrialCampaignDescription {font-size: 16px;}
}
body.home {text-align: center; color: white;}
.home .generalCompactViewContainerInner {padding: 20px 30px;}
.homeTitle {margin: 15px 0px; font-size: 30px; font-weight: 900;}
.homeDescription {}
.homeOptions {margin-top: 25px; margin-bottom: 35px;}
.homeOption {display: inline-block; margin: 20px; text-decoration: none !important;}
@media(max-width: 520px) {
.homeOption {display: block; margin: 40px 0px;}
}
body.invitation {background-color: white;}
.invitationInnerContainer {max-width: 707px; margin: 0px auto; padding: 0px 30px;}
.invitationIntro {min-height: 300px; padding-top: 45px; padding-bottom: 30px; background: #28687D url('images/invitation_intro_background.png?1751794383') center bottom no-repeat; color: #CCCCCC;}
.invitationContent {padding: 30px 0px; border-bottom: 1px solid #EBEBEB; background-color: #FAFBFC; color: #282828;}
.invitationContent:after {display: block; content: ''; clear: both;}
.invitationFooter {margin: 12px 0px; font-size: 16px; text-align: center; color: #999999;}
.invitationFooter .fd {margin-right: 5px; font-size: 21px; color: #B3B3B3; vertical-align: -4px;}
.invitationIntroContent {float: left;}
.invitationMobilePhone {display: inline-block; width: 208px; height: 490px; float: right; margin-top: -15px; background: url('images/invitation_mobile_phone.png?1751794383') no-repeat;}
.invitationTitle {margin-bottom: 5px; font-size: 40px; font-weight: 300; color: white;}
.invitationDescription {margin-bottom: 20px;}
.invitationDescriptionNoMobile {}
.invitationCampaignContents {}
.invitationCampaignContent {margin: 10px 0px;}
.invitationCampaignContentIcon {float: left; width: 55px; margin-top: 2px; font-size: 36px; text-align: center; color: white;}
.invitationCampaignContentIcon .fd-content-test-challenge {margin-top: -5px; font-size: 44px;}
.invitationCampaignContentData {overflow: hidden;}
.invitationCampaignContentName {font-size: 26px; font-weight: 300; color: white;}
.invitationCampaignContentType {}
.invitationButtonContainer {margin-top: 25px; margin-left: 55px;}
.invitationButton {display: inline-block; padding: 5px 30px; font-size: 20px; font-weight: bold; background-color: #E36A6C; color: white; text-decoration: none !important; border-radius: 3px;}
@media(max-width: 768px) {
body.invitation {text-align: center;}
.invitationIntro {background: linear-gradient(#101D21, #508EA1);}
.invitationContent {display: none;}
.invitationFooter {margin: 20px 0px;}
.invitationIntroContent {float: none;}
.invitationMobilePhone {float: none; margin-top: 60px;}
.invitationDescriptionNoMobile {display: none;}
.invitationCampaignContents {display: none;}
.invitationButtonContainer {margin-left: 0px;}
}
.mailingUnsubscribe {font-size: 18px; background-color: white;}
.mailingUnsubscribeInnerContainer {}
.mailingUnsubscribeHeader {}
.mailingUnsubscribeContent {}
.mailingUnsubscribeContent:after {display: block; content: ''; clear: both;}
.mailingUnsubscribeFooter {}
.mailingUnsubscribeSubpage {display: none;}
.mailingUnsubscribeSubpage.page-main {display: block;}
.mailingUnsubscribeSubpageWithPanels {width: 670px; margin: 0px auto;}
.mailingUnsubscribeSubpageIconPanel {display: inline-block; width: 130px; margin-right: 30px; text-align: right; vertical-align: top;}
.mailingUnsubscribeSubpageContentPanel {display: inline-block; width: 500px; vertical-align: top;}
.mailingUnsubscribeSubpageTitle {margin-bottom: 10px; font-size: 36px; font-weight: 300;}
.mailingUnsubscribeSubpageDescription {margin-left: 2px; line-height: 1.3; color: #666666;}
.mailingUnsubscribeForm {}
.mailingUnsubscribeFormTitle {margin-bottom: 20px; font-size: 36px; font-weight: 300;}
.mailingUnsubscribeFormOptions {margin-bottom: 35px;}
.mailingUnsubscribeFormOptions.disabled {color: #999999;}
.mailingUnsubscribeFormOptions.disabled label {cursor: auto;}
.mailingUnsubscribeFormOption {margin-left: 3px; margin-bottom: 30px;}
.mailingUnsubscribeFormOption:after {display: block; content: ''; clear: both;}
.mailingUnsubscribeFormOption label {cursor: pointer;}
.mailingUnsubscribeFormOptionField {float: left; margin-right: 20px;}
.mailingUnsubscribeFormOptionLabel {float: left; max-width: 310px; margin-top: 3px;}
.mailingUnsubscribeFormSubmit {}
.mailingUnsubscribeFormSubmitButton {}
.mailingUnsubscribeFormSuccess {display: none; margin-left: 8px; font-weight: bold;}
.mailingUnsubscribeFormSuccessIcon {display: inline-block; width: 25px; height: 25px; line-height: 27px; margin-right: 22px; font-size: 11px; text-align: center; color: white; background-color: #80AB30; border-radius: 100%;}
.mailingUnsubscribeAnimation {float: right; width: 440px; margin-top: -74px}
.mailingUnsubscribeAnimationAnvilHanging {position: relative; width: 110px; height: 202px; margin-bottom: 50px; background: url('images/mailing/animation_anvil_hanging.png?1751794383') no-repeat; transform-origin: 56px 0px;}
.mailingUnsubscribeAnimationAnvilHanging {font-size: 1px; color: rgba(0, 0, 0, 0.01);}
.mailingUnsubscribeAnimationAnvilHanging.free {background-image: url('images/mailing/animation_anvil_without_rope.png?1751794383');}
.mailingUnsubscribeAnimationAnvilHanging.crashed {background-image: url('images/mailing/animation_anvil_crashed.png?1751794383'); background-position: left bottom;}
.mailingUnsubscribeAnimationJoyaContainer {float: left; width: 120px; padding-right: 10px; padding-bottom: 5px; background: url('images/mailing/animation_joya_shadow.png?1751794383') center bottom no-repeat;}
.mailingUnsubscribeAnimationJoya {width: 40px; height: 36px; margin: 0px auto; background: url('images/mailing/animation_joya_normal.png?1751794383') no-repeat;}
.mailingUnsubscribeAnimationJoya.scared {background-image: url('images/mailing/animation_joya_scared.png?1751794383');}
.mailingUnsubscribeAnimationJoya.blink {background-image: url('images/mailing/animation_joya_blink.png?1751794383');}
.mailingUnsubscribeAnimationJoyaDescriptionContainer {float: left; width: 300px; margin-left: 10px; font-size: 14px; color: #999999;}
.mailingUnsubscribeAnimationJoyaDescriptionArrow {float: left; margin-right: 8px; line-height: 34px; font-size: 16px;}
.mailingUnsubscribeAnimationJoyaDescription {}
.mailingUnsubscribeAnimationJoyaDescription.normal {}
.mailingUnsubscribeAnimationJoyaDescription.crashed {display: none;}
.mailingUnsubscribeAnimationJoyaDescriptionEmphasized {color: red;}
.mailingUnsubscribeAnimationJoyaDescriptionResubscribeButton {display: none; width: 220px; margin-top: 30px; white-space: nowrap;}
.mailingUnsubscribeResubscribeForm {}
.mailingUnsubscribeResubscribeButton {margin-top: 25px;}
@media not all and (max-width: 520px) {
.mailingUnsubscribe .generalButton {font-size: 17px; font-weight: bold;}
.mailingUnsubscribeInnerContainer {width: 890px; margin: 0px auto; padding: 0px 30px;}
.mailingUnsubscribeHeader {height: 32px; background: #28687D url('images/mailing/header_background.png?1751794383') center center no-repeat;}
.mailingUnsubscribeHeader .fd {display: none;}
.mailingUnsubscribeContent {min-height: 330px; padding: 40px 0px; border-bottom: 1px solid #EBEBEB; background-color: #FAFBFC; color: #282828;}
.mailingUnsubscribeFooter {margin: 12px 0px; font-size: 14px; text-align: center; color: #999999;}
.mailingUnsubscribeFooter .fd {margin-right: 5px; font-size: 21px; color: #B3B3B3; vertical-align: -4px;}
.mailingUnsubscribeForm {float: left; width: 370px;}
.mailingUnsubscribeFormSubmit {margin-left: 80px;}
.mailingUnsubscribeFormSubmitButton {padding-left: 40px; padding-right: 40px;}
}
@media(max-width: 520px) {
.mailingUnsubscribe {height: calc(100% - 2px); padding: 1px 20px; color: #333333;}
.mailingUnsubscribeHeader {margin-top: 20px; font-size: 40px; text-align: center;}
.mailingUnsubscribeFooter {display: none;}
.mailingUnsubscribeForm {max-width: 370px; margin: 0px auto;}
.mailingUnsubscribeAnimation {display: none;}
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
url('css/font-sourcesanspro/SourceSansPro-Light.woff?1751794383') format('woff'),
url('css/font-sourcesanspro/SourceSansPro-Light.ttf?1751794383') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: normal;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
url('css/font-sourcesanspro/SourceSansPro-Regular.woff?1751794383') format('woff'),
url('css/font-sourcesanspro/SourceSansPro-Regular.ttf?1751794383') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: bold;
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'),
url('css/font-sourcesanspro/SourceSansPro-Semibold.woff?1751794383') format('woff'),
url('css/font-sourcesanspro/SourceSansPro-Semibold.ttf?1751794383') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 900;
src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
url('css/font-sourcesanspro/SourceSansPro-Black.woff?1751794383') format('woff'),
url('css/font-sourcesanspro/SourceSansPro-Black.ttf?1751794383') format('truetype');
}
@font-face {
font-family: 'JollyDeck Dashboard';
src: url('css/font-jollydeck-dashboard/jollydeck-dashboard.woff2?1751794383');
src: url('css/font-jollydeck-dashboard/jollydeck-dashboard.woff2?1751794383') format('woff2'),
url('css/font-jollydeck-dashboard/jollydeck-dashboard.woff?1751794383') format('woff');
font-weight: normal;
font-style: normal;
}
.fd {
display: inline-block;
font: normal normal normal 14px/1 'JollyDeck Dashboard';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fd-spin {
-webkit-animation: fd-spin 2s infinite linear;
animation: fd-spin 2s infinite linear;
}
@-webkit-keyframes fd-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fd-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fd-arrow-left:before {content: '\f000';}
.fd-arrow-right:before {content: '\f001';}
.fd-arrow-up:before {content: '\f002';}
.fd-arrow-down:before {content: '\f003';}
.fd-arrow-double-left:before {content: '\f004';}
.fd-arrow-double-right:before {content: '\f005';}
.fd-remove:before {content: '\f010';}
.fd-checkmark:before {content: '\f011';}
.fd-warning:before {content: '\f012';}
.fd-loader:before {content: '\f013';}
.fd-menu:before {content: '\f014';}
.fd-enabled:before {content: '\f015';}
.fd-disabled:before {content: '\f016';}
.fd-circle-checkmark:before {content: '\f017';}
.fd-circle-checkmark-filled:before {content: '\f018';}
.fd-general-download:before {content: '\f050';}
.fd-general-upload:before {content: '\f051';}
.fd-general-edit:before {content: '\f052';}
.fd-general-export-spreadsheet:before {content: '\f053';}
.fd-general-settings:before {content: '\f054';}
.fd-general-search:before {content: '\f055';}
.fd-general-delete-warning:before {content: '\f056';}
.fd-general-help:before {content: '\f057';}
.fd-general-support:before {content: '\f058';}
.fd-general-user:before {content: '\f060';}
.fd-general-user-role:before {content: '\f061';}
.fd-general-user-me:before {content: '\f062';}
.fd-general-user-manager:before {content: '\f063';}
.fd-general-user-avatar:before {content: '\f064';}
.fd-general-user-team:before {content: '\f065';}
.fd-general-email:before {content: '\f066';}
.fd-general-email-sent:before {content: '\f067';}
.fd-general-email-notsent:before {content: '\f068';}
.fd-general-email-footer:before {content: '\f069';}
.fd-general-emails:before {content: '\f070';}
.fd-general-duration:before {content: '\f071';}
.fd-general-leaderboard:before {content: '\f072';}
.fd-general-faqs:before {content: '\f073';}
.fd-general-library:before {content: '\f074';}
.fd-general-link:before {content: '\f075';}
.fd-general-options:before {content: '\f076';}
.fd-general-print:before {content: '\f077';}
.fd-general-upvote:before {content: '\f078';}
.fd-general-folder:before {content: '\f080';}
.fd-general-folder-alternative:before {content: '\f081';}
.fd-general-folder-opened:before {content: '\f082';}
.fd-general-folder-add:before {content: '\f083';}
.fd-general-folder-child:before {content: '\f084';}
.fd-general-folder-open-access:before {content: '\f085';}
.fd-general-folder-limited-access:before {content: '\f086';}
.fd-logotype:before {content: '\f100';}
.fd-campaign-content:before {content: '\f110';}
.fd-campaign-users:before {content: '\f111';}
.fd-campaign-emails:before {content: '\f112';}
.fd-campaign-statistics:before {content: '\f113';}
.fd-campaign-activities:before {content: '\f114';}
.fd-campaign-draft:before {content: '\f120';}
.fd-campaign-published:before {content: '\f121';}
.fd-campaign-scheduled:before {content: '\f122';}
.fd-campaign-unpublished:before {content: '\f123';}
.fd-campaign-publish:before {content: '\f124';}
.fd-campaign-publish-library:before {content: '\f125';}
.fd-campaign-statistics-alternative:before {content: '\f126';}
.fd-campaign-statistics-advanced:before {content: '\f127';}
.fd-campaign-statistics-empty:before {content: '\f128';}
.fd-campaign-statistics-user-explanation:before {content: '\f129';}
.fd-campaign-statistics-answers-statistics:before {content: '\f130';}
.fd-campaign-deadline:before {content: '\f131';}
.fd-campaign-email-reminder:before {content: '\f132';}
.fd-campaign-email-reminder-importance:before {content: '\f133';}
.fd-campaign-email-custom:before {content: '\f134';}
.fd-campaign-feedback-feedback:before {content: '\f135';}
.fd-campaign-feedback-ratings:before {content: '\f136';}
.fd-campaign-observation:before {content: '\f137';}
.fd-content-course:before {content: '\f140';}
.fd-content-course-reference:before {content: '\f141';}
.fd-content-test:before {content: '\f142';}
.fd-content-test-raw:before {content: '\f143';}
.fd-content-test-challenge:before {content: '\f144';}
.fd-content-test-challenge-alternative:before {content: '\f145';}
.fd-content-test-quiz:before {content: '\f146';}
.fd-content-checklist:before {content: '\f147';}
.fd-content-file:before {content: '\f148';}
.fd-content-file-pdf:before {content: '\f149';}
.fd-content-file-ppt:before {content: '\f150';}
.fd-content-file-video:before {content: '\f151';}
.fd-content-file-video-alternative:before {content: '\f152';}
.dashboard .fd-content-file-video:before {content: '\f152';}
.fd-content-scorm:before {content: '\f153';}
.fd-content-observation-checklist:before {content: '\f154';}
.fd-content-live-session:before {content: '\f155';}
.fd-content-new:before {content: '\f157';}
.fd-content-feedback:before {content: '\f158';}
.fd-content-batch-changeday:before {content: '\f159';}
.fd-informationunit-content:before {content: '\f160';}
.fd-informationunit-content-checklist-item:before {content: '\f161';}
.fd-informationunit-question:before {content: '\f162';}
.fd-informationunit-move:before {content: '\f165';}
.fd-informationunit-add:before {content: '\f166';}
.fd-informationunit-important:before {content: '\f167';}
.fd-informationunit-feedback:before {content: '\f168';}
.fd-user-segments:before {content: '\f170';}
.fd-user-role-talent-viewer:before {content: '\f175';}
.fd-user-role-author:before {content: '\f176';}
.fd-user-role-auditor:before {content: '\f177';}
.fd-user-role-manager:before {content: '\f178';}
.fd-user-role-administrator:before {content: '\f179';}
.fd-campaign-user-status-waiting:before {content: '\f180';}
.fd-campaign-user-status-started:before {content: '\f181';}
.fd-campaign-user-status-abandoned:before {content: '\f182';}
.fd-campaign-user-status-ignored:before {content: '\f183';}
.fd-campaign-user-status-observationstarted:before {content: '\f184';}
.fd-campaign-user-status-completed:before {content: '\f185';}
.fd-campaign-user-status-deactivated:before {content: '\f182';}
.fd-campaign-user-status-deadlinepassed:before {content: '\f186';}
.fd-campaign-user-status-failed:before {content: '\f187';}
.fd-activity-invitation-campaign:before {content: '\f200';}
.fd-activity-campaign-resolved:before {content: '\f201';}
.fd-activity-invitation-task:before {content: '\f202';}
.fd-activity-invitation-batch:before {content: '\f202';}
.fd-activity-batch-downloaded:before {content: '\f203';}
.fd-activity-batch-resolved:before {content: '\f204';}
.fd-activity-reference-resolved:before {content: '\f141';}
.fd-activity-test-started:before {content: '\f205';}
.fd-activity-test-resolved:before {content: '\f206';}
.fd-activity-test-failed:before {content: '\f207';}
.fd-activity-challenge-started:before {content: '\f208';}
.fd-activity-challenge-resolved:before {content: '\f209';}
.fd-activity-challenge-failed:before {content: '\f210';}
.fd-activity-quiz-started:before {content: '\f211';}
.fd-activity-quiz-resolved:before {content: '\f212';}
.fd-activity-unsubscribed:before {content: '\f213';}
.fd-activity-app-install-android:before {content: '\f214';}
.fd-activity-app-install-ios:before {content: '\f215';}
.fd-activity-app-web-enter:before {content: '\f216';}
.fd-activity-rating:before {content: '\f217';}
.fd-activity-feedback-content:before {content: '\f158';}
.fd-activity-feedback-informationunit:before {content: '\f168';}
.fd-activity-checklist-opened:before {content: '\f218';}
.fd-activity-checklist-resolved:before {content: '\f219';}
.fd-activity-file-pdf:before {content: '\f149';}
.fd-activity-file-ppt:before {content: '\f150';}
.fd-activity-file-video:before {content: '\f152';}
.fd-activity-scorm-started:before {content: '\f220';}
.fd-activity-scorm-resolved:before {content: '\f221';}
.fd-activity-observation-checklist-new-rating:before {content: '\f222';}
.fd-activity-observation-checklist-resolved:before {content: '\f223';}
.fd-activity-live-session:before {content: '\f155';}
.fd-video-review-status-finalreview:before {content: '\f240';}
.fd-video-review-status-approved:before {content: '\f241';}
.fd-video-review-status-rejected:before {content: '\f242';}
.fd-video-review-certificate:before {content: '\f243';}
.fd-talent-general:before {content: '\f250';}
.fd-talent-competency:before {content: '\f251';}
.fd-talent-skill-hard:before {content: '\f252';}
.fd-talent-skill-soft:before {content: '\f253';}
.fd-talent-skill-important:before {content: '\f254';}
.fd-talent-tool:before {content: '\f255';}
.fd-talent-product:before {content: '\f256';}
.fd-talent-certificate:before {content: '\f257';}
.fd-talent-job:before {content: '\f258';}
.fd-talent-other-user-message:before {content: '\f259';}
.fd-talent-job-overview:before {content: '\f260';}
.fd-talent-statistics:before {content: '\f261';}
.fd-app-logout:before {content: '\f300';}
.fd-app-arrow-left:before {content: '\f301';}
.fd-app-arrow-right:before {content: '\f302';}
.fd-app-close:before {content: '\f303';}
.fd-app-error:before {content: '\f304';}
.fd-app-deadline:before {content: '\f305';}
.fd-app-content-batch-unresolved:before {content: '\f310';}
.fd-app-content-resolved:before {content: '\f311';}
.fd-app-content-locked:before {content: '\f312';}
.fd-app-content-already-assigned:before {content: '\f313';}
.fd-app-map-start:before {content: '\f320';}
.fd-app-map-end:before {content: '\f321';}
.fd-app-chat-informationunit-content:before {content: '\f330';}
.fd-app-chat-informationunit-question:before {content: '\f331';}
.fd-app-chat-informationunit-question-correct:before {content: '\f332';}
.fd-app-chat-informationunit-question-wrong:before {content: '\f333';}
.fd-app-observation-rating-1:before {content: '\f010';}
.fd-app-observation-rating-2:before {content: '\f340';}
.fd-app-observation-rating-3:before {content: '\f011';}
.fd-app-team-statistics-feedback:before {content: '\f350';}
.fd-app-team-statistics-learning:before {content: '\f351';}
.fd-app-team-statistics-campaign-campaign:before {content: '\f352';}
.fd-app-team-statistics-campaign-library:before {content: '\f353';}
.fd-app-team-statistics-talent-pending-rating:before {content: '\f354';}
.fd-app-team-statistics-team-leaderboard-top:before {content: '\f360';}
.fd-app-team-statistics-team-leaderboard-other:before {content: '\f361';}
.fd-app-informationunit-content-sound-rewind:before {content: '\f370';}
.fd-app-informationunit-content-sound-forward:before {content: '\f371';}
.fd-app-informationunit-question-ordering-answer:before {content: '\f372';}
.fd-app-talent-rating-0:before {content: '\f010';}
.fd-app-talent-rating-1:before {content: '\f011';}
.fd-app-talent-user-job:before {content: '\f380';}
.fd-app-talent-wizard-notrated:before {content: '\f381';}
.fd-app-live-session-active:before {content: '\f390';}
.fd-app-live-session-item-users:before {content: '\f391';}
.fd-app-live-session-duration:before {content: '\f392';}
.fd-app-video-editor:before {content: '\f400';}
.fd-app-video-editor-certificate-candidate:before {content: '\f401';}
.fd-app-video-editor-certificate:before {content: '\f402';}
.fd-app-video-editor-edit:before {content: '\f403';}
.fd-app-video-editor-finalreview:before {content: '\f404';}
.fd-app-video-editor-video-play:before {content: '\f405';}
.fd-app-video-editor-video-pause:before {content: '\f406';}
.fd-app-video-editor-video-sound:before {content: '\f407';}
.fd-app-video-editor-video-fullscreen:before {content: '\f408';}
.fd-app-video-editor-comment:before {content: '\f409';}
.fd-app-video-editor-comment-add:before {content: '\f410';}
.fd-app-video-editor-mobile-warning:before {content: '\f411';}
.fd-app-video-editor-unread-feedback:before {content: '\f412';}
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%;
width: auto;
visibility: visible;
overflow: auto;
max-width: 100%;
max-height: 100%;
}
.simplebar-content:before,
.simplebar-content:after {
content: ' ';
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
right: 2px;
width: 7px;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: '';
background: black;
border-radius: 7px;
left: 0;
right: 0;
opacity: 0;
transition: opacity 0.2s linear;
}
.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
opacity: 0.5;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}