/* Din Font*/
@font-face {
    font-family: 'din_lightregular';
    src: url("../../din/din_light-webfont.woff2") format("woff2"), url("../../din/din_light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_mediumregular';
    src: url("../../din/din_medium-webfont.woff2") format("woff2"), url("../../din/din_medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din-blackregular';
    src: url("../../din/din-black-webfont.woff2") format("woff2"), url("../../din/din-black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinbold';
    src: url("../../din/din-bold-webfont.woff2") format("woff2"), url("../../din/din-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_lightregular';
    src: url("../../din/din-light-webfont.woff2") format("woff2"), url("../../din/din-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinregular';
    src: url("../../din/din-regular-webfont.woff2") format("woff2"), url("../../din/din-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/*font awesome*/
@font-face {
    font-family: 'FontAwesome';
    src: url("../../awesome/fontawesome-webfont.eot") format("embedded-opentype"), url("../../awesome/fontawesome-webfont.woff2") format("woff2"), url("../../awesome/fontawesome-webfont.woff") format("woff"), url("../../awesome/fontawesome-webfont.ttf") format("truetype"), url("../../awesome/fontawesome-webfont.svg#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*Material Icons*/
/* fallback */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../../fonts/MaterialIcons-Regular.woff2') format('woff2');
}

:root {
  --primary-bkg: #0C1116;
  --primary-btn: #0063F7;
  --grey-btn: #4F5B67;
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}
/* fallback */
@font-face {
	font-family: 'Material Icons Outlined';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../../fonts/MaterialIconsOutlined-Regular.woff2') format('woff2');
}

.spinnerAlert {
	background: url('../../images/icons/spin.svg') no-repeat center center;
	background-size: 15px;
	min-height: 15px;
}

.spinnerAlert > .limitWrapper {
    display: none;
}

.material-icons-outlined {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Poppins';
    color: #FFFFFF;
    font-size: 13px;
    background-color: #151515;
}

.cashier_main_container {
    width: 100%;
    position: relative;
    display: block;
    /*font-family: Arial, Helvetica, sans-serif;*/
}

.cashier_main_container {
    /*max-width: 500px;*/
    min-width: 300px;
    width: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
}

.cashier_main_container .cashier_header {
    width: 100%;
    display: block;
    position: relative;
}

.cashier_main_container .logo_holder {
    max-width: 180px;
    width: 100%;
    position: relative;
    float: left;
    margin-right: 10px;
}

@media (max-width: 992px) {
    .cashier_main_container .logo_holder {
        max-width: auto;
        width: 33.3333333%;
    }
}

@media (max-width: 650px) {
    .cashier_main_container .logo_holder {
        display: inline-block;
        border: none;
        width: 100%;
        margin: 0px;
    }
}

.cashier_main_container .logo_holder .logo {
    display: block;
    position: relative;
    padding: 15px;
    text-decoration: none;
    width: 100%;
    outline: none;
}

.cashier_main_container .logo_holder .logo img {
    width: 100%;
}

.cashier_main_container .account {
    position: relative;
    display: block;
    width: 100%;
	padding: 0;
}

@media (max-width: 992px) {
    .cashier_main_container .account {
        float: left;
        max-width: auto;
        width: 33.3333333%;
    }
}

@media (max-width: 650px) {
    .cashier_main_container .account {
        display: block;
        float: none;
        border: none;
        /*width: 100% !important;*/
        max-width: 100%;
    }
}

.cashier_main_container .account, .cashier_main_container .contacts {
    /*padding: 15px 15px 0px 15px;*/
    width: 100%;
    float: left;
    text-align: left;
}

@media (max-width: 992px) {
    .cashier_main_container .account, .cashier_main_container .contacts {
        width: auto;
        float: left;
        text-align: left;
    }
}

@media (max-width: 600px) {
    .cashier_main_container .account, .cashier_main_container .contacts {
        width: auto;
    }

    .dropdown-menu.show.amountdd {
        left: -33px !important;
        text-align: center !important;
        width: 106% !important;
        min-width: 1px !important;
    }
}

@media (min-width: 601px) {
    .dropdown-menu.show.amountdd {
        left: -33px !important;
        text-align: center !important;
        width: 106% !important;
        min-width: 1px !important;
    }
}

.cashier_main_container .account .inner, .cashier_main_container .contacts .inner {
    width: auto;
    display: inline-block;
    position: relative;
}

.cashier_main_container .account .title, .cashier_main_container .contacts .title {
    background: #000000;
    color: #FF6B00;
    padding: 2px 10px;
    /*  text-transform: uppercase;*/
    font-family: 'Poppins';
    display: inline-block;
    margin-bottom: 5px;
    font-size: 19px;
}

.cashier_main_container .account .account_details, .cashier_main_container .contacts .account_details {
    width: 100%;
    display: block;
    position: relative;
}

@media (max-width: 600px) {
    .cashier_main_container .account .account_details, .cashier_main_container .contacts .account_details {
        text-align: left;
    }
}

.cashier_main_container .account .account_details .h-label, .cashier_main_container .contacts .account_details .h-label {
    color: #FFFFFF;
    margin-bottom: 0;
    font-size: 12px;
}

.cashier_main_container .account .account_details .h-label span, .cashier_main_container .contacts .account_details .h-label span {
    color: #FFFFFF;
}

.cashier_main_container .account .contacts_details, .cashier_main_container .contacts .contacts_details {
    width: 100%;
    display: block;
    position: relative;
}

.cashier_main_container .account .list, .cashier_main_container .contacts .list {
    padding: 0;
    margin: 5px 0;
    width: 100%;
    display: block;
    list-style-type: none;
}

.cashier_main_container .account .list-item, .cashier_main_container .contacts .list-item {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.cashier_main_container .account .link, .cashier_main_container .contacts .link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 12px;
}

.cashier_main_container .account .icon, .cashier_main_container .contacts .icon {
    margin-right: 5px;
}

.menu-link {
    display: block;
    border-radius: 0;
    color: rgba(168, 176, 185, 1);
    font-size: 14px;
    padding: 10px 11px 0 10px;
    border: none;
}

.submenu-link {
    display: block;
    border-radius: 0;
    color: #A8B0B9;
    font-size: 13px;
    padding: 5px 11px 15px;
    border: none;
}

.nav a:hover {
    color: #FFFFFF !important;
}

.nav .active {
    color: #FFFFFF !important;
}

.nav.subnav a:hover {
    color: #ffffff !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.nav.subnav .active {
    color: #FFFFFF !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.logo {
    max-width: 140px;
    display: block;
    position: relative;
    text-decoration: none;
    width: 100%;
    outline: none;
}

.header-cashier {
    height: 100px;
    /*z-index: 10;*/
    background-color: var(--primary-bkg); /* default theme */
    /* background-color: #00114a; */ /* xmas theme */
    /*background-color: #07505b; */ /* valentine theme */
    /* background-color: #0C1926; */ /* еуро2024 theme */
    /*background-color: #080435; */ /* halloween theme */
    padding: 1rem 15px 0 15px;
    /*margin-bottom: 1rem;*/
    width: 100%;
}

.cashier_content {
    width: 100%;
    display: block;
    position: relative;
    padding: 30px 30px 0 30px;
    background: var(--primary-bkg);
    overflow: auto;
    min-height: 557px;
    height: 450px;
    color: #fff;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
    overflow: -moz-scrollbars-none;
    -webkit-overflow-scrolling: touch;
}
.cashier_content::-webkit-scrollbar {
    display: none;
}
.cashier_content.ps {
    overflow: auto !important;
}
@media (max-width: 450px) {
    .cashier_content {
        padding-bottom: 60px;
        /*padding: 30px 15px 0 15px;*/
        height: calc(100% - 240px);
    }
}
@media (max-height: 657px) {
    .cashier_content {
        height: calc(100vh - 100px) !important;
        min-height: calc(100vh - 100px) !important;
    }
}

@media (max-width: 380px) {
    .cashier_content {
        /*min-height: 0;*/
    }
}

@media (max-width: 350px) {
    .cashier_content {
        /*height: 400px;*/
    }

	.cashier_content .inner .col-2{
		top:0!important;
	}
	.cashier_content .inner .col-2 img{
		margin-left:-10px;
	}
}
.card-title-first {
    display: block;
    padding: 7px 10px 0 10px;
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
}

.dropdown-menu.pay_methods.show {
    top: 0;
    transform: translate3d(0px, 38px, 0px) !important;
    width: 100%;
    border-radius: 0 0 8px 8px !important;
    max-height: 250px !important;
    /*overflow: auto !important;*/
    font-size: 14px !important;
    border: none;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .15),
    -1px 1px 0 rgba(0, 0, 0, .15);
}

.dropdown-menu.time_range.show {
    top: 0;
    transform: translate3d(0px, 38px, 0px) !important;
    width: 100%;
    border-radius: 0 0 8px 8px !important;
    overflow: auto !important;
    font-size: 14px !important;
}

.dropdown-toggle {
    background-color: #FFFFFF !important;
    font-size: 11px !important;
    color: #495057 !important;
    border-radius: 0 !important;
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border: none !important;
}

.input-group {
    border: 1px solid #4F5B67 !important;
    border-radius: 8px;
}

.squared {
    border-radius: 8px !important;
    border: none !important;
}

.squared-bordered {
    border-radius: 8px !important;
    border-top: 1px solid #4F5B67 !important;
    border-bottom: 1px solid #4F5B67 !important;
    border-left: 1px solid #4F5B67 !important;
    border-right: 1px solid #4F5B67 !important;
}

.custom-control-form {
    height: 40px !important;
    background-color: #FFFFFF !important;
    font-size: 13px !important;
}

.no-outline {
    outline: none !important;
    border: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.no-outline::-moz-focus-inner {
    border: 0 !important;
}

.dropdown-item {
    padding: .5rem 1.5rem !important;
    width: unset !important;
}

.cashier_footer {
    background-color: #c6c6c6;
    font-size: 12px;
    color: #000;
}

.cashier_footer_inner {
    display: flex;
    flex-direction: row;
}

.cashier_footer_inner > .icons {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 15%;
    padding-left: 30px;
}

.hipay_tpp_bcmc {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -0 no-repeat;
    margin-left: 7px;
}

.hipay_tpp {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -240px no-repeat;
    margin-left: 7px;
}

.paysafe {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -680px no-repeat;
    margin-left: 7px;
}

.paysafe-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -680px no-repeat;
    margin-left: 7px;
}

.moneybookers {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -520px no-repeat;
    margin-left: 7px;
}

.moneybookers-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -520px no-repeat;
    margin-left: 7px;
}

.ticketsurf {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -760px no-repeat;
    margin-left: 7px;
}

.wiretransfer {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -840px no-repeat;
    margin-left: 7px;
}

.myneosurf {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -1115px no-repeat;
    margin-left: 7px;
}

.neosurf {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -560px no-repeat;
    margin-left: 7px;
}

.ideal_dd {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -320px no-repeat;
    margin-left: 7px;
}

.mistercash_dd {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -480px no-repeat;
    margin-left: 7px;
}

.hipay_qrcode {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -480px no-repeat;
    margin-left: 7px;
}

.hipay_bancontact {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -237px no-repeat;
    margin-left: 7px;
}

.hipay_cc {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -200px no-repeat;
    margin-left: 7px;
}

.hipay_3ds {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -197px no-repeat;
    margin-left: 7px;
}

.hipay_bankcard {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -160px no-repeat;
    margin-left: 7px;
}

.cashin {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -80px no-repeat;
    margin-left: 7px;
}

.cashin-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -80px no-repeat;
    margin-left: 7px;
}

.banktransfer {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -40px no-repeat;
    margin-left: 7px;
}

.banktransfer-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -40px no-repeat;
    margin-left: 7px;
}

.paypal {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -640px no-repeat;
    margin-left: 7px;
}

.paypal-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -640px no-repeat;
    margin-left: 7px;
}

.paypal_1click {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -1080px no-repeat;
    margin-left: 7px;
}

.neteller {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -600px no-repeat;
    margin-left: 7px;
}
.neteller_v2 {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -600px no-repeat;
    margin-left: 7px;
}
.neteller-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -600px no-repeat;
    margin-left: 7px;
}
.neteller_v2-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -600px no-repeat;
    margin-left: 7px;
}
.skrill_1tap {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -721px no-repeat;
    margin-left: 7px;
}

.hipay_tpp_ing_belfius {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -160px no-repeat;
    margin-left: 7px;
}
/** C777BE-3542 HiPay TPP - separate ING and Belfius into 2 cashier buttons instead of one */
.hipay_tpp_ing {
	padding-left: 70px !important;
	background: url("../../images/icons/sprites09_03.webp") -0 -1150px no-repeat;
	margin-left: 7px;
}
.hipay_tpp_belfius {
	padding-left: 70px !important;
	background: url("../../images/icons/sprites09_03.webp") -0 -1180px no-repeat;
	margin-left: 7px;
}
/* end C777BE-3542 */

.safecharge_cc {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -400px no-repeat;
    margin-left: 7px;
}

.safecharge_tly {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -440px no-repeat;
    margin-left: 7px;
}

.checkout_cc {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -198px no-repeat;
    margin-left: 7px;


}

.storedVisa {
	padding-left: 70px !important;
	background: url("../../images/card-icons/visa.svg") 0 0 no-repeat;
	margin-left: 7px;
}

.storedJcb {
	padding-left: 70px !important;
	background: url("../../images/card-icons/jcb.svg") 0 0 no-repeat;
	margin-left: 7px;
}

.storedMada {
	padding-left: 70px !important;
	background: url("../../images/card-icons/mada.svg") 0 0 no-repeat;
	margin-left: 7px;
}

.storedDiscover {
	padding-left: 70px !important;
	background: url("../../images/card-icons/discover.svg") 0 0 no-repeat;
	margin-left: 7px;
}

.storedMastercard {
	padding-left: 70px !important;
	background: url("../../images/card-icons/mastercard.svg") 0 0 no-repeat;
	margin-left: 7px;
}

.storedMaestro {
	padding-left: 70px !important;
	background: url("../../images/card-icons/maestro.svg") 0 0 no-repeat;
	margin-left: 7px;
}

.omnium {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -959px no-repeat;
    margin-left: 7px;
}

.trustly {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -923px no-repeat;
    margin-left: 7px;
}

.trustly-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -923px no-repeat;
    margin-left: 7px;
}

.ecopayz {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -1044px no-repeat;
    margin-left: 7px;
}

.ecopayz-withdraw {
    padding-left: 70px !important;
    background: url("../../images/icons/sprites09_03.webp") -0 -1044px no-repeat;
    margin-left: 7px;
}
.sofort {
	padding-left: 70px !important;
	background: url("../../images/icons/sprites09_03.webp") -0 -1006px no-repeat;
	margin-left: 7px;
}


.cashier_table {
    font-size: 13px;
    color: #000000;
    max-width: 860px !important;
    margin: 0 auto !important;
    width: 100% !important;
    position: relative !important;
}

@media screen and (max-width: 600px) {
    .cashier_table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .cashier_table tr {
        display: block;
        margin-bottom: 1.625em;
    }

    .cashier_table td {
        border: none !important;
        display: block;
        padding: 0 !important;
        text-align: right;
    }

    .cashier_table td:before {
        content: attr(data-label);
        float: left;
        font-weight: 500;
    }

    .cashier_table td:last-child {
        border-bottom: 0;
    }
}

.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
}

.icon {
    padding: 10px;
    background: #FFFFFF;
    color: #000000;
    min-width: 50px;
    text-align: center;
    font-size: 16px !important;
}

.input-field {
    width: 100%;
    outline: none;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 12px;
    color: #a5a5a5;
}

input::-moz-placeholder { /* Firefox 19+ */
    font-size: 12px;
    color: #a5a5a5;
}

input:-ms-input-placeholder { /* IE 10+ */
    font-size: 12px;
    color: #a5a5a5;
}

input:-moz-placeholder { /* Firefox 18- */
    font-size: 12px;
    color: #a5a5a5;
}

.change-pass select, .money-transfer select { /* Firefox 18- */
    font-size: 12px;
    color: #000000;
}

.btn-green {
	border-radius: 8px !important;
    background: var(--primary-btn);
	color: #FFFFFF;
    text-transform: uppercase;
}

.btn-grey {
	border-radius: 8px !important;
	background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff;
    text-transform: uppercase;
}

.btn-red {
    background: #bd2130;
    color: #FFFFFF;
    text-transform: uppercase;
}

.payment_container_resp {
    color: #fff;
}

.is-invalid {
    border: .5px solid #C6C6C6 !important;
}

.input-group ~ .invalid-feedback {
    display: block;
}

.payment_row {
    margin-bottom: 10px;
    width: 100%;
    display: block;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

/*
.iframeContainer {
    position: relative;
    overflow: hidden;
}
.iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}*/

.receptBlk a {
    color: black;
    text-decoration: underline;
}

.receptBlk .customProgressBar {
    margin-top: 10px;
    width: 65%;
    height: 14px !important;
}

@media only screen and (max-width: 576px) {
    .receptBlk .customProgressBar {
        width: 100%;
    }
}

.is-invalid-transferto {
    border: 1px solid #dc3545 !important;
}

.is-invalid-nb {
    border: none !important;
}

.is-invalid-transferAmount {
    border: 1px solid #dc3545 !important;
}

.is-invalid-password {
    border: 1px solid #dc3545 !important;
}

.is-invalid-fieldRange {
    border: 1px solid #dc3545 !important;
}

.is-invalid-amount {
    border: 1px solid #dc3545 !important;
}

.is-invalid-input {
    border: 1px solid #dc3545 !important;
}

.progress-bar-striped {
    background-image: linear-gradient(-135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;
    background-size: 5rem 5rem !important;
}

.progress-bar.progress-bar-striped.bg-success {
    background-color: #7DB110 !important;
}

.invalid-feedback {
    font-size: 11px;
}

.firstDepositBonus label {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.firstDepositBonus select {
    height: 36px;
    border: 1px solid #C6C6C6;
    outline: none;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 15px;
}

.payment_touch {
    /*-webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 300px !important;*/
}

.row .label {
    width: 120px;
}

@media (max-width: 400px) {
    .row .label {
        width: 100%;
    }
}


.cashier_main_container-body {
    overflow: hidden;
}

.clickAndClaimTable {
    color: black;
    font-size: 13px;
}

.clickAndClaimTable th {
    min-width: 90px;
}

.alert {
    border-radius: 8px;
}

.alert-danger {
    text-align: center;
}

.methods-dropdown .form-control:focus{
    box-shadow: unset;
}

@media (max-width: 420px) {
    .formResponsive {
        padding-bottom: 20px;
    }

	#payment_section2{
		margin-bottom: 20px;
	}
}

.historyTable{
    font-size: 12px;
}

.historyTable .ht-group{
    margin-bottom: 1.625em;
}

.historyTable .ht-row{
    padding: 10px 5px 5px 10px;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
}

.historyTable .ht-title {
    font-weight: 500;
    margin-right: 15px;
}

.historyTable .ht-text {
    word-break: break-all;
}

.paymentBlk{
	height: fit-content;
}

@media (max-width: 380px) {
    .submenu_content {
        width: 326px;
    }
}

@media (max-device-width: 850px)
    and (orientation:landscape) {
    .dropdown-menu.pay_methods.show {
        max-height: 125px !important;
    }
}
.choose-amount,.selected-amount{
	border-radius: 8px;
}
.matIconDelete {
	visibility: hidden;
}
.matIconDelete:before {
	visibility: visible;
	content: url('../../images/icons/delete_white.svg?1.3');
	font-size: 14px;
}
.matIconCheckNo {
	 visibility: hidden;
 }
.matIconCheckNo:before {
	visibility: visible;
	content: url('../../images/icons/check_box_no.svg?1.3');
	font-size: 14px;
}
.matIconCheckYes {
	visibility: hidden;
}
.matIconCheckYes:before {
	visibility: visible;
	content: url('../../images/icons/check_box_yes.svg?1.3');
	font-size: 14px;
}
.matIconCheckYesFill {
	visibility: hidden;
}
.matIconCheckYesFill:before {
	visibility: visible;
	content: url('../../images/icons/check_box_yes_fill.svg?1.3');
	font-size: 14px;
}
.limit_links {
	color: #000;
	text-decoration: underline;
}
.limit_links:hover {
	color: #000;
	text-decoration: underline;
}
.tooltip_left .tooltiptext {
	visibility: hidden;
	font-size: 10px;
	background-color: #f8f8ff;
	color: #151515;
	box-shadow: 0 0 8px 0 rgb(0 0 0 / 55%);
	padding: 10px;
	position: absolute;
	z-index: 4;
	right: 160%;
	text-align: center;
	top: -160%;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip_left .tooltiptext::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 50%;
	border-width: 10px;
	border-style: solid;
	border-color: #f8f8ff transparent transparent transparent;
	box-shadow: rgb(0 0 0 / 50%) 0 -10px 10px -8px;
}
.tooltip_left:hover .tooltiptext, .tooltip_left:focus .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.h-bold{
	color:black;
	text-decoration: none;
}
.h-bold:hover{
	font-weight: 500;
	text-decoration: none;
	color:black;
}
.limitWrapper .progress-bar {
    background: #373F47 !important;
}
.limitWrapper .limitBar {
    background: #0063F7 !important;
}
.card{
	background: rgba(36, 45, 53, 0.40) !important;
	color: #FFFFFF !important;
	border-radius: 8px !important;
	border: none !important;
}
.card .squared {
	border-radius: 8px !important;
}
.card .card-header{
	background: #242D35 !important;
}

.card-header, .methods-dropdown, .methods-dropdown .input-group-append .dropdown-toggle {
	border-radius: 8px !important;
}

.card-header.active, 
.methods-dropdown > .methods-dropdown .input-group-append .dropdown-menu.active,
.dropdown-menu.pay_methods.show > .methods-dropdown,
.input-group.methods-dropdown:has(.input-group-append .dropdown-menu.show){
	border-radius: 8px 8px 0 0 !important;
}

.card-body, .h-label, .h-bold, .remove, .user_limit, #mainContentWrapper .row div{
    color: #FFFFFF !important;
}
.choose-amount{
    background: none !important;
    border: 1px solid #fff !important;
    border-radius: 8px !important;
}

.selected-amount{
    background: #0063F7 !important;
    border: none !important;
}

#mainContentWrapper p,
#exclude_me_first_text p a,
#cashier_content div:not(.alert-success),
#cashier_content span:not(.error-message),
#cashier_content strong,
.payment_row_sc .inputGroup label,
.payment_row_sc .doHover,
#rg-bl,
.payment_row a:not(.alert>a):not(.dropdown-item),
#payment_section2 p:not(.alert),
.inputGroup label{
    color: #fff !important;
}

.methods-dropdown .form-control,
#coolOffTypeText,
.limit_contenitor #fieldRange,
.dropdown-menu.time_range a{
     color: #000 !important;
}

.form-control, .form-control:focus, .input-group-text{
    background-color: transparent !important;
}
.form-control{
    border: 1px solid #4F5B67;
}
.form-control:focus{
    box-shadow: none;
    border-color: white;
}

.input-group-text{
    color: #A8B0B9;
} 
.form-control, .form-control:focus{
    color: #fff;
}

.input-group-text::placeholder, .form-control::placeholder{
    color: #A8B0B9;
}

#mainContentWrapper .payment_row{
    margin-top: 12px;
    margin-bottom: 12px;
}

#mainContentWrapper .alert-info{
    background-color: #242D35;
    border-color: #242D35;
    color: #fff;
    border-radius: 8px;
}

.switch {
    width: 51px !important;
    height: 30px !important;
    box-shadow: none !important;
    padding: 0 !important;
    float: right !important;
}

.switch-handle {
    height: 26px !important;
    width: 26px !important;
    border-radius: 50% !important;
    top: 2px !important;
    box-shadow: none !important;
}

.switch-input:checked ~ .switch-handle{
    left: 23px !important;
}

.switch-label {
    box-shadow: none !important;
    background: #A8B0B9 !important;
}

.switch-label:before, switch-label:after{
    content: none !important;
}

#subscribesPanel{
    gap: 24px !important;
    display: grid !important;
}

#subscribesPanel .row {
    align-items: center !important;
}

.switch-green > .switch-input:checked ~ .switch-label{
    background: #0063F7 !important;
}

.switch-label:before, .switch-label:after{
    content: none !important;
}

.limit_contenitor #fieldRange, 
#exclude_me_first_text #coolOffTypeText{
    background: white !important;
    border-radius: 8px 0 0 8px !important;
}

.limit_contenitor .btn.dropdown-toggle, 
#exclude_me_first_text .btn.dropdown-toggle{
    border-radius: 0 8px 8px 0 !important;
}

.limit_contenitor .dropdown-menu,
#exclude_me_first_text .dropdown-menu{
    border: 0;
}

.limit_contenitor .dropdown-toggle:has(+ .dropdown-menu.time_range.show),
#exclude_me_first_text .dropdown-toggle:has(+ .dropdown-menu.show),
.dropdown-toggle:has(+ .dropdown-menu.active){
    border-radius: 0 8px 0 0 !important;
}

.limit_contenitor #fieldRange:has(+ .input-group-append .dropdown-menu.show), 
#exclude_me_first_text #coolOffTypeText:has(+ .input-group-append .dropdown-menu.show ){
    border-radius: 8px 0 0 0 !important;
}

.alertHandlerDiv .alert-info{
    background: rgba(36, 45, 53, 1) !important;
    border-color: rgba(36, 45, 53, 1) !important;
    color: #fff;
}

.limit_contenitor #action_container #confirm{
    width: 100%;
    margin: 0;
    max-width: 100%;
    border-radius: 8px !important;
}

#mainContentWrapper .payment_row {
    margin-top: 12px;
    margin-bottom: 12px;
}

 .header_content{
     box-shadow: 0px -1px 0px 0px rgba(36, 45, 53, 0.60) inset;
 }

 .menu-link.active::after{
    content: '';
    display: block;
    height: 2px;
    background: white;
    width: 100%;
    margin-top: 10px;
 }

 .payment_row:has(.limitWrapper) {
    width: 100% !important;
}

.payment_row p{
   font-weight: 500 !important;
}

 p, strong, span{
   font-weight: 400 !important;
}

.veriff{
    display: flex;
    height: 90%;
    align-items: center;
    text-align: center;
}

.veriff_box{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 48px;
}

.veriff_info{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.veriff_info p{
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 0;
}

.veriff_btns{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.veriff_btns .btn{
    font-size: 14px;
    padding: 11px 20px;
    width: 100%;
}

.veriff_help{
    height: 40px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    cursor: default;
    text-align: center;
}

.veriff_help u{
    cursor: pointer;
}