/*@import url('https://fonts.cdnfonts.com/css/arial');*/
body {
    font-family: 'Arial', sans-serif;
    text-align: left;
    font-size: 16px;
    line-height: 17px;
    word-wrap: break-word;
    color: #505050;
    background: #070920;
    overflow-x: hidden;
    font-weight: 300;
}
img {
    max-width: 100%;
    height: auto;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}

a {
    text-decoration: none !important;
    color: #fff !important;
}

a:focus {
    outline: 0 solid
}

a:hover {
    text-decoration: none
}

p {
    font-family: 'Arial', sans-serif;
    letter-spacing: 1px;
    color: #505050;
    line-height: 24px;
    font-weight: 400;
    left: -1px;
    margin-top: 20px;
}


.logo-area {
    max-width: 100%;
    height: auto;
}

.header-top {
    padding: 4px 0;
    /* background: rgb(174,0,255); */
    /* background: linear-gradient(0deg, rgba(174,0,255,1) 3%, rgba(57,2,106,1) 3%, rgba(107,20,185,1) 77%); */
	background: url('../../images/header_bg.png?v=1');
	background-repeat: round;
}




.header-top-list {
    float: right;
    padding-top: 8px;
}
.header-top-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.header-top-list li {
    display: inline-block;
    padding: 0 5px;

}
.header-top-list li:last-child {
    border: 0;
}
.header-top-list li a {
    font-size: 12px;
    color: #FFF;
    font-weight: 500;
}
.header-top-list li a img {
    max-height: 20px;
	max-width:20px;
    margin-right: 2px;
	margin-top:-5px;
}

.header-top-list1 {
    float: right;
    padding-top: 0px;
    
}
.header-top-list1 ul {
    padding: 0;
    margin-top: -16px;
    list-style: none;
}
.header-top-list1 li {
    display: inline-block;
    padding: 0 5px;

}
.header-top-list1 li:last-child {
    border: 0;
    margin-top: 2ch;
}
.header-top-list1 li a {
    font-size: 12px;
    color: #FFF;
    font-weight: 500;
}
.header-top-list1 li a img {
    max-height: 20px;
	max-width:20px;
    margin-right: 2px;
	margin-top:-5px;
}

.header-down {
    float: right;
    margin-top: 12px;
}
.header-down ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-down li  {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    margin: 0 3px;
}
.header-down li:first-child {
    color: #ffcf00;
}
.header-down li img {
    height: 20px;
    margin-right: 5px;
}
.header-down li a {
    background: rgb(217,217,217);
    background: linear-gradient(180deg, rgba(217,217,217,1) 0%, rgba(182,182,182,1) 50%, rgba(136,136,136,1) 100%);
    padding: 9px 15px;
    border-radius: 5px;
    display: inline-block;
    height: 28px;
	font-size:14px;
}
.header-down li a.depo-btn {
    margin-bottom: 1ch;
    height: 28px;
	width:96px;
	font-size:14px;
    background: rgb(255,0,0);
    background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(167,3,3,1) 50%, rgba(144,1,1,1) 100%);
    color: #fff;
}
.header-down li a.wit-btn {
    margin-bottom: 1ch;
	width:96px;
	font-size:14px;
    height: 28px;
    background: rgb(253,253,133);
    background: linear-gradient(180deg, rgba(253,253,133,1) 0%, rgba(237,212,34,1) 50%, rgba(223,143,2,1) 100%);
    color: #000 !important;
}
.navigation-area {
    /*background: rgb(174,0,255);
    background: linear-gradient(0deg, rgba(174,0,255,1) 2%, rgba(34,21,39,1) 2%, rgba(34,21,39,1) 100%, rgb(174 0 255) 96%);*/
    background: url('../../images/bg-menu.png');
    text-align: center;
    margin-bottom: 6px;
}
.nav-area li{
	transition: transform .2s;
}
.nav-area li:hover{
	transform: scale(1.2);
}
.nav-area li a {
    margin: 8px 20px;
    display: inline-block;
	color: #FFF;
}
.nav-area li a:hover {
    color: yellow !important;
}
.nav-area li a img {
    height: 35px;
    display: inline-block;
    margin-top: 0.5ch;
}
.nav-area li a span {
    display: block;
    text-align: center;
    text-transform: capitalize!important;
    font-size: 14px;
    font-weight: 600;
	font-family: Segoe UI Semibold;
	margin: 0px 4px;
	margin-top:8px;
}
.left-pannel {
    background: #0e070e;
    overflow: hidden;
}
.top-select {
    padding: 8px;
}
.tab-sub ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #00183a;
    border-bottom: 1px solid #00183a;
    text-align: center;
}
.tab-sub li {
    display: inline-block;
    padding: 10px;
    border-right: 1px solid #00183a;
    width: 32%;
}
.tab-sub li a {
    font-size: 16px;
    color: #fff;
}
.tab-sub li:last-child {
    border: none;
    margin-left: -ch;
}
.top-select select {
    width: 150px;
    display: inline-block;
}
.banner-area img {
    border: 2px solid #cf69ff;
    margin-top: -1.6ch;

}
.tab-area ul {
    /* padding: 5px 0; */
}
.tab-area li {
    font-size: 14px;
    font-weight: 700;
    margin: 5px;
    color: #FFF;
    padding: 10px;
}
.tab-area li img {
    width: 30px;
    margin-right: 10px;
}
.tab-area li:nth-child(2) {
    background: url("../tab-01.png") no-repeat center;
    background-size: cover;
}
.tab-area li:last-child {
    background: url("../tab-02.png?v=20231012") no-repeat center;
    background-size: cover;
    margin-right: 0;
}
.tab-area li:first-child {
    background: url("../tab-03.png") no-repeat center;
    background-size: cover;
    margin-left: 0;
}
.banner-area {
    margin-top: 15px;
}
.news-area {
    /*background: rgb(174,0,255);
    background: linear-gradient(0deg, rgba(174,0,255,1) 4%, rgba(106,19,186,1) 6%, rgba(106,19,186,1) 98%, rgba(174,0,255,1) 98%);*/
    background: url('../../images/bg_news.png');
    margin-bottom: 6px;
}
.news {
    padding: 1px ;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    display: flex;
}
.news h4 {
    margin:5px 0;
    display: inline-block;
    width: 360px;
    /*height: 10px;*/
    font-size: 14px;
	white-space: nowrap;
}
.news marquee {
    display: inline-block;
    line-height: 1.5;
    margin-top: 0.3ch;
	white-space: nowrap !important;
}
.sponsor-area {
    margin: 5px 0;
}

.game-sec {
    background: url("../game-bg.png") no-repeat;
    image-rendering: auto;
}

.games-area {
    padding: 12px;
    margin: -12px 0;
}


.single-game img {
    margin-top: 15px;   
    width: 800px;
    border-radius: 10px;
}
.title-area{
	margin: 10px 0;
}
.sports-tri {
    padding: 30px;
	margin-top: -48px;
}
.lihat-btn {
    padding: 5px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #00183a;
    background: rgb(253,253,133);
    background: linear-gradient(180deg, rgba(253,253,133,1) 0%, rgba(237,212,34,1) 50%, rgba(223,143,2,1) 100%);
    display: inline-block;
    border-radius: 5px;
    margin-right: 30px;
    float: inline-end;
}

.game-title-left h3 {
    padding-left: 30px;
	margin-top:6px;
    font-size: 24px;
    color: #ffffff;

}

.idnlive-area {
    /*padding: 30px;*/
    width: 100%;
	margin: 15px 0;
}
.idnlive-area img {
    width: 24.2%;
	margin-left:3px;
    margin-top: -20px;
    border-radius: 5px;

}
.title-area h3 {
    margin-left: 30px;
	margin-top:6px;
    font-size: 24px;
    color: #FFF;
    text-transform: uppercase;
}
.live-casino-area {
    /*padding: 30px;*/
    margin: 20px 0 10px 0;
}
.poker-area {
    /*padding: 30px;*/
    margin: 15px 0;
}
.poker-area img {
    width: 24.3%;
    margin-left: 2px;
    border-radius: 5px;
    margin-top: -20px;

}
.external-link {
    background: #e26316;
    padding: 15px;
}
.external-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.external-link li {
    display: inline-block;
    padding: 0 15px;
    border-right: 2px solid #fff !important;
}
.external-link li:last-child {
    border-right: none !important;
}
.external-link li a {
    font-size: 14px;
    color: #fff !important;
    font-weight: 500;
}
.partner-area {
    padding: 16px 0;
}
.partner-area h3 {
    font-size: 32px;
    text-transform: uppercase;
    color: #ffcf00;
    margin-top: 35px;
}
.partner-area p {
    font-size: 16px;
    color: #FFF;
    margin-top: 25px;
    text-align: justify;
}
.before-login-dp {
    float: right;
    /*margin-bottom: 1ch;*/
}
.before-login-dp ul {
    margin: 0;
    padding: 0;
    list-style: none;
    /*margin-top: 5px;*/
}
.before-login-dp li {
    display: inline-block;
    position: relative;
    padding: 5px;
}
.before-login-dp li a {
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
}
.before-login-dp li label {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    margin-top: 5px;
}
.before-login-dp li img {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
}
.before-login-dp .input {
    padding-left: 30px;
    width: 160px;
	height:30px;
	font-size:14px;
}
.masuk-btn, .daftar-btn {
    font-size: 16px;
    font-weight: 500;
    background: rgb(253,253,133);
    background: linear-gradient(180deg, rgba(253,253,133,1) 2%, rgba(239,216,40,1) 27%, rgba(223,143,2,1) 100%);
    color: #000;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 5px;
}
a.daftar-btn {
    background: rgb(253,253,133);
    background: linear-gradient(180deg, rgba(25,139,186,255) 2%, rgba(17,96,129,255) 27%, rgba(10,58,80,255) 100%);
    color: #ffed3a !important;
}
.mobile {
    display: none;
}

/*Slot Before CSS*/
.slot-banner-before img {
    width: 100%;
}
.slot-banner-before .slots-text h2,.refer-list h2 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #FFF;
}
.slot-banner-before .slots-text p {
    font-size: 16px;
    line-height: 1.5;
    color: #FFF;
    /*padding: 0 100px;*/
}
.common-btn {
    float: left;
    margin: 25px 0;
}
.common-btn a {
    font-size: 19px;
    font-weight: 700;
    color: #001a3e;
    background: rgb(255,175,0);
    background: linear-gradient(0deg, rgba(255,175,0,1) 0%, rgba(255,209,0,1) 50%, rgba(255,175,0,1) 100%);
    color: #00183a !important;
    display: inline-block;
    width: 190px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
}
.single-slot img {
    margin: 12px 0px;
    border-radius: 10px;
}
.slot-footer {
    margin-top: 0px;
    margin-bottom: 50px;
}
.slot-footer .common-btn {
    display: contents;
}
.slot-footer p {
    font-size: 18px;
    color: #FFF;
}
.slot-footer p a {
    color: #f0ca00;
}
.single-slot h5 {
    font-size: 16px;
    color: #FFF;
}
.slots-text {
    margin-bottom: 50px;
}
.refer-row {
    padding: 0 150px;
}
.refer-list ul {
    padding: 0;
    list-style: none;
    text-align: left;
    margin-top: 50px;
    margin-left: 50px;
}
.refer-list li {
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.refer-list li img {
    width: 25px;
    margin-right: 15px;
    margin-top: 0;
}
.after-login-banner {
    margin-top: 5px;
    margin-bottom: 25px;
}
.after-login-banner img {
    width: 100%;
}

.after-login-edit-table table {
    background: #47005e;
}
.edit-table-heading {
    background: #f0ca00;
    padding: 15px 25px;
    font-size: 20px;
    font-weight: 700;
    color: #001026;
}
.after-reload {
    width: 20px;
    margin-left: 15px;
}
.from-btn {
    background: #FFFFFF;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 5px;
    margin-left: 15px;
}
.from-btn span {
    font-size: 16px;
    color: #001026;
}
.from-btn img {
    width: 20px;
    margin-right: 5px;
}
.table-input {
    border: 0;
    border-radius: 5px;
    max-width: 150px;
    height: 35px;
}

.after-login-edit-table td {
    padding: 15px 25px;
    font-size: 18px;
    color: #FFF;
    line-height: 1.4;
}
.after-login-data-list, .refer-login-data-list {
    background: #0a5c9c;
    margin: 25px 0;
}
.after-login-data-list thead {
    background: #f0ca00;
}
.after-login-data-list thead th {
    padding: 15px 25px;
    font-size: 20px;
    color: #001026;
}
.after-login-data-list td , .refer-login-data-list  td{
    color: #FFF;
}
.after-login-edit-table td {
    padding: 10px;
    font-size: 16px;
}
.start-btn img {
    margin-top: 10px;
    display: inline-block;
    border-radius: 5px;
    width: 50%;
    height: auto;
}
.bantuan-area {
    margin-top: 50px;
}
.bantuan-area .heading h2 {
    font-size: 32px;
    color: #FFF;
    text-align: center;
    margin-bottom: 30px;
}
.single-ban {
    margin: 3px -10px;
}
.ban-text {
    background: #0a5c9c;
    padding: 25px;
    margin-top: 50px;
    color: #FFF;
    margin-bottom: 50px;
}
.ban-text p {
    color: #FFF;
}
.deposit-after-area {
    margin: 15px 0;
}
.deposit-tab .nav-link {
    padding: 25px 50px;
    font-size: 20px;
    background: #ffcf00;
    display: inline-block;
    margin: 4px;
    border: 3px solid #f0ca00;
    border-radius: 5px 5px 0 0;
    color: #001026;
}
.deposit-tab .nav-link:first-child {
    margin-left: 0;
}
.deposit-tab .tab-content {
    border: 3px solid #f0ca00;
    border-radius: 0 0 10px 10px;
    margin-top: -23px;
}
.deposit-tab .nav-link.active {
    background: #0a5c9c;
    color: #FFF;
    border-bottom: 3px solid #0a5c9c;
}
.deposit-content-bottom {
    background: #0a5c9c;
    padding: 25px;
    border-radius: 10px;
}
.deposit-content-bottom h3 {
    color: #FFF;
    margin-bottom: 35px;
}
.deposit-content-bottom ul {
    list-style: unset;
    padding-left: 15px;
    padding-right: 15px;
}
.deposit-content-bottom li {
    font-size: 18px;
    color: #FFF;
    margin-bottom: 20px;
    line-height: 1.5;
}
.deposit-top {
    padding-top: 20px;
}
.deposit-top tr {
    border: 0;
}
.deposit-top td {
    font-size: 18px;
    color: #FFF;
    padding: 15px;
    border: 0;
}
.deposit-top td span {
    font-size: 18px;
    color: #FFF;
    border: 0;
    margin-top: 15px;
    margin-bottom: 35px;
    display: inline-block;
}
    .deposit-top td ul li {
        display: inline-block;
        background: #0a5c9c;
        padding: 5px 10px;
        border-radius: 5px;
    }

.deposit-top td ul li span img {
    width: 15px;
}
.deposit-top td input {
    max-width: 200px;
}
.deposit-top td select {
    max-width: 200px;
    border: 0;
    display: inline-block;
}
.deposit-top td .bca-btn {
    background: #FFF;
    border-radius: 5px;
    padding: 8px 15px;
    display: inline-block;
    margin-left: 15px;
}
.deposit-top td .bca-btn img {
    height: 20px;
    margin-right: 10px;
}
.deposit-top td textarea {
    border: 0;
    border-radius: 15px;
}
.salin-btn {
    display: inline-block;
    background: #47005e;
    padding: 8px 15px;
    border-radius: 5px;
    color: #FFF;
    margin-left: 10px;
}
.kirim-btn {
    text-transform: uppercase;
    display: inline-block;
    background: #ffcf00;
    padding: 10px 15px;
    border-radius: 5px;
    color: #001026;
    margin-top: 15px;
}

/* Register css */
.register-area {
    background: #0a5c9c;
}
.register-top {
    background: #333;
    padding: 5px 25px;
    text-align: center;
}
.register-top p {
    font-size: 16px;
    color: #fff;
}
.register-top h6 {
    font-size: 18px;
    color: #f5b205;
}
.register-title {
    background: #f5b205;
    padding: 10px;
    text-align: center;
}
.register-title h3 {
    font-size: 22px;
    margin: 0;
    color: #000;
}
.account-form {
    padding: 0 100px;
    margin-top: 25px;
}
.account-form td {
    border: 0;
    font-size: 18px;
    color: #FFF;
    padding: 10px;
}
.account-form td:first-child {
    width: 250px;
}
.account-form td:nth-child(2) {
    color: #fac102;
    width: 25px;
}
.btn-avail {
    background: #FFF;
    width: 100%;
    display: block;
	color:#333 !important;
}

/* Password Reset CSS */
.reset-top {
    background: 003887;
    padding: 20px;
    text-align: center;
}
.reset-top h2 {
    font-size: 18px;
    color: #fac102;
    margin-top: 10px;
}
.reset-top  h2 span {
    color: #FFF;
}
.reset-top h5 {
    background:  #fac102;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px;
}
.reset-form {
    padding: 25px 100px;
    background: #dadada;
}
.reset-form h4 {
    font-size: 22px;
    color: #003074;
}
    .reset-form td {
        border: 0;
        font-size: 18px;
        color: #0a5c9c;
        padding: 10px;
    }
.reset-form td:first-child {
    width: 225px;
}
.reset-form td span {
    font-size: 13px;
    line-height: 1.3;
}
.kirim-2nd-btn {
    background: #0a5c9c;
    font-size: 16px;
    color: #FFF;
    padding: 14px 17px;
    border: 1px solid #fac102;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block;
    text-transform: uppercase;
}
.reset-form td span img {
    width: 35px;
    margin-right: 15px;
    margin-left: 10px;
}
.form-check label {
    color: #FFFF;
    margin-top: 3px;
}
.form-check label a{
    color: #f5b205;
}
.form-bottom {
    margin-top: 20px;
    margin-bottom: 35px;
    float: right;
}
.form-bottom .form-control {
    width: 150px;
    display: inline-block;
    text-align: center;
}
.form-bottom img {
    width: 35px;
    margin: 10px;
}
.form-bottom a.btn-save {
    display: inline-block;
    font-size: 18px;
    color: #000435;
    background: #f5b205;
    padding: 5px 25px;
    margin-top: 15px;
}
.user-field  {
    position: relative;
    margin-bottom: 15px;
}

.popup-login-dp input.form-control {
    background-color: #3e3e3e;
    padding-left: 40px;
    color: #FFF;
    height: 45px;
}
.password-field  {
    position: relative;
}
.popup-login-dp img {
    position: absolute;
    left: 10px;
    top: 12.5px;
    width: 20px;
}
.popup-login-dp .form-check  {
    margin-top: 20px;
    margin-bottom: 10px;
}
.popup-login-dp .form-check label {
    color: #333;
    font-size: 16px;
    margin-top: 0;
}
.pop-button-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pop-button-area a {
    min-width: 48%;
    display: inline-block;
    padding: 15px;
    color: #FFF;
    background: #0072fd;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
}
.pop-button-area a:nth-child(2) {
    background: #f20000;
}
.pop-button-area a:last-child {
    background: #fec600;
    color: #333;
}
.sports-book {
    padding: 15px 0;
}
.sports-book a {
    background: #f0ca00;
    font-size: 14px;
    text-transform: uppercase;
    color: #001a3e;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.sports-book li {
    padding: 10px;
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    background: #0044b4;
}
.sports-book li:last-child {
    background: #d11913;
}
.sports-book li img {
    height: 20px;
    margin-right: 10px;
}
.sponsor-area {
    padding: 0 6px;
    margin-top: 0;
}
.sponsor-area .col-4 {
    padding: 5px;
}
.table-title {
    background: #fec600;
    margin: 0;
    padding: 10px;
    font-size: 22px;
    color: #000;
}
.refer-after-area {
    background: #0a5c9c;
    color: #FFF;
    font-size: 18px;
    line-height: 1.5;
}
.refer-after-area ol {
    margin-left: 50px;
    padding: 20px;
}
.refer-after-area li {
    padding: 10px;
}
.refer-after-area button {
    border: 0;
    padding: 5px 15px;
    margin: 0 5px;
}
.refer-after-area input {
    padding: 5px;
    border: 0;
    margin: 0 5px;
    margin-top: 10px;
}
.refer-after-area button.btn-daftar {
    background: red;
    color: #FFF;
    border-radius: 3px;
}
/*== Mail CSS ==*/
.mail-area {
    background: #043386;
}
.mail-head {
    background: #005fc8;
    padding: 15px;
    margin-bottom: 15px;
}
.mail-head img {
    width: 30px;
    margin-right: 10px;
}
.mail-head h3 {
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 0;
}
ul.mail-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mail-main-box {
    padding: 15px 35px;
    display: block;
}
.mail-buttons li {
    display: inline-block;
    margin-right: 10px;
}
.mail-buttons li a {
    display: inline-block;
    font-size: 20px;
    color: #000;
    padding: 12px;
    background: url("../../assests/images/yellow-btn-bg.png") no-repeat;
    background-size: cover;
    border-radius: 10px;
    width: 150px;
    text-align: center;
}
.mail-table {
    margin-top: 35px;
    overflow: auto;
    height: 300px;
}
.mail-table thead {
    background: #ffcf00;
}
.mail-table tbody {
    background: #FFF;
}
.mail-table th {
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
}
.mail-table td {
    font-size: 18px;
    padding: 15px;
}
.mail-box {
    background: #FFF;
    margin-top: 35px;
}
.mail-box-head {
    background: #ffcf00;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.mail-box-head  span {
    color: #000;
    font-size: 20px;
}
.mail-content {
    padding: 15px;
    height: 400px;
    overflow: auto;
}
.mail-content p {
    font-size: 18px;
    color: #000;
}

/*== History CSS ==*/
.history-area {
    background: #dadada;
	height: 1080px;
}
.history-head h3 {
    font-size: 24px;
    color: #000;
    border-bottom: 1px solid #999;
    padding: 15px;
}
.history-main-box {
    padding: 10px 30px;
}
.history-buttons {
    display: flex;
    justify-content: space-between;
}
.history-buttons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.history-buttons ul li {
    display: inline-block;
}
.history-buttons ul li a {
    display: inline-block;
    padding: 10px 40px;
    border: 1px solid #333;
    background: #fff;
    color: #000;
    font-size: 18px;
    border-radius: 50px;
}
.date-area {
    display: flex;
}
.date-area a {
    display: inline-block;
    background: #ffcf00;
    color: #000;
    font-size: 18px;
    border: 1px solid #333;
    padding: 10px 30px;
    border-radius: 5px;
    margin-left: 5px;
}
.history-table  {
    background: #FFF;
    border-radius: 10px;
    margin: 35px 0;
    max-height: 500px;
    overflow: auto;
}
.history-table thead {
    background: #a1a1a1;
    color: #FFF;
}
.history-table th,.history-table td {
    font-size: 20px;
    padding: 15px;
    text-align: center;
}
.history-table .approve-td {
    color: #1800ff;
}
.history-table .reject-td {
    color: #d11913;
}
/*== QR Tab Content ==*/
.qr-tab-content-top.deposit-top td input.form-control {
    max-width: 70%;
    margin-bottom: 5px;
}
.qr-tab-content-top.deposit-top td ul li a {
}
.qr-tab-content-top.deposit-top td ul li a {
    display: inline-block;
    color: #ffcf00;
    padding: 15px;
    font-weight: 600;
}
/* .qr-tab-content-top.deposit-top td ul li:first-child { */
    /* background: #ffcf00; */
/* } */
/* .qr-tab-content-top.deposit-top td ul li:first-child a { */
    /* padding: 5px; */
/* } */
/* .qr-tab-content-top.deposit-top td ul li:first-child a img { */
    /* width: 35px; */
/* } */
.qr-tab-bottom {
    background: #001c85;
    padding: 30px;
    padding-bottom: 100px;
}
.qr-tab-bottom span {
    font-size: 20px;
    color: #FFF;
    margin-bottom: 20px;
    display: inline-block;
    line-height: 1.5;
}
.qr-tab-bottom img {
    border-radius: 10px;
}
.qr-tab-bottom-dv {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
}
.qr-tab-bottom-dv span {
    margin-bottom: 0;
}
.qr-tab-bottom-dv .text-left {
    padding-top: 25px;
}
.qr-tab-bottom-dv .text-right-tab {
    width: 60%;
}
.qr-tab-bottom-dv .text-right {
    text-align: center;
    background: #FFF;
    border-radius: 10px;
    padding: 25px;
}
.qr-tab-bottom-dv .text-right span {
    color: #04368a;
}