/*    Reset Default Bootstrap Styling    */

/*@import url(https://fonts.googleapis.com/css?family=Lato);*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');
body {
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.table.dataTable {
    border-collapse: collapse !important;
}

/*    Reset Default light_adminux Styling    */

.wrapper-content-sign-in {
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px 40px 10px;
    min-height: 100%;
    height: auto;
    z-index: 1;
    position: relative;
}

.form-signin1 {
    width: 100%;
    max-width: 460px;
    padding: 40px;
    margin: 40px auto 0 auto;
    color: #000000;
}

.responsive-img img {
    max-width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
/*    Loader    */

.load7 .loader {
    color: mediumblue !important;
}

/*   Header Logo   */
.navbar-brand.imglogo {
    width: 166px;
}

@media screen and (max-width: 767px) {
    .navbar-brand.imglogo {
        width: 85px;
    }
}

/*    Login    */

.txt-black {
    color: black;
}

/*    Tables    */

.tr-bg {
    background-color: #f3f3f3;
}

.tr-bg.outline {
    border: 1px solid gray !important;
    border-top: 2px solid gray !important;
}

.txt-red {
    color: #ff0000;
}

.txt-blue {
    color: #0012ff;
}

/*    System Users    */
.required {
    color: #001737;
    font-size: 12px;
    font-weight: 300;
}

/*    Manage Product    */
.mce-tinymce {
    width: 100% !important;
}

/*    Error Message    */

#errorMsgCon, #GerrorMsgCon {
    width: 100%;
    display: none;
    text-align: center;
    margin-top: 15px;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #853333;
    background-color: #ffe0e0;
    border-color: #ffd3d3;
    z-index: 20;
}

#GerrorMsgCon {
    background: #60b745 !important;
    border-bottom: 1px solid #00a65a;
    color: #fff;
}

/*------------kh button styling------------*/
.btn-outline-primary.btn, .btn-outline-success.btn, .btn-make-payment.btn {
    border-radius:0.25rem !important;
}
.btn-outline-danger{
    border-radius:0.25rem !important;
}
.btn-info{
    border-radius:0.25rem !important;
}
.btn-outline-primary.btn, .btn-outline-success.btn, .btn-outline-danger, .btn-info, .btn-make-payment.btn {
    padding: 5px;
}




/*backup*/
/*.btn-outline-primary.btn, .btn-outline-success.btn{border-radius:5px; color:#1cb599;border-color: #1cb599;cursor: pointer;}
.btn-outline-primary.btn:hover, .btn-outline-success.btn:hover, .btn-outline-primary.btn:focus, .btn-outline-success.btn:focus{background-color:#1cb599; border-color:transparent;color:#ffffff;outline:none;box-shadow: none;}
.btn-outline-danger{border-color:#566a78;color:#566a78;background:transparent;cursor:pointer}
.btn-outline-danger.btn:hover, .btn-outline-danger.btn:focus{background-color:#566a78;color:#fff;border-color:transparent;}

.btn-info{border-radius:5px; color:#1cb599;border:1px solid #1cb599;cursor: pointer;background-color:#fff;}
.btn-info:hover, .btn-info:focus{background-color:#1cb599;color:#fff;border-color:transparent;}

-----------pagination
.page-item.active .page-link{background-color:#1cb599;}

-----------radio button
.custom-control-indicator{background-color:transparent;border:1px solid #1cb599;}
.custom-control-input:checked ~ .custom-control-indicator{background-color:#1cb599;border:none;}*/



.card-body {
    overflow: auto;
}
.table {
    margin-top: 0;
    margin-bottom: 0;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}

.table th, .table td, .table thead th, .table tbody td {
    border-left: solid 1px #E2E5ED;
    border-bottom: solid 1px #E2E5ED;
}
.table th:last-child, .table td:last-child, .table thead th:last-child, .table tbody td:last-child {
    border-right: solid 1px #E2E5ED;
}
.table th {
    color: black;
    font-weight: 700;
    padding: 10px;
    font-size: 12px;
}
.table td {
    color: black;
    padding: 5px 10px;
    font-size: 12px;
}
td a.mr-2 {
    margin-right: 5px !important;
}
.page-setting-mg td {
    padding-top: 5px;
    padding-bottom: 5px;
}
.page-setting-mg th {
    padding-bottom: 15px;
}

table thead tr th {
    background: #D9D9D9;
    /*min-width: 200px;*/
    /*min-width: 125px;*/
}

table tbody tr:nth-child(even) {
    background: #F0F0F0;
}

table tfoot tr th {
    background: #bfd9fa;
    /*min-width: 200px;*/
    /*min-width: 125px;*/
}

/*table tfoot tr th:lang(cn) , table thead tr th:lang(cn) { 
    min-width: 125px;
}*/

table thead tr th:first-child, table tfoot tr th:first-child {
    min-width: auto;
}

table thead th, table tbody td {
    vertical-align: middle !important;
}

.btn-outline-success {
    cursor: pointer;
    color: white;
    border-color: transparent;
    background-color: #10B759;
}

.btn-outline-success:hover {
    color: white !important;
    border-color: transparent;
    background-color: #07985D;
}

.btn-outline-success:focus {
    color: white !important;
    border-color: #1FD98D;
    background-color: #07985D;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background: #FFFFFF;
    border: 1px solid #E2E5ED;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #0168FA;
    font-weight: bold;
}

.sidebar-left a.menudropdown.nav-link {
    display: flex;
    align-items: center;
}

a.menudropdown.nav-link img {
    margin-right: 15px;
    width: 17px;
    height: 17px;
    filter: brightness(0) invert(1);
}

.ml-240 {
    margin-left: 240px;
}

body.menuclose header .navbar {
    margin-left: 0 !important;
}

.container {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}

input {
    border: 1px solid #C0CCDA;
}

input::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.form-control:focus , input:focus{
    border-color: #63A3FE;
    outline: none;
}

a {
    color: #0168FA;
}

.fts-10 {
    font-size: 10px;
}

.fts-14 {
    font-size: 14px;
}

.fts-16 {
    font-size: 16px;
}

.cs-p-20 {
    padding: 20px;
}

.cs-pb-4 {
    padding-bottom: 4px;
}

.cs-pb-10 {
    padding-bottom: 10px;
}

.cs-mt-20 {
    margin-top: 20px;
}

.cs-mb-10 {
    margin-bottom: 10px;
}

.col-form-label {
    font-size: 12px;
    color: #1B2E4B;
}

.side_menu_logo_break {
    display: none;
}

.close {
    color: #C0CCDA;
    opacity: 1;
    margin-top: 4px;
}

.bg_status_box {
    padding: 5px 15px;
    border-radius: 80px;
}
.bg_pending {
    background: #FFC107;
    color: #1C273C;
}

.bg_active {
    background: #10B759;
    color: #fff;
}

.bg_suspended {
    background: #F30E0E;
    color: #fff;
}

.bg_paid {
    background: #0168FA;
    color: #fff;
}

.bg_unpaid {
    background: #F30E0E;
    color: #fff;
}

.bg_partial {
    background: #00B8D4;
    color: #fff;
}

button {
    cursor: pointer;
}

body > .sidebar-left .nav li .nav .nav-link {
    padding-left: 59px !important;
}

.page-item.active .page-link {
    cursor: not-allowed;
}

.page-item.active .page-link , .page-link:focus, .page-link:hover {
    color: white;
    background-color: #0168FA;
    border-color: transparent;
}

div.dataTables_wrapper div.dataTables_info , div.dataTables_wrapper div.dataTables_length label {
    font-size: 12px;
}

.color_tb_green {
    color: #07985D;
}

.color_tb_red {
    color: #F30E0E;
}

.color_tb_blue {
    color: #0052C7;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #292B37;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    /*bottom: 120%;*/
    bottom: 95%;
    z-index: 9999;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext.tooltiptext_make_payment {
    width: 120px;
    /*margin-left: -60px;*/
}

.tooltip .tooltiptext.tooltiptext_make_payment:lang(cn) {
    width: 60px;
    /*margin-left: -30px;*/
}

.tooltip .tooltiptext.tooltiptext_view {
    width: 60px;
    /*margin-left: -30px;*/
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.btn-make-payment {
    color: #10B759 !important;
    border-color: #10B759;
    background: transparent;
}

.btn-make-payment img {
    margin: 0 3px;
}

.btn-make-payment:hover, .btn-make-payment:focus {
    color: #fff !important;
    border-color: #0A9748;
    background: #0A9748;
}

.btn-make-payment:hover img, .btn-make-payment:focus img {
    filter: brightness(0) invert(1);
}

.header-total.row-total, .footer-total.row-total {
    background: #FFF;
}
.footer-total.row-total {
    border-top: 2px solid #2C2E34;
}
.footer-total.row-total > td {
    border-bottom: 1px solid #2C2E34;
}
.c-blue {
    background: #85BAFF;
}
.c-blue-light1 {
    background: #ABCFFF;
}
.c-blue-light2 {
    background: #6AA6F5;
}
.c-blue-dark1 {
    background: #1B79F5;
    color: #fff !important;
}
.c-blue-dark2 {
    background: #005FDC;
    color: #fff !important;
}

.c-lightblue {
    background: #BFD9FB;
}
.c-lightblue-light1 {
    background: #DEECFF;
}
.c-lightblue-light2 {
    background: #78AEF4;
}
.c-lightblue-dark1 {
    background: #0F4182;
    color: #fff !important;
}
.c-lightblue-dark2 {
    background: #00285D;
    color: #fff !important;
}

.c-orange {
    background: #E4B62F;
}
.c-orange-light1 {
    background: #FFD761;
}
.c-orange-light2 {
    background: #ECB617;
}
.c-orange-dark1 {
    background: #C19000;
    color: #fff !important;
}
.c-orange-dark2 {
    background: #7D5D00;
    color: #fff !important;
}

.c-green {
    background: #A7D588;
}
.c-green-light1 {
    background: #D0EBBD;
}
.c-green-light2 {
    background: #99D770;
}
.c-green-dark1 {
    background: #3F8212;
    color: #fff !important;
}
.c-green-dark2 {
    background: #1E4A00;
    color: #fff !important;
}

.c-grey {
    background: #B8C1B3;
}
.c-grey-light1 {
    background: #DBDBDB;
}
.c-grey-light2 {
    background: #A8B1A3;
}
.c-grey-dark1 {
    background: #4B5445;
    color: #fff !important;
}
.c-grey-dark2 {
    background: #2E3727;
    color: #fff !important;
}

.c-red {
    background: #D58888;
}
.c-red-light1 {
    background: #E4BDBD;
}
.c-red-light2 {
    background: #BE7171;
}
.c-red-dark1 {
    background: #752828;
    color: #fff !important;
}
.c-red-dark2 {
    background: #4B0000;
    color: #fff !important;
}

.c-purple {
    background: #CF8CE6;
}
.c-purple-light1 {
    background: #E3B8F2;
}
.c-purple-light2 {
    background: #C263E2;
}
.c-purple-dark1 {
    background: #6C2285;
    color: #fff !important;
}
.c-purple-dark2 {
    background: #4F0967;
    color: #fff !important;
}

.c-teal {
    background: #8CE6E0;
}
.c-teal-light1 {
    background: #C7F6F3;
}
.c-teal-light2 {
    background: #56DED5;
}
.c-teal-dark1 {
    background: #0DAA9F;
    color: #fff !important;
}
.c-teal-dark2 {
    background: #005B55;
    color: #fff !important;
}

.c-yellow {
    background : #E8F377;
}
.c-yellow-light1 {
    background : #F7FFA5;
}
.c-yellow-light2 {
    background : #E3F15C;
}
.c-yellow-dark1 {
    background : #A2B200;
    color: #fff !important;
}
.c-yellow-dark2 {
    background : #6B7500;
    color: #fff !important;
}
/* Designing for scroll-bar */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: gainsboro;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #052FAC;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #052FAC;
}

/*handle for table scrollbar to top*/
.doubleScroll-scroll-wrapper {
    width: 100% !important;
}

/*handle for sticky table*/
thead {
    position: sticky;
    top: -2px;
    z-index: 9999;
}
.table thead th, .table thead tr, .table thead td {
    border-top: 0;
    border-bottom: 0;
}
thead .header-total.row-total, .table thead td {
    box-shadow: inset 0 1px 0 #000000, inset 0 -1.5px 0 #000000;
}
#double-scroll, .double-scroll {
    max-height: 600px;
    overflow-y: auto !important;
}
.btn.btn-outline-primary.tooltip, .btn.btn-make-payment.tooltip {
    position: unset;
}
table tbody td.action {
    position: relative;
}

.tab-div {
    border-bottom: 1px solid #E2E5ED;
    position: relative;
    height: auto;
    padding-left: 1rem;
    margin-top: 0.5rem;
    display: flex;
    margin-bottom: 13px;
}
.tab-div .tab {
    background: #FFFFFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #1B2E4B;
    display: inline;
    font-size: 14px;
    padding: 0.5rem 1rem;
}
.tab-div .tab.selected {
    color: #0168FA;
    font-weight: bold;
    border: 1px solid #E2E5ED;
    border-bottom: 0;
    margin-bottom: -1px;
}

.bg-CF0541 {
    background: #CF0541;
}
.bg-182276 {
    background: #182276;
}
.bg-EB648B{
    background-color: #EB648B;
}
.bg-11BEAD{
    background-color: #11BEAD;
}
.bg-EB7E30{
    background-color: #EB7E30;
}
.bg-A93790{
    background-color: #A93790;
}
.bg-1E3388{
    background-color: #1E3388;
}
.bg-27539B{
    background-color: #27539B;
}
.bg-3073AE{
    background-color: #3073AE;
}
.bg-42B3D5{
    background-color: #42B3D5;
}

.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    min-height: 123px;
}
.small-box>.inner {
    padding: 10px;
    color: #fff;
}
.small-box>.inner>a:hover {
    text-decoration: none;
}
.small-box>.inner>a>.product-box {
    color:#FFF;
}
.small-box>.inner>a>.product-box>.info-box-text {
    font-size: 15px;
    display: block;
}
.small-box>.inner>a>.product-box>.info-box-number {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
    display: block;
}
.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}
.small-box h3, .small-box p {
    z-index: 5;
    color: #FFF;
}
.small-box p {
    font-size: 15px;
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,0.15);
}
.dashboard-icon {
    width: 75px;
    transition: 1s;
}
.dashboard-icon:hover {
    width: 80px;
}
.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
}

figure.background img {
    content: url('../images/RUB-BO_desktop.jpg');
}

.mobile_only {
    display: none;
}
@media (max-width: 1399.99px) {
    /*    .sidebar-right, .sidebar-left {
            width: 80px;
        }
        header .navbar {
            margin-left: 80px !important;
        }
        .wrapper-content {
            margin: 0 80px;
        }
        .side_menu_logo_break {
            display: block;
        }
        .sidebar-left a.nav-link span {
            display: none;
        }
        body > .sidebar-left .nav-link, body > .container > .sidebar-left .nav-link {
            padding-right: 0;
        }
        a.menudropdown.nav-link img {
            margin-right: 0;
        }
        .sidebar-left a.nav-link span {
            margin-right: 10px;
        }
        body > .sidebar-left .nav li .nav {
            position: fixed;
            left: 80px;
            background: #052FAC;
            margin-top: -40px;
        }
        body.menuclose > .sidebar-left .nav li .nav {
            display: none !important;
        }
        body > .sidebar-left .nav li .nav .nav-link {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }*/
    .mobile_only {
        display: block;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1250px !important;
    }
}

@media (min-width: 1020px) {
    .container {
        max-width: 1250px !important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 1250px !important;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 1250px !important;
    }
}

@media (max-width: 767.98px) {
    figure.background img {
        content: url('../images/RUB-BO_mobile.jpg');
    }
}


   @media(min-width:1440px){
            .wrapper-content {
                padding: 60px 13px 40px 80px;
            }
        }