@font-face {
    font-family: "GoogleSans-Bold";
    src: url("/fonts/vendor/google-sans-fonts/GoogleSans-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "GoogleSans-BoldItalic";
    src: url("/fonts/vendor/google-sans-fonts/GoogleSans-BoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "GoogleSans-Italic";
    src: url("/fonts/vendor/google-sans-fonts/GoogleSans-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "GoogleSans-Medium";
    src: url("/fonts/vendor/google-sans-fonts/GoogleSans-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "GoogleSans-MediumItalic";
    src: url("/fonts/vendor/google-sans-fonts/GoogleSans-MediumItalic.ttf") format("truetype");
}
@font-face {
    font-family: "GoogleSans-Regular";
    src: url("/fonts/vendor/google-sans-fonts/GoogleSans-Regular.ttf") format("truetype");
}

html {height: 100%;}
body {font-family: 'GoogleSans-Medium', sans-serif, Helvetica !important;height: 100%;background: #fff;}

.clear {clear: both;height: 1px;overflow: hidden;}
.h-40 {height: 40px !important;}
.fs-18 {font-size: 18px !important;}
.fs-16 {font-size: 16px!important;}
.fs-14 {font-size: 14px!important;}
.fs-12 {font-size: 12px!important;}
.fs-10 {font-size: 10px!important;}
.fs-75 {font-size: 75%;!important;}
.fs-85 {font-size: 85%;!important;}
.fw-gb {font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important;}
.fw-gr {font-family: 'GoogleSans-Regular', sans-serif, Helvetica !important;}
.fw-gm {font-family: 'GoogleSans-Medium', sans-serif, Helvetica !important;}
.fc-gray {color: #6B6D72!important;}
.fc-red {color: #F00!important;}
.zi-10000 {z-index: 10000!important;}
.pl-20px {padding-left: 20px!important;}
.cursor-pointer {cursor: pointer;}

.nds .btn {border: 1px solid #008f8c !important;border-radius: 20px !important;background: #008f8c !important;font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important;font-size: 12px !important;font-weight: bold !important;padding: 12px 27px !important;color: #fff !important;box-shadow: 0 3px 2px rgba(0, 143, 140, 0.15) !important;}
.nds .btn:hover {background: rgba(0, 143, 140, 0.7) !important;}
.nds .btn:active {background: rgba(0, 143, 140, 1)!important; box-shadow: 0 0 5px rgba(0, 143, 140, 0.2)!important;}
.nds .btn.btn-white { background-color: #fff!important; box-shadow: none!important; color: #008f8c!important;}
.nds .btn.btn-white:hover { background: rgba(0, 143, 140, 0.1)!important;}
.nds .invalid-feedback {font-size: 10px!important; color: #E07086!important; font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important;}
.nds select, .nds textarea, .nds input {font-size: 15px; background-color: #F6F6F6; border: none; color: #A2A2A2;}
.nds select, .nds textarea, .nds input[name=last_4_digits] {font-size: 17px}
.nds .vs__search, .nds .vs__search:focus{font-size:10px;}
.nds textarea::placeholder {color: #A2A2A2;}
.nds select.is-invalid, .nds textarea.is-invalid, .nds input.is-invalid, .nds .v-select.is-invalid .vs__dropdown-toggle {border: 1px solid #E07086; color: #A2A2A2; background-color: rgba(224, 112, 134, 0.1);}
.nds .v-select.is-invalid .vs__actions .vs__open-indicator {background-color: #FCF0F3; border: 1px solid #E07086 !important; border-width: 0 0 0 1px !important; border-radius: 5px;}
.nds input.is-invalid {background-size: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23e07086;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-384 -384)'%3E%3Crect class='a' width='24' height='24' transform='translate(384 384)'/%3E%3Cpath class='b' d='M396,386a10,10,0,1,0,10,10A10,10,0,0,0,396,386Zm0,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,396,404Z'/%3E%3Cpath class='b' d='M399.707,392.293a1,1,0,0,0-1.414,0L396,394.586l-2.293-2.293a1,1,0,0,0-1.414,1.414L394.586,396l-2.293,2.293a1,1,0,1,0,1.414,1.414L396,397.414l2.293,2.293a1,1,0,0,0,1.414-1.414L397.414,396l2.293-2.293A1,1,0,0,0,399.707,392.293Z'/%3E%3C/g%3E%3C/svg%3E");}
.nds input:-webkit-autofill, .nds input:-webkit-autofill:hover, .nds input:-webkit-autofill:focus {-webkit-text-fill-color: #A2A2A2;}
.nds .is-invalid .vs__dropdown-toggle input{background:none;}

.nds .dropdown .vs__dropdown-toggle {padding: 0; background-color: #F6F6F6; border: 1px solid #fff;}
.nds .dropdown .vs__dropdown-toggle::after {display: none;}
.nds .dropdown .vs__selected-options {padding: 0; padding-left: 20px!important;}
.nds .dropdown .vs__selected-options input {margin-top: 0!important; border: 0!important; height: 40px; padding-left: 0!important;}
.nds .dropdown .vs__actions {width: 36px; border-radius: 5px; background: #EAEAEA; padding: 0;flex:none;}
.nds .dropdown .vs__actions .vs__clear {display: none!important;}
/*.nds .dropdown .vs__actions .vs__open-indicator {width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}*/
.nds .dropdown .vs__actions .vs__open-indicator:hover {opacity: 0.7; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);}
.nds .dropdown .vs__actions .vs__open-indicator {width:100%; height:100%; margin: 0 auto; content: " "!important; background: url("../images/icons.png") -53px -20px no-repeat; border: none!important; transform: none!important;}
.nds .dropdown .vs__actions .vs__open-indicator path{display:none;}
.nds .dropdown .vs__selected-options input {margin-top: 0!important; border: 0!important; height: 40px; padding-left: 0!important; font-size: 15px!important}
.nds .dropdown .vs__actions {width: 40px; border-radius: 5px; background: #EAEAEA; padding: 0;}
.nds .dropdown .vs__actions .clear {display: none!important;}
.nds .dropdown .vs__actions .open-indicator {width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}
.nds .dropdown .vs__actions .open-indicator:hover {opacity: 0.7; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);}
.nds .dropdown .vs__actions .open-indicator::before {margin: 0 auto; content: " "!important; background: url("../images/icons.png") -65px -35px no-repeat; border: none!important; transform: none!important;}
.nds .dropdown .vs__selected-options input::placeholder {color: #A2A2A2;}
.nds .dropdown .vs__selected-options .vs__selected {color: #A2A2A2; margin: 0; position: absolute; top: 10px; padding-left: 0;}
.nds .dropdown.open .vs__selected-options .vs__selected {top: 0;}
.nds .dropdown.v-select.open .vs__dropdown-toggle {}
.nds .dropdown.v-select .vs__dropdown-menu {max-height:400px;top: 0; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); border-radius: 4px; border: 0; padding: 10px 0; overflow-y: auto; overflow-x: hidden;}
.nds .dropdown.v-select .vs__dropdown-menu li {font-size: 14px; font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important; color: #6B6D72; padding: 13px 20px; text-overflow: ellipsis; width:100%;white-space: nowrap;overflow: hidden;}
.nds .dropdown.v-select .vs__dropdown-menu li.vs__active, .nds .vs__dropdown-option--highlight {background: #F6F6F6;}
.v-select .vs__dropdown-menu li, .v-select .vs__dropdown-menu li * {cursor: pointer;}
.nds .dropdown .vs__selected-options .selected-tag {color: #A2A2A2; margin: 0; position: absolute; top: 10px; padding-left: 0; font-size: 15px!important}
.nds .dropdown.open .vs__selected-options .selected-tag {top: 0;}
.nds .dropdown.v-select.open .dropdown-toggle {}
.nds .dropdown.v-select .dropdown-menu {top: 0; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); border-radius: 6px; border: 0; padding: 10px 0; overflow-y: auto;}
.nds .dropdown.v-select .dropdown-menu li {}
.nds .dropdown.v-select .dropdown-menu li a {font-size: 14px; font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important; color: #6B6D72; padding: 13px 20px;}
.nds .dropdown.v-select .dropdown-menu li.active, .nds .dropdown.v-select .dropdown-menu li.highlight {background: #F6F6F6;}
.nds .dropdown.v-select .dropdown-menu li.highlight a {background: initial;}
.v-select .dropdown-menu li, .v-select .dropdown-menu li * {cursor: pointer;}

.blue-link, .blue-link:hover, .blue-link-in-text a {color: #008f8c !important;}
.blue-link-to-gray:hover {color: #6B6D72 !important;}

.modal {background-color: rgba(240, 240, 240, 0.9);}

.content-wrapper {min-height: 100%;min-width: 320px;}
.content {padding-bottom: 60px;position: relative;}
.content.hasCopyrightCompany {padding-bottom: 130px;}

.header {height: 100px;padding-top: 30px;font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important;white-space: nowrap;box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);position: relative;}
.header .navbar {padding-top: 0;}
.header .navbar-nav .nav-item.active {color: #6B6D72 !important;}
.header .navbar-nav .nav-item {color: #008f8c !important;font-size: 14px;font-weight: bold;position: relative;}
.header .navbar-nav .nav-item.active:hover, .header .navbar-nav .nav-item:hover {color: #6B6D72 !important;}
.header .navbar-nav .nav-item.active::after {background: #6B6D72;content: " ";display: block;height: 4px;width: 100%;position: absolute;top: 66px;left: 0;}
.header .navbar-nav .button-icon {top: -10px;}
.header .logo {margin-left: 34px;}

.nav-vertical { /*position: absolute!important;*/overflow-y: auto !important;}
.nav-vertical .modal-content {border: 0; box-shadow: 3px 0 15px rgba(0, 0, 0, 0.05); border-radius: inherit; max-width: 510px;}
.nav-vertical .modal-body {padding: 30px 56px 30px 140px; background-color: #fff;}
.nav-vertical .modal-body .logo-wrapper .icon-40 {margin-right: 35px;}
.nav-vertical .modal-footer {border: 0; padding-left: 140px; padding-right: 56px; background-color: #fff;}
.nav-vertical .nav-list {padding: 47px 0 0;}
.nav-vertical .nav-list dd {padding: 24px 0 24px 20px; border-bottom: 1px solid #F1F1F1; font-size: 16px; line-height: 16px;}
.nav-vertical .nav-list dd p {border-top: 1px solid #F1F1F1; margin-top: 16px; padding-left: 10px; }
.nav-vertical .nav-list dd p span {margin: 20px 0 0;}
.nav-vertical .nav-list dd p span small {color: #B5B8BC;}
.nav-vertical .nav-list dd p span b {color: #6B6D72;}

.lang.nds {width: 110px; padding: 0 0 0 24px!important; background: url("../images/icons.png") -328px -146px no-repeat; position: relative; top: 6px; height: 24px;}
.lang.nds._dropup {top: 0;}
.lang.nds .dropdown .dropdown-toggle, .lang.nds .dropdown .vs__actions {background: none;}
.lang.nds .dropdown .vs__actions .open-indicator {box-shadow: none;}
.lang.nds .dropdown .vs__selected-options { padding-left: 0!important;}
.lang.nds .dropdown .vs__selected-options .selected-tag {top: 1px;}
.lang.nds .dropdown .vs__selected-options input {height: 24px;}
.lang.nds._dropup .dropdown-menu {
    -o-transform: translate3d(0, calc(-100% + 24px), 0);
    -ms-transform: translate3d(0, calc(-100% + 24px), 0);
    -moz-transform: translate3d(0, calc(-100% + 24px), 0);
    -webkit-transform: translate3d(0, calc(-100% + 24px), 0);
    transform: translate3d(0, calc(-100% + 24px), 0);
}

.main {padding-top: 15px;}

.breadcrumb-container {padding: 8px 0 22px;}
.breadcrumb-container .nav-link, .nav-vertical .nav-link {font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important; font-size: 14px; color: #008f8c; position: relative; padding-right: 0; padding-left: 0; margin-right: 30px;}
.breadcrumb-container .nav-link.active, .nav-vertical .nav-link.active {color: #6B6D72;}
.breadcrumb-container .nav-link:hover, .breadcrumb-container .dropdown-menu button, .nav-vertical .nav-link:hover {color: #6B6D72!important;}
.breadcrumb-container .nav-link::after {background: #eaf8fa; content: " "; display: block; height: 2px; width: 100%; position: absolute; left: 0;}
.breadcrumb-container .nav-link.active::after, .breadcrumb-container .nav-link:hover::after {display: none;}
.breadcrumb-container .nav-link.after-none::after {display: none;}

.filters-container .dropdown.open .dropdown-menu {display: block;}
.filters-container .dropdown .dropdown-toggle, .filters-container .dropdown .dropdown-toggle * {color: #008f8c;}
.filters-container .dropdown .filters-description, .filters-container .dropdown .dropdown-toggle:hover, .filters-container .dropdown .dropdown-toggle:hover * {color: #6B6D72;}
.filters-container .dropdown button {text-decoration: none; font-size: 14px;}
.filters-container .dropdown button:active {background-color: initial;}
.filters-container .dropdown .dropdown-toggle:after {position: relative; top: 2px;}
.filters-container .dropdown .filters-description {font-size: 14px; padding-right: 8px;}
.filters-container .dropdown .dropdown-item-wrapper .dropdown-item {padding: 11px 24px 10px 50px;}
.filters-container .dropdown .dropdown-item-icon {position: relative;}
.filters-container .dropdown .dropdown-item-icon:after {background-color: initial!important; display: block; content: ' '; position: absolute!important; left: 12px; top: 4px; }
.filters-container .dropdown .dropdown-item-icon-subscriptions-all {padding-left: 24px;}
.filters-container .dropdown .dropdown-item-icon-subscriptions-all:after {display: none;}
.filters-container .dropdown .dropdown-toggle .dropdown-item-icon {padding-left: 42px;}
.filters-container .dropdown .dropdown-toggle .dropdown-item-icon:after {top: -3px; left: 5px;}

.paginationContainer .page-item .page-link {color: #008f8c;}
.paginationContainer .page-item .page-link:hover {color: #6B6D72;}
.paginationContainer .page-item.active .page-link {background-color: #008f8c!important; border-color: #008f8c!important;}
.paginationContainer .page-item.active .page-link:hover {color: #fff;}

.footer {font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important; height: 60px; margin-top: -60px; background-color: #F6F6F6; padding: 5px 5px 0; position:relative; min-width: 320px;}
.footer .footerCopyrightLinks p {font-size: 14px; color: #6B6D72; margin: 0; overflow: hidden; position: relative;}
.footer .footerCopyrightLinks p b {font-size: 40px; position: absolute; top: -14px;}
.footer .footerCopyrightLinks p span {padding-left: 24px;}
.footer .footerCopyrightLinks i {font-style: normal; padding: 0 5px;}
.footer.hasCopyrightCompany {height: 130px; margin-top: -130px; overflow-y: hidden;}

.button-icon {cursor: pointer; border: 0;}
.img-icon, .img-icon-small, .button-icon, .filters-container .dropdown .dropdown-item-icon:after {background: #F6F6F6 url("../images/icons.png") 0 10000px no-repeat; border-radius: 50%; width: 34px; height: 34px; overflow: hidden; position: relative;}
.icon-40 {width: 40px; height: 40px;}
.icon-32 {width: 32px; height: 32px;}
.img-icon-small {width: 20px; height: 20px; background-color: inherit; border-radius: inherit;}
.img-icon-status-expires {background-color: #fef3dd;}
.img-icon-status-active {background-color: #e0f4f7;}
.img-icon-status-pending {background-color: #def5f3;}
.img-icon-status-expired {background-color: #f7f7f7;}
.icon-pm {border-radius: 5px;}

.icon-power {background-position: -87px -140px;}
.icon-push-notifications {background-position: -133px -141px;}
.icon-site {background-position: -75px -281px;}
.icon-site.icon-32 {background-position: -76px -282px;}
.icon-settings {background-position: -35px -281px;}
.icon-blocked {background-position: -275px -141px;}
.icon-blocked-light, .img-icon-status-expired {background-position: 5px -281px;}
.icon-blocked-blue, .img-icon-status-active, .filters-container .dropdown .dropdown-item-icon-subscriptions-expired:after {background-position: -35px -211px;}
.icon-attention, .img-icon-status-expires, .filters-container .dropdown .dropdown-item-icon-subscriptions-expires:after {background-position: 5px -176px;}
.icon-check {background-position: -179px -141px;}
.icon-check-blue, .filters-container .dropdown .dropdown-item-icon-subscriptions-active:after  {background-position: 5px -211px;}
.icon-sandtimer {background-position: -227px -141px;}
.icon-sandtimer-blue, .filters-container .dropdown .dropdown-item-icon-subscriptions-pending:after {background-position: -75px -211px;}
.icon-sandtimer-green, .img-icon-status-pending {background-position: 5px -246px;}
.icon-info {background-position: -115px -281px;}
.icon-menu-alternative {background-position: -41px -141px;}
.icon-close {background-position: 5px -141px;}
.icon-small-dropdown-to-down {background-position: -1px -31px;}
.icon-small-dropdown-to-top {background-position: -31px -31px;}
.icon-small-dropdown-to-down-gray {background-position: -54px -31px;}
.icon-trash {background-position: -155px -281px;}

.icon-power.icon-40 {background-position: -84px -137px;}
.icon-push-notifications.icon-40 {background-position: -130px -138px;}
.icon-site.icon-40 {background-position: -72px -278px;}
.icon-settings.icon-40 {background-position: -32px -278px;}
.icon-blocked.icon-40 {background-position: -272px -138px;}
.icon-blocked-light.icon-40, .img-icon-status-expired.icon-40 {background-position: 8px -278px;}
.icon-blocked-blue.icon-40 {background-position: -32px -208px;}
.icon-attention.icon-40, .img-icon-status-expires.icon-40 {background-position: 8px -173px;}
.icon-check.icon-40 {background-position: -176px -138px;}
.icon-check-blue.icon-40, .img-icon-status-active.icon-40 {background-position: 8px -208px;}
.icon-sandtimer.icon-40 {background-position: -224px -138px;}
.icon-sandtimer-blue.icon-40 {background-position: -72px -208px;}
.icon-sandtimer-green.icon-40, .img-icon-status-pending.icon-40 {background-position: 8px -243px;}
.icon-info.icon-40 {background-position: -112px -278px;}
.icon-menu-alternative.icon-40 {background-position: -38px -138px;}
.icon-close.icon-40 {background-position: 8px -138px;}
.icon-trash.icon-40 {background-position: -152px -278px;}

.icon-pm {background: url("../images/cards.png") 0 10000px no-repeat; width: 80px;}
.icon-pm-amex, .icon-pm-americanexpress {background-position: -240px 50%;}
.icon-pm-dankort {background-position: -800px 50%;}
.icon-pm-dinersclub {background-position: -720px 50%;}
.icon-pm-discover {background-position: -320px 50%;}
.icon-pm-forbrugsforeningen {background-position: -640px 50%;}
.icon-pm-hipercard {background-position: -480px 50%;}
.icon-pm-jcb, .icon-pm-jcbcard {background-position: -400px 50%;}
.icon-pm-maestro {background-position: -160px 50%;}
.icon-pm-mastercard {background-position: -80px 50%;}
.icon-pm-sepa {background-position: -880px 50%;}
/*.icon-pm-mir {}*/
.icon-pm-unionpay {background-position: -560px 50%;}
.icon-pm-visa, .icon-pm-visaelectron {background-position: -2px 50%;}


.subscriptionList, .paymentList {border: 1px solid #F1F1F1; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,0.02); color: #6B6D72!important; margin-bottom: 15px;}
.subscriptionList .media-body h6, .paymentList .media-body h6 {font-size: 14px; font-family: 'GoogleSans-Bold', sans-serif, Helvetica; padding-top: 1px;}
.subscriptionList .media-body small, .paymentList .media-body small {font-size: 10px;}
.subscriptionList .media-body .text-expires {color: #FAB122;}
.subscriptionList .media-body .text-active {color: #008f8c;}
.subscriptionList .media-body .text-pending {color: #2AC1B6;}
.subscriptionList .media-body .text-expired {color: #B5B8BC;}
.subscriptionList .subscriptionListPadding, .paymentList .paymentListPadding {padding: 0 20px;}
.subscriptionList .subscriptionListBorderBottom, .paymentList .paymentListBorderBottom {border-bottom: 1px solid #F1F1F1;}

.subscription-item {}
.subscription-item p {font-size: 14px; color: #6B6D72; font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important;}
.subscription-item p small {font-size: 10px; color: #B5B8BC; font-family: 'GoogleSans-Medium', sans-serif, Helvetica !important; display: block;}
.subscription-item-icon {width: 60px;}
.subscription-item-link a, .subscription-item-link a:hover {color: #008f8c;}
.subscription-item-gray-line {border-top: 1px solid #F1F1F1;}

.page-modal-wrapper .modal-dialog, .login-modal-wrapper .modal-dialog, .page-loader .modal-dialog {max-width: 360px;}
.page-modal-wrapper .modal-content, .login-modal-wrapper .modal-content, .page-loader .modal-content {box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); border: 1px solid #F1F1F1; border-radius: 15px; font-size: 12px; font-family: 'GoogleSans-Regular', sans-serif, Helvetica !important; color: #6B6D72;}
.page-modal-wrapper .close, .login-modal-wrapper .close {color: #6B6D72;}
.page-modal-wrapper .modal-header, .login-modal-wrapper .modal-header, .page-modal-wrapper .modal-body, .page-modal-wrapper .modal-footer {padding-left: 35px; padding-right: 35px;}
.page-modal-wrapper .modal-header, .login-modal-wrapper .modal-header {border: none; display: block; text-align: center; padding-top: 24px; padding-bottom: 20px;}
.page-modal-wrapper .modal-header h5, .login-modal-wrapper .modal-header h5 {font-size: 18px;}
.page-modal-wrapper .modal-body .form-group label, .login-modal-wrapper .modal-body .form-group label {font-size: 1em; font-family: 'GoogleSans-Bold', sans-serif, Helvetica !important;}
.page-modal-wrapper .modal-body .form-group textarea, .login-modal-wrapper .modal-body .form-group textarea {font-size: 1em;}
.page-modal-wrapper .modal-footer, .login-modal-wrapper .modal-footer {border: none; display: block; text-align: center; padding-top: 7px; padding-bottom: 48px;}
.page-modal-wrapper .modal-body .form-group textarea {height: 80px;}

.page-modal-wrapper .modal-body .form-group select, .page-modal-wrapper .modal-body .form-group input, .page-modal-wrapper .modal-body .form-group textarea {

}

.cancelRetention_FC, .cancelRetention_FC * {color: #1A1A1A!important; font-family: Verdana;}
.cancelRetention_FC .modal-header {border-bottom: 1px solid #DAE4E7;}
.cancelRetention_FC .modal-header b {line-height: 34px;}
.cancelRetention_FC .modal-body .modal-title {padding: 30px 0 6px;}
.cancelRetention_FC .modal-body .retention_title *, .cancelRetention_FC .modal-body .retention_slogan * {padding: 0; margin: 0;}
.cancelRetention_FC .modal-body .retention_title h1, .cancelRetention_FC .modal-body .retention_slogan h1 {font-size: 30px!important; color: #773DBD!important; font-weight: bold;}
.cancelRetention_FC .modal-body .retention_slogan {line-height: 22px;}
.cancelRetention_FC .modal-body .retention_slogan a {color: #773DBD!important; font-weight: bold;}
.cancelRetention_FC .modal-body .retention_slogan p {font-size: 18px;}

.paymentList .payment-item {border-radius: 20px; padding: 11px 19px;}
.paymentList .payment-item.payment-color-danger, .paymentList .payment-item.payment-color-danger-light {background-color: rgba(224, 112, 134, 0.1);}
.paymentList .payment-item.payment-color-primary {background-color: rgba(0, 143, 140, 0.1);}
.paymentList .payment-color-danger {color: #E07086;}
.paymentList .payment-color-danger-light {color: #ECB9BD;}
.paymentList .payment-color-primary {color: #008f8c;}
.paymentMethodList-row .inner-div {min-width: 300px;}
.payment-item-container {color: #6B6D72!important;}
.payment-item-container .list-group {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);}
.payment-item-container .list-group .list-group-item {border-color: #F1F1F1; font-size: 14px; padding-top: 26px; padding-bottom: 26px; color: #A2A2A2;}
.payment-item-container .list-group .list-group-item:first-child {border-top-left-radius: 6px; border-top-right-radius: 6px;}
.payment-item-container .list-group .list-group-item:last-child {border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
.payment-item-container .list-group .list-group-item b {color: #6B6D72;}

.login-modal-wrapper .modal-footer-description {font-size: 10px; padding: 10px 55px 0;}
.login-modal-wrapper .modal-footer-options {font-size: 10px;margin: 0 -15px !important;}
.nds.login-modal-wrapper .modal-footer-options .btn{padding: 10px 20px!important;margin:10px auto 0;display:block;}
.login-modal-wrapper .modal-footer-description .nav-link, .login-modal-wrapper .modal-footer-options .nav-link {color: #008f8c; padding: 0; cursor:pointer;}
.login-modal-wrapper .modal-footer-description .nav-link:hover, .login-modal-wrapper .modal-footer-options .nav-link:hover  {text-decoration: underline;}
.login-modal-wrapper .modal-footer-options .v-border-right{border-right:1px solid #dddddd;}
.login-modal-wrapper .modal-body {padding-left: 35px; padding-right: 35px;}
.login-modal-wrapper .modal-body .login-modal-radio, .page-modal-radio {padding: 4px 0;}
.login-modal-wrapper .modal-body .login-modal-radio div, .page-modal-radio div {background: rgba(0, 143, 140, 0.05); border: 1px solid rgba(0, 143, 140, 0.2); border-radius: 50%; width: 18px; height: 18px; position: relative; top: 4px; margin-right: 5px; overflow: hidden; user-select: none;}
.login-modal-wrapper .modal-body .login-modal-radio div span, .page-modal-radio div span {background: #008f8c; border-radius: 50%; margin: 50%; width: 0; height: 0; opacity: 0; transition: width 0.2s ease-in, height 0.2s ease-in, margin 0.2s ease-in;}
.login-modal-wrapper .modal-body .login-modal-radio.isChecked div span, .page-modal-radio.isChecked div span {width: 8px; height: 8px; opacity: 1; margin: 4px;}
.login-modal-wrapper .modal-body .login-modal-radio * {cursor: pointer;}
.login-modal-wrapper .modal-body .login-modal-digits .container {padding-right: 5px; padding-left: 5px;}
.login-modal-wrapper .modal-body .login-modal-digits .container input[type=number].no-spinners {-moz-appearance:textfield;}
.login-modal-wrapper .modal-body .login-modal-digits .container input[type=number]::-webkit-inner-spin-button,
.login-modal-wrapper .modal-body .login-modal-digits .container input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.login-modal-wrapper .modal-header {padding-left: 10px; padding-right: 10px; padding-top: 10px;}
.login-modal-wrapper .modal-footer {padding-left: 35px; padding-right: 35px;}
.login-modal-wrapper .modal-footer .login-modal-recaptcha {position: relative; top: -5px; transform:scale(0.95);-webkit-transform: scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0;}
.vs--disabled, .vs--disabled *{cursor:not-allowed !important;}

.main-page-purchase {padding: 17px 0 16px;}
.main-page-purchase .card {max-width: 310px;}
.main-page-purchase .card, .main-page-faq .card {border-color: #F1F1F1; border-radius: 6px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);}
.main-page-purchase .card {margin-bottom: 16px;}
.main-page-purchase .card-body {padding: 60px 0 0 0;}
.main-page-purchase .card-body .nds a {border-radius: 6px 0 6px 0!important; padding: 8px 43px!important;}
.main-page-purchase .card-body .card-text {padding: 25px 10px 50px; color: #6B6D72; font-family: 'GoogleSans-Medium', sans-serif, Helvetica !important; font-size: 14px;}
.main-page-purchase .card-body .card_title {background-color: #F6F6F6; border-radius: 6px 0 6px 0; height: 60px; width: 60px; position: absolute; top: 0; left: 0; }
.main-page-purchase .card-body .card_title span {height: 38px; width: 38px; background: url("../images/icons.png") 0 -63px no-repeat;}
.main-page-purchase .main-page-look .card-body .card_title {padding: 8px 4px 0 0;}
.main-page-purchase .main-page-edit .card-body .card_title {padding: 10px 0 0 2px;}
.main-page-purchase .main-page-edit .card-body .card_title span {background-position: -82px -64px;}
.main-page-purchase .main-page-contact .card-body .card_title {padding: 10px 0 0;}
.main-page-purchase .main-page-contact .card-body .card_title span {background-position: -161px -64px;}

.main-page-profile, .main-page-faq, .main-page-payment-list-add, .main-page-payment-list-add input {color: #6B6D72;}
.main-page-profile p {margin-bottom: 20px;}
.main-page-profile small, .main-page-payment-list-add input::placeholder {color: #A2A2A2;}

.main-page-faq .card {}
.main-page-faq .card-header {background-color: #fff; border-bottom-color: #F1F1F1; color: #008f8c; padding-top: 20px; padding-bottom: 20px;}

.main-page-payment-list-add {}
.main-page-payment-list-add .dropdown .vs__selected-options .selected-tag {top: 12px;}
.main-page-payment-list-add input {padding-left: 20px;}
#PageModalConfirm_CVVHelp_title  {font-size: 14px;}

.alert {font-family: inherit;font-size: 14px;font-weight: 400;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);margin: 0;}
.alert-container {position: fixed;top: 5%;right: 0;width: 100%;left: 0;}

.page-additional-about .card {border-style: dashed;}
.page-additional-about .card-header, .page-additional-about .card-body {background-color: #f7fbfc;}
.page-additional-about .country_icon {width: 35px; height: 20px; background: url('/images/page_additional.png') 0 0 no-repeat;}
.page-additional-about .country_cyp {background-position: -20px 0;}
.page-additional-about .country_usa {background-position: -65px 0;}
.page-additional-about .country_can {background-position: -20px -22px;}
.page-additional-about .country_point {width: 14px;}

.page-additional-privacy {}
.page-additional-terms .indent-20 { text-indent: 20px;}

.footerCopyrightCompany {padding-top: 10px;}

@media (max-width: 767px) {
    body {background-position: 0 50px;}
    .header {height: 50px; margin-bottom: 5px; padding-top: 8px;}
    .header .logo-wrapper {padding-top: 3px;}
    .header .logo {margin-left: 0;}
    .header .logo img {height: 28px;}
    .footer .footerCopyrightLinks p b {font-size: 30px; top: -7px;}
    .footer .footerCopyrightLinks span {font-size: 12px;}
    .breadcrumb-container .nav-link {font-size: 12px; margin-right: 15px;}
    .filters-container .dropdown .filters-description {font-size: 12px; padding-right: 0;}
    .filters-container .dropdown .dropdown-toggle {padding-top: 3px;}
    .filters-container .dropdown .dropdown-toggle button {font-size: 12px;}
    .payment-item-container .list-group .list-group-item {padding-top: 21px; padding-bottom: 21px;}
    .main.mainBG {background: url("../images/bg_main.jpg") -528px -2px no-repeat;}
    .main-page-purchase .card {margin-left: auto; margin-right: auto;}
    .nav-vertical {position: fixed!important;}
    .nav-vertical .modal-body {padding: 0 0 70px 0;}
    .nav-vertical .nav-list {padding: 0 20px;}
    .nav-vertical .modal-content {box-shadow: none;}
    .nav-vertical .modal-footer {background-color: #fff; position: fixed; bottom: 0; height: 70px; padding: 20px 20px 10px 50px; overflow: hidden;}
    .nav-vertical .modal-footer b.cursor-pointer {display: none;}

    .paymentMethodList-trash {right:1.3rem; top:0.3rem;}
    .footer .footerCopyrightCompany {font-size: 11px!important;}
    .footer .footerCopyrightLinks p span {padding-left: 19px;}
    .footer .footerCopyrightLinks p b {font-size: 26px; top: -6px;}
    }
@media (max-width: 500px) {
    .footer .footerCopyrightCompany {font-size: 10px!important;}
    }
@media (max-width: 479px) {
    .footer.hasCopyrightCompany {padding: 5px 5px 2px;}
    .footer .footerCopyrightLinks p {line-height: normal;}
    .footer .footerCopyrightLinks p b {line-height: normal; font-size: 20px; top: 0;}
    .footer .footerCopyrightLinks p span {padding-left: 15px;}
    .footer .footerCopyrightLinks p b {font-size: 23px; top: -3px;}
    }
@media (max-width: 400px) {
    .footer .footerCopyrightCompany {line-height:11px;}
    .footer.hasCopyrightCompany .container {padding-left: 5px; padding-right: 5px;}
    }
@media (max-width: 330px) {
    .main-page-look, .main-page-edit, .main-page-contact {padding-left: 0!important; padding-right: 0!important;}
    }
@media (min-width: 768px) {
    .footer.hasCopyrightCompany {padding-top: 10px;}
    .main-page-md-m0a {margin: 0 auto 16px;}
    .main-page-md-mal0 {margin: 0 0 16px auto;}
    .main.mainBG {background: url("../images/bg_main.jpg") -50px 5px no-repeat; min-height: 510px;}

    .nav-vertical .header {box-shadow: none;}
    .nav-vertical .modal-body {padding-top: 0;}
    .nav-vertical .nav-list {padding-top: 24px;}
    .nav-vertical .nav-list dd {padding-top: 14px; padding-bottom: 14px;}

    .paymentMethodList-billAdd-p {padding-right: 50px !important;}
    .paymentMethodList-trash {right:1.3rem; top: 0.5rem;}
    }
@media (min-width: 768px) and (max-width: 991px) {
    .main-page-md-mal0 {margin-left: 0;}
    .footer .footerCopyrightLinks p span {padding-left: 23px;}
}

.opacity-1.v-select.unsearchable input[type=search] {
    opacity: 1;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .footer .footerCopyrightLinks p b {font-size: 30px; top: -7px;}
    .footer .footerCopyrightLinks p span {padding-left: 20px;}

}

.form-group .form-control:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.login-modal-wrapper .form-group > label:only-child {
    display: none;
}

.login-modal-wrapper .form-group > input::placeholder {
    color: #a9a9a9;
}

::-webkit-inner-spin-button,
::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}
::-webkit-calendar-picker-indicator{
    color: rgba(0, 0, 0, 0);
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KICAgIDxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik0wIDE5MnYyNzJhNDggNDggMCAwIDAgNDggNDhoMzUyYTQ4IDQ4IDAgMCAwIDQ4LTQ4VjE5MnptMTkyIDE3NmExNiAxNiAwIDAgMS0xNiAxNkg4MGExNiAxNiAwIDAgMS0xNi0xNnYtOTZhMTYgMTYgMCAwIDEgMTYtMTZoOTZhMTYgMTYgMCAwIDEgMTYgMTZ6bTExMi0yNDBoMzJhMTYgMTYgMCAwIDAgMTYtMTZWMTZhMTYgMTYgMCAwIDAtMTYtMTZoLTMyYTE2IDE2IDAgMCAwLTE2IDE2djk2YTE2IDE2IDAgMCAwIDE2IDE2em0tMTkyIDBoMzJhMTYgMTYgMCAwIDAgMTYtMTZWMTZhMTYgMTYgMCAwIDAtMTYtMTZoLTMyYTE2IDE2IDAgMCAwLTE2IDE2djk2YTE2IDE2IDAgMCAwIDE2IDE2eiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzgwODA4MCIgZD0iTTQ0OCAxMTJ2ODBIMHYtODBhNDggNDggMCAwIDEgNDgtNDhoNDh2NDhhMTYgMTYgMCAwIDAgMTYgMTZoMzJhMTYgMTYgMCAwIDAgMTYtMTZWNjRoMTI4djQ4YTE2IDE2IDAgMCAwIDE2IDE2aDMyYTE2IDE2IDAgMCAwIDE2LTE2VjY0aDQ4YTQ4IDQ4IDAgMCAxIDQ4IDQ4eiI+PC9wYXRoPgo8L3N2Zz4=") center center no-repeat;
    margin: 0 auto;
    cursor:pointer;
 }

.form-group .form-group-inner{
    margin-top: 1rem;
}

.page-modal-wrapper textarea{
    max-height: 8rem;
    min-height: 4rem;
}

.mobile-mode input[type="date"]{
    padding-top:0.5rem
}
.mobile-mode input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #6c757d;
    margin-right: 0.5em;
    white-space: nowrap;
}
.mobile-mode input[type="date"]::-webkit-datetime-edit{
    display: none;
}
.mobile-mode input[type="date"]:valid::-webkit-datetime-edit{
    display: inline-block;
}
.mobile-mode input[type="date"]:focus:before,
.mobile-mode input[type="date"]:valid:before {
    content: "" !important;
    display: none;
}

.underline{
    text-decoration: underline;
}