@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500&display=swap');


body,p,h1,h2,h3,h4,h6,span,div,main{
   font-family: 'Poppins', sans-serif !important;
 }
 
 .dt-row .col-sm-12{
     overflow:auto !important;
 }
 
 td{
     min-width: 70px !important;
 }
 
 .btn-primary, .btn-primary:active, .btn-primary:hover {
    color: #fff !important;
    background-color: #8cc04d !important;
    border-color: #8cc04d !important;
}


.logo-widget{
    background:url('assets/images/login-bg.png');
    background-size: cover !important;
}
.form-control, .form-select, .form-control:focus{
    box-shadow: rgb(239 249 255) 0px 4px 6px -1px, rgb(239 249 255) 0px 2px 4px -1px !important;
    padding: 8px;
}


.form-label{
    color:#040D12!important;
    font-weight:400;
}
.login-container .form-control{
    padding: 14px;
    border-radius:10px;
    font-size: 13px;
}
.login-btn, .login-btn:hover, .login-btn:active{
    padding: 14px 10px;
    border-radius: 12px;
    background-color: #8CC04D !important;
}
@media screen and (max-width:575px){
    .rightside-widget-col{
        display:none !important;
    }
    .widget-logo{
        display:block !important;
    }
}

/*Header Avatar*/

.profile-li{
   display: flex;
   align-items: center;
   padding-right: 10px;
 }

 .profile-li div{
   font-size:12px;
 }

 .profile-li div span{
   font-weight: 600;
 }




/*Dashboard CSS*/

.dashboard-section .dashboard-icon-img{
   height:55px;
}

 .dashboard-widget-card{
   box-shadow: rgb(211 225 233) -4px 9px 25px -6px;
   margin-bottom: 25px;
 }
 .d-card-inner-head{
   font-weight: 900;
    font-size: 40px;
    color: #212529;
   margin-bottom:0;
 }
.d-card-para-title{
    font-size: 12px !important;
   margin-bottom:0;
   padding-top: 10px;
    font-weight: 600;
    color: #212529;
}

.d-card-icon{
   font-size:40px;
   color:#B3B4BA;
}


/*Dashboard Card CSS */

.dashboard-section .card{
    border-radius: 8px;
   border-color:#FFFFFF !important;
   box-shadow: rgb(197 229 159) 0px 2px 8px 0px;
   cursor:pointer !important;
}

.dashboard-section .card-header{
   background-color:#FFFFFF !important;
   border-color:#FFFFFF !important ;
}

/*.dashboard-section .card-body{*/
/*    padding: 30px 15px !important;*/
/*}*/

.card-title{
   font-weight: 600 !important;
}

.dashboard-card canvas{
   width: 100% !important;
}


/*Input CSS*/

fieldset {
    margin-bottom: 15px !important;
}

.form-control {
    padding: 10px 10px !important;
}


/*Datatable Input*/
 div.dataTables_wrapper div.dataTables_filter input {
    padding: 7px 5px !important;
}

.break-text {
    text-wrap: wrap;
     max-width: 400px !important; 
     word-wrap: break-word; 
}



/*Cutom Icons CSS*/

.tick-icon{
    font-size:25px;
    color:#32ff7e;
}
.error-icon{
    font-size:25px;
    color:#DD2E44;
}


.pwd-condition{
    color:#192a56;
}

 #toggler, #toggler2{
        cursor: pointer;
    color: #bdc3c7;
    font-size: 15px;
    position: relative;
    top: -33px;
    right: 0;
    left: 90%;
        }
        
        .transparent-btn{
        background-color: transparent !important;
    border: none !important;
        }
        
        .transparent-btn.password-addon i{
            font-size:20px !important;
        }
        
        
        
        td.multiple-data{
             min-width:150px !important;
        }
        
         td{
          text-wrap: nowrap;
      }
      
      .long-td-data{
          text-align: justify !important;
            text-wrap: wrap !important;
            max-width: 229px !important !important;
      }
      
      
      
      
      /*Dark Mode CSS*/
      
      
      .dark-style .dashboard-section .card {
    box-shadow: none !important;
}

.dark-style .d-card-inner-head{
    color:#FFF !important;
}

.dark-style .d-card-para-title{
    color: #999e93 !important;
}

.dark-style .form-control, .form-select, .form-control:focus {
    box-shadow: none !important;
}

.dark-style .nav-pills .nav-link.active, .dark-style .nav-pills .nav-link.active:hover, .dark-style .nav-pills .nav-link.active:focus {
    background-color: #72e128 !important;
    color: #fff;
}


@media screen and (min-width:1560px) and (max-width:2200px){
        .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        width: 100% !important;
    }
}

.layout-menu-toggle.navbar-nav{
    padding-left: 10%;
}

@media screen and (max-width:1199px){
    .layout-menu-toggle.navbar-nav{
    padding-left: 1% !important;
}
}