: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);


    /* Theme colors */

     --primary-themeclr: #066498;
     --secondary-themeclr: #66a1c1;
     --third-themeclr: #d25e35;
     --active-color: #daf08c !important;


 }


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: 16px; color: var(--orange);}
.fa-edit-c{font-size: 16px; color: var(--primary-themeclr);}
.fa-arrow-alt-circle-down{font-size: 16px; color: var(--primary-themeclr);}
.fa-eye{font-size: 19px; color:var(--primary-themeclr);}
.fa-envelope-open-text{font-size: 16px; color: var(--primary-themeclr);}
.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(--primary-themeclr) !important; border-color: var(--primary-themeclr) !important; color: var(--white);}
.btn-primary:hover{background: var(--third-themeclr) !important; border-color: var(--third-themeclr) !important;}
.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: 16px !important;}
.mm-active .active i {color:var(--white) !important;}
.mm-active .active{color:var(--white) !important; background-color: var(--third-themeclr);}
#sidebar-menu ul li a:hover{color: #313533 !important;}
#sidebar-menu ul li a:hover i{color: #313533 !important;}
.mm-active>a{color: var(--third-themeclr) !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: var(--white) !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;
  }


.card-design{
    background-color: #e8f8ee;
    align-items: center;
    padding: 5px 15px 0px 15px !important;
}

.card-design2{
    background-color: #feecf2;
    align-items: center;
    padding: 5px 15px 0px 15px !important;
}
.card-design3{
    background-color: #e3f9f8;
    align-items: center;
    padding: 5px 15px 0px 15px !important;
}

.card-design4{
    background-color: #fef8e2;
    align-items: center;
    padding: 5px 15px 0px 15px !important;
}


.card-design5{
    background-color: #edecff;
    align-items: center;
    padding: 5px 15px 0px 15px !important;
}

.card-design6{
    background-color: #efdbd4;
    align-items: center;
    padding: 5px 15px 0px 15px !important;
}

.card-icon{
    background-color: #36c76c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    color: #000;
    margin-top: -35px;
}

.card-icon i, .card-icon2 i, .card-icon3 i, .card-icon4 i, .card-icon5 i, .card-icon6 i{
    font-size: 28px !important;
    color: #ffffffcf;
}

.card-icon2{
    background-color: #ff6692;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    color: #000;
    margin-top: -35px;
}

.card-icon3{
    background-color: #16cdc7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    color: #000;
    margin-top: -35px;
}

.card-icon4{
    background-color: #e9ca60;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    color: #000;
    margin-top: -35px;
}


.card-icon5{
    background-color: #908cd5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    color: #000;
    margin-top: -35px;
}


.card-icon6{
    background-color: #c3856f;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    color: #000;
    margin-top: -35px;
}

.card-text{
    color: var(--dark);
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    text-align: center;
}

.total-cus-num{
    font-size: 30px;
    margin: 5px 15px 0 15px;
    font-weight: 500;
}

.card-desi{
    border: none;
    border-radius: 10px;    
    box-shadow: 0px 1px 1px 0px #eee;
}

.dash-customer{
    padding: 10px;
}

.dash-cusborder{
    border: 1px solid #eee;
    border-radius: 10px;
}

.card {
    margin-bottom: 20px;
    border: 1px solid #eee !important;
    border-radius: 10px !important;
}
.card-header {
    border-radius: 10px !important;

    }

.bg-color1{
        background-color: #e8f8ee !important;
}

.bg-color2{
    background-color: #feecf2 !important;
}

.bg-color3{
    background-color:  #e3f9f8 !important;
}
.bg-color4{
    background-color:  #fef8e2 !important;
}
.bg-color5{
    background-color:  #edecff !important;
}
.bg-color6{
    background-color:  #efdbd4 !important;
}

.dash-textname{
    text-align: right !important;
    padding-top: 5px;
    border-radius: 0px 0px 10px 10px !important;
    padding-bottom: 20px;
}

.active-but{
    background-color: transparent !important;
    color: var(--bs-btn-bg) !important;
    box-shadow: none !important;
    padding: 1px 6px !important;
    font-size: 12px !important;
}

.inactive-but {
    background-color: transparent !important;
    color: red !important;
    box-shadow: none !important;
    padding: 1px 6px !important;
    font-size: 12px !important;
}

.tab-activeclr {
    background-color: #ffffff !important;
    color: #2ab57d;
    border: 1px solid #2ab57d;
    border-radius: 30px;
}

.box-bg{
    background: linear-gradient(to right, #066498, #6da1bf) !important;
}

.box-bg2{
    background: linear-gradient(to right, #d25e35, #d78675) !important;
}

.box-bg3{
    background: linear-gradient(to right, #638122, #99b367) !important;
}

.modal-body {
    padding: 25px;
}
.block-cont{
    display: none !important;
}

@media (min-width: 768px){
    .block-cont{
        display: block !important;
    }
}