/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{
  margin: 0;
  padding: 0;
}

* {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.bg-happy{
  background-color: #f5f6f7;
}
.bgc{
  height: 48rem;
}

/* FONTS */
p{
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}
span{
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}
h1{
  font-family: 'Inter', sans-serif;
  font-size: 20px;
}
h3{
  font-family: 'Inter', sans-serif;
  font-size: 16px;
}
button{
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}
a{
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}
/* END FONTS */

.nav-link{
  font-family: 'Inter', sans-serif;
}
.search-input{
  border: none;
  border-bottom: 2px solid #1dad99;
}

.link-dark:hover{
  color: #1eac98 !important;
}

/* COLOR SCHEME */
.primary{
  color: #1eac98;
}
.secondary{
  color: #178b7a;
}
.tertiary{
  color: #3e2391;
}
/* BACKGROUND-COLOR */
.bg-light-color{
  background-color: #1eac98;
}
.bg-dark-color{
  background-color: #178b7a;
}
.bg-solid-color{
  background-color: #3e2391;
}
/* END COLOR SCHEME */

/* NAVBAR */
.navbar{
  z-index: 999999999;
}
.navbar .nav-link.active {
    color: #3e228f; 
}

.navbar .nav-link:hover {
    color: #3e228f; 
}
/* END NAVBAR */

/* LOGIN */
.login-layout{
  width: 43%;
  height: 25rem;
}
.form-login{
  border: none !important;
  border-left: 3px solid #1dad99 !important;
}
/* END LOGIN */

/* HOME */
.accordion-button{
  background-color: #3e2391;
  box-shadow: none !important;
  color: white !important;
  padding: 1rem;
  width: 100%;
  display: block;
  padding-left: 60px;
}
.accordion-button:hover{
  background-color: #27165B;
}
.accordion-button.active{
  background-color: #27165B;
}
.accordion-button::after{
  background-image: none;
}
.accordion-button:not(.collapsed)::after{
  background-image: none;
}
.accordion{
  border: none !important;
}
.menu-link{
  padding: 1rem;
  width: 100%;
  display: block;
  padding-left: 60px;
}
.menu-link:hover{
  background-color: #27165B;
}
.menu-link.active{
  background-color: #27165B;
}
.col-menu{
  padding: 0;
}
.nav-side{
  width: 280px;
}
.row-dash{
  width: 49%;
}
.link:hover{
  color: #178b7a;
}
.btn:hover{
  background-color: #178b7a;
}
th {
    text-transform: capitalize !important;
}
.brand-link{
  padding-left: 25px;
}
.side-link{
  display: flex;
  padding-left: 25px;
  width: 100%;
  font-size: 18px;
  align-items: center;
  padding-top: 17px;
}
.side-link:hover{
  background-color: #27165B;
}
.side-item{
  margin: 0;
}
.sidebar{
  padding: 0;
}
.side-collapse{
  padding-left: 40px;
}
/* END HOME */

/* APPOINTMENT */
.search-icon{
  height: 38px;
}
.search-input:focus{
  border-color: white;
}
.table{
  overflow: hidden;
  border-bottom: none;
}
.table.dataTable.no-footer{
  border-bottom: 0;
}
.table.dataTable thead th, .table.dataTable thead td{
  border-bottom: 0;
}
.sorting{
  border-top: none !important;
}
.dataTables_wrapper .dataTables_filter input{
  background-color: white !important;
}
.bg-header{
  background-color: #e6e3f0;
}
.table>:not(caption)>*>*{
  border-bottom: 0;
}
.table td, .table th{
  border-top: 0;
}
.dataTables_wrapper .dataTables_length select{
  background-color: white !important;
}
/* END APPOINTMENT */

/* ADD APPOINTMENT */
.form-control{
  border: none;
  border-bottom: 2px solid #E5E4E2;
  border-radius: 0px;
}
.form-control:focus{
  border-bottom: 2px solid #1eac98;
}
label{
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: normal !important;
  color: black;
}
.form-select{
  border: none;
  border-bottom: 2px solid #E5E4E2;
  border-radius: 0px;
  box-shadow: none !important;
}
.form-select:focus{
  border-bottom: 2px solid #1eac98;
}
/* END ADD APPOINTMENT */

.content{
  min-height: 100vh;
}

/* ADD MED TECH */
.form-control[type=file]:not(:disabled):not([readonly]){
  background-color: white;
}
/* END ADD MED TECH */

/* PATIENT SINGLE PAGE */
.table-single{
  border-radius: 0;
  border: 0;
}
.table-single.dataTable.no-footer{
  border: 0;
}
.table-single.dataTable tbody th, .table-single.dataTable tbody td{
  border: 0;
}
.table-single>:not(caption)>*>*{
  border-bottom: 0;
}
.table-single.dataTable thead th, .table-single.dataTable thead td{
  border-bottom: 0;
}
.table-single td, .table-single th{
  border-top: 0;
}
.table-single thead th{
  border-bottom: 0;
}
.col-modal{
  height: 10rem;
}
/* END PATIENT SINGLE PAGE */

/* LAB TEST */
.table-lab.dataTable thead th, .table-lab.dataTable thead td{
  border-bottom: 0;
}
.table-lab>:not(caption)>*>*{
  border-bottom: 0;
}
.table-lab td, .table-lab th{
  border-top: 0;
}
.table-lab.dataTable.no-footer{
  border-bottom: 0;
}
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled{
  padding: 16px;
}
.cancel-modal:hover{
  color: #178b7a;
}
.col-result{
  height: 20rem;
}
/* END LAB TEST */

/* FINANCE ADD CATEGORY */

/* END FINANCE ADD CATEGORY */

/* MEDICAL ADD APPOINTMENT */
.medical-textarea{
  border: 1px solid #e5e4e2;
}
.medical-textarea:focus{
  border: 2px solid #1eac98;
}
/* END MEDICAL ADD APPOINTMENT */

/* MEDICAL SINGLE PATIENT */
.view-width{
  width: 20%;
}
.view-select{
  border: 1px solid #e5e4e2;
}
.view-select:focus{
  border: 1px solid #e5e4e2;
}
/* END MEDICAL SINGLE PATIENT */

/* MEDICAL HISTORY */
.form-medical{
  border: 0;
  border-bottom: 1px solid #e5e4e2;
}
.form-medical-textarea{
  border: 1px solid #e5e4e2;
}
.form-medical-textarea:focus{
  border: 2px solid #1dad99;
}
/* END MEDICAL HISTORY */

/* PHYSICAL EXAM */
.exam-spacer{
  width: 80%;
}
/* END PHYSICAL EXAM */

/* MEDICAL NOTES */
.modal-textarea{
  border: 1px solid #e5e4e2;
}
.modal-textarea:focus{
  border: 2px solid #1dad99;
}
/* END MEDICAL NOTES */

/* TABLE */
table{
  width: 100% !important;
}
.img-sig{
  width: 17%;
}
.dataTables_scrollHeadInner{
  width: 100% !important;
}
/* END TABLE */

/* FOOTER */
footer {
  bottom: 0;
  width: 100%;
  position: relative;
}
/* END FOOTER */

/* RESPONSIVE */
@media only screen and (max-width: 600px) {
  .bgc{
    height: 100vh;
  }
  .img-sig{
    width: 89%;
  }
  .w-sm-100{
    width: 100% !important;
  }
  .login-layout{
    width: 100%;
  }
  .pad-sm-0{
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .pad-sm-1{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .img-logo{
    width: 50%;
  }
  .navbar-toggler:focus{
    border: none !important;
  }
  .row-sm-100{
    width: 100%;
  }
  span{
    font-size: 12px;
  }
  p{
    font-size: 12px;
  }
  h1{
    font-size: 18px;
  }
  .table{
    border-radius: 0;
  }
  .view-width{
    width: 100%;
  }
  .btn-sm{
    font-size: 14px !important;
    padding: 10px;
  }
  .mt-sm-0{
    margin-top: 0 !important;
  }
}