:root {
    --blue: #001a53;
    --orange: #FF9933;
    --dark: #000;
    --white:#ffff;

   --bs-sidebar-dark-gradient: radial-gradient(at 50% -20%, #1967a9,#0a1832) ;
    --bs-sidebar-dark-bg: radial-gradient(at 50% -20%, #1967a9, #0a1832) ;
    --bs-dash-gradient: radial-gradient(at 50% -20%, #1967a9, #0a1832) ;
    --bs-bg-topbar-color: radial-gradient(at 50% -20%, #1967a9, #0a1832);
 }


body{background: #f8f8fb;  }

@media (min-width: 992px){
.topnav{
   background: linear-gradient(to right,#08195c,#273c92);
}
.topnav .navbar-nav .nav-item:first-of-type .nav-link{padding-left:8px;}
.topnav .dropdown-item {padding: 0.5rem 1.5rem;min-width: 180px; font-size: 16px;}

}
@media (max-width: 991.98px){
.topnav .navbar-nav .nav-link {
    padding: 0.75rem 1.1rem;

    color: #313533 !important;}

.topnav .navbar-nav .nav-link svg {  color: #313533 !important;}
.topnav .dropdown .dropdown-menu{padding-left: 44px !important;}

}

.topnav .navbar-nav .dropdown.active>a{color: var(--blue); background-color: transparent;background: #ffff;}
 .topnav .navbar-nav .dropdown.active>a svg {
    color: var(--blue);
    fill: var(--blue);
}

.topnav .navbar-nav .nav-link {
    font-size: 16.4px;
    position: relative;
   padding: 1rem 2rem;
    color: var(--white);
    font-weight: 500;
}
.topnav .navbar-nav .nav-link svg {
    height: 16px;
    width: 16px;
    color: var(--white);
    fill: var(--bs-sidebar-menu-item-icon-effact-color);
    margin-right: 7px;
    margin-top: -3px;
}
.topnav .navbar-nav .nav-item .nav-link.active{color: var(--blue);background: var(--white);}
.topnav .navbar-nav .nav-item .nav-link.active svg{color: var(--blue);}
.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover{color: var(--blue); background: var(--white);}
.topnav .navbar-nav .nav-link:focus svg, .topnav .navbar-nav .nav-link:hover svg{color: var(--blue);}
.table th {
    font-weight: 700;
    font-size: 13px;
}
.card-custom-bg{background-color: rgba(81,86,190,.075);}
.text-org{color: var(--orange);font-size: 14px;font-weight: 500;}
.card-mh{max-height: 396px; height: 100%;}
.card-title-custom{color: var(--blue); font-weight: bold; font-size: 17px;}
.grid-size{font-size: 20px;}
.modal-text{font-size: 18px;}
.fa-eye-c{font-size: 17px; color: var(--orange);}
.fa-edit-c{font-size: 17px; color: var(--bs-blue);}
.fa-arrow-alt-circle-down{font-size: 19px; color: var(--bs-blue);}
.fa-eye{font-size: 19px; color:var(--bs-blue);}
.fa-envelope-open-text{font-size: 19px; color: var(--bs-blue);}
.fa-file-invoice-dollar{font-size: 19px; color: var(--bs-blue);}
table.dataTable thead>tr>th{font-size: 16px !important; text-align: center !important;}
table.dataTable>tbody>tr{text-align: center !important;}


 

.mini-stat-icon i {
  font-size: 30px;
    width: 50px;
    height: 50px;
    line-height: 53px;
    text-align: center;
    color: var(--blue);
    border-radius: 50%;
    background:#0000531c;
    display: inline-block;
}



.bg-custom{background:#f2f2fa; color: #000;}
.profile-user-wid {
    margin-top: -26px;
}

body[data-layout=horizontal] #page-topbar {
   /* background: var(--bs-dash-gradient);*/
   background:var(--blue);
    -webkit-box-shadow: none;
    box-shadow: none;
  
}
body[data-layout=horizontal] .header-bg {
   /* background: var(--bs-dash-gradient);*/
   background:var(--blue);
}

.header-bg {
    background: #eff3f6 fixed;
    padding-bottom: 60px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    margin: -40px -12px;
}
.text-org-2{color: var(--orange); font-size: 20px;}
.text-red-2{color:red; font-size: 20px;}
.text-green-2{color:#069d06; font-size: 20px;}

.custom-card-h5{  font-size: 20px;}
.btn-primary{background: var(--blue); border-color: var(--blue);}
.btn-primary:hover{background: var(--orange); border-color: var(--orange);}
.bg-primary {background:var(--blue);}
.navbar-header .dropdown .show.header-item{background: none !important;}
.topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {
    color: #000053;
    background: #00005314;
}
.topnav .navbar-nav .dropdown-item{color: var(--dark);}

#sidebar-menu ul li a{font-size: 15px !important;}
.mm-active .active i {color:var(--orange) !important;}
.mm-active .active{color:var(--orange) !important;}
#sidebar-menu ul li a:hover{color:var(--orange) !important;}
#sidebar-menu ul li a:hover i{color:var(--orange) !important;}
.mm-active>a{color: var(--blue) !important;}
body:not([data-sidebar-size=sm]) #vertical-menu-btn{color: #000 !important;}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){color: #fff !important;}
@media (max-width: 991.98px){
    body:not([data-sidebar-size=sm]) #vertical-menu-btn {margin-left: 0; color: #fff !important;
}
}

.cursor-pointer {
    cursor: pointer;
  }

  .react-datepicker-popper{
    z-index: 9 !important;
  }