@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rouge+Script&display=swap');

: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);
    --bs-main-color: #066498 !important;
    --bs-gradient-bg: linear-gradient(to right, #805AF5, #CD99FF) !important;
    --main-color: #805AF5 !important;
    --second-color : #CD99FF !important;
    --main-hovere-color: #c7c2c2 !important;
    --btn-hover-color: #ac6aea !important;
    --table-headclr: #edf2fa !important;

    /* themecolor */

    --primary-themeclr: #085e91;
    --secondary-themeclr: #518aad;
    /* --active-color: #ffbf53 !important; */
    /* --active-color: #daf08b !important; */
    /* --active-color: #daf08c !important; */

    --active-color: #ffffff !important;

    
    
 }


body{background: var(--white);  }

@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: 14px; color: var(--secondary-themeclr);}
.fa-arrow-alt-circle-down{font-size: 15px; color: var(--secondary-themeclr);}
.fa-eye{font-size: 16px; color:var(--secondary-themeclr);}
.fa-envelope-open-text{font-size: 15px; color: var(--secondary-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); border-color: var(--primary-themeclr);}
.btn-primary:hover{background: var(--secondary-themeclr); border-color: var(--secondary-themeclr); color: var(--blue);}
.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(--blue) !important;} */
.mm-active .active i {color:var(--active-color) !important; color: var(--active-color) !important;}
.mm-active .active span {color:var(--active-color) !important; color: var(--active-color) !important; font-weight: 700;}

.mm-active .active{ background: #518aad; color: var(--white) !important;}
#sidebar-menu ul li a:hover{color:var( --white) !important;}
#sidebar-menu ul li a:hover i{color:var(--white) !important;}
.mm-active>a{color: var(--active-color) !important;}
body:not([data-sidebar-size=sm]) #vertical-menu-btn{color: #fff !important;}

.navbar-header [type=button]:not(:disabled), button:not(:disabled){
        color: #000 !important;
    }
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){color: #fff !important;}

 /* [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;
  }


  .card {
    margin-bottom: 20px;
    border-radius: 10px;
}

.card-header {
    border-radius: 10px !important;
}

.card:hover {
    /* transform: scale(1.03); */
}

.dash-main{
    display: flex;
    justify-content: center;
    align-items: center;
}
.dash-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #7fad19 !important;
    border-radius: 50%;
}

.dash-icon2{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #085e91 !important;
    border-radius: 50%;
}

.dash-icon3{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e86a3a !important;
    border-radius: 50%;
}

.dash-icon4{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9cd36 !important;
    border-radius: 50%;
}
.dash-icon5{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2ab57d !important;
    border-radius: 50%;
}

.dash-icon6{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #74788d !important;
    border-radius: 50%;
}




.dash-icon i, .dash-icon2 i, .dash-icon3 i, .dash-icon4 i, .dash-icon5 i, .dash-icon6 i{
    color: var(--white);
}

.dash-text{
    color: var(--dark);
    font-size: 14px;
    font-weight: 400;
}

.dash-card{
    background: #7fad191c !important;
}

.dash-card2{
    background: #085e911c !important;
}

.dash-card3{
    background: #e86a3a1c !important;
}

.dash-card4{
    background: #f9cd361c !important
}

.dash-card5{
    background: #2ab57d1c !important;
}

.dash-card6{
    background: #74788d1c !important;
}


/* .dash-card{
    background: #e8f8ee !important;
}
.dash-card2{
    background: #feecf2 !important;
}

.dash-card3{
    background: #e3f9f8 !important;
}

.dash-card4{
    background: #fef8e2 !important
}

.dash-card5{
    background: #edecff !important;
}

.dash-card6{
    background: #efdbd4 !important;
} */

.card-outer{
    /* border: 1px solid #eeeeeead; */
    border: none;
    border-bottom: none !important;
    box-shadow: 1px 0px 1px 0px #eee;
}

.table .table-heading{
    color: #313533;
    border-color: #edf2fa !important;
    background-color: #edf2fa !important;
  }

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

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

    .table-clr{
        background-color: var(--table-headclr) !important;
    }

    .modal-head{
        background-color: var(--table-headclr) !important;
    }


  
    .dashboard-active{
    background: transparent !important;
    color: #2ab57d;
    border: 1px solid #2ab57d;
    border-radius: 30px;
    padding: 2px 6px;
    font-size: 10px;
    }
  
    .dash-customer{
        background: #a6c367 !important;
        border: 1px solid #eeeeeead;
    }

    .dash-customer div, .dash-customer2 div, .dash-customer3 div{
        color: var(--dark) !important;
    }

    .dash-customer2{
        background: #94b9cf !important;
        border: 1px solid #eeeeeead;
    }

    .dash-customer3{
        background: #f7ab8e !important;
        border: 1px solid #eeeeeead;
    }

    .pad-25{
        padding: 25px !important;
    }

    .tab-activeclr{
        background-color: #ffffff !important;
        color: #2ab57d;
        border: 1px solid #2ab57d;
        border-radius: 30px;
    }
    
.logo-name{
    font-size: 40px;
    color: #fff;
    font-family: math;
    margin-left: 0px;
    letter-spacing: 1.0px;
}

.logo-favi{
    font-size: 40px;
    color: #fff;
    margin-left: 8px;
    font-family: math;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    background-color: var(--primary-themeclr) !important;
    border-color: var(--primary-themeclr) !important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    background: #fff !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

.dash-row{
    padding: 10px;
    border-radius: 8px;
}


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