/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Boilerplate resets
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div, section, ul, li, h1, h2, h3, h4, table, td, tr, form, label, iframe, hr {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

div, footer, header, nav, section, label {
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul {
    list-style: none;
}

.clear {
    clear:both;
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    position: relative;
}

button, input {
    *overflow: visible;
    line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
    outline: 0;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

a, button, .btn, .button {
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*--------------------------------------------------------------------------------------------------------------------
    States
--------------------------------------------------------------------------------------------------------------------*/

.hidden {
    display: none;
}

.loggedin {
    display: none;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d8dadd;
    box-shadow: inset 2px 0 6px #000000;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #c8cacc;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Body
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


body {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    font-family: Arial, sans-serif;
    background: #e2e6eb;
    overflow-x: hidden;
}

body.intro {
    overflow-y: hidden;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Typography
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, b, strong {
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

h1 {
    font-size: 15px;
}

h4 {
    font-weight: bold;
}

b, strong {
    font-family: Arial, sans-serif;
    font-weight: bold;
}

p {
    line-height: 23px;
    margin: 10px 0;
}

p:first-child {
    margin-top: 0;
}

input, button, select, textarea {
    color: #40526a;
    font-family: Arial, sans-serif;
}

table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .btn-input {

    display: inline-block;
    background-color: #ffffff;

    font-size: 15px;
    height: 34px;
    padding: 6px 8px;

    border-radius: 4px;
    border: 1px solid #d8dadd;

    -webkit-transition: border linear 0.1s, box-shadow linear 0.1s;
    -moz-transition: border linear 0.1s, box-shadow linear 0.1s;
    -o-transition: border linear 0.1s, box-shadow linear 0.1s;
    transition: border linear 0.1s, box-shadow linear 0.1s;

}

select {
    padding-top: 5px;
    padding-left: 3px;
    height: 40px;
    line-height: 40px;
    min-width: 140px;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
}

.hint {
    font-size: 13px;
    text-align: left;
    width: 100%;
    color: #99a3b5;
}

.grey {
    color: #99a3b5;
}

.row {
    width: 100%;
    clear: both;
    position: relative;
}

.row::before, .row::after {
    content: "";
    display: table;
}

.row::after {
    clear: both;
}

/*--------------------------------------------------------------------------------------------------------------------
    Ticket itself
--------------------------------------------------------------------------------------------------------------------*/

.section {
    position: relative;
    background: #fff;
    -webkit-transition: padding 0.55s ease;
    -moz-transition: padding 0.55s ease;
    -o-transition: padding 0.55s ease;
    transition: padding 0.55s ease;
}

.section:first-child {
    border-top: none;
}

.section.collapsed {
    cursor: pointer;
    padding: 0;
}

.wrapper {
    padding: 20px;
}

hr.blank {
    height: 25px;
}

img.icon {
    position: relative;
    top: 4px;
    margin: 0 8px 0 0;
}

/*--------------------------------------------------------------------------------------------------------------------
    Inputs & buttons
--------------------------------------------------------------------------------------------------------------------*/

input[type="text"], input[type="password"] {
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0;
    color: #333333;
    outline: none;
    height: 30px;
    padding: 8px 8px;
}

input[type="text"]:focus, input[type="password"]:focus {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 3px rgba(204, 204, 204, 0.50);
}

::-webkit-input-placeholder {
    color: #b8babf;
}

::-moz-placeholder {
    color: #b8babf;
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #b8babf;
}

/* ie */
input:-moz-placeholder {
    color: #b8babf;
}

input[type="text"].flat, input[type="password"].flat {
    border: 0;
    box-shadow: none;
    height: 40px;
    padding: 10px 10px 10px 10px;
}

input.flat:focus {
    border: 0;
    box-shadow: 0;
}

input.inline {
    display: inline-block;
}

.text-center,
input.text-center {
    text-align: center;
}

a, a:visited {
    color: #99a3b5;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
}

a:hover {
    color: #40526a;
}



.action-panel {
    margin-top: 20px;
}

.checkbox {
    border: 1px solid #E4E7EB;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 1px 1px 0 #E4E7EB;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    float: left;
    margin-top: 0;
    margin-right: 10px;
    color: #99a3b5;
}

.custom-checkbox {
    position: relative;
}

.custom-checkbox input {
    display: none;
}

.custom-checkbox label {
    cursor: pointer;
    display: block;
    padding-left: 26px;
}

.custom-checkbox label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    border: 1px solid #d8dadd;
    background: none;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.custom-checkbox label::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 4px;
    width: 15px;
    height: 11px;
    background: url(../img/checkbox-gray-check.png) no-repeat;
    display: none;
}

.custom-checkbox input:checked + label::after {
    display: block;
}


/*--------------------------------------------------------------------------------------------------------------------
    Payment buttons
--------------------------------------------------------------------------------------------------------------------*/

.payment-options {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none;
    width: 100%;
    padding-top: 13px;
    display: block;
}

.payment-options li {
    width: 100%;
    text-align: center;
    height: 55px;
    border: 1px solid #E4E7EB;
    border-bottom: none;
    background: #fff;
    cursor: pointer;
    padding: 7px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.payment-options li:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.payment-options .lastbutton {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid #E4E7EB;
}

.payment-options .button.pay {
    width: 100%;
    height: 40px;
    display: block;
    color: #40526a;
    line-height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
}

.save-card {
    font-size: 13px;
    color: #99a3b5;
    cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------------
    Price summary
--------------------------------------------------------------------------------------------------------------------*/

#ticket #price-summary {
    background: #F4F8FA;
}

/*--------------------------------------------------------------------------------------------------------------------
    Input groups
--------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------------
    Credit card
--------------------------------------------------------------------------------------------------------------------*/


.new-card-form .date-slash {
    display: inline-block;
    top: 2px;
    margin-right: 20px;
    position: relative;
}

input.input-date {
    width: 50px;
}


/*--------------------------------------------------------------------------------------------------------------------
    Modals
--------------------------------------------------------------------------------------------------------------------*/

.modal {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
}

.modal-overlay, .modal {
    position: absolute;
    display: none;
    opacity: 0;
}

.modal-overlay {
    width: 100%;
    /*height: 100%;*/
    /*background: url('../img/ticket/bluegradient.png') repeat-x #1854AC ;*/
    background: #000000;
    left: 0;
    top: 0;
    bottom: 0;
    /*display: none !important;*/
    z-index: 1000;
}

.modal {
    background: #fff;
    border: 0;
    /*box-shadow: 0 2px 6px #1854AC;*/
    border-radius: 8px;
    /*padding: 30px;*/
    font-size: 15px;
    overflow: hidden;
    width: 650px;
    left: 50%;
    top: 25px;
    margin-top: 0;
    margin-left: -325px;
    z-index: 1002;
}

.modal h1 {
    font-size: 18px;
    font-family: "BentonSans Regular", Helvetica, Arial, sans-serif;
    text-align: center;
    margin: 0 0 25px 0;
}

.modal-overlay.active, .modal.active {
    display: block;
}

#modal-login-account .signin-header {
    text-align: center;
    height: 50px;
    margin: 5px 0 25px 0;
    background: url('../img/ticket/signin.png') no-repeat center center;
}

.modal .action-panel {
    border-top: solid 1px #eeeeee;
    position: absolute;
    padding-bottom: 20px;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.modal .modal-content {
    padding: 0 100px 45px;
    text-align: center;
    height: 100%;
    margin-bottom: 74px;
}

.modal .modal-header {
    margin-top: 90px;
    margin-bottom: 50px;
    height: 66px;
    background: url('../img/Info.png') no-repeat center center;
}

@media screen and (max-width: 600px) {
    .modal {
        width: 310px;
        margin-left: -155px;
    }

    .modal .modal-header {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .modal .modal-content {
        padding: 30px 30px 30px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------
    ERRORS
--------------------------------------------------------------------------------------------------------------------*/

.start-screen-error {
    padding: 20px;
    background: #c74d41;
    border-radius: 2px;
    color: #fff;
}

.modal-overlay.error {
    background: #023044;
}

.modal.error {
    background: #c74d41;
    box-shadow: none;
    color: #fff;
}

.modal.error p {
    text-align: center;
}






.overflow-hidden {
    overflow: hidden;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.ml10 {
    margin-left: 10px!important;
}

.mb20 {
    margin-bottom: 20px;
}

h1 {
    font-size: 18px;
    line-height: normal;
}

a.button,
a.button:visited {
    font-family: Arial, sans-serif;

    cursor: pointer;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    color: white;
    border: 0 none;
    border-radius: 4px;
    box-sizing: border-box;
    border-collapse: separate;
    background-color: #81c875;
    margin-right: 10px;
    padding: 0 16px;
    transition: opacity 0.25s ease 0s, background 0.25s ease 0s;
}

a.button:hover,
a.button:focus {
    background-color: #88d47b;
}

a.button:active {
    background-color: #73bb67;
}

a.button[disabled],
a.button:disabled {
    cursor: default;
    text-shadow: none;
    background-color: #81c875;
    opacity: 0.5;
}

a.button[disabled]:hover,
a.button:disabled:hover {
    cursor: default;
    text-shadow: none;
    background-color: #81c875;
    opacity: 0.5;
}


a.button.full {
    width: 100%;
    margin-right: 0;
}

a.button.full + a.button.full {
    margin-top: 10px;
}

a.button.error, a.button.error:visited {
    background: #9b281d;
    padding: 8px 12px;
}

a.button.error:hover {
    background: #951f14;
}

a.button.error:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}



a.button.gray,
a.button.gray:visited {
    background-color: #ededed;
    color: #a2a2a2;
}

a.button.gray:hover,
a.button.gray:focus {
    background-color: #f3f3f3;
}

a.button.gray:active {
    background-color: #e0e0e0;
}

a.button.close,
a.button.close:visited {
    background-color: #ededed;
    color: #a2a2a2;
    min-width: 140px;
    line-height: 40px;
}

a.button.close:hover,
a.button.close:focus {
    background-color: #f3f3f3;
}

a.button.close:active {
    background-color: #e0e0e0;
}

a.button.edit {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/pencil.png) center center no-repeat #f5f5f5;
}

a.button.big {
    line-height: 40px;
}

a.button.promo-code-apply {
    line-height: 30px;
    min-width: 115px;
}

a.button.access-check-apply {
    line-height: 40px;
    min-width: 115px;
}

a.button.cancel {
    min-width: 115px;
    line-height: 40px;
}

.previous-button-wrapper {
    float: left;
    width: 52px;
    height: 25px;
    margin-top: 15px;
    border-right: 1px solid #d6d6d6;
}

a.button.back {
    cursor: pointer;
    width: 56px;
    height: 55px;
    margin: -15px 0 0 0;
    padding: 0;
    background: url(../img/arrow-back.png) center center no-repeat;
}

a.button.complete-purchase {
    line-height: 40px !important;
}

/*--------------------------------------------------------------------------------------------------------------------
    Errors
--------------------------------------------------------------------------------------------------------------------*/
.field-error:before {
    border-bottom: 7px solid rgba(248, 106, 106, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 29px;
    position: absolute;
    top: -7px;
}

.field-error:after {
    border-bottom: 6px solid #f86a6a;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 30px;
    position: absolute;
    top: -6px;
}

.field-error {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    background-color: #f86a6a;
    border: 0 none;
    border-collapse: separate;
    border-radius: 4px;
    box-sizing: border-box;
    color: white;
    line-height: 30px !important;
    margin-right: 10px;
    padding: 0 16px;
    transition: opacity 0.25s ease 0s, background 0.25s ease 0s;
    white-space: nowrap;
    z-index: 2;
}

input[type="text"].error {
    background: #fcf6f5;
}

.select-payment-options {
    margin-left: 40px;
}

#checkout-container .message-block {
    position: absolute;
    background-color: #f86a6a;
    font-family: "BentonSans Medium", Helvetica, Arial, sans-serif;
    color: #ffffff;
    width: 100%;
    padding: 2px 123px 2px 31px;
    top: 55px;
    z-index: 2;
}

#checkout-container .message-block .errors  li:not(:last-child) {
    padding-bottom: 7px
}

#checkout-container .message-block .errors  li.one-error{
   list-style: none;
}

#checkout-container .message-block .error:first-child {
    margin-top: 0;
}

#checkout-container .message-block .error:last-child {
    margin: 0;
}

#checkout-container .message-block .icon-attention {
    position: absolute;
    left: 20px;
    top: 17px;
    width: 18px;
    height: 18px;
    background: url(../img/icon-attention.png) 0 0 no-repeat;
}

#checkout-container .message-block .btn-close {
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 18px;
    width: 13px;
    height: 13px;
    background: url(../img/btn-close.png) 0 0 no-repeat;
}

#checkout-container  #payment-form-component .message-block{
    position: inherit;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: -20px;
    margin-bottom: 20px;
    border-radius: 4px;
    width: inherit;
}

/*--------------------------------------------------------------------------------------------------------------------
    Payment buttons Vanilla
--------------------------------------------------------------------------------------------------------------------*/
.payment-options-wrapper {
    margin: 0 33px 0 32px;
}

.payment-options {
    display: table;
    padding: 20px 0 30px;
    margin-bottom: 2px;
}

.payment-options li:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.payment-options li {
    position: relative;
    display: table-cell;
    width: auto;
    height: 60px;
    border: 0 solid;
    padding-right: 6px;
    padding-left: 4px;
}

.payment-options .button.pay {
    border: 2px solid transparent;
    border-radius: 4px;
    height: 60px;
    background-color: #f5f5f5;
}

.payment-options .button.pay.payment-method-selected {
    border-color: #84c978;
    background-color: #ffffff;
}

.payment-options .button.pay.payment-method-selected:after {
    background-position: 100% 0;
}

.payment-options .button.pay:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url(../img/card-selected.png) 100% -100px no-repeat;
}

.payment-options .button.pay.credit,
.payment-options .button.pay.worldpay {
    background-image: url(../img/credit.png);
    background-size: 90px auto;
}

.payment-options .button.pay.paypalbt,
.payment-options .button.pay.worldpay_paypal {
    background-image: url(../img/paypal.png);
}

.payment-options .button.pay.dwolla {
    background-image: url(../img/dwolla.png);
}

.payment-options .button.pay.amazonmws {
    background-image: url(../img/amazon.png);
}

.payment-options .button.pay.coinbase {
    background-image: url(../img/bitcoin.png);
}

.payment-options .button.pay.worldpay_ideal {
    background-image: url(../img/idealpm.png);
}

.payment-options .button.pay.worldpay_elv {
    background-image: url(../img/elv-mobile.png);
}


.cc_new_card,
.cc_stored_cards,
.paypal-login,
.dwolla-login,
.dwolla-wallet,
.amazon-loading,
.amazon-tech-error-message,
.amazon-login,
.amazon-wallet,
.mock-payment-form,
.coinbase-login,
.zero-payment-form,
.paypalbt-payment-form,
.consents,
.pass-through-payment-form,
.billing-country-form,
.worldpay-accounts {
    padding: 0 40px;
}

.payment-system-condition {
    margin-bottom: 32px;
}

.payment-system-condition input {
    margin-top: -3px;
    margin-right: 4px;
}

.payment-system-condition label {
    cursor: pointer;
}

.add-credit-card-wrapper {
    margin-bottom: 20px;
}

.add-credit-card-wrapper h4 {
    display: inline;
}


.add-credit-card,
.go-back-to-cards {
    float: right;
    color: #6b9bcd;
    font-size: 13px;
}

.add-credit-card:hover,
.add-credit-card:focus,
.go-back-to-cards:hover,
.go-back-to-cards:focus {
    color: #6b9bcd;
}

.go-back-to-cards {
    padding-left: 12px;
    background: url(../img/arrow-back-to-cards.png) 0 center no-repeat;
}

.go-back-to-cards-wrapper {
    overflow: hidden;
    margin-bottom: 20px;
}

.table-form-inline {
    color: #c6c8cd;
    margin-bottom: 17px;
}

.dwolla-table {
    margin-top: -5px;
}

.dwolla-table select {
    width: 100%;
    color: #333333;
}

.dwolla-table td {
    width: 50%;
    padding-right: 18px;
}

.login-dwolla-button {
    cursor: pointer;
    width: 196px;
    height: 46px;
    background: url(../img/login-dwolla.png) 0 0 no-repeat;
}

.payment-system-login-widget {
    float: left;
    margin-right: 15px;
}

.payment-system-brief-section {
    font-size: 13px;
    color: #b4b4b4;
    font-weight: bold;
}

.credit-card-mc {
    width: 35px;
    height: 20px;
    background: url(../img/card_mc.png) 0 0 no-repeat;
}

.credit-card-v {
    width: 35px;
    height: 20px;
    background: url(../img/card_v.png) 0 0 no-repeat;
}

.credit-card-d {
    width: 35px;
    height: 20px;
    background: url(../img/card_d.png) 0 0 no-repeat;
}

.credit-card-dci {
    width: 35px;
    height: 20px;
    background: url(../img/card_dci.png) 0 0 no-repeat;
}

.credit-card-amex {
    width: 35px;
    height: 20px;
    background: url(../img/card_amex.png) 0 0 no-repeat;
}

.payment-method-paypal-express {
    width: 60px;
    height: 30px;
    background: url(../img/paypal.png) 0 0 no-repeat;
}

.payment-method-ideal-ssl {
    width: 40px;
    height: 35px;
    background: url(../img/idealpm.png) 0 0 no-repeat;
}

.payment-method-elv-ssl {
    width: 40px;
    height: 35px;
    background: url(../img/elv-mobile.png) 0 0 no-repeat;
}

.table-form-inline td {
    box-sizing: content-box;
    padding-right: 10px;
}

.table-form-inline td:last-child {
    padding-right: 0;
}

.table-form-inline .field-card-expiry-month,
.table-form-inline .field-card-cvv,
.table-form-inline .field-card-postal-code {
    width: 138px;
}

.table-form-inline .field-card-expiry-month .field-wrapper {
    padding-right: 10px;
}

.table-form-inline .field-wrapper {
    border-radius: 4px;
    border: 1px solid #e4e7eb;
}

.table-form-inline input.input-date[type="text"] {
    width: 25px;
    padding: 0;
}

.table-form-inline input[type="text"],
.table-form-inline input[type="password"] {
    padding-left: 0;
}

.new-card-form .date-slash {
    margin-right: 3px;
}

.table-form-inline .icon {
    float: left;
    width: 42px;
    height: 40px;
    background: none center center no-repeat;
}

.table-form-inline .input {
    margin-left: 42px;
}

.table-form-inline .icon.card {
    background-image: url(../img/card.png);
}

.table-form-inline .icon.expiry {
    background-image: url(../img/expiry.png);
}

.table-form-inline .icon.password {
    background-image: url(../img/password.png);
}

.table-form-inline input:focus:invalid:focus,
.table-form-inline textarea:focus:invalid:focus,
.table-form-inline select:focus:invalid:focus,
.table-form-inline input.ng-invalid:focus,
.table-form-inline select.ng-invalid:focus,
.table-form-inline textarea.ng-invalid:focus {
    box-shadow: none;
}

.billing-country {
    margin-top: 15px;
    margin-bottom: 22px;
}

.billing-country-form {
    margin-bottom: 30px;
}

.billing-country-form .custom-checkbox {
    margin-bottom: 20px;
}


.billing-country-group {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
}

.billing-country-group:first-child {
    margin-left: 0;
}


.billing-country .tp-dropdown__select {
    border-radius: 4px;
    height: 40px;
    border: 1px solid #e5e5e5;
    line-height: 38px;
    font-size: 15px;
    width: 270px;
    padding-left: 15px;
    background: url(../img/select-arrow.png) right 17px no-repeat;
}

.billing-country .tp-dropdown__item-color.blue {
    color: #333333;
}

.billing-country input[type="text"] {
    height: 40px;
    width: 160px;
}



/*--------------------------------------------------------------------------------------------------------------------
    Access check Vanilla
--------------------------------------------------------------------------------------------------------------------*/

.header-title-information {
    margin: 0 40px;
    line-height: 21px;
    text-align: center;
    padding: 37px 0 34px 0;
}

    .header-title-information span {
        display: block;
        font-size: 15px;
        color: #a2a2a2;
        padding-top: 5px;
    }

.external-error {
    display: block;
    font-size: 15px;
    color: #EF8A8A;
    padding-top: 5px
}

.floating-table {
    font-size: 0;
    margin: 0 40px 30px;
}

.floating-table.grayed {
    background: #f5f5f5;
    padding: 20px;
    margin: -30px 30px 30px;
    border-top: 1px solid #e5e5e5;
}

.floating-table.center {
    text-align: center;
}
    .floating-table.single-field-table {
        width: 50%;
        margin: 0 auto 30px;
    }

        .floating-table.single-field-table .floating-table-cell {
            width: 100%;
        }

            .floating-table.single-field-table .floating-table-cell:nth-child(odd) {
                padding-right: 0;
            }

    .floating-table-cell {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 13px;
        line-height: 21.4px;
        margin-bottom: 14px;
    }

    .floating-table-cell:nth-child(odd) {
        padding-right: 10px;
    }
        .floating-table-cell label {
            text-align: left;
            font-size: 15px;
            color: #333333;
            margin-bottom: 3px;
        }

        .floating-table-cell .field-wrapper {
            border: 1px solid #e4e7eb;
            border-radius: 4px;
        }

        .floating-table-cell .hint {
            position: relative;
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 3px;
            font-weight: normal;
            vertical-align: text-top;
        }

        .floating-table-cell .hint:before {
            content: '?';
            position: absolute;
            z-index: 11;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            line-height: 15px;
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            border: 1px solid #c1c1c1;
            border-radius: 50%;
        }

            .floating-table-cell .hint .hint-text {
                display: none;
                position: absolute;
                left: -6px;
                top: -7px;
                z-index: 10;
                width: 196px;
                color: #333333;
                padding: 28px 24px 24px 30px;
                box-shadow: 0 5px 10px 0 rgba(51,51,51,0.1);
                background-color: white;
            }

            .floating-table-cell .hint:hover .hint-text {
                display: block;
            }

 /*--------------------------------------------------------------------------------------------------------------------
    External API address Vanilla
--------------------------------------------------------------------------------------------------------------------*/

.fieldset {
    display: inline;
}

.fieldset.field-country {
    display: inline-block;
    width: 100%;
}

.fieldset.field-country .floating-table-cell {
    width: 50%;
}

.fieldset.field-country select,
.fieldset.field-region select {
    width: 100%;
}

.print-address-form .floating-table-cell {
    padding-right: 10px;
}

.print-address-form .field-country {
    display: inline-block;
    width: 100%;
}
.print-address-form .field-country select,
.print-address-form .field-region select {
    width: 100%;
}

.print-address-form.validated .ng-invalid,
.validated .fieldset .ng-invalid {
    background: #fcf6f5;
}

.no-animate {
    -webkit-transition: none !important;
    transition: none !important;
}

/*--------------------------------------------------------------------------------------------------------------------
    Selectable items list
    Example: managing addresses
--------------------------------------------------------------------------------------------------------------------*/

.selectable-radio-list {
    margin: 0 30px 30px;
}

.selectable-list-item {
    border: 1px solid #e5e5e5;
    padding-left: 60px;
    padding-top: 15px;
    padding-bottom: 11px;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
}

.selectable-list-item.current,
.selectable-list-item.current:hover {
    background: #f5f5f5;
    border: none;
    padding-top: 16px;
    padding-bottom: 12px;
    padding-left: 61px;
}


.selectable-list-radiobutton {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 22px;
}

.selectable-list-item:hover {
    background: #fbfbfb;
}

.selectable-list-title {
    font-size: 13px;
}

.selectable-list-title-single {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 12px;
}

.selectable-list-note {
    color: #b4b4b4;
    font-size: 13px;
    margin-top: 2px;
}



/*--------------------------------------------------------------------------------------------------------------------
    Wait panel
--------------------------------------------------------------------------------------------------------------------*/
/* TODO */
.checkout #waitParent {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2000;
    background-color: rgba(153, 153, 153, 0.9);
    opacity: 0;
}

.checkout #waitParent:before {
    top: 50%;
    width: 100%;
    position: absolute;
    display: block;
    margin-top: -66px;
    height: 66px;
    content: "";
    background: url('../img/Loader.gif') no-repeat center;
}

.checkout #waitParent #waitPanel {
    top: 50%;
    width: 100%;
    position: absolute;
    display: block;
    padding-top: 10px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
}

.checkout #lock-modal-overlay {
    position: fixed;
    opacity: .5;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/*--------------------------------------------------------------------------------------------------------------------
    Pay what you want widget
--------------------------------------------------------------------------------------------------------------------*/
.custom-amount-edit-input {
    line-height: 36px;
}

.custom-price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.custom-price #custom-price-amount-input {
    width: 100px;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    line-height: 15px;
    height: 36px;
}

.custom-price .currency-name {
    border: 1px solid #E4E7EB;;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    padding-left: 12px;
    padding-right: 12px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
}

.custom-amount-info {
    height: 36px;
    display: inline-block;
    padding: 0 0 0 15px;
    line-height: 17px;
    vertical-align: middle;
}
.custom-amount-info div{
    height: 36px;
    display: table-cell;
    vertical-align: middle;
}
.custom-amount-info span{
    color:#a2a2a2;
    padding-left: 0;
    font-size: 13px;
    width: 100%;
    display: block;
}

/*--------------------------------------------------------------------------------------------------------------------
  Promo code vanilla
  --------------------------------------------------------------------------------------------------------------------*/
.original-price {
    color: #b4b4b4;
    text-decoration: line-through;
}

.promo-code-component {
    float: none;
    width: 100%;
    height: 48px;
    padding-bottom: 18px;

}

.promo-code-component .promo-code-input-wrapper {
    position: relative;
    float: left;
    width: 172px;
    margin-right: 7px;

}

.promo-code-component .promo-code-input-wrapper input {
    padding-top: 0;
    padding-bottom: 0;
    height: 30px
}

.promo-code-component .promo-code-applied {
    background-color: #81c875;
    border: 0 none;
    border-collapse: separate;
    border-radius: 4px;
    box-sizing: border-box;
    color: white;
    line-height: 30px !important;
    margin-right: 10px;
    padding: 0 16px 0 0;
    transition: opacity 0.25s ease 0s, background 0.25s ease 0s;
    float: left;
}

.promo-code-component .promo-code-revert {
    cursor: pointer;
    display: inline-block;
    width: 31px;
    height: 31px;
    background-image: url(../img/x.png);
}

.promo-code-component .promo-code-verified {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url(../img/ok.png) no-repeat;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.promo-code-component .promo-code-lock {
    display: none;
}

.promo-code-component .promo-code-description {
    display: none;
}

.promo-code-component.promo-code-unlocked {
    display: block;
    text-align: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.promo-code-component.promo-code-unlocked .promo-code-eclipse {
    display: block;
    height: 66px;
    width: 66px;
    margin: 60px auto 5px;
    background: url('../img/ellipse.png') no-repeat center center;
}

.promo-code-component.promo-code-unlocked .promo-code-lock {
    display: block;
    height: 66px;
    width: 66px;
    margin-left: auto;
    margin-right: auto;
    background: url('../img/lock.png') no-repeat center center;
}

.promo-code-component.promo-code-unlocked .promo-code-description {
    display: block;
    min-height: 46px;
    padding: 10px;
    font-size: 18px;
    margin-bottom: 25px;
    text-align: center;
    line-height: 31px;
}
.promo-code-component.promo-code-unlocked .promo-code-description p {
    line-height: 31px;
}
.promo-code-component.promo-code-unlocked .promo-code-description .resource-name{
    font-size: 15px;
    color: #a2a2a2;
}

.promo-code-component.promo-code-unlocked .promo-code-input-wrapper {
    display: block;
    float: none;
    width: 275px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.promo-code-component.promo-code-unlocked .promo-code-apply {
    width: 275px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
}

.promo-code-component.promo-code-unlocked .promo-code-input-wrapper input {
    height: 40px;
}

.promo-code-component.promo-code-unlocked .promo-code-apply {
    height: 40px;
    line-height: 40px ! important;;
}


/*--------------------------------------------------------------------------------------------------------------------
/*--------------------------------------------------------------------------------------------------------------------
  Tariff plan vanilla
  --------------------------------------------------------------------------------------------------------------------*/
.tariff-plan {
    clear: none;
}

.tariff-plan-title {
    width: 10%;
    min-width: 20px;
    font-size: 13px;
    color: #b4b4b4;
    font-weight: normal;
    text-align: left;
    padding: 0 20px 2px 0;
}

.tariff-plan-row .custom-price {
    position: relative;
}

.tariff-plan-row:last-child .tariff-plan-cell {
    border-bottom-width: 0;
    padding-bottom: 0;
    white-space: nowrap;
}

.tariff-plan-title:first-child {
    width: 10%;
    white-space: nowrap;
}

.tariff-plan-title:last-child {
    width: 14%;
    white-space: nowrap;
}

.tariff-plan-title.starting-title {
    width: 20.3125%;
}

.tariff-plan-title.duration-title {
    width: 29.6875%;
}

.tariff-plan-title.billing-title {
    width: 31.25%;
}

.tariff-plan-title.vat-title {
    width: 18.75%;
}


.tariff-plan-cell {
    vertical-align: top;
    font-size: 13px;
    min-width: 20px;
    padding: 3px 20px 3px 0;
    border-top: 1px solid #e6e6e6;
}

.tariff-plan-cell.vat-amount {
    color: #b4b4b4;
}

.incl-vat-row td {
    padding: 3px 20px 3px 0;
    font-size: 13px;
    color: #b4b4b4;
}

.incl-vat-row .tariff-plan-cell {
    border: none;
}

.incl-vat-row .link {
    color: #6b9bcd;
}

/*--------------------------------------------------------------------------------------------------------------------
  Checkout Account
--------------------------------------------------------------------------------------------------------------------*/
.account-popup-header {
    height: 55px;
    background: #eaeaea;
}

.account-popup-header .button {
    float: right;
    width: 35px;
    height: 35px;
}

.account-popup-language-toggle {
    float: left;
    margin: 18px 0 0 18px;
}

.account-group {
    float: right;
    margin: 0 0 0 0;
}

.account-popup-header .pict {
    margin: 10px 30px 0 0;
    background: url(../img/icon-logged-on.png);
}
.account-popup-header .pict.sign-out{
    margin-right: 20px;
    background: url(../img/log-out.png);
}

.account-data {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}

.account-data > * {
    -webkit-transition: none !important;
    transition: none !important;
}

.account-data .account-name.account-mail-only {
    margin-top: 10px;
    margin-right: 4px;
    font-weight: normal;
    color: #a2a2a2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-data .account-name.account-mail-only.sign-out {
    margin-right: 0;
}

.account-data .account-name {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    text-align: end;
}

.account-data .account-mail {
    font-size: 12px;
    font-weight: normal;
}

.account-data .account-name a,
.account-data .account-name .link,
.account-data .account-name a:visited {
    color: #98c779;
    font-weight: normal;
    cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------------
  Footer vanilla
  --------------------------------------------------------------------------------------------------------------------*/
.footer-modal {
    overflow: hidden;
    clear: both;
    padding: 20px 40px;
    background-color: #f5f5f5;
}

.auto-renew-purchase {
    margin-right: 0;
    text-align: left;
    float: left;
    width: 50%;
    white-space: nowrap;
    display: block;
}

.auto-renew-purchase-checkbox {
    display: inline-block;
    margin-right: 10px !important;
    vertical-align: top;
    margin-top: 4px;
}

.auto-renew-purchase-label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

.complete-purchase-button {
    float: right;
}

.complete-purchase-button a.button {
    margin-right: 0;
}

.start-screen-header {
    padding: 20px;
}

    .start-screen-header h1 {
        margin-bottom: 16px;
    }

.start-screen-language-toggle {
    margin-bottom: 10px;
}

.start-checkout {
    margin-bottom: 101px;
}

.choose-specific-term {
    margin-bottom: 18px;
    padding: 0 20px;
}

.default-offer {
    min-height:400px;
}
.default-offer p {
    color: #a2a2a2;
    margin: 12px 0 22px 0;
}

.start-screen-content p {
    margin-top: 0;
    margin-bottom: 25px;
}

/*--------------------------------------------------------------------------------------------------------------------
  Terms
  --------------------------------------------------------------------------------------------------------------------*/
.account-terms {
    width: 90%;
    margin: -27px auto 0 auto;
}
.start-screen-terms.account-terms {
    width: 100%;
    margin-top: 0;
}

.account-terms-section {
    padding: 0 25px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
}

.mobile-account-terms-section {
    border-radius: 4px;
    border-top: 1px solid #eaeaea;
}

.account-terms tbody td {
    line-height: 22px;
    vertical-align: middle;
    padding: 20px 30px 20px 0;
}

h2 {
    font-size: 18px;
    line-height: 22px;
}

.account-terms tbody a.button {
    margin-right: 0;
}

.account-terms tbody .detail {
    text-align: left;
    white-space: nowrap;
    width: 10px;
    padding-right: 23px;
}

    .account-terms tbody .price {
        font-size: 18px;
        margin-right: 6px;
    }

    .account-terms tbody .period {
        font-size: 13px;
        color: #a2a2a2;
        vertical-align: bottom;
    }

.account-terms tbody .choose {
    text-align: right;
    padding-right: 0;
}

.account-terms tbody tr:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}


/*--------------------------------------------------------------------------------------------------------------------
  Receipt
  --------------------------------------------------------------------------------------------------------------------*/
.receipt .content {
    text-align: center;
    margin: 60px auto 80px;
    width: 70%;
    line-height: 25px;
    color: #b4b4b4;
}

.receipt .content a {
    font-weight: bold;
    color: #6b9bcd;
}


/*--------------------------------------------------------------------------------------------------------------------
  Error-screen
  --------------------------------------------------------------------------------------------------------------------*/
.error-screen .error-notification-icon {
    width: 62px;
    height: 62px;
    margin: 60px auto 30px;
    background: url(../img/fail-icon.png) center center no-repeat;
}

.error-screen .content {
    text-align: center;
    margin: 0 auto 80px;
    padding-left: 5px;
    color: #b4b4b4;
}

.error-screen .content a {
    font-weight: bold;
    color: #6b9bcd;
}

.error-screen .content h1 {
    color: #333333;
    font-size: 22px;
}

.receipt .content .bold {
    font-weight: bold;
}

.receipt-previous-button {
    width: 100%;
    height: 50px;
    background: green;
    margin: 20px 0;
    line-height: 50px;
    display: none !important;
}

.receipt-footer {
    height: 55px;
    background: #eaeaea;
}

.receipt-footer-content {
    width: 485px;
    margin: 0 auto;
    padding: 15px 0;
}

.social-tell {
    display: inline-block;
}

.social-twitter {
    display: inline-block;
}

.social-fb {
    display: inline-block;
    width: 90px;
}

.social-gplus {
    display: inline-block;
    width: 110px;
}

@media screen and (max-width: 600px) {
    .social-tell {
        display: none;
    }

    .receipt-footer-content {
        width: 320px;
    }

    .receipt-previous-button {
        display: block !important;
    }
}

/*--------------------------------------------------------------------------------------------------------------------
  Already Has Access
  --------------------------------------------------------------------------------------------------------------------*/

.already-has-access-component .content {
    color: #b4b4b4;
    text-align: center;
    line-height: 25px;
    margin: 60px auto 80px;
    width: 70%;
}

.you-already-have-access {
    padding-top: 90px;
    margin-bottom: 15px;
    color: #333333;
    background: url(../img/already-have-access.png) center 0 no-repeat;
}

.access-footer {

    border-top: 1px solid #ededed;
    padding: 22px 0;
}

.access-footer-content {
    margin: 0 auto;
    text-align: center;
}

.access-footer-content .access-button {
    display: inline-block;
}

/*--------------------------------------------------------------------------------------------------------------------
  Terms head
  --------------------------------------------------------------------------------------------------------------------*/
.account-head {
    width: auto;
    margin: 0 0 27px;
    padding: 35px 40px 25px;
    background-color: #f5f5f5;
}

.view-confirmation .account-head {
    margin-bottom: 0;
}

.account-head .business-logo {
    margin-right: 35px;
    z-index: 1;
    float: left;
    width: 120px;
}

.account-head .business-logo .logo-img {
    width: 120px;
    height: 120px;
}

.account-head-contentcol.no-logo {
    margin-left: 0;
}

.account-head-contentcol {
    margin-left: 155px;
    line-height: 24px;
    overflow: visible;
}

.account-head-content {
    float: none;
    width: 100%;
}

.account-head-content h1 {
    margin-bottom: 6px;
    margin-top: -3px;
}

.has-free-trial,
.subscription-has-free-trial {
    display: block;
    color: #a2a2a2;
    margin-bottom: 19px;
}

.subscription-has-free-trial {
    margin-bottom: 11px;
}

.selected-term-hasfreetrial {
    display: block;
    margin-bottom: 3px;
}

.discount-details {
    height: 20px;
}

.payment-method-card {
    font-size: 13px;
    margin-bottom: 30px;
}

.payment-method-card-row:last-child .payment-method-card-cell {
    border-bottom-width: 0;
}

.payment-method-card-row .payment-method-card-cell:last-child {
    white-space: nowrap;
    color: #b4b4b4;
}

.payment-method-card-row:not(:last-child) .payment-method-card-cell:last-child {
    text-align: right;
}

.payment-method-card-row .payment-method-card-cell:nth-of-type(3) {
    width: auto;
}

.payment-method-card-row.selected .payment-method-card-cell {
    background-color: #fbfbfb;
}

.payment-method-card-cell {
    border: 1px solid #f2f2f2;
    border-left-width: 0;
    border-right-width: 0;
    padding: 14px 10px 13px 10px;
    width: 10px;
    box-sizing: content-box;
}

.payment-method-card-cell img {
    max-width: none;
    vertical-align: middle;
}


.payment-method-paypalbt {
    font-size: 13px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.payment-method-paypalbt-row:last-child .payment-method-paypalbt-cell {
    border-bottom-width: 0;
}

.payment-method-paypalbt-row.selected .payment-method-paypalbt-cell {
    background-color: #fbfbfb;
}

.payment-method-paypalbt-row .payment-method-paypalbt-cell:first-child {
    width: 10px;
}

.payment-method-paypalbt-row.add-new-account td {
    padding: 0 0 20px;
    background-color: transparent !important;
    border: none;
}

.payment-method-paypalbt-row + .payment-method-paypalbt-row.add-new-account td {
    padding-top: 20px;
}

.payment-method-paypalbt-cell {
    border: 1px solid #f2f2f2;
    border-left-width: 0;
    border-right-width: 0;
    padding: 14px 10px 13px 10px;
    box-sizing: content-box;
}

.worldpay-accounts {
    padding-bottom: 40px;
}

.worldpay-remember-account {
    padding-top: 10px;
}


.worldpay-accounts-action {
    padding-bottom: 30px;
}

.worldpay-accounts-list {
    font-size: 13px;
    margin-top: 20px;
}

.worldpay-accounts-list.worldpay-accounts-list-paypalideal {
    margin-bottom: 20px;
}

.worldpay-accounts-list.worldpay-accounts-list-cc {
    margin-bottom: 20px;
}

.worldpay-accounts-list-row:nth-child(odd) {
    background: #fbfbfb;
}

.worldpay-accounts-list-row:last-child .worldpay-accounts-list-cell {
    border-bottom: none;
}

.worldpay-accounts-list-cell {
    border: 1px solid #f2f2f2;
    border-left-width: 0;
    border-right-width: 0;
    padding: 14px 10px 13px 10px;
    box-sizing: content-box;
}

.worldpay-accounts-list-cell.cell-checkbox {
    width: 7%;
}

.worldpay-accounts-list-cell.cell-upiid {
    width: 8%;
    padding-left: 0;
}

.worldpay-accounts-list-cell.cell-type {
    width: 31%;
}

.worldpay-accounts-list-cell.cell-ending {
    width: 33%;
}

.worldpay-accounts-list-cell.cell-exp {
    width: 21%;
    color: #b4b4b4;
}

.worldpay-accounts-list-cell.cell-checkbox-paypal {
    width: 5%;
}

.worldpay-accounts-list-cell.cell-logo-paypal {
    width: 60%;
}

.worldpay-accounts-list-cell.cell-exp-paypal {
    width: 35%;
}




#braintree-paypal-loggedin {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: none !important;
    background-position: 0 50% !important;
}

#braintree-paypal-loggedout {
    margin-right: 16px;
}

.pm-login-button {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.paypal-login-button {
    background: url(../img/paypal-login-button.png) no-repeat;
    width: 115px;
    height: 45px;
    margin-right: 16px;
}

.ideal-login-button {
    background: url(../img/ideal-login-button.png) no-repeat;
    width: 115px;
    height: 45px;
    margin-right: 16px;
}

.elv-login-button {
    background: url(../img/ELV.png) no-repeat;
    width: 115px;
    height: 45px;
    margin-right: 16px;
}

#bt-pp-name {
    float: left !important;
}

#bt-pp-email {
    color: #333 !important;
    float: left !important;
}

#bt-pp-cancel {
    float: left !important;
    margin-left: 36px !important;
}

.add-new-account-msg {
    display: inline-block;
    vertical-align: middle;
    color: #b4b4b4;
    max-width: 365px;
    font-size: 13px;
}


/*--------------------------------------------------------------------------------------------------------------------
  Consents
  --------------------------------------------------------------------------------------------------------------------*/
.consents .consent {
    margin: 10px 0;
}

.tp-modal .tp-close {
    background-image: url(../img/close.png) !important;
}

/* Landscape phones and down */
@media (max-width: 600px) {

    .mobile-mode .account-terms {
        table-layout: fixed;
    }

    .account-data {
        margin-right: 0;
    }

    .account-data .account-name.account-mail-only {
       width: 200px;
    }

    .go-back-to-cards-wrapper {
        display: none;
    }

    .cc_new_card .table-form-inline {

        background-color: white;
        color: #c6c8cd;
        margin-bottom: 17px;
        /*margin-top: -32px;*/

    }

    .cc_new_card .table-form-inline input[type="text"],
    .cc_new_card .table-form-inline input[type="password"] {
        background-color: white;
    }

    .auto-renew-purchase {
        position: relative;
        margin-right: 0;
        margin-bottom: 20px;
        text-align:left;
        width: 100%;
    }

    .auto-renew-purchase .auto-renew-purchase-checkbox {
        position: absolute;
        left: 0;
        top: 2px;
    }

    .auto-renew-purchase .auto-renew-purchase-label {
        position: static;
        margin-left: 25px;
    }

    .complete-purchase-button {
        float: none;
    }

    a.button.complete-purchase {
        width: 100%;
    }

    .promo-code-component.promo-code-unlocked .promo-code-input-wrapper {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }

    .promo-code-component.promo-code-unlocked .promo-code-apply {
        width: 100%;
        margin-bottom: 30px;
    }

    .cc_new_card,
    .cc_stored_cards,
    .paypal-login,
    .dwolla-login,
    .dwolla-wallet,
    .amazon-loading,
    .amazon-tech-error-message,
    .amazon-login,
    .amazon-wallet,
    .coinbase-login,
    .billing-country-form,
    .worldpay-accounts {
        padding: 0 30px;
    }

    .payment-system-brief-section {
        clear: both;
        padding-top: 10px;
    }

    .mobile-hide {
        display: none;
    }

    .back-to-payment-methods {
        cursor: pointer;
        color: #a2a2a2;
        height: 55px;
        line-height: 55px;
        margin: -30px 0 30px;
        padding: 0 30px 0 45px;
        background: url(../img/arrow-back-to-payment-method.png) 30px center no-repeat #eaeaea;
    }

    .already-has-access-component .content {
        width: 100%;
    }

    .account-head {
        padding: 30px 30px 25px;
    }

    .account-head .business-logo {
        float: right;
        margin-right: 0;
        margin-left: 20px;
        margin-bottom: 20px;
        width: 50px;
    }

    .account-head-contentcol {
        overflow: visible;
        margin-left: 0;
    }

    .account-head-content {
        float: none;
    }

    .tariff-plan {
        clear: both;
    }

    .tariff-plan-title {
        display: none;
    }

    .tariff-plan-row:last-child .tariff-plan-cell {
        white-space: normal;
        padding-top: 10px;
    }

    .term-details {
        clear: none;
        padding-bottom: 20px;
    }

    .account-head .business-logo .logo-img {
        width: 50px;
        height: 50px;
    }

    .has-free-trial {
        margin-bottom: 0;
    }

    .go-back-to-cards {
        display: none;
    }

    /*--------------------------------------------------------------------------------------------------------------------
      Credit cards
      --------------------------------------------------------------------------------------------------------------------*/

    .payment-options-wrapper {
        margin: -30px -30px 0;
    }

    .payment-options {
        display: block;
        padding: 0;
    }

    .payment-options li:last-child {
        border-bottom: 0 solid;
    }

    .payment-options li:first-child {
        border-top: 1px solid #f2f2f2;
    }

    .payment-options li {
        display: block;
        padding: 0;
        height: 70px;
        border-bottom: 1px solid #f2f2f2;
    }

    .payment-options .button.pay:after {
        top: 10px;
        right: 10px;
    }

    .payment-options .button.pay {
        padding: 0;
        border: 0 solid;
        height: 100%;
        background-color: #ffffff;
    }

    .payment-options .button.pay.credit,
    .payment-options .button.pay.worldpay {
        background-image: url(../img/visa-mobile.png);
        background-size: auto;
    }

    .payment-options .button.pay.paypalbt,
    .payment-options .button.pay.worldpay_paypal {
        background-image: url(../img/paypal-mobile.png);
    }

    .payment-options .button.pay.dwolla {
        background-image: url(../img/dwolla-mobile.png);
    }

    .payment-options .button.pay.amazonmws {
        background-image: url(../img/amazon-mobile.png);
    }

    .payment-options .button.pay.coinbase {
        background-image: url(../img/bitcoin-mobile.png);
    }

    .payment-options .button.pay.worldpay_ideal {
        background-image: url(../img/idealpm-mobile.png);
    }

    .payment-options .button.pay.worldpay_elv {
        background-image: url(../img/elv-mobile.png);
    }

    .table-form-inline td {
        display: block;
        width: 100% !important;
        border-bottom: 0 solid;
    }

    .table-form-inline td:first-child .field-wrapper {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .table-form-inline td:last-child .field-wrapper {
        border-bottom: 1px solid #e4e7eb;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .table-form-inline .field-wrapper {
        border-bottom: 0 solid;
        border-radius: 0;
    }

    .worldpay-title {
        display: block;
    }

    .worldpay-accounts-list-cell.cell-upiid {
        width: 60%;
    }

    .worldpay-remember-account {
        padding-bottom: 30px;
    }

    .worldpay-title {
        display: block;
    }

    .worldpay-accounts-list-cell.cell-upiid {
        width: 60%;
    }

    .worldpay-remember-account {
        padding-bottom: 30px;
    }

    /*--------------------------------------------------------------------------------------------------------------------
      Terms table
      --------------------------------------------------------------------------------------------------------------------*/
    .account-terms {
        width: 100%;
    }
    .account-terms thead {
        display: none;
    }
    .account-terms tbody td {
        padding-top: 18px;
        padding-bottom: 17px;
    }
    .account-terms tbody .title {
        padding-left: 30px;
    }

    .account-terms tbody .choose {
        padding-left: 0;
        padding-right: 30px;
        vertical-align: middle;
    }

    /*--------------------------------------------------------------------------------------------------------------------
        Access check Vanilla
    --------------------------------------------------------------------------------------------------------------------*/
    .header-title-information {
        margin-left: 30px;
        margin-right: 30px;
        padding-bottom: 19px;
    }

    .floating-table.single-field-table,
    .floating-table {
        width: auto;
        margin: 0 30px 0;
    }

    .floating-table-cell:nth-child(odd) {
        padding-right: 0;
    }

    .floating-table-cell {
        width: 100%;
    }

    a.button.promo-code-apply {
        width: 100%;
        min-width: 100%;
    }

    .floating-table-cell .hint {
        display: none;
    }

    .access-footer.vanilla2 {
        padding-top: 10px;
        border-top: 0 solid;
    }
    .vanilla2 .access-footer-content .access-button {
        display: block;
        padding: 0 30px 10px;
    }


    .billing-country-group {
        margin-bottom: 10px;
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }

    .billing-country .tp-dropdown__select {
        max-width: 100%;
    }

    .billing-country input[type="text"] {
        width: 100%;
    }

}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #b8babf;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b8babf;
    opacity:  1;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b8babf;
    opacity:  1;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #b8babf;
}

/*-------------------------------------------------------------------------------------------------------
	tp-dropdown component
-----------------------------------------------------------------------------------------------------*/

.tp-dropdown__select {
    cursor: pointer;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 0;
    border: none;
    margin: 0;
    border-radius: 2px;
    font-size: 13px;
    vertical-align: baseline;
    background-color: #fff;
}

.component-opened .tp-dropdown__select {
    pointer-events: none;
}

.ellipsis.tp-dropdown__select_auto_width {
    width: auto;
}

.tp-dropdown__select_icon_arrow_down {
    opacity: 0.5;
    margin-top: 10px;
    background-position: -320px -822px;
}

.tp-dropdown__container {
    display: none;
    position: relative;
    z-index: 400;
    box-shadow: 0 5px 15px rgba(58, 124, 219, 0.1);
    background: #ffffff;
    border-radius: 4px;
    margin: 10px 0;
    left: 40px !important;
}

.tp-dropdown__tail:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.tp-dropdown__tail_position_top:before {
    top: -5px;
    border-width: 0 5px 5px 5px;
}

.tp-dropdown__tail_position_bottom:before {
    bottom: -5px;
    border-width: 5px 5px 0 5px;
}

.tp-dropdown__tail_position_center:before,
.tp-dropdown__tail_position_center:after {
    left: 50%;
    margin-left: -5px;
}

.tp-dropdown__tail_theme_blue.tp-dropdown__tail_position_top:before {
    border-color: transparent transparent #194ba3 transparent;
}

.tp-dropdown__tail_theme_blue.tp-dropdown__tail_position_bottom:before {
    border-color: #194ba3 transparent transparent transparent;
}

.tp-dropdown__tail_theme_white.tp-dropdown__tail_position_top:before {
    border-color: transparent transparent #c8d2e1 transparent;
}

.tp-dropdown__tail_theme_white.tp-dropdown__tail_position_bottom:before {
    border-color: #c8d2e1 transparent transparent transparent;
}


.tp-dropdown__tail_theme_white.tp-dropdown__tail_position_top:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    top: -4px;
    border-color: transparent transparent #ffffff transparent;
    border-width: 0 5px 5px 5px;
}

.tp-dropdown__tail_theme_white.tp-dropdown__tail_position_bottom:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    bottom: -4px;
    border-color: #ffffff transparent transparent transparent;
    border-width: 5px 5px 0 5px;
}


.tp-dropdown__head {
    background: #194ba3;
    border-radius: 4px 4px 0 0;
    height: 41px;
    position: relative;
}

.tp-dropdown__title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    padding-top: 16px;
    text-align: center;
}

.tp-dropdown__nav {
    position: absolute;
    top: 10px;
}

.tp-dropdown__nav_left {
    left: 3px;
}

.tp-dropdown__nav_right {
    right: 3px;
}

.tp-dropdown__list-category-label {
    color: #a1aab6;
    font-size: 9px;
    text-transform: uppercase;
    display: block;
    padding: 5px 9px 3px 9px;
    line-height: 22px;
}

.tp-dropdown__list {
    border-radius: 4px;
    border: 1px solid #c8d2e1;
}

.tp-dropdown__list_no-top {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tp-dropdown__item {

}

.tp-dropdown__item:last-child .tp-dropdown__link {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tp-dropdown__item:first-child .tp-dropdown__link {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.tp-dropdown__item_heading {
    padding: 5px 9px 2px 9px;
    color: #a1aab6;
    font-size: 9px;
    text-transform: uppercase;
    font-family: "BentonSans Medium", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    line-height: 22px;
}

.tp-dropdown__item_control {
    padding: 5px 4px;
}

.tp-dropdown__item_divider {
    height: 1px;
    width: 100%;
    background: #c8d2e1;
    padding: 0;
    margin: 0;
}

.tp-dropdown__item_border_divider {
    border-top: 1px solid #c8d2e1;
}

.tp-dropdown__item_border_divider:first-child {
    border-top-width: 0;
}

.tp-dropdown__text-highlight {
    color: #3b8ede;
}

.tp-dropdown__item-color.grey {
    color: #a1aab6;
}

.tp-dropdown__item-color.blue {
    color: #0088cc;
}

.tp-dropdown__item-color.dark-blue {
    color: #20225e;
}

.tp-dropdown__link {
    color: #40526a !important;
    font-size: 13px;
    display: block;
    padding: 5px 9px 3px 9px;
    line-height: 22px;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tp-dropdown__link-category.tp-dropdown__link-active,
.tp-dropdown__link-category.tp-dropdown__link-current,

.tp-dropdown__link-active,
.tp-dropdown__link-current,
.tp-dropdown__link:hover {
    background-color: #eff5fc;
}

.tp-dropdown__link-category {
    text-transform: capitalize;
    background: url(../images2/selector-carets.png) 133px -95px no-repeat;
}

.tp-dropdown__link-category.tp-dropdown__link-active,
.tp-dropdown__link-category.tp-dropdown__link-current,
.tp-dropdown__link-category:hover {
    background-position-y: -63px;
}

.tp-dropdown__scrollable-list {
    overflow: hidden;
    position: relative;
}

.tp-dropdown__categories {
    float: left;
    width: 150px;
    border-right: 1px solid #c8d2e1;
}

.tp-dropdown__categories,
.tp-dropdown__categories-height_medium,
.tp-dropdown__scrollable-list_medium {
    height: 200px;
}

.dropdown-link-group {

}

.dropdown-link-group__link {
    float: left;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
}

.country-icon {
    display: inline-block;
    width: 24px;
    height: 16px;
    margin: -3px 7px 0 0;
    vertical-align: middle;
    background: url(../img/flags/24x24/flags.png) 0 0 no-repeat;
}

.country-icon-af {
    background-position: -52px 0;
}

.country-icon-al {
    background-position: -130px 0;
}

.country-icon-dz {
    background-position: -26px -72px;
}

.country-icon-as {
    background-position: -260px 0;
}

.country-icon-ao {
    background-position: -182px 0;
}

.country-icon-ai {
    background-position: -104px 0;
}

.country-icon-aq {
    background-position: -208px 0;
}

.country-icon-ag {
    background-position: -78px 0;
}

.country-icon-ar {
    background-position: -234px 0;
}

.country-icon-am {
    background-position: -156px 0;
}

.country-icon-aw {
    background-position: -338px 0;
}

.country-icon-au {
    background-position: -312px 0;
}

.country-icon-at {
    background-position: -286px 0;
}

.country-icon-az {
    background-position: 0 -18px;
}

.country-icon-bs {
    background-position: -26px -36px;
}

.country-icon-bh {
    background-position: -182px -18px;
}

.country-icon-bd {
    background-position: -78px -18px;
}

.country-icon-bb {
    background-position: -52px -18px;
}

.country-icon-by {
    background-position: -130px -36px;
}

.country-icon-be {
    background-position: -104px -18px;
}

.country-icon-bz {
    background-position: -156px -36px;
}

.country-icon-bj {
    background-position: -234px -18px;
}

.country-icon-bm {
    background-position: -286px -18px;
}

.country-icon-bt {
    background-position: -52px -36px;
}

.country-icon-bo {
    background-position: -338px -18px;
}

.country-icon-bq {
    background-position: -364px -18px;
}

.country-icon-ba {
    background-position: -26px -18px;
}

.country-icon-bw {
    background-position: -104px -36px;
}

.country-icon-bv {
    background-position: -78px -36px;
}

.country-icon-br {
    background-position: 0 -36px;
}

.country-icon-io {
    background-position: -0px -126px;
}

.country-icon-bn {
    background-position: -312px -18px;
}

.country-icon-bg {
    background-position: -156px -18px;
}

.country-icon-bf {
    background-position: -130px -18px;
}

.country-icon-bi {
    background-position: -208px -18px;
}

.country-icon-cv {
    background-position: -182px -54px;
}

.country-icon-kh {
    background-position: -286px -126px;
}

.country-icon-cm {
    background-position: -26px -54px;
}

.country-icon-ca {
    background-position: -182px -36px;
}

.country-icon-ky {
    background-position: -78px -144px;
}

.country-icon-cf {
    background-position: -260px -36px;
}

.country-icon-td {
    background-position: -104px -18px;
}

.country-icon-cl {
    background-position: -0px -54px;
}

.country-icon-cn {
    background-position: -52px -54px;
}

.country-icon-cx {
    background-position: -208px -54px;
}

.country-icon-cc {
    background-position: -208px -36px;
}

.country-icon-co {
    background-position: -78px -54px;
}

.country-icon-km {
    background-position: -338px -126px;
}

.country-icon-cg {
    background-position: -286px -36px;
}

.country-icon-cd {
    background-position: -234px -36px;
}

.country-icon-ck {
    background-position: -364px -36px;
}

.country-icon-cr {
    background-position: -104px -54px;
}

.country-icon-hr {
    background-position: -182px -108px;
}

.country-icon-cu {
    background-position: -130px -54px;
}

.country-icon-cw {
    background-position: -182px -54px;
}

.country-icon-cy {
    background-position: -234px -54px;
}

.country-icon-cz {
    background-position: -260px -54px;
}

.country-icon-ci {
    background-position: -338px -36px;
}

.country-icon-dk {
    background-position: -338px -54px;
}

.country-icon-dj {
    background-position: -312px -54px;
}

.country-icon-dm {
    background-position: -364px -54px;
}

.country-icon-do {
    background-position: 0 -72px;
}

.country-icon-ec {
    background-position: -52px -72px;
}

.country-icon-eg {
    background-position: -104px -72px;
}

.country-icon-sv {
    background-position: -364px -234px;
}

.country-icon-gq {
    background-position: -312px -90px;
}

.country-icon-er {
    background-position: -156px -72px;
}

.country-icon-ee {
    background-position: -78px -72px;
}

.country-icon-et {
    background-position: -208px -72px;
}

.country-icon-fk {
    background-position: -286px -72px;
}

.country-icon-fo {
    background-position: -338px -72px;
}

.country-icon-fj {
    background-position: -260px -72px;
}

.country-icon-fi {
    background-position: -234px -72px;
}

.country-icon-fr {
    background-position: -130px -288px;
}

.country-icon-gf {
    background-position: -104px -90px;
}

.country-icon-pf {
    background-position: -234px -198px;
}

.country-icon-tf {
    background-position: -130px -252px;
}

.country-icon-ga {
    background-position: 0 -90px;
}

.country-icon-gm {
    background-position: -234px -90px;
}

.country-icon-ge {
    background-position: -78px -90px;
}

.country-icon-de {
    background-position: -286px -54px;
}

.country-icon-gh {
    background-position: -156px -90px;
}

.country-icon-gi {
    background-position: -182px -90px;
}

.country-icon-gr {
    background-position: -338px -90px;
}

.country-icon-gl {
    background-position: -208px -90px;
}

.country-icon-gd {
    background-position: -52px -90px;
}

.country-icon-gp {
    background-position: -286px -90px;
}

.country-icon-gu {
    background-position: -26px -108px;
}

.country-icon-gt {
    background-position: 0 -108px;
}

.country-icon-gg {
    background-position: -130px -90px;
}

.country-icon-gn {
    background-position: -260px -90px;
}

.country-icon-gw {
    background-position: -52px -108px;
}

.country-icon-gy {
    background-position: -78px -108px;
}

.country-icon-ht {
    background-position: -208px -108px;
}

.country-icon-hm {
    background-position: -312px 0;
}

.country-icon-va {
    background-position: -260px -270px;
}

.country-icon-hn {
    background-position: -156px -108px;
}

.country-icon-hk {
    background-position: -104px -108px;
}

.country-icon-hu {
    background-position: -234px -108px;
}

.country-icon-is {
    background-position: -130px -234px;
}

.country-icon-in {
    background-position: -364px -108px;
}

.country-icon-id {
    background-position: -260px -108px;
}

.country-icon-ir {
    background-position: -52px -126px;
}

.country-icon-iq {
    background-position: -26px -126px;
}

.country-icon-ie {
    background-position: -286px -108px;
}

.country-icon-im {
    background-position: -338px -108px;
}

.country-icon-il {
    background-position: -312px -108px;
}

.country-icon-it {
    background-position: -104px -126px;
}

.country-icon-jm {
    background-position: -156px -126px;
}

.country-icon-jp {
    background-position: -208px -126px;
}

.country-icon-je {
    background-position: -130px -126px;
}

.country-icon-jo {
    background-position: -182px -126px;
}

.country-icon-kz {
    background-position: -104px -144px;
}

.country-icon-ke {
    background-position: -234px -126px;
}

.country-icon-ki {
    background-position: -312px -126px;
}

.country-icon-kp {
    background-position: 0 -144px;
}

.country-icon-kr {
    background-position: -26px -144px;
}

.country-icon-kw {
    background-position: -52px -144px;
}

.country-icon-kg {
    background-position: -260px -126px;
}

.country-icon-la {
    background-position: -130px -144px;
}

.country-icon-lv {
    background-position: -364px -144px;
}

.country-icon-lb {
    background-position: -156px -144px;
}

.country-icon-ls {
    background-position: -286px -144px;
}

.country-icon-lr {
    background-position: -260px -144px;
}

.country-icon-ly {
    background-position: 0 -162px;
}

.country-icon-li {
    background-position: -208px -144px;
}

.country-icon-lt {
    background-position: -312px -144px;
}

.country-icon-lu {
    background-position: -338px -144px;
}

.country-icon-mo {
    background-position: -312px -162px;
}

.country-icon-mk {
    background-position: -208px -162px;
}

.country-icon-mg {
    background-position: -156px -162px;
}

.country-icon-mw {
    background-position: -130px -180px;
}

.country-icon-my {
    background-position: -182px -180px;
}

.country-icon-mv {
    background-position: -104px -180px;
}

.country-icon-ml {
    background-position: -234px -162px;
}

.country-icon-mt {
    background-position: -52px -180px;
}

.country-icon-mh {
    background-position: -182px -162px;
}

.country-icon-mq {
    background-position: -364px -162px;
}

.country-icon-mr {
    background-position: 0 -180px;
}

.country-icon-mu {
    background-position: -78px -180px;
}

.country-icon-yt {
    background-position: -182px -216px;
}

.country-icon-mx {
    background-position: -156px -180px;
}

.country-icon-fm {
    background-position: -312px -72px;
}

.country-icon-md {
    background-position: -78px -162px;
}

.country-icon-mc {
    background-position: -52px -162px;
}

.country-icon-mn {
    background-position: -286px -162px;
}

.country-icon-me {
    background-position: -104px -162px;
}

.country-icon-ms {
    background-position: -26px -180px;
}

.country-icon-ma {
    background-position: -26px -162px;
}

.country-icon-mz {
    background-position: -208px -180px;
}

.country-icon-mm {
    background-position: -260px -162px;
}

.country-icon-na {
    background-position: -234px -180px;
}

.country-icon-nr {
    background-position: -78px -198px;
}

.country-icon-np {
    background-position: -52px -198px;
}

.country-icon-nl {
    background-position: 0 -198px;
}

.country-icon-nc {
    background-position: -260px -180px;
}

.country-icon-nz {
    background-position: -130px -198px;
}

.country-icon-ni {
    background-position: -364px -180px;
}

.country-icon-ne {
    background-position: -286px -180px;
}

.country-icon-ng {
    background-position: -338px -180px;
}

.country-icon-nu {
    background-position: -104px -198px;
}

.country-icon-nf {
    background-position: -312px -180px;
}

.country-icon-mp {
    background-position: -338px -162px;
}

.country-icon-no {
    background-position: -26px -198px;
}

.country-icon-om {
    background-position: -156px -198px;
}

.country-icon-pk {
    background-position: -312px -198px;
}

.country-icon-pw {
    background-position: -104px -216px;
}

.country-icon-ps {
    background-position: -52px -216px;
}

.country-icon-pa {
    background-position: -182px -198px;
}

.country-icon-pg {
    background-position: -260px -198px;
}

.country-icon-py {
    background-position: -130px -216px;
}

.country-icon-pe {
    background-position: -208px -198px;
}

.country-icon-ph {
    background-position: -286px -198px;
}

.country-icon-pn {
    background-position: 0 -216px;
}

.country-icon-pl {
    background-position: -338px -198px;
}

.country-icon-pt {
    background-position: -78px -216px;
}

.country-icon-pr {
    background-position: -26px -216px;
}

.country-icon-qa {
    background-position: -156px -216px;
}

.country-icon-ro {
    background-position: -208px -216px;
}

.country-icon-ru {
    background-position: -260px -216px;
}

.country-icon-rw {
    background-position: -286px -216px;
}

.country-icon-re {
    background-position: -182px -216px;
}

.country-icon-bl {
    background-position: -182px -216px;
}

.country-icon-sh {
    background-position: -78px -234px;
}

.country-icon-kn {
    background-position: -364px -126px;
}

.country-icon-lc {
    background-position: -182px -144px;
}

.country-icon-mf {
    background-position: -286px -198px;
}

.country-icon-pm {
    background-position: -364px -198px;
}

.country-icon-vc {
    background-position: -286px -270px;
}

.country-icon-ws {
    background-position: -78px -288px;
}

.country-icon-sm {
    background-position: -208px -234px;
}

.country-icon-st {
    background-position: -338px -234px;
}

.country-icon-sa {
    background-position: -312px -216px;
}

.country-icon-sn {
    background-position: -234px -234px;
}

.country-icon-rs {
    background-position: -234px -216px;
}

.country-icon-sc {
    background-position: -364px -216px;
}

.country-icon-sl {
    background-position: -182px -234px;
}

.country-icon-sg {
    background-position: -52px -234px;
}

.country-icon-sx {
    background-position: 0 -252px;
}

.country-icon-sk {
    background-position: -156px -234px;
}

.country-icon-si {
    background-position: -104px -234px;
}

.country-icon-sb {
    background-position: -338px -216px;
}

.country-icon-so {
    background-position: -260px -234px;
}

.country-icon-za {
    background-position: -156px -288px;
}

.country-icon-gs {
    background-position: -338px -270px;
}

.country-icon-ss {
    background-position: -312px -234px;
}

.country-icon-es {
    background-position: -182px -72px;
}

.country-icon-lk {
    background-position: -234px -144px;
}

.country-icon-sd {
    background-position: 0 -234px;
}

.country-icon-sr {
    background-position: -286px -234px;
}

.country-icon-sj {
    background-position: -26px -198px;
}

.country-icon-sz {
    background-position: -52px -252px;
}

.country-icon-se {
    background-position: -26px -234px;
}

.country-icon-ch {
    background-position: -312px -36px;
}

.country-icon-sy {
    background-position: -26px -252px;
}

.country-icon-tw {
    background-position: -52px -270px;
}

.country-icon-tj {
    background-position: -208px -252px;
}

.country-icon-tz {
    background-position: -78px -270px;
}

.country-icon-th {
    background-position: -182px -252px;
}

.country-icon-tl {
    background-position: -260px -252px;
}

.country-icon-tg {
    background-position: -156px -252px;
}

.country-icon-tk {
    background-position: -234px -252px;
}

.country-icon-to {
    background-position: -338px -252px;
}

.country-icon-tt {
    background-position: 0 -270px;
}

.country-icon-tn {
    background-position: -312px -252px;
}

.country-icon-tr {
    background-position: -364px -252px;
}

.country-icon-tm {
    background-position: -286px -252px;
}

.country-icon-tc {
    background-position: -78px -252px;
}

.country-icon-tv {
    background-position: -26px -270px;
}

.country-icon-ug {
    background-position: -130px -270px;
}

.country-icon-ua {
    background-position: -104px -270px;
}

.country-icon-ae {
    background-position: -26px 0;
}

.country-icon-gb {
    background-position: -78px -234px;
}

.country-icon-us {
    background-position: -156px -270px;
}

.country-icon-um {
    background-position: -182px -270px;
}

.country-icon-uy {
    background-position: -208px -270px;
}

.country-icon-uz {
    background-position: -234px -270px;
}

.country-icon-vu {
    background-position: -26px -288px;
}

.country-icon-ve {
    background-position: -312px -270px;
}

.country-icon-vn {
    background-position: 0 -288px;
}

.country-icon-vg {
    background-position: -78px -144px;
}

.country-icon-vi {
    background-position: -364px -270px;
}

.country-icon-wf {
    background-position: -52px -288px;
}

.country-icon-eh {
    background-position: -130px -72px;
}

.country-icon-ye {
    background-position: -104px -288px;
}

.country-icon-zm {
    background-position: -182px -288px;
}

.country-icon-zw {
    background-position: -208px -288px;
}

.country-icon-ax {
    background-position: -364px 0;
}

.auth-state-valid {
    height: 215px;
}