@import url("../css/fonts.css");
@import url(/LIB/theme/yellow_hori/plugins/jquery-circliful/css/jquery.circliful.css);
@import url(/LIB/theme/yellow_hori/assets/css/bootstrap.min.css);
@import url(/LIB/theme/yellow_hori/assets/css/core.css);
@import url(/LIB/theme/yellow_hori/assets/css/components.css);
@import url(/LIB/theme/yellow_hori/assets/css/icons.css);
@import url(/LIB/theme/yellow_hori/assets/css/pages.css);
@import url(/LIB/theme/yellow_hori/assets/css/menu.css);
@import url(/LIB/theme/yellow_hori/assets/css/responsive.css);
@import url(/LIB/theme/yellow_hori/plugins/custombox/dist/custombox.min.css);
@import url(/LIB/theme/yellow_hori/plugins/magnific-popup/dist/magnific-popup.css);
@import url(/LIB/theme/yellow_hori/plugins/bootstrap-tagsinput/dist/bootstrap-tagsinput.css);
@import url(/LIB/theme/yellow_hori/plugins/multiselect/css/multi-select.css);
@import url(/LIB/theme/yellow_hori/plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css);
@import url(/LIB/theme/yellow_hori/plugins/timepicker/bootstrap-timepicker.min.css);
@import url(/LIB/theme/yellow_hori/plugins/mjolnic-bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css);
@import url(/LIB/theme/yellow_hori/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css);
@import url(/LIB/theme/yellow_hori/plugins/switchery/switchery.min.css);
@import url(/Content/Css/Views/All/ResponsiveTab.css);
@import url(/Content/cookies_eu.css);
@import url(/LIB/sbadmin2/vendor/font-awesome/css/font-awesome.min.css);
@import url(/LIB/jquery-bar-rating-master/dist/themes/fontawesome-stars.css);
@import url(/LIB/intl-tel-input-master/build/css/intlTelInput.css);
@import url(/LIB/bootstrap-daterangepicker-master/daterangepicker.css);
@import url("../css/jquery.custom-scrollbar.css");
@import url(/LIB/sbadmin2/vendor/datatables/css/dataTables.bootstrap.min.css);
@import url(/LIB/sbadmin2/vendor/datatables-responsive/dataTables.responsive.css);
@import url(/LIB/dataTablesEditor/Buttons-1.3.1/css/buttons.dataTables.min.css);
@import url(/LIB/starwarsjs-master/src/starwars.css);
@import url(/LIB/CSS/leaflet.css);
@import url(/LIB/CSS/leaflet.fullscreen.css);
@import url(/LIB/typeahead.js-master/DL/typeahead.js-bootstrap.css);
@import url(/LIB/CSS/bootstrap-editable.css);
@import url("../css/bootstrap-switch.min.css");
@import url("../css/buttons.dataTables.min.css");
@import url("../css/select.dataTables.min.css");
@import url(/LIB/dataTablesEditor/Web/css/editor.dataTables.min.css);
@import url(/LIB/dataTablesEditor/Web/examples/resources/syntax/shCore.css);
@import url(/LIB/select2-4.0.3/dist/css/select2.min.css);
@import url(/Content/Css/Views/Supplier/SupplierCRUD.css);
@import url(/LIB/RateYo/v2.3.2/v2.3.2/jquery.rateyo.css);
@import url(/LIB/upload-plugin/kartik-v-bootstrap-fileinput-1518238/css/fileinput.css);
@import url(/LIB/dropzone-master/dist/min/dropzone.min.css);
@import url("../css/bootstrap-toggle.min.css");
@import url("../css/bootstrap-select.min.css");
@import url(/LIB/theme/yellow_hori/plugins/bootstrap-sweetalert/sweet-alert.css);
@import url(/Content/SocialButtons.css);

.purchaseRadioBox {
    padding-top: 7px;
    padding-bottom: 7px;
}

#con-close-modal::-webkit-scrollbar {
    width: 0 !important;
}

#customNumberInput {
    visibility: hidden;
}

.monthsInfo, .monthsInfo i {
    font-size: 28px !important;
}

#topnav .topbar-main .logo {
    margin-top: 9px;
}

.purchaseButton {
    cursor: pointer;
}

#purchasePropertyList tbody tr {
    cursor: pointer;
}

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

html {
    overflow: scroll;
}

.booking-heading-2 {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .booking-heading-2:hover {
        opacity: .75;
    }

#withdrawModal {
    display: none;
}

    #withdrawModal #withdrawAmmountInput {
        display: block;
    }

    #withdrawModal #withdrawFrameWrapper .non-displayed {
        display: none;
    }

#depositModal {
    display: none;
}

#purchaseModal {
    display: none;
}

#topnav .logo img {
    margin-top: 0px;
}

#topnav ul.nav .non-displayed {
    display: none;
}

#topnav #withdrawModalLink,
#topnav #depositModalLink,
#topnav #purchaseModalLink {
    cursor: pointer;
}

#topnav .user-guide-link {
    margin-top: 11px;
}

    #topnav .user-guide-link a {
        display: block;
    }

body.shared-account {
    background-color: #eeeeee;
}

.language-partial {
    display: inline-block;
}

    .language-partial .language-partial-form {
        display: inline-block;
        position: relative;
        top: 16px;
    }

        .language-partial .language-partial-form #culture {
            height: 28px;
            border-radius: 4px;
            padding-top: 2px;
            padding-bottom: 2px;
        }

html.htmlModalIframe {
    background: white;
}

html .basicBody {
    background: white;
}

    html .basicBody .validation-summary-errors ul {
        padding: 0;
        list-style-type: none;
        text-align: center;
        padding-bottom: 15px;
    }

    html .basicBody .field-validation-error {
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    html .basicBody .htmlModalIframe {
        background-color: white !important;
    }

    html .basicBody .newOrderContainer {
        height: 1300px !important;
    }

        html .basicBody .newOrderContainer .modal-dialog {
            width: 900px;
        }

.shared-layout-logged-out .validation-summary-errors ul {
    padding: 0;
    list-style-type: none;
    text-align: center;
    padding-bottom: 15px;
}

.shared-layout-logged-out .field-validation-error {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.shared-layout-logged-out #culture {
    padding-left: 12px;
}

.shared-layout-logged-out .error-description {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.shared-layout-logged-out .account-layout-login {
    /* Might want to wrap a span around your checkbox text */
}

    .shared-layout-logged-out .account-layout-login input[type=checkbox] {
        /* Double-sized Checkboxes */
        -ms-transform: scale(1.1);
        /* IE */
        -moz-transform: scale(1.1);
        /* FF */
        -webkit-transform: scale(1.1);
        /* Safari and Chrome */
        -o-transform: scale(1.1);
        /* Opera */
    }

    .shared-layout-logged-out .account-layout-login .checkboxtext {
        /* Checkbox text */
        display: inline;
    }

.shared-layout-logged-out .account-layout-register .intl-tel-input {
    display: block;
}

.shared-layout-logged-out .account-layout-register .wrapper-page {
    margin: 3.5% auto;
    max-width: 360px;
}

#modalRatePlans #modalBodyRatePlans table#customrateplanstable {
    width: 100%;
}

body.checkouts-layout-pay hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

body.checkouts-layout-pay .checkouts-layout-pay-inner {
    padding-bottom: 20px;
}

    body.checkouts-layout-pay .checkouts-layout-pay-inner .panel-body #token {
        display: none;
    }

    body.checkouts-layout-pay .checkouts-layout-pay-inner #payment-form h2 {
        color: orange;
        margin-top: 0;
        padding-top: 0;
    }

body.wspay-layout {
    font-family: 'Open Sans', sans-serif;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: #f9f9f9;
    /*background: white;*/
}

.wspay-layout-form {
    padding: 40px 0;
}

    .wspay-layout-form .container {
        max-width: 1170px;
    }

    .wspay-layout-form .panel {
        border: 1px solid #DDD;
    }

    .wspay-layout-form .bg-warning {
        background: #fcf8e3 !important;
    }

    .wspay-layout-form .inner {
        /*background: white;*/
        /*border: 1px solid #DDD;*/
        /*padding: 30px;*/
    }

    .wspay-layout-form h2 {
        font-size: 26px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 25px 0;
    }

    .wspay-layout-form h3 {
        font-size: 22px;
        margin: 0 0 25px 0;
    }

        .wspay-layout-form h3.booking-heading-2 {
            margin-top: 5px;
            font-weight: 600;
        }

    .wspay-layout-form h4 {
        margin: 10px 0 12px 0;
    }

    .wspay-layout-form h5 {
        /*display: inline-block;*/
        font-size: 14px;
        font-weight: 700;
        color: #f9cd48;
        /*margin: 5px 10px 0 10px;*/
    }

@media screen and (max-width: 480px) {
    .wspay-layout-form h5 {
        font-size: 11px;
        margin: 5px 2px 5py 2px;
    }
}

.wspay-layout-form p {
    line-height: 150%;
    margin-bottom: 25px;
    font-size: 15px;
}

.wspay-layout-form hr.divider {
    height: 0;
    background: transparent;
    border-top: 1px solid #ddd;
}

.wspay-layout-form .meta {
    /*border-bottom: 1px solid #DDD;*/
    /*padding-bottom: 5px;*/
    margin-bottom: 20px;
}

    .wspay-layout-form .meta h5 {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        margin: 0;
    }

        .wspay-layout-form .meta h5 span {
            display: block;
            padding: 0;
            margin: 3px 0 0 0;
            color: #98a6ad;
            font-weight: 500;
        }

    .wspay-layout-form .meta .channel img {
        margin-right: 5px;
        max-height: 80px;
    }

@media screen and (max-width: 480px) {
    .wspay-layout-form .meta .channel img {
        max-height: 50px;
    }
}

.wspay-layout-form .meta .provider {
    text-align: right;
    margin-top: 40px;
}

    .wspay-layout-form .meta .provider img {
        margin-right: 5px;
        max-height: 40px;
    }

@media screen and (max-width: 480px) {
    .wspay-layout-form .meta .provider {
        max-height: 30px;
        margin-top: 10px;
    }
}

.wspay-layout-form .meta span {
    color: #666;
    display: inline-block;
    padding: 4px 0 0 10px;
}

.wspay-layout-form .details-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 25px;
}

    .wspay-layout-form .details-item:last-child {
        margin-bottom: 10px;
        padding-bottom: 0;
        border-bottom: 0;
    }

.wspay-layout-form .price {
    font-size: 18px;
    margin-bottom: 5px;
}

.wspay-layout-form .price-info {
    font-size: 14px;
}

.wspay-layout-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.wspay-layout-form #cc-date-mm {
    float: left;
    width: 20%;
    margin-right: 7%;
}

.wspay-layout-form #cc-date-yyyy {
    float: left;
    width: 20%;
}

.wspay-layout-form input {
    border: 1px solid #CCC;
}

.wspay-layout-form .btn-yellow {
    display: inline-block;
    color: white;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    background: #fecd09;
    border-width: 1px;
    border-style: solid;
    border-color: #fecd09;
    border-image: initial;
    transition: all .1s ease-in-out;
}

    .wspay-layout-form .btn-yellow:hover {
        background: #f8c809;
        border-width: 1px;
        border-style: solid;
        border-color: #fecd09;
        border-image: initial;
    }

@media screen and (max-width: 992px) {
    .wspay-layout-form img.thumb-preview {
        margin-bottom: 20px;
    }
}

.wspay-layout-form .cards img {
    margin: 0 5px;
}

@media screen and (max-width: 767px) {
    .wspay-layout-form .cards img {
        max-height: 23px;
    }
}

.wspay-layout-form img.img-stretch {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .wspay-layout-form .cc-cta button {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

.wspay-layout-form .payment-details-table thead {
    background: #e6f1f7;
}

.wspay-layout-form .payment-details-table .payment-details-amount {
    font-size: 16px;
    font-weight: 700;
}