/* Extracted from the old admin views/admin/includes/header.php (inline styles). */

         /* Compact shared admin layout: tables retain horizontal access on a
            phone instead of wasting vertical space or clipping columns. */
         #content .container{max-width:100%;padding-left:16px;padding-right:16px}

         /* ── Global readable font sizes for admins ── */
         body, #content { font-size: 14px; }
         #content .table, #content .ant-table-fixed { font-size: 14px; margin-bottom: 10px; }
         #content .table th, #content .table td,
         #content .ant-table th, #content .ant-table td { padding: 8px 10px !important; line-height: 1.4; vertical-align: middle; }
         #content label, #content .form-control, #content select, #content input { font-size: 14px; }
         #content .btn, #content button { font-size: 14px; }
         #content p, #content span, #content a, #content li { font-size: 14px; }
         #content h1 { font-size: 22px; } #content h2 { font-size: 20px; }
         #content h3 { font-size: 18px; } #content h4 { font-size: 16px; }

         #content .card, #content .ant-card { margin-bottom: 12px; }
         #content .card .card-header, #content .ant-card-head { min-height: auto !important; padding: 10px 12px; }
         #content .ant-table-body, #content .ant-table-scroll, .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

         /* ── Mobile: keep readable, don't shrink too small ── */
         @media(max-width: 768px) {
           body, #content { font-size: 13px; }
           #content .table, #content .ant-table-fixed { font-size: 13px; }
           #content .table th, #content .table td,
           #content .ant-table th, #content .ant-table td { padding: 6px 7px !important; line-height: 1.3; }
           #content label, #content .form-control, #content select, #content input,
           #content p, #content span, #content a, #content li, #content .btn, #content button { font-size: 13px; }
           #content .container { padding-left: 7px; padding-right: 7px; }
           #content .card, #content .ant-card { margin-bottom: 8px; }
           #content h1 { font-size: 19px; } #content h2 { font-size: 17px; }
           #content h3 { font-size: 16px; } #content h4 { font-size: 15px; }

           /* Modal below header on mobile */
           .modal-dialog { margin: 115px auto 10px !important; width: 92% !important; max-width: 92% !important; }
         }
       

/* MODERN_GLOBAL - one look for every admin page, desktop and phone: rounded gold title bar, pill Back button, rounded cards. */
html body #content .container > .card > .card-header,
html body #content .container > .card > .ant-card-head,
html body #content .container > .ant-card > .ant-card-head {
    background: linear-gradient(135deg, #7a5700, #b88a12) !important;
    border: 0 !important; border-radius: 16px 16px 0 0 !important;
    padding: 12px 18px !important; min-height: 0 !important;
    box-shadow: 0 3px 10px rgba(80,55,0,.18);
}
html body #content .container > .card > .card-header h1, html body #content .container > .card > .card-header h2, html body #content .container > .card > .card-header h3,
html body #content .container > .card > .card-header h4, html body #content .container > .card > .card-header h5,
html body #content .container > .card > .ant-card-head h1, html body #content .container > .card > .ant-card-head h4,
html body #content .container > .ant-card > .ant-card-head h1, html body #content .container > .ant-card > .ant-card-head h4,
html body #content .container > .card > .ant-card-head .ant-card-head-title {
    color: #fff !important; font-size: 18px !important; font-weight: 600 !important; letter-spacing: .2px; margin: 0 !important; line-height: 1.3;
}
html body #content .container > .card > .card-header .go-back-btn, html body #content .container > .card > .card-header #go-back,
html body #content .container > .card > .card-header .btn-primary, html body #content .container > .card > .card-header .ant-btn,
html body #content .container > .card > .ant-card-head .go-back-btn, html body #content .container > .card > .ant-card-head #go-back, html body #content .container > .card > .ant-card-head .ant-btn,
html body #content .container > .ant-card > .ant-card-head .go-back-btn, html body #content .container > .ant-card > .ant-card-head #go-back, html body #content .container > .ant-card > .ant-card-head .ant-btn {
    background: linear-gradient(135deg, #1890ff, #0b74c5) !important; border: 1px solid #0b74c5 !important; color: #fff !important;
    border-radius: 999px !important; padding: 3px 14px !important; font-size: 13px !important; line-height: 1.5 !important; height: auto !important; min-height: 0 !important; min-width: 0 !important; font-weight: 600 !important;
    box-shadow: 0 3px 10px rgba(11,116,197,.35) !important;
}
html body #content .container > .card > .card-header .go-back-btn:hover, html body #content .container > .card > .card-header #go-back:hover,
html body #content .container > .card > .ant-card-head #go-back:hover, html body #content .container > .ant-card > .ant-card-head #go-back:hover { background: linear-gradient(135deg, #3aa0ff, #1383dc) !important; }
html body #content .container > .card { border-radius: 16px; }
@media (max-width: 600px) {
    html body #content .container > .card > .card-header, html body #content .container > .card > .ant-card-head, html body #content .container > .ant-card > .ant-card-head { padding: 9px 12px !important; border-radius: 14px 14px 0 0 !important; }
    html body #content .container > .card > .card-header h1, html body #content .container > .card > .card-header h4, html body #content .container > .card > .ant-card-head h1, html body #content .container > .ant-card > .ant-card-head h1 { font-size: 17px !important; }
}
/* Same layout on every phone: stop Android Chrome "font boosting" (it enlarges text in wide tables by a
 * different amount on each device, which broke columns and buttons on some phones only). */
html, body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }


   :root {
    /*--main-navy-color: #111841;*/
    /*--main-navy-color: #1571cd;*/
    --main-navy-color: linear-gradient(to bottom, #3e0100, #000814);
    --dark-navy-color: rgba(0,0,0,.3);
    --orange-color:#fa8c15;
    --btn-color: linear-gradient(to bottom, #3e0100, #000814);
    /*--btn-color:transparent linear-gradient(90deg, #7D4196 0%, #2d0d2e 100%) 0% 0% no-repeat padding-box;*/
    /*--purple:transparent linear-gradient(90deg, #7D4196 0%, #2d0d2e 100%) 0% 0% no-repeat padding-box*/
}
.machh{
     background: var(--btn-color)!important;
}
.go-back-btn{
       color: #fff;
        border-color:#2d0d2e!important;
        background: var(--btn-color)!important;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
        color: #fff !important;
        background-color: #038fde !important;
        border-color: #038fde !important;
        font-weight:400;
        font-size: 13px !important;
        border-radius: 5px !important;
}
.ant-btn-primary:not([disabled]):not(.disabled).active, .ant-btn-primary:not([disabled]):not(.disabled):active{
     border-color:#2d0d2e!important;
    background: var(--btn-color)!important;
}
        .tbt_table_head th {
    padding: 7px !important;
    font-size: 13px !important;
}
.card .card-header h4 {
    font-size: 18px !important;
}
.card .card-header{
    padding: 8px 18px !important;
    background: var(--main-navy-color) !important;
}
    .table-responsive{
                 overflow-x: auto;
            }
            .ant-table-thead > tr > th {
           font-size: 12px;
           white-space:nowrap;
           padding: 8px 12px !important;
           text-transform: uppercase;
           background: var(--main-navy-color) !important;
        }
        .text-left tr th{text-align:left!important;}
        .text-left tr td{text-align:left!important;}
          .ant-table-tbody > tr > td {
           font-size: 13px;
            padding: 8px!important;white-space:nowrap;
            color:#545454;
        }
         .ant-btn-primary{
            background:var(--btn-color)!important;
            border-color:#2d0d2e!important;
        }
        .ant-btn-primary:hover, .ant-btn-primary:focus {
        color: #ffffff !important;
        background:var(--btn-color) !important;
        border-color:#2d0d2e!important;
    }
    .no-data-img{height:40px;}.no-data{font-size:12px;}
    .gx-card-widget{border-radius:2px!important;}
    .static-card{margin-bottom:0rem !important;}
    .static-card .card-header{border-bottom:0px!important;}
    .static-card .card-header i{margin-right:1rem!important;line-height:1;}
/*master page css*/
        .card {
            border-radius: 0%;
        }
        
        .card-header:first-child {
            border-radius: 0 !important;
        }
        table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{display:none;}
        table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{display:none;}
        .tbt_member_header {
            background: var(--main-navy-color);
            color: white;
            font-weight: 400;
            font-size: 20px;
            padding: 16px 24px 12px 24px;
            /*padding:0 !important;*/
        }
        
        .btn {
            border-radius: 2px !important;
        }
        
        .tbt_table_head {
            background: var(--main-navy-color) !important;
            color: white;
            font-weight: 500;
        }
                     .hh{
    height: 52px !important;

 }
  
/*th {*/
/*border: 1px solid white;*/
/*padding: 0 !important;*/
/*font-size:14px !important;*/
/*}*/

        
/*td {*/
/*border: 1px solid #fff !important;*/
/*font-size:15px !important;*/
/*}*/
.ant-table-thead>tr>th .ant-table-filter-icon {
position: absolute;
top: 20px !important;
right: -10px !important;
width: 22px;
height: 100%;
color: #bfbfbf;
font-size: 12px;
}
.iconset a:hover {
background: #e5e5e5 !important; 
}
        .iconset a {
        display: initial !important;
        width: auto !important;
        height: auto !important;
        transition: .5s all;
        margin: 0 !important;
}
        .member_btn{
            color:white;
            background:#5a6268;
        }
        .tbt_table_data tr:hover{
            background:#5d7074 !important;
        }
        .ant-card-head{
             background: var(--btn-color)!important;
        }
       .ant-card-head-title{font-size:20px!Important;}
       .connected-page-link{
               background: var(--btn-color)!important;
                border-radius: 2px;
                -webkit-transition: all .3s;
                transition: all .3s;
                color: white!Important;
                width: 100%;
                display: block;
                padding: 10px 5px;
                text-align: center;
                margin-bottom: 16px;
                text-decoration:none!Important;
       }
        .ant-calendar-picker {
            width: 100%;
        }
        /*.daterangepicker.show-calendar .drp-buttons{display:none;}*/
        .ant-calendar-range-picker-input{width:100%;}
        #sidebar.active ul li a span{
            display:none;
        }
         #sidebar.active ul li a .angledown{display:none;}
         #sidebar.active > ul > li{padding: 0px 20px 0px 17px}
         #sidebar.active .cus-logo-img{display:none!important;}
         .static-card .card-header{padding:0px!important;}
         .dropdown-menu hr {border-color: lightgray;margin:2px 0px;}
         table .dropdown-menu{
            box-shadow: 0 2px 8px rgba(0,0,0,.15);
            border-radius: 0px;
            border:0px;
        }
        .modal-footer .member_btn:hover{color:white;}
         .ant-dropdown-trigger{margin-bottom:0px;}
        .input-box_tbt{
            outline: none !important;
            border-color: lightgray;
            height: 36px !important;
            background: transparent !important;
            padding: 5px 12px !important;
        }
        .modal-header {
        padding: .7rem 1rem !important;
    }
        .modal .modal-title {
            font-size: 15px !important;
            font-weight: 400;
            text-transform: uppercase;
        }
        .font-dark{font-weight:600;}
        .font-600{font-weight:600!important;}
        .font-500{font-weight:500!important;}
        .font-400{font-weight:400!important;}
        .btn-theme{background:var(--main-navy-color);color:white!important;}
        .bg-theme-color{background:var(--main-navy-color);color:white!important;}
        .bg-theme-color h5{color:white!important;}
        .text-small{
            text-transform: capitalize !important;
        }
         .suport-fixed-icon{
             position: fixed;
            z-index: 9999;
            bottom: 20px;
            right: 20px;
            /*border-radius: 50%;*/
         }
         .suport-fixed-icon img{
           height: 70px;
            border-radius: 50%;
         }
        @media only screen and (max-width: 600px) {
            /*.daterangepicker{display:flex!important;width:100%!important;left:0px!important;}*/
            .table-responsive{
                display: block;
                overflow-x: auto;
            }
                .chips_section {
        margin-top: 0;
        background: rgb(255, 206, 2) !important;
    }
            .connected-page-link{font-weight:600;}
            body .static-card .card-header{padding:0px!important;font-size:14px;}
            .static-card .card-header i{margin-right:8px!important;font-size:30px!important;}
            .secondrow .card-header b{font-size:20px!important;}
            .detailslink a{font-weight:600;}
        }
       
      /*datepicker*/
      /*  .date-range-input {*/
      /*      position: relative;*/
      /*      width: 340px;*/
      /*      height: 40px;*/
      /*      border: 1px solid #ccc;*/
      /*      border-radius: 5px;*/
      /*      padding: 0 10px;*/
      /*      font-size: 16px;*/
      /*      outline: none;*/
      /*  }*/
        
        .calendar-icon {
            position: absolute;
            top: 45%;
            left: 27%;
            transform: translateY(-50%);
            color: #ccc;
        }
        
         ::placeholder {
            vertical-align: middle;
            color: #999 !important;
            font-size:14px;
        }
        /*nav tab*/
        .date_tab{
            display:flex;
        }
        .nav-pills {
            margin-left: 6%;
        }
        
        .nav-pills .nav-link {
            border: 1px solid #ccc;
            border-radius: 0;
            outline: 0;
            background:white;
        }
        
        .nav-pills .nav-link.active {
            color: #fff;
            background-color: gray;
            outline: 0;
        }
        .CR_comm{
            color:green;
        }
        .DR_comm{
            color:red;
        }
        .create_master input{
            width:100%;
            padding:8px;
            color: #545454;
            background-color: #fff;
            background-image: none;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
        }
      
    .dis_input{
        background:#d9d9d9 !important;
    }
    .tbt_edit_label{
        font-size:14px;
    }
/*master page css*/
   #sidebar ul li.active>a, a[aria-expanded="true"] {
    color: var(--orange-color);
    /*background: var(--orange-color) !important;*/
}
#sidebar ul li a {
color: #ced4da;
    font-size: 14px;
}

#sidebar > ul > li > ul > li a{
    background: transparent !important;
    font-size:14px !important;
}
#sidebar > ul > li {
    /*border-bottom: 1px solid white;*/
    padding: 0px 0px 0px 20px; 
}
#sidebar ul li a i{font-size:22px;vertical-align: -4px;margin-right:15px;color:white;}

.btn-secondary{

    color: #fff;
    background-color: #b32735 !important;
    border-color: #dc3545 !important;

}
    .bg-warning {
        background-color: #ffc107 !important;
    }
    .bg-info {
        background-color: #17a2b8 !important;
    }
    .bg-primary {
        background-color: #007bff !important;
    }
     .pass-label{
    margin-bottom: 0.5rem;
    }
    .cus-logo-img{
        height:55px;
        margin-left:10px;
    }
    .username-head{font-size:18px;font-weight:500;border:0px!important;}
    .username-head i{font-size: 10px;margin-top: -20px;display: inline-block;vertical-align: 3px;}
    .toogle-icon{font-size: 20px;margin-top: 4px;padding-top: 6px }
    .toggle-btn{
        border:0px!important;padding:0px;outline:none;box-shadow:none;
    }
    .angledown{
        position:absolute;
        left: -12px;
        top: 18px;
       font-size: 10px !important;
       color: #545454 !important;
    }
    .rotate-icon{
        transform:rotate(-180deg) translateX(-2px);
        color:#fff;
    }
    .user-right-dropdown{
        padding:0px!important;
        width: 160px;
        min-width: 7rem;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
        border-radius: 0px;
    }
    .user-right-dropdown .dropdown-item{
        font-size: 14px;
        padding: 12px 30px 12px 20px !important;
        clear: both;
        font-weight: 400;
        color: #545454;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        transition: color .3s cubic-bezier(.645,.045,.355,1), border-color .3s cubic-bezier(.645,.045,.355,1), background .3s cubic-bezier(.645,.045,.355,1), padding .15s cubic-bezier(.645,.045,.355,1);
     }
     .user-right-dropdown .dropdown-item:hover{color:#038fde;background: #e6faff;}
     #sidebar ul li a{font-weight:600;}
     .bg-theme{
         background-color: var(--main-navy-color) !important;
     }
     @media only screen and (max-width: 600px) {
          
         .hh{
    height: 54px;
}
         
        /*casino details page css*/
        /*casino details page css*/
         .user-right-dropdown .dropdown-item{font-weight:600;}
         .mobile-padding-0{
          padding:0px;
      }
      #sidebar ul.components{padding-top: 15px !important}
    .padding-0{
      padding-left:2px !important; 
      padding-right:2px !important;
    }
    
     .small {
        font-size: 80% !important;
        font-weight: 400;
    }
        .cus-logo-img{width: auto; height:36px !important;}
    #sidebar.active .sidebar-header h3 {
        display: block;
        background: white;
        color: #c60009  !important;
        font-size: 13px;
        padding: 20px 0px !important;
    }
    
    .res-table{
        display:block;
        width:100%;
        overflow-x:scroll;
        white-space:nowrap;
    }
 
       .fa-stack{width:1.5em;height:1em;}
       .svg-inline--fa.fa-stack-1x{
           width:30px;
       }
       .svg-inline--fa.fa-stack-2x {
            height: 1em;
            width: 1.5em;
        }
        .title_head{font-size:18px;}
        .username-head{font-size:16px;font-weight:400;}
        
        /*New Added navbar css for mob*/
        .mob_nav{
            position:fixed;
            left:0;
            top:0;
            height:100%!important;
            margin-left:calc(-1 * var(--vip-sidebar-width));
            overflow-x:hidden;
            overflow-y:auto;
            z-index:3000;
        }
        .user-right-dropdown .dropdown-item{height:100%!important;overflow-x:scroll;}
        .mob_nav .sidebar-header{background:var(--dark-navy-color)!important;height:50px !important;transition:.5s all;}
        .logo_tbt_main img{width: auto;display:block;height:50px!important;}
        #sidebar ul li a{padding:10px;}
        #sidebar ul li a i{font-size:20px;display:inline-block;}
        #sidebar ul li a {font-size:19px !important;margin-left:0px;font-weight:bold;}
         .toogle-icon{margin-top:0;}
         .suport-fixed-icon{bottom: 30% !important;}
         .suport-fixed-icon img{height:50px;}
        
  }
    
    
    select{
        /*background-image: linear-gradient(to bottom,#fefefe,#f2f2f2);*/
        border-radius:0 !important;
    }
    .btn-yes{
    display: flex;
    }
    
    .btn-not{
    display: flex;
    }
    
    .button:focus {
    outline: 3px solid black !important;
    outline: 5px auto -webkit-black !important;
}
 #sidebar.active ul li a{
     font-size: 16px;

 }
 /*Sidebar css close*/
 
 
/* #sidebar.active .logo_tbt_main{*/
/*     display:none;*/
/* }*/
/* #sidebar.active> ul > li {*/
/*     padding: 0px 0px 0px 0px; */
/*}*/
/*#sidebar.active .dropdown-toggle::after {*/
/*    display:none;*/
/*}*/
/*#sidebar.active ul li a span {*/
/*    display:none;*/
/*}*/


 /*Sidebar css close*/
 #sidebar.active ul li a span{
     font-size: 12px;
 }
 #sidebar {
    min-width: 280px;
    max-width: 280px;
 .username-head::after{
     display:none;
 }
 .mob_nav{
     
 }
#sidebar > ul > li > ul > li a {
    padding-left: 45px!important;
    font-size: 18px !important;
}
 .dis_input {
            background: #d9d9d938 !important;
        }
        
        
        
    /*Added new css*/
/*    .table thead tr th{color: #fff;}*/
    @media (min-width: 1500px){
        .container{
            max-width: 1421px !important;
        }
        
    }
    @media (max-width: 780px) {

   #sidebar ul li a {
    color:white ;
    font-size:20px;

}
}
.navbar{
        position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 99 !important;
}
.container {
    margin-top:99px !important;
}
marquee{
    margin-top: 89px !important;
}


   /* ================= MAKE TABLE HEADER BOLD ================= */
.table thead th {
    font-weight: 600 !important;
    color: white !important;
    font-size: 14px !important;
      border: 1px solid #e5e7ea !important;
             text-transform: capitalize !important;

}
/* ================= MAKE TABLE BODY BOLD ================= */
.table tbody td {
    font-weight: 500 !important;
    color: #000 !important;
     font-size: 14px !important;
       border: 1px solid #e5e7ea !important;
     
}



/* Announcement ticker: a normal content row below the fixed navigation.
   This prevents it from covering form headings or adding a blank band when
   there is no announcement. */
.admin-announcement-marquee {
    box-sizing: border-box;
    position: relative !important;
    z-index: 10 !important;
    width: 100%;
    height: 26px;
    min-height: 26px;
    margin: 58px 0 0 !important;
    padding: 4px 0;
    overflow: hidden;
    background: #896507 !important;
    color: #fff !important;
    line-height: 18px;
}
.admin-announcement-track {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: 100%;
    height: 18px;
    padding: 0 16px;
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    white-space: nowrap;
}
.admin-announcement-track span { color: inherit !important; }
@media (max-width: 600px) {
    .admin-announcement-marquee {
        height: 22px;
        min-height: 22px;
        margin-top: 52px !important;
        padding: 2px 0;
        line-height: 18px;
    }
    .admin-announcement-track { font-size: 10px; }
}
    
}

/* ANTPro visual theme shared by every authenticated admin page. */
:root {
    --main-navy-color: #896507;
    --dark-navy-color: #604707;
    --orange-color: #ffffff;
    --btn-color: #896507;
}

body {
    background: #f4f4f4 !important;
}

#sidebar {
    background: #896507 !important;
    color: #fff;
}

#sidebar .sidebar-header {
    min-height: 73px;
    background: #604707 !important;
}

#sidebar ul li a,
#sidebar ul li a i,
#sidebar ul li.active > a,
#sidebar a[aria-expanded="true"] {
    color: #fff !important;
}

#sidebar ul li a:hover,
#sidebar ul li.active > a {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
}

#sidebar .cus-logo-img {
    max-width: 112px;
    object-fit: contain;
}

.navbar.navbar-bet99,
.navbar-bet99,
.bg-theme,
.bg-theme-color,
.ant-table-thead > tr > th,
.tbt_table_head,
.ant-card-head,
.tbt_member_header {
    background: #896507 !important;
    background-image: none !important;
}

.navbar.navbar-bet99 {
    min-height: 73px;
    border-bottom: 1px solid rgba(255,255,255,.75);
}

.machh,
.btn-theme,
.connected-page-link,
.go-back-btn,
.ant-btn-primary {
    background: #896507 !important;
    background-image: none !important;
    border-color: #896507 !important;
}

.content,
#content {
    background: #f4f4f4 !important;
}

marquee {
    color: #fff !important;
    background: #896507 !important;
}

@media (max-width: 600px) {
    .mob_nav .sidebar-header { background: #604707 !important; }
}

/* Compact shared shell: keep every admin screen below the header without
   consuming a large part of the viewport on desktop or mobile. */
#sidebar .sidebar-header,
.navbar.navbar-bet99 {
    min-height: 58px !important;
}
#sidebar .sidebar-header {
    display:flex;
    align-items:center;
}
#sidebar .cus-logo-img {
    max-width:92px;
    max-height:42px;
}
.container { margin-top:70px !important; }
/* Global admin announcement. It is shown for every logged-in hierarchy role;
   only Super Admin receives the editor link in ANTPRO Setting. */
.hh { display:none !important; height:0 !important; min-height:0 !important; margin:0 !important; }
.admin-announcement-marquee { position:relative; z-index:1010; display:block; overflow:hidden; width:100%; height:26px; min-height:26px; margin:58px 0 0 !important; padding:4px 0; background:#896507; color:#fff; line-height:18px; white-space:nowrap; }
.admin-announcement-track { display:flex; width:max-content; min-width:max-content; padding:0; color:#fff; font-size:12px; font-weight:600; line-height:18px; white-space:nowrap; animation:admin-announcement-scroll 10s linear infinite !important; animation-play-state:running !important; }
.admin-announcement-copy { display:flex; flex:0 0 auto; padding:0 16px; }
@keyframes admin-announcement-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (max-width:600px) {
    #sidebar .sidebar-header,
    .navbar.navbar-bet99 { min-height:52px !important; }
    .container { margin-top:58px !important; }
    .admin-announcement-marquee { margin-top:52px !important; }
    #sidebar .cus-logo-img { max-width:78px; max-height:36px; }
}
#content > .navbar.navbar-bet99 { height:58px !important; min-height:58px !important; padding-top:4px !important; padding-bottom:4px !important; }

/* Full usable viewport on phones; bootstrap's fixed container width was
   leaving large white gutters around every report. */
@media (max-width:600px) {
    #content .container {
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:4px !important;
        padding-right:4px !important;
    }
    /* Shared compact cards for all admin report/list pages. */
    #content .card,
    #content .ant-card {
        margin-bottom:6px !important;
        border-radius:6px !important;
        box-shadow:0 1px 4px rgba(15,23,42,.10) !important;
    }
    #content .card .card-header,
    #content .ant-card-head {
        min-height:36px !important;
        padding:6px 9px !important;
    }
    #content .card .card-body,
    #content .ant-card-body { padding:8px !important; }
}

/* Modern admin shell.  Kept last so it can safely override the older theme
   rules above without affecting page markup or menu behaviour. */
:root {
    --vip-sidebar: #8b6500;
    --vip-sidebar-deep: #5b4300;
    --vip-surface: #eee6d2;
    --vip-accent: #d49b00;
    --vip-accent-strong: #765600;
    --vip-text: #322b1b;
    --vip-sidebar-width: 224px;
}
/* ANTPRO uses Arial as its final, global UI font.  Keep icon glyphs out of
   this rule: their class-specific icon fonts must remain intact. */
body,
body :not(i):not(svg):not(path):not(.icon):not(.anticon):not([class^="bx"]):not([class*=" bx-"]) {
    font-family: Arial, sans-serif !important;
}
/* Same page scrolling as before (this worked on every phone). Pull-to-refresh is our own (includes/pull_refresh.php). */
html, body { overflow-x: hidden; }
body { background: var(--vip-surface) !important; color: var(--vip-text); }
.wrapper { min-height: 100vh; }
#sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--vip-sidebar-width);
    min-width: var(--vip-sidebar-width);
    max-width: var(--vip-sidebar-width);
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--vip-sidebar) !important;
    box-shadow: 8px 0 24px rgba(15, 23, 42, .12);
}
#sidebar .sidebar-header {
    min-height: 56px !important;
    padding: 7px 14px !important;
    background: var(--vip-sidebar-deep) !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
#sidebar .logo_tbt_main {
    display:flex;
    align-items:center;
    height:38px;
    padding:0;
    margin-left:10px;
    background:transparent;
}
#sidebar .cus-logo-img { width:88px; max-width:88px; height:auto; max-height:34px; margin:0; filter:none; }
#sidebar ul.components { padding: 14px 10px 24px !important; }
#sidebar > ul > li { padding: 0 !important; margin: 2px 0; }
#sidebar ul li a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 10px !important;
    border-radius: 8px;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4;
}
#sidebar ul li a > span { min-width: 0; font-size: inherit; color: inherit; }
#sidebar ul li a i { flex: 0 0 18px; color: #fff3cf !important; font-size: 18px !important; margin-right: 8px !important; }
#sidebar ul li a:hover, #sidebar ul li.active > a, #sidebar a[aria-expanded="true"] {
    background: rgba(0,0,0,.16) !important;
    color: #fff !important;
}
#sidebar ul li a:focus-visible { outline: 2px solid #fff3cf; outline-offset: -2px; }
#sidebar ul li a:hover i, #sidebar ul li.active > a i, #sidebar a[aria-expanded="true"] i { color: #ffe08a !important; }
#sidebar ul li a .angledown { position: static; order: 3; flex: 0 0 14px; font-size: 14px !important; margin-left: auto; margin-right: 0 !important; padding-left: 4px; color: #fff3cf !important; }
#sidebar ul ul { margin: 3px 0 5px 18px; border-left: 1px solid rgba(255,255,255,.12); }
#sidebar > ul > li > ul > li a { padding: 8px 10px !important; min-height: 36px; font-size: 12px !important; }
#content { width: calc(100% - var(--vip-sidebar-width)) !important; margin-left: var(--vip-sidebar-width); background: var(--vip-surface) !important; }
#content > .navbar.navbar-bet99 {
    left: var(--vip-sidebar-width) !important;
    right: 0 !important;
    width: auto !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 6px 22px !important;
    background: var(--vip-sidebar) !important;
    border-bottom: 1px solid #b88709;
    box-shadow: 0 2px 8px rgba(60, 42, 0, .16);
}
.username-head {
    position:relative;
    display:flex !important;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    min-width:170px;
    max-width:min(310px, 58vw);
    min-height:48px;
    margin:0 !important;
    padding:4px 24px 4px 10px !important;
    color:#fff !important;
    font-size:14px;
    font-weight:700 !important;
    line-height:1.15;
    text-align:right;
}
.username-head.dropdown-toggle::after {
    position:absolute;
    top:11px;
    right:9px;
    margin:0;
}
#content > .navbar .btn-group.ml-auto {
    display:flex;
    min-width:0;
    margin-left:auto !important;
}
#content > .navbar .username-head { flex:0 1 auto; }
.header-username { display:block; align-self:flex-end; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.header-balance {
    /* Sized to its own text (not stretched to the button's full width, which
       is set by the longer username above it) so a short balance gets a
       snug pill instead of a stretched, mostly-empty one. The button is a
       flex column, so it still grows to fit this if the number is the
       widest of the two lines — that growth is what stops long balances
       from overflowing, not a fixed width on the pill itself. */
    display:inline-block;
    align-self:flex-end;
    width:fit-content;
    max-width:100%;
    box-sizing:border-box;
    margin:4px 0 0;
    padding:2px 7px;
    text-align:right;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.34);
    border-radius:999px;
    background:rgba(0,0,0,.16);
    color:#fff;
    font-size:clamp(10px, .8vw, 12px);
    font-variant-numeric:tabular-nums;
    font-weight:600;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
}
@media (max-width:600px) {
    /* The balance pill used to be position:absolute, which drops it out of
       flow — the button then sized itself to the (much shorter) username
       text alone and clipped the pill to that width, hiding most of the
       balance behind "...". Let it flow as its own full-width line instead
       so the button grows to fit the actual number. */
    .username-head { min-width:0; max-width:calc(100vw - 122px); min-height:42px; padding:3px 20px 5px 5px !important; font-size:12px; }
    .username-head.dropdown-toggle::after { top:9px; right:5px; }
    .header-balance {
        position:static;
        display:inline-block;
        align-self:flex-end;
        width:fit-content;
        max-width:100%;
        margin:2px 0 0;
        text-align:right;
        font-size:clamp(9px, 3vw, 11px);
        padding:2px 6px;
        box-sizing:border-box;
        white-space:normal;
        word-break:break-all;
        overflow:visible;
        text-overflow:clip;
    }
}
/* Menu labels always use the available sidebar width and wrap cleanly. */
#sidebar ul li a { min-width:0; overflow-wrap:break-word; }
@media (max-width:780px) {
    #sidebar ul li a { min-height:44px; padding:9px 10px !important; font-size:15px !important; line-height:1.25; }
    #sidebar ul li a i { flex:0 0 20px; margin-right:8px !important; font-size:19px; }
    #sidebar ul li a[href="#user"], #sidebar #user li a { font-size:15px !important; }
}
.container { margin-top: 68px !important; }

/* Make legacy report components use the same amber / cocoa palette. */
.navbar.navbar-bet99, .navbar-bet99, .bg-theme, .bg-theme-color,
.ant-table-thead > tr > th, .tbt_table_head, .ant-card-head,
.tbt_member_header, .card .card-header, .machh, .btn-theme,
.connected-page-link, .go-back-btn, .ant-btn-primary,
.btn-primary, .btn-secondary, .member_btn {
    background: #896507 !important;
    border-color: #896507 !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-secondary:hover, .member_btn:hover,
.ant-btn-primary:hover, .ant-btn-primary:focus {
    background: #6f5106 !important;
    border-color: #6f5106 !important;
}
.table thead th, .ant-table-thead > tr > th { background: var(--vip-sidebar) !important; }
.table tbody tr:nth-of-type(even) { background: #fbf8f0; }
.table tbody tr:hover { background: #f2e6c5 !important; }
.badge-primary, .bg-primary { background-color: var(--vip-accent-strong) !important; }

@media (min-width: 781px) {
    #sidebar.active { min-width: 68px; max-width: 68px; width: 68px; }
    #sidebar.active + #content { margin-left: 68px; width: calc(100% - 68px) !important; }
    #sidebar.active + #content > .navbar.navbar-bet99 { left: 68px !important; right:0 !important; width:auto !important; }
    #sidebar.active .sidebar-header { justify-content:center; padding:8px !important; }
    #sidebar.active .logo_tbt_main { display:none; }
    #sidebar.active ul.components { padding-left:10px !important; padding-right:10px !important; }
    #sidebar.active ul li a { justify-content:center; padding:10px !important; }
    #sidebar.active ul li a i { margin:0 !important; }
}
@media (max-width: 780px) {
    #sidebar { width:var(--vip-sidebar-width); min-width:var(--vip-sidebar-width); max-width:var(--vip-sidebar-width); margin-left:calc(-1 * var(--vip-sidebar-width)); z-index:3000; transition: margin-left 0.3s ease; }
    #content { width:100% !important; margin-left:0; }
    #content > .navbar.navbar-bet99 { left:0 !important; right:0 !important; width:auto !important; height:52px !important; min-height:52px !important; padding:5px 14px !important; }
    .container { margin-top:62px !important; }
    #sidebar-overlay { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2999; }
    #sidebar-overlay.active { display:block; }
}

/* Brand area: give the logo its own clear, modern surface rather than a
   darker strip that makes the asset look undersized and misplaced. */
#sidebar .sidebar-header {
    min-height: 56px !important;
    height: 56px !important;
    padding: 1px 8px !important;
    gap: 8px;
    background: var(--vip-sidebar) !important;
    border-bottom: 1px solid rgba(255, 232, 166, .24);
    box-shadow: none;
}
#sidebar .sidebar-header .nav-item { margin: 0; }
#sidebar .sidebar-header .toggle-btn {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    background: rgba(72, 51, 0, .22) !important;
    color: #fff !important;
}
#sidebar .sidebar-header .toggle-btn:hover { background: rgba(72, 51, 0, .38) !important; }
#sidebar .logo_tbt_main {
    height: 54px;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
}
#sidebar .cus-logo-img {
    width: 100%;
    max-width: 160px;
    height: 54px;
    max-height: 54px;
    object-fit: contain;
}
@media (max-width: 780px) {
    #content > .navbar.navbar-bet99 {
        height: 64px !important;
        min-height: 64px !important;
        padding: 7px 14px !important;
        background: var(--vip-sidebar) !important;
    }
    #content > .navbar .cus-logo-img {
        width: 126px;
        max-width: 126px;
        max-height: 46px;
        margin-left: 8px;
        object-fit: contain;
    }
    #content > .navbar #mobnav_btn {
        width: 42px;
        height: 42px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        border-radius: 12px !important;
        background: rgba(72, 51, 0, .22) !important;
    }
    #content > .navbar #mobnav_btn i { font-size: 29px !important; }
    .container { margin-top: 74px !important; }
}

/* Compact SuperAdmin account actions in the header menu. */
.user-right-dropdown {
    min-width: 218px;
    padding: 7px;
    border: 1px solid #e5d5a3;
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(62, 45, 0, .22);
}
.user-right-dropdown .account-action {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 10px !important;
    border-radius: 7px;
    color: #4a3a17 !important;
    font-weight: 600;
    height: auto !important;
    overflow: visible !important;
}
.user-right-dropdown .account-action:hover { background: #f8efd6 !important; color: #765600 !important; }
.user-right-dropdown .account-action-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex: 0 0 22px;
}
.user-right-dropdown .account-action-icon.fallback-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #f5e7bd;
    color: #8b6500;
    font-size: 16px;
}
/* The announcement ticker is part of the normal content flow. The old
   70–99px container offsets were for a hidden ticker and leave a large blank
   strip above every dashboard/report. Keep one compact gap on all screens. */
#content > .container { margin-top:92px !important; }
@media (max-width:780px) {
    #content > .container { margin-top:88px !important; }
}
/* Modern fixed header and a deliberate breathing gap before the global
   announcement strip.  The ticker stays below the header on every screen. */
#content > .navbar.navbar-bet99 {
    height:56px !important;
    min-height:56px !important;
    z-index:1055 !important;
    overflow:visible !important;
    background:linear-gradient(110deg, #765600 0%, #9b7200 55%, #805d00 100%) !important;
    border-bottom:1px solid rgba(255,232,166,.42) !important;
    box-shadow:0 3px 14px rgba(69,50,0,.24) !important;
}
.navbar.navbar-bet99 .dropdown-menu,
#content > .navbar.navbar-bet99 .user-right-dropdown {
    z-index:1060 !important;
}
/* Bootstrap places this menu at 100% of the account button, which is inside
   the fixed header. Offset it past the announcement strip so neither layer
   can cover the other. */
#content > .navbar.navbar-bet99 .user-right-dropdown {
    position:absolute !important;
    top:100% !important;
    right:0 !important;
    left:auto !important;
    min-width:224px;
    padding:8px !important;
    border:1px solid rgba(229,213,163,.95) !important;
    border-radius:14px !important;
    box-shadow:0 16px 36px rgba(62,45,0,.28) !important;
}
/* On desktop the account panel clears both the 56px header and 26px ticker.
   It therefore cannot be clipped by, or sit across, the top-right header. */
@media (min-width:781px) {
    #content > .navbar.navbar-bet99 .user-right-dropdown {
        position:fixed !important;
        top:90px !important;
        right:20px !important;
        left:auto !important;
    }
}
.admin-announcement-marquee {
    position:fixed;
    top:60px;
    left:var(--vip-sidebar-width);
    right:0;
    height:28px;
    min-height:28px;
    margin:0 !important;
    padding:5px 0 !important;
    border-top:1px solid rgba(255,232,166,.18);
    border-bottom:1px solid rgba(91,67,0,.20);
    background:linear-gradient(90deg, #765600, #8b6500) !important;
    box-shadow:0 2px 7px rgba(69,50,0,.12);
}
/* Keep the ticker out of the dashboard/card flow on every authenticated
   page.  Older theme rules previously allowed it to appear mid-grid. */
#content > .admin-announcement-marquee {
    position:fixed !important;
    top:60px !important;
    left:var(--vip-sidebar-width) !important;
    right:0 !important;
    width:auto !important;
    margin:0 !important;
    z-index:1045 !important;
}
@media (max-width:780px) {
    #content > .navbar.navbar-bet99 {
        height:52px !important;
        min-height:52px !important;
        padding:6px 12px !important;
    }
    #content > .navbar .cus-logo-img { max-height:42px; }
    #content > .navbar #mobnav_btn { width:38px; height:38px; border-radius:11px !important; }
    #content > .navbar #mobnav_btn i { font-size:25px !important; }
    .admin-announcement-marquee { margin-top:0 !important; }
    #content > .navbar.navbar-bet99 .user-right-dropdown {
        /* The announcement ticker sits directly below the fixed mobile
           navbar.  Start the account menu after it, never across it. */
        top:calc(100% + 28px) !important;
        right:0 !important;
        min-width:min(224px, calc(100vw - 16px));
    }
    /* Mobile navbar is 52px high: leave a visible gap before the ticker. */
    #content > .admin-announcement-marquee { top:60px !important; left:0 !important; margin:0 !important; }
    /* When the drawer is open, keep the ticker on the same horizontal line
       as the content area rather than rendering underneath the left nav. */
    #sidebar.active + #content > .admin-announcement-marquee {
        left:var(--vip-sidebar-width) !important;
    }
    /* The open drawer starts below its own logo header. Add the ticker's
       height before its first menu item so Dashboard cannot overlap it. */
    #sidebar.active ul.components{
        padding-top:42px !important;
    }
}
/* Shared responsive guardrails for every legacy admin page.  Individual
   reports may keep wide tables, but the page itself must never overflow. */
#content { min-width:0; overflow-x:hidden; }
#content *, #content *::before, #content *::after { box-sizing:border-box; }
/* The announcement ticker is fixed below the navigation. Reserve its height
   for every legacy page shell so page titles never render underneath it. */
#content > .container { width:100% !important; max-width:none !important; margin-top:92px !important; padding-left:16px; padding-right:16px; }
#content > .content-wrapper { padding-top:38px; }
#content .card, #content .ant-card, #content .tablediv { max-width:100%; min-width:0; }
#content .table-responsive, #content .ant-table-body, #content .ant-table-scroll { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
#content img, #content svg, #content video, #content iframe { max-width:100%; }
/* Data-heavy role, ledger and report tables must keep every column
   available. On narrow screens the wrapper scrolls horizontally rather than
   crushing, clipping or hiding financial text. */
#content .table-responsive > table,
#content .ant-table-scroll table,
#content .ant-table-body table { width: 100%; }
#content .dataTables_wrapper { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
#content .table th, #content .table td,
#content .ant-table th, #content .ant-table td {
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: clip !important;
}
#content .table td:nth-child(3), #content .table td:nth-child(4),
#content .ant-table td:nth-child(3), #content .ant-table td:nth-child(4) {
    white-space: normal;
    min-width: 145px;
}
#content .table thead th, #content .ant-table-thead > tr > th {
    font-size: 12px !important;
    letter-spacing: .01em;
}
#content input:not([type=checkbox]):not([type=radio]), #content select,
#content textarea { max-width:100%; min-height:38px; }
#content .btn, #content button, #content .ant-btn { white-space:nowrap; }
.bx, .fa, .fas, .far, .icon, .anticon { display:inline-flex; align-items:center; justify-content:center; line-height:1; font-style:normal; }
@media (max-width:780px) {
    #content .table-responsive > table, #content .ant-table-scroll table, #content .ant-table-body table { min-width:760px; font-size:12px; }
    #content .table thead th, #content .ant-table-thead > tr > th { font-size:11px !important; }
    #content .table th, #content .table td, #content .ant-table th, #content .ant-table td { padding:7px 8px !important; }
    #content .row.create_master > [class*=col-], #content .row > [class*=col-] { margin-bottom:8px; }
    #content .ant-card-head-title, #content .card-header { font-size:16px !important; }
}
@media (max-width:780px) {
    #content > .container { margin-top:92px !important; padding-left:8px; padding-right:8px; }
    #content > .content-wrapper { padding-top:32px; }
    #content .card, #content .ant-card { border-radius:10px; }
}
/* Global page header: compact bar sized to its title, blue Back button. */
#content .ant-card-head { min-height:0 !important; padding:8px 14px !important; }
#content .ant-card-head .ant-card-head-wrapper { display:flex; align-items:center; justify-content:space-between; gap:10px; }
#content .ant-card-head .ant-card-head-title { padding:0 !important; font-size:16px !important; }
#content .ant-card-head .ant-card-head-title h1,
#content .ant-card-head .ant-card-head-title h2,
#content .ant-card-head .ant-card-head-title h3,
#content .ant-card-head .ant-card-head-title h4 { color:#fff; font-size:16px !important; font-weight:600; line-height:1.4; margin:0 !important; }
#content .ant-card-head .ant-card-extra { padding:0 !important; float:none; margin:0; }
#content .go-back-btn, .go-back-btn {
    background:#1e90ff !important; background-image:none !important;
    border:0 !important; border-color:#1e90ff !important; color:#fff !important;
    border-radius:3px !important; padding:4px 14px !important; height:auto !important;
    font-size:14px !important; font-weight:600 !important; line-height:1.4 !important;
}
#content .go-back-btn:hover, .go-back-btn:hover { background:#1873cc !important; border-color:#1873cc !important; }
@media (max-width:780px) {
    #content .ant-card-head { padding:7px 10px !important; }
    #content .ant-card-head .ant-card-head-title,
    #content .ant-card-head .ant-card-head-title h1 { font-size:15px !important; }
    #content .go-back-btn, .go-back-btn { padding:3px 12px !important; font-size:13px !important; }
}
    

                 #postLedgerSubmenu form { margin:0; }
                 #postLedgerSubmenu .post-ledger-menu-link { display:block; width:100%; border:0; background:transparent; color:inherit; padding:9px 14px 9px 32px; text-align:left; font:inherit; text-decoration:none; cursor:pointer; }
                 #postLedgerSubmenu .post-ledger-menu-link:hover { background:rgba(255,255,255,.08); }
               

            #content { position: relative; }
            #antpro-area-loader{position:fixed;left:0;right:0;bottom:0;top:90px;z-index:5;display:flex;align-items:center;justify-content:center;padding:0;background:rgba(255,255,255,.96);transition:opacity .2s ease,visibility .2s ease;}
            #antpro-area-loader svg{width:96px;height:96px;max-width:34vw;max-height:34vw;}
            #antpro-area-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}
            

/* All phones: menu button, logo and name + balance always share ONE top-bar line (they wrapped under the ticker). */
@media (max-width: 600px) {
    #content > .navbar.navbar-bet99 { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 6px; height: 52px !important; min-height: 52px !important; padding: 5px 8px !important; }
    #content > .navbar.navbar-bet99 > * { flex-wrap: nowrap !important; }
    #content > .navbar #mobnav_btn { flex: 0 0 auto; width: 36px !important; height: 36px !important; }
    #content > .navbar .cus-logo-img { flex: 0 0 auto; width: auto !important; max-width: 28vw !important; max-height: 32px !important; margin-left: 2px !important; }
    #content > .navbar .btn-group.ml-auto { flex: 1 1 auto !important; min-width: 0 !important; justify-content: flex-end; margin-left: auto !important; }
    #content > .navbar .username-head { max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 2px 16px 2px 4px !important; font-size: 11.5px !important; line-height: 1.15 !important; }
    #content > .navbar .username-head.dropdown-toggle::after { top: 7px !important; right: 3px !important; }
    #content > .navbar .header-username { font-size: 11.5px; font-weight: 700; }
    #content > .navbar .header-balance { font-size: 10px !important; padding: 1px 6px !important; margin-top: 2px !important; max-width: 100%; }
}