body{height: 100vh!important;}
h1, h2, h3, h4, h5, h6, p, a, span, li, label, th, td, button, small, div{font-family: 'Nunito', sans-serif!important;}
a{cursor: pointer;}
/* Custom page design */
.page-title{font-weight: 800; font-size: 18px;}
.control-label{font-size: 15px!important;}
.mandatory{color: #f74437;}
.page-footer{border-top: 1px solid #dedede; margin: 15px 15px 0; padding: 15px 0 0; text-align: right; width: 100%;}
.page-footer .btn{font-weight: 600; font-size: 13px; padding: 3px 13px;}
.form-group{padding: 0; margin-bottom: 10px;}
a:hover{text-decoration: none;}
a.btn.btn-link{padding: .215rem .736rem; font-size: 12px; border-radius: 100px; font-weight: 600; line-height: 20px;  background: none!important;}
a.btn.btn-link:hover{text-decoration: none!important; color: #019992!important; }
a.btn.btn-link i{font-size: 10px; line-height: 18px;}
.btn-link.btn-primary{border: 1px solid #019992!important; color: #019992!important;}
.custom-file-label{border: 1px solid #ebedf2; height: calc(2.25rem + 0); padding: .35rem .5rem;}
.custom-file-label::after{background-color: #ffffff!important; height: calc(2.25rem + -2px); padding: .35rem .5rem;  font-size: 12px; line-height: 24px!important;}
textarea{height: calc(2.25rem + 2px)!important; padding: .375rem .75rem!important;}
.card-header{padding: .55rem 1.25rem; margin-bottom: 0; background-color: rgb(236 243 239);}
.card-header .card-title{font-weight: 600; font-size: 16px;}
.border-bottom{border-bottom: 1px solid #efefef!important;}
.green-txt{color: #0BBB5E; font-weight: 700;}
.input-group-text{background-color: #ffffff; font-size: 15px; color: #686969;}

/* Header Start */
.logo-header .logo .navbar-brand{height: 50px;}
.profile-pic span{display: block; font-weight: 600;}
.user-level{font-weight: 500!important;}
.btnLogout, .btnLogout:hover{padding: .65rem 1.5rem; background: #f74437; font-weight: 600; color: #fff;}
.dropdown-menu{padding-bottom: 0!important;}
.dropdown-item{font-size: 14px!important;}

/* Sidebar Start */
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a{background: #0BBB5E!important;}
.sidebar.sidebar-style-2 .nav .nav-item a{padding: 5px 10px!important;}
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a p{font-weight: 600;}
.sidebar .nav>.nav-item a i{font-size: 16px; color: #999999!important;}
.sidebar .nav>.nav-item a{margin-bottom: 10px;}

.datepicker td, .datepicker th{font-size: 12px; padding: 9.5px 9.5px 7px;}

/* Datatable Start*/
table.dataTable{border-collapse: collapse!important;}
.dataTable td, .dataTable th{border-collapse: collapse!important; padding: 8px;}
table.dataTable thead th{color: #676767; font-weight: 800!important; font-size: 14px; border-top: none!important;}
.dataTable td{border-top:1px solid #efefef!important}
.table-striped tbody tr:nth-of-type(odd){background-color: #f9f9f9!important;}
/* table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{background: none!important;} */
div.dataTables_wrapper div.dataTables_filter label{font-weight: 600;}
/* Datatable End*/

/* Modal Header */
.modal-header{background: #f8f8f8; padding: 10px 15px;}
.modal-title{font-weight: 700;}
.modal-header .close {padding: 9px 15px; margin: -0.7rem -1rem -1rem auto;}

/* Btn  */
.btn{font-weight: 600; font-size: 12px; padding: 5px 13px;}
.btn-success{background-color: #15b1aa!important; border-color: #15b1aa!important}
.btn-success:hover{background-color: #15b1aa!important;}
.btn-dark{background-color: #404e67 !important; border-color: #404e67 !important;}

/* Loader Design Start */
/* -------------------------seven--------------------- */
 
.seven {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
   
  .seven .line {
    position: absolute;
    border-radius: 50%;
    border: 3px solid #5fff6b;
    border-bottom: 2px solid #7d7e7f;
  }
   
  .seven .line:nth-child(1) {
    width: 25px;
    height: 25px;
    animation: anim4 600ms linear infinite;
  }
   
  .seven .line:nth-child(2) {
    width: 50px;
    height: 50px;
    animation: anim4 800ms linear infinite;
  }
   
  .seven .line:nth-child(3) {
    width: 75px;
    height: 75px;
    animation: anim4 1000ms linear infinite;
  }
   
  .seven .line:nth-child(4) {
    width: 100px;
    height: 100px;
    animation: anim4 1200ms linear infinite;
  }
   
  @keyframes anim4 {
    to {
      transform: rotate(360deg);
    }
  }

  /* .overlayDesign{
    position:fixed;
    top:0;
    left:0;
    background: rgb(39 39 39 / 92%);
    height:100%;
    width:100%;
    z-index: 999999;
  } */
   
  .overlayDesign .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

/* .overlayDesign p{position: relative; top: 55%; color: #fff; font-size: 14px;  text-align: center; font-weight: 500; float: left; left: 47%;} */
/* Loader Design End */

/* Alert Design Start */
.alertDesign h6{font-weight: 700; font-size: 18px; margin: 0;}
.alertDesign p{margin: 0; font-size: 14px; margin: 0;}
.successAlert .btn.btn-success {background: #31ce36!important; border-color: #31ce36!important;}
/* Alert Design End */

.pdfView{width: 100%; height: 100vh;}