.defaultCursor {
    cursor: default !important;
}

.btn-span-vcenter-text {
    display: flex !important;
    align-items: center;
}

.btn-withdraw {
    min-width: 350px;
    margin-bottom: 20px;
}

.withdraw-h1 {

}

.icon_btn_withdraw {
    width: 50px;
    height: 50px;
    padding: 1rem 1.5rem !important;
    margin: 0.5rem 0 0.5rem 0.5rem;
    background-size:cover;
}

.sberpay_logo {
    
}

/***************** Unavailable ******************/

.btn-unavailable{color:#fff;background-color:#d1d3e2!important;border-color:#d1d3e2!important; margin-bottom: 0px !important;}

.btn-unavailable:hover{color:#fff;background-color:#d1d3e2!important;border-color:#d1d3e2!important}

.btn-unavailable.focus,.btn-unavailable:focus{color:#fff;background-color:#d1d3e2!important;border-color:#d1d3e2!important;box-shadow:0 0 0 .2rem rgba(247, 150, 32, 0.49)}

.btn-unavailable.disabled,.btn-unavailable:disabled{color:#fff;background-color:#d1d3e2!important;border-color:#d1d3e2!important}

.icon_btn_unavailable {
    background-image: url('../img/qiwi-logo.png') !important;
}

/***************** Qiwi ******************/

.btn-qiwi{color:#fff;background-color:#FF8C00;border-color:#FF8C00}

.btn-qiwi:hover{color:#fff;background-color:#f79620;border-color:#FF8C00}

.btn-qiwi.focus,.btn-qiwi:focus{color:#fff;background-color:#f79620;border-color:#FF8C00;box-shadow:0 0 0 .2rem rgba(247, 150, 32, 0.49)}

.btn-qiwi.disabled,.btn-qiwi:disabled{color:#fff;background-color:#eaaf66;border-color:#eaaf66}

.icon_btn_qiwi {
    background-image: url('../img/qiwi-logo.png') !important;
}

/***************** Sber / Phone ******************/

.btn-phone{color:#fff;background-color:#049e56;border-color:#049e56;}

.btn-phone:hover{color:#fff;background-color:#0ca35d;;border-color:#049e56;}

.btn-phone.focus,.btn-phone:focus{color:#fff;background-color:#0ca35d;border-color:#049e56;;box-shadow:0 0 0 .2rem rgba(32, 247, 147, 0.49)}

.btn-phone.disabled,.btn-phone:disabled{color:#fff;background-color:#66ea92;border-color:#66ea92}

.icon_btn_phone {
    /*background-image: url('../img/sber-logo.png') !important;*/
    background-image: url('../img/phone-logo.png') !important;
}

/***************** Yoomoney ******************/

.btn-yoomoney{color:#fff;background-color:#8b3ffd;border-color:#8b3ffd}

.btn-yoomoney:hover{color:#fff;background-color:#a061ff;border-color:#8b3ffd}

.btn-yoomoney.focus,.btn-yoomoney:focus{color:#fff;background-color:#a061ff;border-color:#8b3ffd;box-shadow:0 0 0 .2rem rgba(180, 133, 251, 0.49)}

.btn-yoomoney.disabled,.btn-yoomoney:disabled{color:#fff;background-color:#b5a5ce;border-color:#b5a5ce}

.icon_btn_yoomoney {
    background-image: url('../img/yoomoney-logo.png') !important;
}

/***************** Card ******************/

.btn-card{color:#fff;background-color:#24429a;border-color:#24429a}

.btn-card:hover{color:#fff;background-color:#3557bb;border-color:#24429a}

.btn-card.focus,.btn-card:focus{color:#fff;background-color:#3557bb;border-color:#24429a;box-shadow:0 0 0 .2rem rgba(133, 147, 187, 0.49)}

.btn-card.disabled,.btn-card:disabled{color:#fff;background-color:#bfc6dc;border-color:#bfc6dc}

.icon_btn_card {
    background-image: url('../img/card-logo.png') !important;
}

/***************** BTC ******************/

.btn-btc{color:#fff;background-color:#f7931a;border-color:#f7931a}

.btn-btc:hover{color:#fff;background-color:#f89d2f;border-color:#f7931a}

.btn-btc.focus,.btn-btc:focus{color:#fff;background-color:#f89d2f;border-color:#f7931a;box-shadow:0 0 0 .2rem rgba(225, 168, 99, 0.49)}

.btn-btc.disabled,.btn-btc:disabled{color:#fff;background-color:#e7bb85;border-color:#e7bb85}

.icon_btn_btc {
    background-image: url('../img/btc-white-logo.png') !important;
}

/***************** LTC ******************/

.btn-ltc{color:#fff;background-color:#345d9d;border-color:#345d9d}

.btn-ltc:hover{color:#fff;background-color:#4468a1;border-color:#345d9d}

.btn-ltc.focus,.btn-ltc:focus{color:#fff;background-color:#4468a1;border-color:#345d9d;box-shadow:0 0 0 .2rem rgba(112, 147, 202, 0.49)}

.btn-ltc.disabled,.btn-ltc:disabled{color:#fff;background-color:#adb4bf;border-color:#adb4bf}

.icon_btn_ltc {
    background-image: url('../img/ltc-white-logo.png') !important;
}

/***************** USDT ******************/

.btn-usdt{color:#fff;background-color:#627eea;border-color:#627eea}

.btn-usdt:hover{color:#fff;background-color:#738df1;border-color:#627eea}

.btn-usdt.focus,.btn-usdt:focus{color:#fff;background-color:#738df1;border-color:#627eea;box-shadow:0 0 0 .2rem rgba(158, 208, 194, 0.49)}

.btn-usdt.disabled,.btn-usdt:disabled{color:#fff;background-color:#a2c4bb;border-color:#a2c4bb}

.icon_btn_usdt {
    background-image: url('../img/ethereum-white-logo.png') !important;
}

/***************** Card/Qiwi ******************/

.btn-card-qiwi{color:#fff;background-color:#FF8C00;border-color:#FF8C00}

.btn-card-qiwi:hover{color:#fff;background-color:#f79620;border-color:#FF8C00}

.btn-card-qiwi.focus,.btn-card-qiwi:focus{color:#fff;background-color:#f79620;border-color:#FF8C00;box-shadow:0 0 0 .2rem rgba(247, 150, 32, 0.49)}

.btn-card-qiwi.disabled,.btn-card-qiwi:disabled{color:#fff;background-color:#eaaf66;border-color:#eaaf66}

.icon_btn_card-qiwi {
    background-image: url('../img/qiwi-card-logo.png') !important;
}

/***************** Card/Qiwi direct ******************/

.btn-card-qiwi-direct{color:#fff;background-color:#24429a;border-color:#24429a}

.btn-card-qiwi-direct:hover{color:#fff;background-color:#3557bb;border-color:#24429a}

.btn-card-qiwi-direct.focus,.btn-card-qiwi-direct:focus{color:#fff;background-color:#3557bb;border-color:#24429a;box-shadow:0 0 0 .2rem rgba(133, 147, 187, 0.49)}

.btn-card-qiwi-direct.disabled,.btn-card-qiwi-direct:disabled{color:#fff;background-color:#bfc6dc;border-color:#bfc6dc}

.icon_btn_card-qiwi-direct {
    background-image: url('../img/qiwi-card-logo.png') !important;
}

/******************** Buttons and other *****************/

.min_deposit {
    color: #e74a3b;
    font-size: 0.8em;
    padding-top: 5px;
}

.sum_input {
    width: unset !important;
    display: unset !important;
}

.card_input {
    width: unset !important;
    display: unset !important;
    min-width: 500px;
}

.sum_div {
    display: flex;
    margin-bottom: -20px;
}

.requisites {
    color: #4e73df!important;
    font-weight: bolder;
    cursor: pointer;
}

.response_textarea {
    margin-top: 25px;
    border: 2px solid #4e73df45 !important;
    height: 80px;
    background-color: white !important;
}

.index_page h1, h5 {
    color: #466bd9;
}

.create_button_index_page {
    background-color: #6182e2;
    padding: 20px;
    border-radius: 40px;
    color: #fff;
    font-weight: bolder;
    font-size: 1.3em;
    text-shadow: 2px 2px 0px #3259ca;
    border: 1px solid white;
    box-shadow: inset 8px 8px 0px #3259ca;
}

.top_button_index_page {
    background-color: #6182e2;
    padding: 10px 20px 10px 20px;
    border-radius: 30px;
    color: #fff;
    /* font-weight: bolder; */
    /* font-size: 1.3em; */
    /* text-shadow: 2px 2px 0px #3259ca; */
    float: right;
    width: fit-content;
    border: 1px solid #fff;
    /*margin-right: 1rem;*/
    margin-top: 0.75rem;
    margin-bottom: 30px;
    right: 5px;
}

.top_button_index_page a{
    
    color: #fff;
}

.index_page_h1{
    font-size: 2.3rem;
}

.index_page_logo {
    margin-top: 0.65em;
    height: 3.25rem;
}

.index_page_logo_div{
    width: 20%;
    display: inline;
    padding-right: 0;
}

.index_page_buttons_div{
    width: 80%;
    display: inline;
}

.default_profile_picture{
    margin-top: -0.6rem;
}

.logo_gray {
    height: 3.25rem;
}


.modal.show .modal-dialog {
    z-index: 99;
}

.bg_first_index_image {
    background: url(../img/pay_joy.jpg);
    background-position: center;
    background-size: cover;
}

.bg_second_index_image {
    background: url(../img/gift.jpg);
    background-position: center;
    background-size: cover;
}

.bg_third_index_image {
    background: url(../img/choices.jpg);
    background-position: center;
    background-size: cover;
}

.bg_forth_index_image {
    background: url(../img/ride.jpg);
    background-position: center;
    background-size: cover;
}

.bg_register_image {
    background: url(../img/enter.jpg);
    background-position: center;
    background-size: cover;
}

.bg_login_image {
    background: url(../img/login.jpg);
    background-position: center;
    background-size: cover;
}

.bg_forgot_password_image {
    background: url(../img/forgot.jpg);
    background-position: center;
    background-size: cover;
}

.bg_mail_image {
    background: url(../img/mail.jpg);
    background-position: center;
    background-size: cover;
}

.index_page_login_button {
        margin-right: 1.35rem;
}

.display_desktop{
    display: none;
}

.deposit_methods {
    
    display: flex;
}

.vip-status_div {
    border: 1px solid #858796;
    border-radius: 50px;
    padding: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    width: 100%;
}

.status_h5 {
    color: #466bd9;
}

.expired_password{
    background-color: #ec685b;
    margin-bottom: 20px;
    /* padding-left: 15px; */
    color: white;
    padding: 15px;
}

.btn-continue-mobile-margin{
    
}

.btn-send-op-confirm-margin{
    
}

span.icon{
    display: flex !important;
    align-items: center;
}

@media (max-width: 1200px){
    .index_page_image {
            height: 20em;
    }
    
    
    .index_page_container {
        margin-top: 0.4rem;

    }
    
    .display_desktop{
        display: inherit;
    }
    
    .deposit_methods {
    
        display: block;
    }
    
}

@media (max-width: 915px){
    
    .btn-send-op-confirm-margin{
        
        margin-bottom: 20px;
    
    }
    
}

@media (max-width: 700px){
    
    body {
      /*  margin-right: -0.35rem;*/
    }
    
    .btn-withdraw {
        min-width: 100%;
        margin-bottom: 0;
    }
    .withdraw-h1 {
        margin-top: 0;
    }
    
    .sum_div {
    display: inline;
    }
    
    table, thead, tbody, th, td, tr {
			display: block;
	}
	
    thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
	tfoot tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    tr {
      margin: 0 0 0 0;
      border-bottom: 1px solid #4e73e3;
    }
      
    tr:nth-child(odd) {
        background: #4e73df0f;;
    }
    
    td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	.table td {
	    padding: unset;
        padding-left: 50%;
    }
    
    /*
	Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
	*/
	.transactions_table td:nth-of-type(1):before { content: "Дата"; }
	.transactions_table td:nth-of-type(2):before { content: "Сумма"; color: #858796;}
	.transactions_table td:nth-of-type(3):before { content: "Тип операции"; }
	.transactions_table td:nth-of-type(4):before { content: "Статус"; }
	.transactions_table td:nth-of-type(5):before { content: "Баланс"; }
	
	.notifications_table td:nth-of-type(1):before { content: "Дата"; }
	.notifications_table td:nth-of-type(2):before { content: "Тип оповещения"; color: #858796;}
	.notifications_table td:nth-of-type(3):before { content: "Описание"; }
	
	.tickets_table td:nth-of-type(1):before { content: "Дата"; }
	.tickets_table td:nth-of-type(2):before { content: "Тема обращения"; }
	.tickets_table td:nth-of-type(3):before { content: "Есть новые ответы"; }
	
    .sidebar {
        width: 6.5rem;
        min-height: 100%;
        position: absolute;
        z-index: 55;
        top: 4.375rem;
        border-right: 1px solid #e8e9ec;
    }
    
    .sidebar:after {
        box-shadow: 20px 0 20px -17px rgba(58,59,69,.15) inset;
        content: " ";
        height: 100%;
        position: absolute;
        top: 0;
        right: -20px;
        width: 20px;
    }
    
    .has_new-a {
        height: 1.5rem;
        width: 1.5rem;
        font-size: 0.65rem;
    }
    
    .has_new{
        margin-left:50%;
    }
    
    .index_page_h1{
        font-size: 2rem;
    }
    
     .index_page_logo_div {
        /*margin-left: 0.35rem;*/
        margin-left: -0.75rem;
    }
    
    .index_page_logo {
        margin-top: 0.35em;
    }
}

@media (max-width: 583px){
    
    .btn-continue-mobile-margin{
        
        margin-bottom: 20px;
    
    }
    
    .card_input {
        width: 100% !important;
        display: unset !important;
        min-width: unset;
        
    }
    
}

@media (max-width: 450px){
    
    .top_button_index_page{
        padding: 0.375rem 0.75rem;
    }
    
    .index_page_logo {
        height: 2.75rem;
    }
    
    .index_page_h1 {
        font-size: 1.9rem;
    }
        
}

@media (max-width: 420px){
    
    .index_page_h1 {
        font-size: 1.7rem;
    }
    
    
        
}

@media (max-width: 380px) {
    .index_page_login_button {
        margin-top: -1rem;
        margin-right: 0rem;
        margin-left: 50%;
    }
}

@media (max-width: 280px) {
    .index_page_h1 {
        font-size: 1.3rem;
    }
    .index_page_logo {
        height: 2.5rem;
    }
    .top_button_index_page {
        font-size: 0.9rem;
    }
}


