/* -------- DEFAULT ---------------------------------------------------------------- */
.block-line-blue{border: 1px solid #2C75DD; border-radius: 20px; padding: 30px 15px; margin-bottom: 30px;}
.title-block{color: #2C75DD; font-size: 24px; margin-bottom: 15px; font-weight: bold;}
.w-100{width: 100%; display: block;}


.form-default{}
.form-default .form-group{margin-bottom: 15px;}
.form-default .lable-g-f{font-size: 14px; color: #2C75DD; font-weight: bold;}
.form-default .form-control{border: 1px solid #2C75DD; border-radius: 10px; height: 54px; color: #000; background: #BED5F5; font-size: 16px;}
.form-default .form-control:focus{outline: none; box-shadow: none; border: 1px solid #2C75DD!important;}

.form-default .form-control::-webkit-input-placeholder { color: #000000; }
.form-default .form-control::-moz-placeholder { color: #000000; }
.form-default .form-control:-ms-input-placeholder { color: #000000; }
.form-default .form-control:-moz-placeholder { color: #000000; }

.btn-bule-main{height: 54px; background: #2C75DD; color: #fff; font-weight: bold; text-align: center; border: 1px solid #707070; outline: none; box-shadow: none; border-radius: 10px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bule-main:hover, .btn-bule-main:focus{background: #1255b4; color: #fff;}

.btn-default{height: 54px; font-weight: bold; text-align: center; border: 1px solid #707070; outline: none; box-shadow: none; border-radius: 10px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* -------- PAGE  WITHDRAW ---------------------------------------------------------------- */
/* BLOCK-WITHDRAW */
.block-withdraw{}

.wallet-main{background: #2C75DD; border: 1px solid #707070; min-height: 190px; border-radius: 30px; position: relative; color: #fff; font-weight: bold; font-size: 24px; margin-bottom: 30px;}
.wallet-main .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 50px; height: 115px;}
.wallet-main .icon img{height: 115px; vertical-align: top;}
.wallet-main .content-wallet{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50px;}
@media(max-width: 767px){
    .wallet-main{min-height: 150px;}
    .wallet-main .icon{right: 20px;}
    .wallet-main .content-wallet{left: 20px;}
    .wallet-main .icon, .wallet-main .icon img{height: 60px;}
}

/* TABLE-BORDER-RADIUS */
.table-border-radius thead th{background: #2C75DD; color: #fff; border: 0!important;     padding: 15px 15px!important;}
.table-border-radius thead th:first-child{padding-left: 20px;}
.table-border-radius thead tr th:first-child{border-top-left-radius: 8px;}
.table-border-radius thead tr th:last-child{border-top-right-radius: 8px;}
.table-border-radius td{color: #000; border-bottom: 1px solid #2C75DD; background: transparent;}
.table-border-radius tbody tr td:first-child{    padding-left: 20px;}
.table-border-radius tbody tr:first-child td{border-top: 0px!important;}
.table-border-radius tbody tr:last-child td:first-child{    border-bottom-left-radius: 8px;}
.table-border-radius tbody tr:last-child td:last-child{    border-bottom-right-radius: 8px;}
.table-border-radius tbody tr td{padding: 15px 15px!important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.table-border-radius tbody tr:last-child td{border-bottom: 0;}
.table-border-radius tbody tr:hover td{    background: #dae9ff;}

.navigation-custom-2 .pagination{margin: 0!important;}
.navigation-custom-2 .pagination .page-link { margin-left: 3px; width: 32px; height: 32px; text-align: center; font-size: 14px; background: transparent; margin-right: 3px; padding: 0; border-radius: 8px!important; overflow: hidden; border: 1px solid #00a1f0!important; color: #00a1f0; line-height: 32px;}
.navigation-custom-2 .pagination .page-link:hover, .navigation-custom-2 .pagination .page-link.active, .navigation-custom-2 .pagination .page-item.active .page-link, .navigation-custom-2 .pagination .page-item:hover .page-link{background: #00a1f0; width: 32px; height: 32px; color: #fff;}
.navigation-custom-2 nav{float: none!important;}

.table-box-line{border: 1px solid #2C75DD; margin-bottom: 30px; border-radius: 10px;}
.table-box-line table{margin-bottom: 0;}

/* BLOCK-CONTENT-LINE-ITEM */
.block-content-line-item{position: relative; margin-bottom: 15px;}
.block-content-line-item label{color: #2C75DD; font-weight: bold; font-size: 16px;}
.card-referral-link{position: relative;}
.card-referral-link .form-control{padding-right: 70px;}
.card-referral-link .text-right{height: 30px; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; height: 40px; width: 40px; text-align: center; background: transparent; border-radius: 10px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.card-referral-link .text-right span{display: inline-block; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: auto;}
.card-referral-link .text-right:hover{background: #2c75dd; }
.card-referral-link .text-right img{height: 30px;}

/* BLOCK-CODE-DEPOSIT */
.block-code-deposit{margin-bottom: 15px;}
.block-code-deposit .code-img{max-width: 270px; margin: auto auto 15px;}
.block-code-deposit .code-img img{width: 100%;}
.block-code-deposit .text-note{color: #2C75DD; text-align: left;}

/* PAGE_LOGIN */
.page_login{min-height: 100vh;}
.border_form_login{margin-bottom: 50px;}

.img_header_page-login{margin-bottom: 50px;}
.block-form-login{}

/* BLOCK-FORM-LOGIN */
.block-form-login{border: 1px solid #2C75DD;border-radius: 20px;padding: 0;max-width: 500px;margin: auto auto 50px;overflow: hidden;}
.block-form-login .title-login{background: #2c75dd; padding: 15px 15px 22px;}
.block-form-login .title-login h1{margin: 0; color: #ffff; font-size: 24px; font-weight: bold;}
.block-form-login .content-form{padding: 35px;}
.block-form-login a{color: #2C75DD;}
.link-forgot{line-height: 54px;}

/* ----------- PAGE 2FA -------------------------------------- */
/* BLOCK-QR-2FA */
.block-qr-2fa{position: relative; padding-left: 175px; min-height: 142px; margin-bottom: 20px;}
.block-qr-2fa .qr-img{position: absolute; left: 0px;}
.block-qr-2fa .qr-img img{    height: 142px;}
.block-qr-2fa .qr-content .label-main{padding-top: 20px;}
.block-qr-2fa .control-icon-custom{position: relative;}
.block-qr-2fa .control-icon-custom .form-control{height: 40px; border: 1px solid #E2B339; border-radius: 6px; font-weight: bold; background: transparent; text-align: left;}
.block-qr-2fa .control-icon-custom .form-control:focus{color: #fff!important;}
.block-qr-2fa .control-icon-custom .btn{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 50px; height: 40px; border: 0; background: transparent; border-radius: 6px;}
.block-qr-2fa .control-icon-custom .btn img{    max-height: 18px;}
@media(max-width: 767px){
    .content-form-sm.form-disable-fa{margin-bottom: 50px;}
    .content-form-sm.form-disable-fa .desc{margin-bottom: 10px;}
    .block-content-tabs .title-main{min-height: initial!important;}
}
@media(max-width: 600px){
    .block-qr-2fa{    padding-left: 0;}
    .block-qr-2fa .qr-img{position: static; text-align: center;}
}


.table-responsive{border-radius: 10px; border: 0;}
.avatar-pic{height: 190px; margin-bottom: 20px;     overflow: hidden;}
.avatar-pic img{display: block; margin: auto; width: 270px; height: 175px;}

.title-edit{}
.title-edit .link-right{display: inline-block; float: right;     vertical-align: top;}