.link {
    border: 0;
    background-color: transparent;
    padding: 0;
    color: #369
}

.widget-loading {
    opacity: .5
}

.checkout-readonly {
    color: #58595b
}

.checkout-readonly p {
    margin: 5px 0
}

.has-tow-column .input-group {
    float: left;
    max-width: 50%
}

.checkoutList .actions {
    margin-top: 20px
}

.checkoutList .header {
    font-size: large;
    color: #369;
    text-transform: uppercase;
    display: block;
    padding-bottom: 10px
}

.checkoutList .pale {
    font-size: small;
    color: #777
}

.checkoutName {
    max-width: 90%;
    word-break: break-all;
    display: inline-block
}

.commerce-header {
    font-size: large;
    color: #369;
    text-transform: uppercase;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.loading-overlay {
    width: 100%;
    height: 100%;
    position: FIXED;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    opacity: .8;
    display: none
}

.loading-overlay .loading {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 100px;
    height: 100px;
    background: url('/templates/jsp/pb2/img/335.gif') no-repeat
}

.loading-overlay .loading-message {
    position: fixed;
    top: 38%;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 10px;
    font-weight: bold;
    color: #005293
}

.expand-purchase-options.expanded {
    font-weight: bold
}

.cc-number input[type=tel] {
    transition: all .15s ease-in-out;
    padding-left: 60px
}

.cc-number:before {
    position: absolute;
    content: "";
    display: block;
    bottom: 4px;
    left: 5px;
    background: url("/templates/jsp/pb2/img/credit-cards/cc-sprite.png") no-repeat top left;
    width: 50px;
    height: 30px;
    background-size: 100% auto
}

.cc-number.visa:before {
    background-position: 0 -40px
}

.cc-number.mastercard:before {
    background-position: 0 -80px
}

.cc-number.amex:before {
    background-position: 0 -280px
}

.cc-number.dinner:before {
    background-position: 0 -240px
}

.cc-number.discover:before {
    background-position: 0 -160px
}

.cc-number.jcb:before {
    background-position: 0 -120px
}

.cc-number.maestro:before {
    background-position: 0 -320px
}

@media(max-width:767px) {
    .purchaseArea .eCommercePurchaseAccessWidgetContainer .purchase-options-container .add-journal-to-cart header:not(.prevent-fix) a.add-article-to-cart {
        padding: 16px
    }

    .purchaseArea .eCommercePurchaseAccessWidgetContainer .purchase-options-container .add-journal-to-cart header:not(.prevent-fix) a .title {
        display: block;
        width: 100%;
        margin-top: 0
    }

    .purchaseArea .eCommercePurchaseAccessWidgetContainer .purchase-options-container .add-journal-to-cart header:not(.prevent-fix) a .title .usageRight {
        color: #777978;
        font-size: 12px;
        margin-top: 8px
    }

    .purchaseArea .eCommercePurchaseAccessWidgetContainer .purchase-options-container .add-journal-to-cart header:not(.prevent-fix) span.price {
        float: left !important;
        margin-top: 25px;
        border: 0;
        text-align: left
    }

    .purchaseArea .eCommercePurchaseAccessWidgetContainer .purchase-options-container .add-journal-to-cart header:not(.prevent-fix) span.price.add-article-to-cart__price {
        margin-top: 20px
    }

    .purchaseArea .eCommercePurchaseAccessWidgetContainer .purchase-options-container .add-journal-to-cart .add-to-cart-msg {
        display: inline-block;
        position: unset;
        width: 49%;
        max-width: 130px;
        line-height: 50px;
        float: right;
        margin-top: 12px
    }

    .purchaseArea .eCommercePurchaseAccessWidgetContainer .purchase-options-container .add-journal-to-cart .add-to-cart-msg .icon-cart-icon-material {
        display: none
    }

    .checkout-expand #payment-form[name=paymentStripe] {
        display: block
    }

    .checkout-expand #payment-form[name=paymentStripe] .stripe-place-order {
        width: 65%
    }

    .checkout-expand #payment-form[name=paymentStripe] .stripe-place-order .button.primary {
        margin-left: 0;
        margin-top: 10px
    }

    #payment-form div.form-row {
        width: 100%
    }
}

#pb-page-content .billingBtn a {
    display: block;
    width: 20%;
    margin-top: 8px;
    color: #fff;
    text-align: center
}

.acceptTermsConditions {
    display: block
}

.acceptTermsConditions label {
    display: inline
}

.acceptTermsConditions #acceptTermsConditions {
    display: inline;
    width: 13px;
    vertical-align: middle
}

.CardField-child {
    transform: translateX(40px) !important
}

#payment-form[name=paymentStripe] {
    position: relative;
    padding: 8px 16px 16px 16px;
    background-color: #f7f7f7;
    display: flex;
    width: 100%
}

#payment-form[name=paymentStripe] .paymentLoader {
    bottom: 20px;
    top: 0
}

#payment-form .form-row {
    width: 55%;
    background-color: #fff
}

#payment-form .form-row .StripeElement {
    margin: 10px 10px 0 10px
}

#payment-form .stripe-place-order {
    width: 25%;
    margin-top: 0
}

#payment-form .stripe-place-order .button.primary {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
    min-width: 54%;
    border-radius: 6px;
    margin-left: 15px;
    padding-right: 10px;
    padding-left: 10px
}

#payment-form .stripe-place-order .button.place-order__loading--js {
    pointer-events: none;
    opacity: .5
}

#payment-form .ElementsApp {
    height: 40px
}

#payment-form.secure-stripe {
    display: block;
    padding: 8px 32px 32px
}

#payment-form.secure-stripe .form-row {
    min-width: 78%;
    margin-bottom: 32px;
    background: transparent
}

#payment-form.secure-stripe .form-row .card-label {
    color: #333;
    line-height: 19px;
    margin-bottom: 8px;
    font-size: 14px
}

#payment-form.secure-stripe .form-row .card-holder {
    background: #fff;
    border: 1px solid #000;
    font-size: 14px
}

#payment-form.secure-stripe .form-row .card-holder::placeholder {
    color: #9e9e9e;
    line-height: 19px
}

#payment-form.secure-stripe .form-row .card-holder--invalid {
    border-color: #ef4623
}

#payment-form.secure-stripe .form-row .StripeElement {
    padding: 10px;
    border: 1px solid #000;
    background: #fff;
    margin: 0
}

#payment-form.secure-stripe .form-row .StripeElement--invalid {
    border-color: #ef4623
}

#payment-form.secure-stripe .form-row .card-errors {
    font-size: 12px;
    color: #ef4623
}

#payment-form.secure-stripe .stripe-place-order {
    width: 78%
}

#payment-form.secure-stripe .stripe-place-order .button.primary {
    font-size: 14px;
    border-radius: 0;
    margin-left: 0
}

.stripe-label {
    background-color: #f7f7f7;
    display: block;
    font-size: 13px;
    padding-left: 16px;
    margin-bottom: 0
}

.powered_by_stripe {
    background-color: #f7f7f7;
    padding: 16px 16px 10px 16px
}

.powered_by_stripe img {
    float: right;
    width: 100px
}

.alternative-header {
    margin-bottom: 15px
}

#contents [name=paymentBrainTree],
#contents [name=brainTree-form] {
    border: 1px solid #dee2e5;
    padding: 35px;
    width: 95%
}

#contents [name=paymentBrainTree] .defButton,
#contents [name=brainTree-form] .defButton {
    background-color: #002d72;
    color: #fff;
    display: block;
    margin-top: 16px;
    width: 100%;
    height: 38px;
    text-align: center;
    font-weight: bold
}

.item__removal__popup__text,
.instructor__warning__message__text {
    width: 351px;
    padding: 20px;
    position: absolute;
    background-color: #fff;
    z-index: 1003;
    -webkit-box-shadow: 6px -7px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px -7px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 6px -3px 15px 0 rgba(0, 0, 0, 0.2);
    right: 30px;
    font-size: 15px;
    top: 3%;
    line-height: 20px
}

.item__removal__popup__text:before,
.instructor__warning__message__text:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 88%;
    left: 75%;
    border: 10px solid black;
    border-color: transparent transparent #fff #fff;
    transform: rotate(135deg);
    box-shadow: -3px 2px 4px 0 rgba(0, 0, 0, 0.2)
}

.item__removal__popup__text span,
.instructor__warning__message__text span {
    color: #333
}

.item__removal__popup__text a,
.instructor__warning__message__text a {
    color: #005dab
}

.item__removal__popup__text .icon-exclamation,
.instructor__warning__message__text .icon-exclamation {
    display: none
}

.item__removal__cart__text,
.instructor__warning__message__clone {
    border: 4px solid #7cba32;
    padding: 20px;
    margin-top: 20px;
    font-size: 15px;
    top: 30%;
    z-index: 1;
    width: 65%;
    margin-bottom: 30px;
    margin-left: 9%
}

.item__removal__cart__text a,
.instructor__warning__message__clone a {
    color: #005dab
}

.item__removal__cart__text .icon-exclamation,
.instructor__warning__message__clone .icon-exclamation {
    color: #fff;
    background-color: #0180b3;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    vertical-align: bottom
}

.item__removal__cart__text .icon-exclamation:before,
.instructor__warning__message__clone .icon-exclamation:before {
    vertical-align: sub
}

@media(max-width:720px) {
    .item__removal__popup__text {
        display: none
    }

    .checkout-expand .checkoutMethod {
        display: block
    }

    .checkout-expand .checkoutMethod .returningUser {
        width: 100%;
        margin-bottom: 15px
    }
}

.stripe-ali-pay-button {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px
}

#ali-pay-form[name=paymentStripe] {
    padding: 8px 16px 16px 16px;
    background-color: #f7f7f7;
    display: flex;
    width: 100%
}

#ali-pay-form .stripe-place-order {
    width: 65%;
    margin-top: 0
}

#ali-pay-form .stripe-place-order .button.primary {
    font-size: 10px;
    font-weight: bold;
    width: 33%;
    border-radius: 6px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    color: #fff
}

.eCommercePurchaseAccessWidgetContainer .add-journal-to-cart header .purchaseMessage.errorMsgParent {
    position: unset;
    background-color: transparent;
    color: #000;
    font-weight: normal
}

.commerceExplainer {
    font-family: monospace;
    font-size: 12px;
    border: 1px solid #c5d7ef
}

.commerceExplainer .container {
    width: 100%
}

.commerceExplainer .container .header {
    background: none repeat scroll 0 0 #e5ecf9;
    padding: 2px;
    cursor: pointer;
    font-weight: bold
}

.commerceExplainer .container .header::before {
    content: '+ '
}

.commerceExplainer .container .content {
    display: none
}

.commerceExplainer .container .header.expanded::before {
    content: '- '
}

.commerceExplainer .container .header.collapsed::before {
    content: '+ '
}

.commerceExplainer .container .empty::after {
    content: ' [empty]'
}

.commerceExplainer .container .content li {
    list-style: none
}

.commerceExplainer ul {
    padding: 0;
    margin: 0
}

.commerceExplainer .header,
.commerceExplainer .commerceExplainer .content {
    padding: 5px 0 5px 5px
}

.commerceExplainer li.bullet {
    list-style-type: disc
}

.commerceExplainer div.header:hover {
    background: black;
    color: white
}

.commerceExplainer div.header {
    color: black
}

.commerceExplainer pre {
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 5px
}

.pb-wrap .tab--flex {
    position: unset !important
}

.billingPayment {
    position: relative
}

.billingPayment:after {
    content: "";
    clear: both;
    display: table
}

.paymentLoader {
    width: 70px;
    position: absolute;
    z-index: 1;
    left: 45%;
    top: 95px
}

.paymentOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: #fff;
    text-align: center;
    z-index: 1
}

.local-persona {
    display: none
}

.confirmation-widget .price {
    font-weight: 700
}

.confirmation-widget .cyberSourceBtn {
    min-width: 100px;
    min-height: 30px;
    background: url("/templates/jsp/pb2/img/credit-cards/cyberSource.png") no-repeat 50% 40%;
    background-size: contain;
    margin-left: 5px;
    color: transparent
}

.confirmation-widget .cyberSource-label {
    background-color: #f7f7f7;
    display: block;
    font-size: 13px;
    padding: 5px 5px 5px 16px;
    margin-bottom: 10px
}

.nmiBtn {
    min-width: 100px;
    min-height: 30px;
    background: url("/templates/jsp/images/nmi-logo.png") no-repeat 50% 40%;
    background-size: contain;
    margin-left: 5px;
    color: transparent;
    border: 1px solid #005dab;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background-color: black
}

.nmi-label {
    background-color: #f7f7f7;
    display: block;
    font-size: 13px;
    padding: 5px 5px 5px 16px;
    margin-bottom: 10px
}

.promoCodeBlock .appliedPromo {
    margin-top: 15px;
    margin-bottom: 3px
}

.promoCodeBlock .checkBoxActive {
    display: table;
    background-color: #757575;
    border: 1px solid #757575;
    border-radius: 5px;
    padding: 0 5px 2px 5px;
    margin-bottom: 10px
}

.promoCodeBlock .checkBoxActive label {
    display: inline;
    color: #fff;
    vertical-align: middle;
    font-weight: 500
}

.promoCodeBlock .checkBoxActive a {
    margin-right: 25px
}

.promoCodeBlock .checkBoxActive a span {
    color: #fff;
    font-size: 10px;
    margin-left: 10px
}

@media(max-width:768px) {
    .loading-overlay .loading {
        left: 46%
    }
}

@media(max-width:414px) {
    .loading-overlay .loading {
        left: 43%
    }
}

.accessLimitWidget {
    background-color: #e6f5f9;
    padding: 15px 20px 10px;
    font-size: 1rem;
    border: 1px solid #ccc;
    color: #7092be
}

.accessLimitWidget h2 {
    font-weight: bold;
    font-size: 1rem
}

.accessLimitWidget p {
    padding: 10px 0 5px 0
}

.accessLimitWidget .buttonCenter {
    text-align: center;
    font-size: .8rem;
    font-weight: 600
}

.accessLimitWidget .btn {
    padding: 10px 5px;
    width: 100px;
    color: #FFF;
    display: inline-block
}

.accessLimitWidget .viewBtn {
    background-color: #4280b3
}

.accessLimitWidget .cancelBtn {
    background-color: #ff7f27
}

.holdings ul {
    list-style-type: none
}

.holdings .radio--primary input[type="radio"] {
    display: block
}

.holdings input[type="radio"] {
    display: none
}

.holdings input[type="radio"]:checked+span:not(.label-txt):before {
    color: #2780e3
}

.holdings input[type="radio"]:checked+span:not(.label-txt):after {
    transform: scale(0.5);
    background: #2780e3
}

.holdings input[type="radio"]+span:not(.label-txt) {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    cursor: pointer;
    transition: .28s ease
}

.holdings input[type="radio"]+span:not(.label-txt):before {
    border: 2px solid #ccc
}

.holdings input[type="radio"]+span:not(.label-txt):before,
.holdings input[type="radio"]+span:not(.label-txt):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transition: .28s ease
}

.eCommerce-labels span.eCommerce-colon {
    display: inline-flex
}

.eCommerce-labels span.eCommerce-colon:after {
    content: ':'
}

.eCommerce-data {
    font-weight: bold
}

.eCommerce-data span.eCommerce-comma {
    display: inline-flex
}

.eCommerce-data span.eCommerce-comma:not(:last-of-type):after {
    content: ','
}

.eCommerce-labels,
.eCommerce-data {
    padding: 0 1rem .5rem 0
}

.without-label {
    padding: 0
}

.without-label li.eCommerce-data {
    margin: 0;
    list-style-type: none
}

.auto-width {
    width: auto
}

@media(min-width:721px) {
    .checkout-expand {
        width: 70%
    }

    .checkout-expand .actions .button {
        width: 100%
    }
}

.fulfilment-widget {
    text-align: center;
    margin: 32px 0
}

.fulfilment-widget ul {
    text-align: left;
    list-style: inside
}

.fulfilment-widget form {
    padding: 0 48px;
    text-align: left
}

.fulfilment-widget .container {
    padding: 24px 0;
    text-align: center;
    width: 100%
}

.fulfilment-widget .container .connect-auth {
    display: inline-block;
    width: 50%
}

.fulfilment-widget .container .items-to-fulfil {
    width: 50%;
    display: inline-block
}

.fulfilment-widget .container .items-to-fulfil form {
    text-align: left;
    padding: 0 50px
}

.fulfilment-widget .separator {
    width: 75%;
    height: 1px;
    background-color: #0a0a0a;
    display: inline-block
}

.institutional-login {
    background: 0
}

.institutional-login .institutional--select .ms-sel-ctn {
    overflow: hidden;
    padding-top: 2px
}

.institutional-login .institutional-heading--primary {
    border-bottom: 0
}

.institutional-login .ms-sel-ctn {
    border: 0
}

.font_huge {
    font-size: 30px
}

.font_bigger {
    font-size: 25px
}

.font_big {
    font-size: 18px
}

.font_normal {
    font-size: 15px
}

.font_small {
    font-size: 12px
}

.font_tiny {
    font-size: 10px
}

.icomoon {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.login-form.remote {
    margin: auto;
    max-width: 650px;
    padding: 30px 18px 0
}

.login-form.remote h1 {
    color: #204c8b;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px
}

.tfa-form-container {
    border: 1px solid #999;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    max-width: 455px;
    width: 455px;
    margin-top: 40px;
    margin-bottom: 40px
}

.tfa-form-container .type-number {
    border: 1px solid #b3b3b3;
    padding: 10px;
    width: 100%;
    border-radius: 3px
}

.tfa-form-container .type-pass-pin {
    border: 1px solid #b3b3b3;
    padding: 10px;
    width: 93%;
    border-radius: 3px;
    margin-bottom: 15px
}

.tfa-form-container .js__pincode-container,
.tfa-form-container .js__pinCode {
    padding: 20px 0
}

.tfa-form-container h3 {
    color: #808080;
    font-weight: normal;
    font-size: 20px
}

.tfa-form-container .text-to-comp {
    font-size: 16px;
    color: #808080
}

.tfa-form-container .small-container-300 {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    padding: 50px 0
}

.tfa-form-container .small-container-two {
    text-align: left;
    margin: 0 auto;
    padding: 50px 30px
}

.tfa-form-container #hidden-message {
    padding: 20px;
    background: #e7e7e7;
    border-radius: 3px;
    margin: 20px 0;
    text-align: left;
    visibility: hidden
}

.tfa-form-container .extra-space {
    padding: 20px;
    margin: 20px 0;
    visibility: hidden
}

.tfa-form-container .extra-space.background-none {
    background: transparent
}

.tfa-form-container .font-size-12 {
    font-size: 12px
}

.tfa-form-container .font-size-14 {
    font-size: 14px
}

.tfa-form-container .font-size-nor {
    font-size: 16px
}

.OK-btn {
    width: 100%;
    height: 38px;
    border-radius: 3px;
    margin: 10px 0;
    padding: 10px 0;
    border: 0;
    cursor: pointer;
    background-color: #a9a9a9
}

.tfa-form-container input[type="submit"]:disabled {
    background-color: #ddd;
    border: 0
}

.tfa-form-container .checked-inp {
    background: #e8e8e8
}

.tfa-form-container .send-anther-pin {
    display: block;
    color: #000;
    margin-top: 5px;
    text-decoration: underline
}

.tfa-form-container .text-align-left {
    text-align: left
}

.tfa-form-container .hide {
    display: none
}

.tfa-form-container .js__pinCode input[type="checkbox"] {
    display: none
}

.tfa-form-container .js__pinCode input[type="checkbox"]+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url("/templates/jsp/images/tfa/arowpng.png") -19px top no-repeat;
    cursor: pointer
}

.tfa-form-container .js__pinCode input[type="checkbox"]:checked+label span {
    background: url("/templates/jsp/images/tfa/arowpng.png") 0 top no-repeat
}

.tfa-form-container .remember {
    display: block;
    text-align: left;
    font-size: 14px;
    margin-top: 15px
}

.tfa-form-container .mobile_error,
.tfa-form-container .empty-error,
.tfa-form-container .char-error,
.tfa-form-container .error-msg {
    color: red;
    font-size: 14px;
    text-align: left;
    float: left;
    padding-top: 10px
}

.tfa-form-container .user-email {
    font-size: 14px;
    padding-bottom: 10px;
    display: block
}

.tfa-form-container .step-two {
    font-size: 14px;
    float: left;
    color: #000
}

.tfa-form-container .rounded-image {
    max-width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 15px
}

.tfa-form-container .gray-button {
    background: #999;
    border: 1px solid gray;
    border-radius: 3px;
    color: #fff;
    padding: 7px 10px;
    display: inline-block;
    margin-top: 132px;
    font-size: 12px;
    text-align: center;
    text-decoration: none
}

.tfa-form-container .all-text {
    display: inline-block
}

.tfa-form-container .all-text p {
    font-size: 14px
}

.tfa-form-container .text-box-step2 {
    width: 200px;
    padding: 20px 10px;
    display: inline-block;
    float: left
}

.tfa-form-container .margin-btm-15 {
    margin-bottom: 15px
}

.tfa-form-container input.js-number {
    width: 160px;
    float: left;
    margin-left: 10px
}

.tfa-form-container input.js-code {
    width: 80px;
    float: left
}

.tfa-form-container .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
    padding-left: 13px
}

@media(max-width:480px) {
    .tfa-form-container {
        padding: 0 20px;
        width: 100%
    }

    .tfa-form-container #hidden-message,
    .tfa-form-container .extra-space {
        display: none
    }

    .tfa-form-container .small-container-300 {
        text-align: left
    }

    .tfa-form-container .margin-t15 {
        margin-top: 15px
    }

    .tfa-form-container .font-size-nor {
        font-size: 14px
    }

    .tfa-form-container .text-to-comp {
        font-size: 14px
    }

    .tfa-form-container h3 {
        font-size: 22px
    }

    .tfa-form-container .remember {
        font-size: 12px
    }

    .tfa-form-container .step-two {
        font-size: 12px
    }
}

.f32 .flag {
    width: auto;
    clear: right;
    display: block;
    cursor: pointer;
    padding-left: 40px;
    background-position-x: 5px
}

.f32 .flag {
    padding-left: 44px
}

.f32 span,
.f32 i {
    display: inline-block;
    width: 32px;
    line-height: 32px;
    vertical-align: bottom
}

.f32 i {
    margin-left: -76px;
    margin-right: 44px;
    color: silver
}

.flag.deprecated {
    color: silver
}

.flag.island {
    color: navy
}

.tfa-form-container .selected-con {
    display: inline;
    position: absolute;
    right: auto;
    top: 8px;
    left: 1px;
    cursor: pointer;
    width: 88px;
    padding: 4px 0;
    padding-left: 5px;
    border-radius: 3px;
    background: #efefef
}

.tfa-form-container #js__countries {
    position: relative
}

.tfa-form-container .hide-item {
    display: none
}

.tfa-form-container a.hovered-item,
.tfa-form-container a {
    display: block
}

.tfa-form-container .hovered-item a:hover {
    background-color: #efefef
}

.tfa-form-container .hovered-item {
    background-color: #efefef
}

ul#js__countries-select li div {
    display: inline-block
}

.flag {
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: text-top;
    line-height: 32px;
    background: url(/templates/jsp/images/tfa/flags32-1.png) no-repeat;
    padding-left: 34px
}

._African_Union {
    background-position: 0 -32px
}

._Arab_League {
    background-position: 0 -64px
}

._ASEAN {
    background-position: 0 -96px
}

._CARICOM {
    background-position: 0 -128px
}

._CIS {
    background-position: 0 -160px
}

._Commonwealth {
    background-position: 0 -192px
}

._England {
    background-position: 0 -224px
}

._European_Union,
.eu {
    background-position: 0 -256px
}

._Islamic_Conference {
    background-position: 0 -288px
}

._Kosovo {
    background-position: 0 -320px
}

._NATO {
    background-position: 0 -352px
}

._Northern_Cyprus {
    background-position: 0 -384px
}

._Northern_Ireland {
    background-position: 0 -416px
}

._Olimpic_Movement {
    background-position: 0 -448px
}

._OPEC {
    background-position: 0 -480px
}

._Red_Cross {
    background-position: 0 -512px
}

._Scotland {
    background-position: 0 -544px
}

._Somaliland {
    background-position: 0 -576px
}

._Tibet {
    background-position: 0 -608px
}

._United_Nations {
    background-position: 0 -640px
}

._Wales {
    background-position: 0 -672px
}

.ad {
    background-position: 0 -724px
}

.ac {
    background-position: 0 -20px
}

.ae {
    background-position: 0 -756px
}

.af {
    background-position: 0 -788px
}

.ag {
    background-position: 0 -820px
}

.ai {
    background-position: 0 -852px
}

.al {
    background-position: 0 -884px
}

.am {
    background-position: 0 -916px
}

.ao {
    background-position: 0 -948px
}

.aq {
    background-position: 0 -980px
}

.ar {
    background-position: 0 -1012px
}

.as {
    background-position: 0 -1044px
}

.at {
    background-position: 0 -1076px
}

.au {
    background-position: 0 -1108px
}

.aw {
    background-position: 0 -1140px
}

.ax {
    background-position: 0 -1172px
}

.az {
    background-position: 0 -1204px
}

.ba {
    background-position: 0 -1236px
}

.bb {
    background-position: 0 -1268px
}

.bd {
    background-position: 0 -1300px
}

.be {
    background-position: 0 -1332px
}

.bf {
    background-position: 0 -1364px
}

.bg {
    background-position: 0 -1396px
}

.bh {
    background-position: 0 -1428px
}

.bi {
    background-position: 0 -1460px
}

.bj {
    background-position: 0 -1492px
}

.bm {
    background-position: 0 -1524px
}

.bn {
    background-position: 0 -1556px
}

.bo {
    background-position: 0 -1588px
}

.br {
    background-position: 0 -1620px
}

.bs {
    background-position: 0 -1652px
}

.bt {
    background-position: 0 -1684px
}

.bw {
    background-position: 0 -1716px
}

.by {
    background-position: 0 -1748px
}

.bz {
    background-position: 0 -1780px
}

.ca {
    background-position: 0 -1812px
}

.cd {
    background-position: 0 -1844px
}

.cf {
    background-position: 0 -1876px
}

.cg {
    background-position: 0 -1907px
}

.ch {
    background-position: 0 -1940px
}

.ci {
    background-position: 0 -1972px
}

.ck {
    background-position: 0 -2004px
}

.cl {
    background-position: 0 -2036px
}

.cm {
    background-position: 0 -2068px
}

.cn {
    background-position: 0 -2100px
}

.co {
    background-position: 0 -2132px
}

.cr {
    background-position: 0 -2164px
}

.cu {
    background-position: 0 -2196px
}

.cv {
    background-position: 0 -2228px
}

.cy {
    background-position: 0 -2260px
}

.cz {
    background-position: 0 -2292px
}

.de {
    background-position: 0 -2324px
}

.dj {
    background-position: 0 -2356px
}

.dk {
    background-position: 0 -2388px
}

.dm {
    background-position: 0 -2420px
}

.do {
    background-position: 0 -2452px
}

.dz {
    background-position: 0 -2484px
}

.ec {
    background-position: 0 -2516px
}

.ee {
    background-position: 0 -2548px
}

.eg {
    background-position: 0 -2580px
}

.eh {
    background-position: 0 -2612px
}

.er {
    background-position: 0 -2644px
}

.es {
    background-position: 0 -2676px
}

.et {
    background-position: 0 -2707px
}

.fi {
    background-position: 0 -2740px
}

.fj {
    background-position: 0 -2772px
}

.fm {
    background-position: 0 -2804px
}

.fo {
    background-position: 0 -2837px
}

.fr {
    background-position: 0 -2868px
}

.bl,
.cp,
.mf,
.yt {
    background-position: 0 -2868px
}

.ga {
    background-position: 0 -2900px
}

.gb {
    background-position: 0 -2932px
}

.sh {
    background-position: 0 8px
}

.gd {
    background-position: 0 -2964px
}

.ge {
    background-position: 0 -2996px
}

.gg {
    background-position: 0 -3028px
}

.gh {
    background-position: 0 -3060px
}

.gi {
    background-position: 0 -3092px
}

.gl {
    background-position: 0 -3124px
}

.gm {
    background-position: 0 -3156px
}

.gn {
    background-position: 0 -3188px
}

.gp {
    background-position: 0 -3220px
}

.gq {
    background-position: 0 -3252px
}

.gr {
    background-position: 0 -3284px
}

.gt {
    background-position: 0 -3316px
}

.gu {
    background-position: 0 -3348px
}

.gw {
    background-position: 0 -3380px
}

.gy {
    background-position: 0 -3412px
}

.hk {
    background-position: 0 -3444px
}

.hn {
    background-position: 0 -3476px
}

.hr {
    background-position: 0 -3508px
}

.ht {
    background-position: 0 -3540px
}

.hu {
    background-position: 0 -3572px
}

.id {
    background-position: 0 -3604px
}

.mc {
    background-position: 0 -3604px
}

.ie {
    background-position: 0 -3636px
}

.il {
    background-position: 0 -3668px
}

.im {
    background-position: 0 -3700px
}

.in {
    background-position: 0 -3732px
}

.iq {
    background-position: 0 -3764px
}

.ir {
    background-position: 0 -3796px
}

.is {
    background-position: 0 -3828px
}

.it {
    background-position: 0 -3860px
}

.je {
    background-position: 0 -3892px
}

.jm {
    background-position: 0 -3924px
}

.jo {
    background-position: 0 -3956px
}

.jp {
    background-position: 0 -3988px
}

.ke {
    background-position: 0 -4020px
}

.kg {
    background-position: 0 -4052px
}

.kh {
    background-position: 0 -4084px
}

.ki {
    background-position: 0 -4116px
}

.km {
    background-position: 0 -4148px
}

.kn {
    background-position: 0 -4180px
}

.kp {
    background-position: 0 -4212px
}

.kr {
    background-position: 0 -4244px
}

.kw {
    background-position: 0 -4276px
}

.ky {
    background-position: 0 -4308px
}

.kz {
    background-position: 0 -4340px
}

.la {
    background-position: 0 -4372px
}

.lb {
    background-position: 0 -4404px
}

.lc {
    background-position: 0 -4436px
}

.li {
    background-position: 0 -4468px
}

.lk {
    background-position: 0 -4500px
}

.lr {
    background-position: 0 -4532px
}

.ls {
    background-position: 0 -4564px
}

.lt {
    background-position: 0 -4596px
}

.lu {
    background-position: 0 -4628px
}

.lv {
    background-position: 0 -4660px
}

.ly {
    background-position: 0 -4692px
}

.ma {
    background-position: 0 -4724px
}

.md {
    background-position: 0 -4756px
}

.me {
    background-position: 0 -4788px
}

.mg {
    background-position: 0 -4820px
}

.mh {
    background-position: 0 -4852px
}

.mk {
    background-position: 0 -4884px
}

.ml {
    background-position: 0 -4916px
}

.mm {
    background-position: 0 -4948px
}

.mn {
    background-position: 0 -4980px
}

.mo {
    background-position: 0 -5012px
}

.mq {
    background-position: 0 -5044px
}

.mr {
    background-position: 0 -5076px
}

.ms {
    background-position: 0 -5108px
}

.mt {
    background-position: 0 -5140px
}

.mu {
    background-position: 0 -5172px
}

.mv {
    background-position: 0 -5204px
}

.mw {
    background-position: 0 -5236px
}

.mx {
    background-position: 0 -5268px
}

.my {
    background-position: 0 -5300px
}

.mz {
    background-position: 0 -5332px
}

.na {
    background-position: 0 -5364px
}

.nc {
    background-position: 0 -5396px
}

.ne {
    background-position: 0 -5428px
}

.ng {
    background-position: 0 -5460px
}

.ni {
    background-position: 0 -5492px
}

.nl {
    background-position: 0 -5524px
}

.bq {
    background-position: 0 -5504px
}

.no {
    background-position: 0 -5556px
}

.bv,
.nq,
.sj {
    background-position: 0 -5536px
}

.np {
    background-position: 0 -5588px
}

.nr {
    background-position: 0 -5620px
}

.nz {
    background-position: 0 -5652px
}

.om {
    background-position: 0 -5684px
}

.pa {
    background-position: 0 -5716px
}

.pe {
    background-position: 0 -5748px
}

.pf {
    background-position: 0 -5780px
}

.pg {
    background-position: 0 -5812px
}

.ph {
    background-position: 0 -5844px
}

.pk {
    background-position: 0 -5876px
}

.pl {
    background-position: 0 -5908px
}

.pr {
    background-position: 0 -5940px
}

.ps {
    background-position: 0 -5972px
}

.pt {
    background-position: 0 -6004px
}

.pw {
    background-position: 0 -6036px
}

.py {
    background-position: 0 -6068px
}

.qa {
    background-position: 0 -6100px
}

.re {
    background-position: 0 -6132px
}

.ro {
    background-position: 0 -6164px
}

.rs {
    background-position: 0 -6196px
}

.ru {
    background-position: 0 -6228px
}

.rw {
    background-position: 0 -6260px
}

.sa {
    background-position: 0 -6292px
}

.sb {
    background-position: 0 -6324px
}

.sc {
    background-position: 0 -6356px
}

.sd {
    background-position: 0 -6388px
}

.se {
    background-position: 0 -6420px
}

.sg {
    background-position: 0 -6452px
}

.si {
    background-position: 0 -6484px
}

.sk {
    background-position: 0 -6516px
}

.sl {
    background-position: 0 -6548px
}

.sm {
    background-position: 0 -6580px
}

.sn {
    background-position: 0 -6612px
}

.so {
    background-position: 0 -6644px
}

.sr {
    background-position: 0 -6676px
}

.st {
    background-position: 0 -6708px
}

.sv {
    background-position: 0 -6740px
}

.sy {
    background-position: 0 -6772px
}

.sz {
    background-position: 0 -6804px
}

.tc {
    background-position: 0 -6836px
}

.td {
    background-position: 0 -6868px
}

.tg {
    background-position: 0 -6900px
}

.th {
    background-position: 0 -6932px
}

.tj {
    background-position: 0 -6964px
}

.tl {
    background-position: 0 -6996px
}

.tm {
    background-position: 0 -7028px
}

.tn {
    background-position: 0 -7060px
}

.to {
    background-position: 0 -7092px
}

.tr {
    background-position: 0 -7124px
}

.tt {
    background-position: 0 -7156px
}

.tv {
    background-position: 0 -7188px
}

.tw {
    background-position: 0 -7220px
}

.tz {
    background-position: 0 -7252px
}

.ua {
    background-position: 0 -7284px
}

.ug {
    background-position: 0 -7316px
}

.us {
    background-position: 0 -7348px
}

.uy {
    background-position: 0 -7380px
}

.uz {
    background-position: 0 -7412px
}

.va {
    background-position: 0 -7444px
}

.vc {
    background-position: 0 -7476px
}

.ve {
    background-position: 0 -7508px
}

.vg {
    background-position: 0 -7540px
}

.vi {
    background-position: 0 -7572px
}

.vn {
    background-position: 0 -7604px
}

.vu {
    background-position: 0 -7636px
}

.ws {
    background-position: 0 -7668px
}

.ye {
    background-position: 0 -7700px
}

.za {
    background-position: 0 -7732px
}

.zm {
    background-position: 0 -7764px
}

.zw {
    background-position: 0 -7796px
}

.sx {
    background-position: 0 -7828px
}

.cw {
    background-position: 0 -7860px
}

.ss {
    background-position: 0 -7892px
}

.nu {
    background-position: 0 -7924px
}

.io {
    background-position: 0 -7951px
}

.cc {
    background-position: 0 -7976px
}

.bq {
    background-position: 0 -8006px
}

.cx {
    background-position: 0 -8032px
}

.gf {
    background-position: 0 -8063px
}

.gp {
    background-position: 0 -8095px
}

.pm {
    background-position: 0 -8158px
}

.sj {
    background-position: 0 -8187px
}

.cs {
    background-position: 0 -8250px
}

.fk {
    background-position: 0 -8279px
}

.mp {
    background-position: 0 -8306px
}

.nf {
    background-position: 0 -8336px
}

.tk {
    background-position: 0 -8364px
}

.wf {
    background-position: 0 -8394px
}

.xk {
    background-position: 0 -339px
}

.ta {
    background-position: 0 8px
}

.f32 .flag {
    width: auto;
    clear: right;
    display: block;
    cursor: pointer;
    padding-left: 40px;
    background-position-x: 5px
}

.f32 .flag {
    padding-left: 44px
}

.f32 span,
.f32 i {
    display: inline-block;
    width: 32px;
    line-height: 32px;
    vertical-align: bottom
}

.f32 i {
    margin-left: -76px;
    margin-right: 44px;
    color: silver
}

.flag.deprecated {
    color: silver
}

.flag.island {
    color: navy
}

.tfa-form-container #js__mobile-countries {
    width: 63%;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #b3b3b3;
    padding: 4px 0;
    box-sizing: content-box;
    padding-left: 110px;
    font-family: inherit
}

.tfa-form-container #js__countries {
    position: relative
}

.tfa-form-container .scrollableList:after {
    content: "";
    display: block;
    clear: both
}

.tfa-form-container .scrollableList ul {
    padding: 3px 0 3px 0;
    margin: 0;
    margin-left: -5px;
    position: absolute;
    width: 208px;
    background: #fafafa;
    margin-top: 5px;
    border: 1px solid #dedede
}

.tfa-form-container .scrollableList ul li {
    list-style: none;
    cursor: pointer;
    line-height: 25px
}

.tfa-form-container .selectedOption {
    margin-left: 10px;
    margin-top: 2px;
    cursor: pointer;
    background: url('https://img2.wikia.nocookie.net/__cb20120818025551/merlin1/images/4/46/Drop_down_arrow.gif') no-repeat right;
    height: 20px;
    font-weight: bold
}

.tfa-form-container #js__mobile-countries {
    width: 63%;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #b3b3b3;
    padding: 4px 0;
    box-sizing: content-box;
    padding-left: 110px;
    font-family: inherit
}

.tfa-form-container .scrollableList ul li:hover {
    color: #c33
}

.tfa-form-container .selectedOption:hover {
    color: #333
}

.tfa-form-container .hide {
    display: none
}

.tfa-form-container #selectOneOfTheOptions a {
    display: block;
    width: 56%;
    height: 100%;
    color: #000;
    box-sizing: content-box
}

.tfa-form-container a.hovered-item,
.tfa-form-container a {
    display: block;
    text-decoration: none
}

#js__countries-select a {
    color: #000
}

#js__countries-select li:hover a {
    display: block;
    background-color: #efefef
}

#js__countries-select li a:hover {
    background-color: #efefef
}

#js__countries-select li:hover {
    background-color: #efefef
}

ul#js__countries-select li div {
    display: inline-block
}

.tfa-form-container .makeMeList {
    position: absolute;
    right: auto;
    top: 0;
    left: 0;
    height: 42px;
    cursor: pointer;
    width: 115px;
    padding: 4px 0;
    padding-left: 5px;
    border-radius: 3px;
    background: #efefef;
    z-index: 152
}

.tfa-form-container #selectOneOfTheOptions {
    margin-right: 10px;
    margin-bottom: 20px;
    border: 1px solid #b3b3b3;
    display: block;
    cursor: pointer;
    width: 100px;
    padding: 4px 0;
    padding-left: 5px;
    border-radius: 3px;
    background: #efefef;
    color: #666;
    z-index: 156;
    position: absolute;
    right: auto;
    top: 0;
    left: auto
}

.phone-verification-container #selectOneOfTheOptions {
    width: 100%;
    background: #fff
}

.tfa-form-container ul#js__countries-select {
    overflow: scroll;
    overflow-x: hidden;
    padding-left: 20px;
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    max-width: 300px;
    width: 300px;
    top: 49px
}

.tfa-form-container .countries-select {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.tfa-form-container .formHolder {
    position: relative
}

.tfa-form-container .mobile_error,
.tfa-form-container .empty-error,
.tfa-form-container .char-error,
.tfa-form-container .error-msg {
    color: red;
    font-size: 14px;
    text-align: left;
    float: left;
    padding-top: 10px
}

.tfa-form-container #container-all {
    position: relative
}

.notAuth-ribbon-container {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 40
}

.notAuth-msg-container {
    max-width: 460px;
    transition: all .3s;
    background-color: #000;
    padding: 15px 15px 15px 10px;
    min-height: 70px;
    float: left;
    display: flex;
    align-items: center
}

.notAuth-msg-container img {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.notAuth-msg-container.collapsed {
    margin-right: -460px;
    visibility: hidden
}

.notAuth-msg-container .notAuth-msg {
    line-height: normal
}

.notAuth-msg-container .notAuth-msg a {
    color: #fff;
    font-size: 15px
}

.notAuth-msg-container .notAuth-msg a:hover {
    text-decoration: underline
}

.literatumNoneSecureSession .pb-collapse {
    background-color: #000;
    border: 0;
    color: #fff;
    outline: 0;
    height: 70px
}

.pb-collapse img {
    width: 15px;
    height: 15px
}

.tfa-form-container .error-msg {
    display: block;
    float: none
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 110000;
    background-color: rgba(255, 255, 255, 0.95);
    overflow: scroll
}

.registration-popup .content .close {
    font-size: 1.25rem !important;
    margin: 0 -12px !important
}

.preview-container {
    display: inline
}

.preview-container .preview_button {
    font-size: 16px;
    font-weight: 600;
    min-width: 166px;
    color: #464646;
    background: transparent;
    border: 1px solid #464646;
    text-align: center;
    padding: 12px;
    transition: all .25s;
    font-family: Open Sans, sans-serif
}

.preview-container .preview_button:hover {
    color: #fff;
    background: #a1a1a1
}

.preview-container .preview_button .icon-preview-eye2,
.preview-container .preview_button .icon-preview-eye-hidden {
    margin-right: 5px;
    font-size: 25px;
    vertical-align: middle
}

.preview-container .preview_button.borderless {
    border: 0;
    font-size: 13px
}

.preview-container .preview_button.borderless i {
    font-size: 20px;
    vertical-align: text-top
}

.preview-container .preview_button.borderless:hover {
    color: #464646;
    background: transparent
}

#pb-page-content .preview__modal.popup {
    background-color: rgba(189, 189, 190, 0.85)
}

#pb-page-content .preview__modal.popup .preview__content {
    width: 380px;
    margin: 30px auto;
    overflow: auto;
    position: relative;
    background: #fff;
    padding: 17px 30px 30px;
    border-radius: 10px
}

#pb-page-content .preview__modal.popup .preview__content .modal__header .close {
    margin-right: 0;
    margin-top: 10px;
    float: right;
    font-size: 20px;
    color: #a7a7a7
}

#pb-page-content .preview__modal.popup .preview__content .modal__header .close:hover {
    text-decoration: none
}

#pb-page-content .preview__modal.popup .preview__content .modal__body {
    clear: both
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .body-title {
    font-size: 24px;
    color: #000;
    border: 0;
    font-weight: 500;
    text-transform: none;
    text-align: center
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .available__previews {
    color: #a7a7a7;
    display: block;
    text-align: center;
    text-transform: lowercase
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .initiate__Message {
    text-align: center;
    color: #000;
    margin-top: 30px;
    font-weight: bold;
    text-transform: lowercase
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .allowance__message {
    margin-top: 25px;
    font-size: 13px;
    color: #000;
    display: inline-block
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .allowance__message .arrow_d_n {
    font-size: 7px;
    font-weight: 900;
    margin-left: 10px;
    display: inline-block
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .allowance__message .arrow_d_n.openAllowance {
    transform: rotate(-180deg)
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .allowance__message .icon-preview-information-solid {
    font-size: 15px
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .allowance__message .allowance__text {
    font-size: 15px;
    color: #a7a7a7;
    margin-top: 10px;
    text-transform: lowercase
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .preview__options {
    margin-top: 20px;
    border-top: 2px solid #888;
    padding-top: 20px
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .preview__options .btn {
    display: inline-block;
    border: 0;
    float: right;
    color: #fff;
    text-align: center;
    padding: 12px;
    font-size: 16px;
    background: #a1a1a1;
    font-weight: 700;
    transition: all .25s;
    font-family: Open Sans, sans-serif;
    margin-top: 0;
    margin-right: 0
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .preview__options .btn:hover {
    cursor: pointer;
    background: #bdbdbd;
    color: #fff
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .preview__options .btn-cancel {
    padding: 9px;
    font-size: 1rem;
    font-weight: 600;
    color: #646464;
    float: right;
    margin-top: 2px
}

#pb-page-content .preview__modal.popup .preview__content .modal__body .limit,
#pb-page-content .preview__modal.popup .preview__content .modal__body .depleted {
    font-size: 13px;
    text-align: center
}

.preview-eye2 {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik01MTIgMjg4djBjMjg4IDAgNDE2IDIyNCA0MTYgMjI0cy0xMjggMjI0LTQxNiAyMjRjLTI4OCAwLTQxNi0yMjQtNDE2LTIyNHMxMjgtMjI0IDQxNi0yMjR6TTUxMiA2NDBjNzAuNjkyIDAgMTI4LTU3LjMwOCAxMjgtMTI4cy01Ny4zMDgtMTI4LTEyOC0xMjhjLTcwLjY5MiAwLTEyOCA1Ny4zMDgtMTI4IDEyOHM1Ny4zMDggMTI4IDEyOCAxMjh2MHpNNTEyIDYwOHYwYy01My4wMTkgMC05Ni00Mi45ODEtOTYtOTZzNDIuOTgxLTk2IDk2LTk2YzUzLjAxOSAwIDk2IDQyLjk4MSA5NiA5NnMtNDIuOTgxIDk2LTk2IDk2ek01MTIgNTQ0YzE3LjY3MyAwIDMyLTE0LjMyNyAzMi0zMnMtMTQuMzI3LTMyLTMyLTMyYy0xNy42NzMgMC0zMiAxNC4zMjctMzIgMzJzMTQuMzI3IDMyIDMyIDMydjB6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    width: 20px;
    height: 20px;
    background-position: bottom;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: relative;
    bottom: 1px;
    display: inline-block
}

.preview-eye-hidden {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNTkuNDc4IDY2OC41MjJjLTExMS43MjgtNjUuOTU4LTE2My40NzgtMTU2LjUyMi0xNjMuNDc4LTE1Ni41MjJzMTI4LTIyNCA0MTYtMjI0YzQxLjc0NCAwIDgwLjEyNyA0LjcwNiAxMTUuMjQ2IDEyLjc1NGwtODYuNDg5IDg2LjQ4OWMtOS4yNDQtMi4xMjItMTguODY5LTMuMjQzLTI4Ljc1Ny0zLjI0My03MC42OTIgMC0xMjggNTcuMzA4LTEyOCAxMjggMCA5Ljg4OCAxLjEyMSAxOS41MTMgMy4yNDMgMjguNzU3bC0xMjcuNzY1IDEyNy43NjV6TTM5Ni43NTQgNzIzLjI0NmMzNS4xMTkgOC4wNDggNzMuNTAyIDEyLjc1NCAxMTUuMjQ2IDEyLjc1NCAyODggMCA0MTYtMjI0IDQxNi0yMjRzLTUxLjc1MS05MC41NjQtMTYzLjQ3OC0xNTYuNTIybC0xMjcuNzY1IDEyNy43NjVjMi4xMjIgOS4yNDQgMy4yNDMgMTguODY5IDMuMjQzIDI4Ljc1NyAwIDcwLjY5Mi01Ny4zMDggMTI4LTEyOCAxMjgtOS44ODggMC0xOS41MTMtMS4xMjEtMjguNzU3LTMuMjQzbC04Ni40ODkgODYuNDg5ek02MDggNTEyYzAgMjQuNTY5LTkuMzczIDQ5LjEzNy0yOC4xMTggNjcuODgycy00My4zMTQgMjguMTE4LTY3Ljg4MiAyOC4xMThsOTYtOTZ6TTUxMiA0MTZjLTI0LjU2OSAwLTQ5LjEzNyA5LjM3My02Ny44ODIgMjguMTE4cy0yOC4xMTggNDMuMzE0LTI4LjExOCA2Ny44ODJsOTYtOTZ6TTc2OCAyMjRsLTU0NCA1NDQgMzIgMzIgNTQ0LTU0NC0zMi0zMnoiPjwvcGF0aD4KPC9zdmc+Cg==);
    width: 20px;
    height: 20px;
    background-position: bottom;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: relative;
    bottom: 1px;
    display: inline-block
}

.clock {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTMyOS4zNzIgMzc0LjYyOGwtMTA1LjM3Mi0xMDUuMzczdi0xNDEuMjU1aDY0djExNC43NDVsODYuNjI4IDg2LjYyN3pNMjU2IDBjLTE0MS4zODUgMC0yNTYgMTE0LjYxNS0yNTYgMjU2czExNC42MTUgMjU2IDI1NiAyNTYgMjU2LTExNC42MTUgMjU2LTI1Ni0xMTQuNjE1LTI1Ni0yNTYtMjU2ek0yNTYgNDQ4Yy0xMDYuMDM5IDAtMTkyLTg1Ljk2MS0xOTItMTkyczg1Ljk2MS0xOTIgMTkyLTE5MmMxMDYuMDM5IDAgMTkyIDg1Ljk2MSAxOTIgMTkycy04NS45NjEgMTkyLTE5MiAxOTJ6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    width: 20px;
    height: 20px;
    background-position: bottom;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    display: inline-block
}

.information-solid {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI2NDAiIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzLjc2IDU0Ni4yNGMtNjAuMjczLTU4LjI3MS05Ny42OTItMTM5Ljg1MS05Ny42OTItMjMwLjE3MyAwLTE3Ni43MzEgMTQzLjI2OS0zMjAgMzIwLTMyMCA5MC4zMjEgMCAxNzEuOTAyIDM3LjQyIDIzMC4wODYgOTcuNjAybDAuMDg2IDAuMDkwYzU1LjU3OCA1Ny40ODcgODkuODI4IDEzNS44OTcgODkuODI4IDIyMi4zMDcgMCAxNzYuNzMxLTE0My4yNjkgMzIwLTMyMCAzMjAtODYuNDEgMC0xNjQuODIxLTM0LjI0OS0yMjIuMzk4LTg5LjkxNGwwLjA5MCAwLjA4NnpNMjg4IDM1MnYxMjhoNjR2LTE5MmgtNjR2NjR6TTI4OCAxNjB2NjRoNjR2LTY0aC02NHoiPjwvcGF0aD4KPC9zdmc+Cg==);
    width: 20px;
    height: 20px;
    background-position: bottom;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    display: inline-block
}

.arrow_d_n {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2MDAiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDE2MDAgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xNTgwIDgyLjEyNWMtMjUuMTI2LTI1LjE5LTY1LjgxMS0yNS4xOS05MC44NzQgMGwtNjU4LjEyNSA3MjIuMTI1LTY1OC4wNjctNzIyLjEyNWMtMjUuMTItMjUuMTktNjUuODExLTI1LjE5LTkwLjg3NCAwLTI1LjEyNiAyNS4yNDgtMjUuMTI2IDY2LjEyNSAwIDkxLjM3M2w3MDAuMzE0IDc2OC4zNzhjMTMuMzc2IDEzLjQ0IDMxLjEyMyAxOS4xODcgNDguNjI3IDE4LjMxIDE3LjQ5OCAwLjg3NyAzNS4yNTEtNC44NyA0OC42ODUtMTguMzFsNzAwLjMxNC03NjguMzc4YzI1LjA2Mi0yNS4yNDggMjUuMDYyLTY2LjEyNSAwLTkxLjM3M3oiPjwvcGF0aD4KPC9zdmc+Cg==);
    width: 20px;
    height: 20px;
    background-position: bottom;
    background-size: 20px 12px;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    display: inline-block
}

.close_thin {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02OS45MzkgOC44MWw5NDIuMDc0IDk0Mi4wNzQtNTcuOTI2IDU3LjkyNi05NDIuMDc0LTk0Mi4wNzQgNTcuOTI2LTU3LjkyNnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTk1NC4wODcgOC43ODFsNTcuOTI2IDU3LjkyNi05NDIuMDc0IDk0Mi4wNzQtNTcuOTI2LTU3LjkyNiA5NDIuMDc0LTk0Mi4wNzR6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    width: 20px;
    height: 20px;
    background-position: bottom;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    display: inline-block
}