:root {
  --prescription-primary-color: #281180;
  --bs-primary: #281180;
  --bs-primary-rgb: 40, 17, 128 !important;
  --prescription-primary-color-2: #60558b;
  --prescription-color-black: #000000;
  --prescription-color-white: #ffffff;
  --prescription-bg-color-1: #eff1ff;
  --prescription-bg-color-2: #d7fceb;
  --prescription-bg-color-3: #e2f4f9;
  --prescription-bg-color-4: #fef4ec;
  --prescription-bg-color-5: #f8f7fd;
  --prescription-bg-color-6: #fcfbfe;
  --prescription-border-color-1: #eeebf9;
  --wp--style--global--content-size: 1340px !important;
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/InterVariable.ttf') format('truetype');
}

@font-face {
  font-family: 'Siyamrupali';
  src: url('fonts/Siyamrupali.ttf') format('truetype');
}

@font-face {
  font-family: 'Hind Siliguri';
  src: url('fonts/HindSiliguri-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Hind Siliguri';
  src: url('fonts/HindSiliguri-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Hind Siliguri';
  src: url('fonts/HindSiliguri-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Hind Siliguri';
  src: url('fonts/HindSiliguri-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Hind Siliguri';
  src: url('fonts/HindSiliguri-Bold.ttf') format('truetype');
  font-weight: 700;
}
.hindi-siliguri-regular {
  font-family: 'Hind Siliguri', sans-serif;
  font-weight: 400;
}

body {
  font-family: 'Inter', 'Hind Siliguri', sans-serif;
  
}

body:lang(bn) {
  font-family: 'Hind Siliguri', sans-serif;
}
/* .prescription-container .rx-section{
  font-family: 'Siyamrupali', sans-serif;
  font-size: 13px;
} */

h1,
h2,
h3,
h4 {
  font-family: 'Inter', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}

.pgs-text-color-1 {
  color: var(--prescription-primary-color) !important;
}

a.pgs-text-color-1:hover {
  color: var(--prescription-primary-color-2) !important;
}

/* pgs-sidebar css */
.pgs-sidebar {
  background-color: var(--prescription-bg-color-6);
  border: var(--prescription-border-color-1) 1px solid;
  font-family: 'Inter', sans-serif;
}

.pgs-sidebar .nav-pills a.nav-link {
  font-size: 14px;
}
.pgs-bg-2 {
  background-color: var(--prescription-bg-color-6);
}

@media (max-width: 992px) {
  .pgs-sm-bg-2 {
    background-color: var(--prescription-bg-color-6);
  }
}

.pgs-sidebar .nav-pills .nav-link:hover,
.pgs-sidebar .nav-pills .nav-link.active,
.pgs-sidebar .nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--prescription-primary-color);
  text-decoration: none;
}

.pgs-sidebar .nav-pills a.nav-link span.pgs {
  font-size: 24px;
}

.pgs-sidebar .nav-item {
  list-style: none;
  border-bottom-width: 0;
}

.pgs-sidebar .nav-item:last-child {
  border-bottom-width: 1px;
}

.pgs-sidebar .nav-item .nav-link {
  text-decoration: none !important;
  color: var(--prescription-primary-color);
}

.pgs-btn-bg {
  background-color: var(--prescription-primary-color) !important;
  color: white !important;
}

.pgs-btn-bg:hover {
  background-color: var(--prescription-primary-color-2) !important;
  color: white;
}
.pgs-btn-bg-success {
  background-color: #00a65a !important;
  color: white !important;
}

.pgs-btn-bg-success:hover {
  background-color: #008d4c !important;
  color: white;
}


.pgs-nowrap {
  text-wrap: nowrap;
}

.form-check-input:checked {
  background-color: var(--prescription-primary-color) !important;
  border-color: var(--prescription-primary-color) !important;
}
.nav {
  .nav-link,.nav-link:hover{
    color:  var(--prescription-primary-color);
  }
}
.tab-content :not(.footer-preview-div) * {
  h1, h2, h3, h4, h5, h6 {
    color: var(--prescription-primary-color);
  }
  .btn.btn-primary {
    background-color: var(--prescription-primary-color);
    border-color: var(--prescription-primary-color);
  }
  .btn.btn-primary:hover {
    background-color: var(--prescription-primary-color-2);
    border-color: var(--prescription-primary-color);
  }
}
.modal{
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--prescription-color-white);
    background-color: var(--prescription-primary-color);
  }
  h1,h2,h3,h4,h5,h6{
    color:  var(--prescription-primary-color);
}
.btn.btn-primary{
  background-color: var(--prescription-primary-color);
  border-color:var(--prescription-primary-color);
}
.btn.btn-primary:hover{
  background-color: var(--prescription-primary-color-2);
  border-color:var(--prescription-primary-color);
}
}
/* dashboard css */
.pgs-dashboard h3 {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 29.05px;
  text-align: left;
}

.pgs-dashboard h4 {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24.2px;
  text-align: left;
}

.dash-widget-1 {
  background-color: var(--prescription-bg-color-1) !important;
  height: 100%;
}

.dash-widget-2 {
  background-color: var(--prescription-bg-color-2) !important;
  height: 100%;
}

.dash-widget-3 {
  background-color: var(--prescription-bg-color-3) !important;
  height: 100%;
}

.dash-widget-4 {
  background-color: var(--prescription-bg-color-4) !important;
  height: 100%;
}

.fz-40 {
  font-family: 'Inter', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48.41px;
  text-align: left;
}

.fz-16 {
  font-size: 16px !important;
}
.fz-14 {
  font-size: 14px !important;
}
.fz-12 {
  font-size: 12px !important;
}
.fz-10 {
  font-size: 10px !important;
}
.fz-8 {
  font-size: 8px !important;
}
/* data table css */
.dt-container span {
  color: var(--prescription-primary-color);
}

.dt-container .dt-search {
  display: flex;
  align-items: center;
}

.dt-container select#dt-length-1 {
  width: 70px;
}

.dt-container .bottom,
.top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

button.dt-button.ui-button.ui-corner-all.buttons-print,
button.dt-button.ui-button.ui-corner-all.buttons-html5 {
  background-color: #f8f7fd;
  border: 1px solid #eeebf9;
  margin-bottom: 5px;
  padding: 12px 16px 12px 16px;
  border-radius: 8px;
}

button.dt-button.ui-button.ui-corner-all.buttons-print span,
button.dt-button.ui-button.ui-corner-all.buttons-html5 span {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: left;
}

button.dt-button.ui-button.ui-corner-all.buttons-copy.buttons-html5:before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_70_13441)'%3E%3Cpath d='M7.5 12.5C7.5 10.143 7.5 8.9645 8.23223 8.23223C8.9645 7.5 10.143 7.5 12.5 7.5H13.3333C15.6903 7.5 16.8688 7.5 17.6011 8.23223C18.3333 8.9645 18.3333 10.143 18.3333 12.5V13.3333C18.3333 15.6903 18.3333 16.8688 17.6011 17.6011C16.8688 18.3333 15.6903 18.3333 13.3333 18.3333H12.5C10.143 18.3333 8.9645 18.3333 8.23223 17.6011C7.5 16.8688 7.5 15.6903 7.5 13.3333V12.5Z' stroke='%23281180' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1669 7.49984C14.1649 5.0356 14.1277 3.75918 13.4103 2.8852C13.2718 2.71641 13.1171 2.56165 12.9483 2.42314C12.0263 1.6665 10.6566 1.6665 7.91699 1.6665C5.17743 1.6665 3.80764 1.6665 2.88568 2.42314C2.7169 2.56165 2.56214 2.71641 2.42363 2.8852C1.66699 3.80715 1.66699 5.17694 1.66699 7.9165C1.66699 10.6561 1.66699 12.0258 2.42363 12.9478C2.56213 13.1166 2.7169 13.2713 2.88568 13.4098C3.75967 14.1272 5.03608 14.1644 7.50032 14.1664' stroke='%23281180' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_70_13441'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  padding: 5px;
  margin-top: 5px;
}

button.dt-button.ui-button.ui-corner-all.buttons-csv.buttons-html5:before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_70_13463)'%3E%3Cpath d='M6.12863 14.9998C4.35936 14.9998 3.47473 14.9998 2.8449 14.6222C2.43327 14.3753 2.10164 14.0224 1.88762 13.6033C1.56015 12.9621 1.64818 12.1143 1.82423 10.4186C1.97119 9.00309 2.04467 8.29529 2.40603 7.77551C2.64327 7.43425 2.96415 7.15454 3.3403 6.96111C3.91323 6.6665 4.65169 6.6665 6.12863 6.6665H13.872C15.349 6.6665 16.0874 6.6665 16.6603 6.96111C17.0365 7.15454 17.3574 7.43425 17.5947 7.77551C17.956 8.29529 18.0295 9.00309 18.1764 10.4186C18.3525 12.1143 18.4405 12.9621 18.113 13.6033C17.899 14.0224 17.5674 14.3753 17.1557 14.6222C16.5259 14.9998 15.6413 14.9998 13.872 14.9998' stroke='%23281180' stroke-width='1.5'/%3E%3Cpath d='M14.1663 6.6665V4.99984C14.1663 3.42849 14.1663 2.64281 13.6782 2.15466C13.19 1.6665 12.4043 1.6665 10.833 1.6665H9.16634C7.59499 1.6665 6.80932 1.6665 6.32117 2.15466C5.83301 2.64281 5.83301 3.42849 5.83301 4.99984V6.6665' stroke='%23281180' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M11.6569 13.3335H8.34243C7.77136 13.3335 7.48582 13.3335 7.24287 13.4242C6.91893 13.5452 6.64156 13.7802 6.45484 14.0917C6.3148 14.3255 6.24555 14.6261 6.10704 15.2272C5.89062 16.1664 5.78241 16.636 5.856 17.0126C5.95413 17.5147 6.25998 17.9397 6.68511 18.1647C7.00395 18.3335 7.45011 18.3335 8.34243 18.3335H11.6569C12.5493 18.3335 12.9954 18.3335 13.3143 18.1647C13.7393 17.9397 14.0453 17.5147 14.1433 17.0126C14.2169 16.636 14.1088 16.1664 13.8923 15.2272C13.7538 14.6261 13.6845 14.3255 13.5445 14.0917C13.3578 13.7802 13.0804 13.5452 12.7565 13.4242C12.5135 13.3335 12.228 13.3335 11.6569 13.3335Z' stroke='%23281180' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M15 10H15.009' stroke='%23281180' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_70_13463'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  padding: 5px;
}

.dt-container .top .dt-search label {
  display: none;
}
.dt-container .top .dt-search .dt-input {
  border: none !important;
  box-shadow: none;
}
.dt-container .top .dt-search .dt-input::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_70_13471)'%3E%3Cpath d='M14.5835 14.5835L18.3335 18.3335' stroke='%2360558B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6665 9.1665C16.6665 5.02437 13.3087 1.6665 9.1665 1.6665C5.02437 1.6665 1.6665 5.02437 1.6665 9.1665C1.6665 13.3087 5.02437 16.6665 9.1665 16.6665C13.3087 16.6665 16.6665 13.3087 16.6665 9.1665Z' stroke='%2360558B' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_70_13471'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.dt-container .top .dt-search {
  padding: 0px 16px 0px 16px !important;
  border-radius: 8px;
  border: 1px solid #eeebf9;
  margin-bottom: 5px;
}
.dt-container .bottom .dt-paging.fg-buttonset .fg-button {
  background-color: #f5f6ff;
  border: 1px solid #c2d1ff;
  padding: 12px;
  border-radius: 8px;
  margin: 10px 5px;
  color: var(--prescription-primary-color);
  font-size: 20px;
}

.dt-container .bottom .dt-length select {
  border: 1px solid #eeebf9;
  background: #ffffff;
  border-radius: 8px;
  color: var(--prescription-primary-color);
  margin: 10px 5px;
}
.dt-container .bottom .dt-length label {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  text-transform: capitalize;
  padding-left: 5px;
  color: var(--prescription-primary-color);
  margin: 10px 5px;
}

.dt-container .bottom .dt-info {
  color: var(--prescription-primary-color);
  margin: 10px 5px;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
}


#searchResults{
  #accordion {
   max-height: 34px;
   position: absolute;
   width: 90%;
   z-index: 1;
   transition: 1s;
   background-color: var(--prescription-bg-color-1);
   list-style: none;
   overflow-y: scroll;
   scrollbar-width: thin;
   border-radius: 5px;
   border: 1px solid var(--prescription-color-black);
   .accordientlist {
     padding: 10px 5px 10px 20px;
     background: #f1eeee;
     border-bottom: 0.5px solid #373737;
   }
 }
  &:hover {
   max-height: 470px;
   transition: 2s;
 }

}

table#patient-datatable {
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
}
table#patient-datatable thead {
  border-radius: 10px 10px 0px 0px;
  background: var(--prescription-bg-color-1);
}
table#patient-datatable thead tr:hover {
  background: var(--prescription-bg-color-1);
  color: var(--prescription-primary-color);
}
#patient-datatable tr:hover {
  cursor: pointer;
  background-color: var(--prescription-border-color-1);
}
#searchPatientResults{
  margin-top:-20px;
  table#patient-datatable { 
    background: #cacaff;
    th,td {
        padding: 10px;
    }
  }
}

/* pgsSidebar styles */
#pgsSidebar {
  height: 100vh;
  background-color: var(--prescription-bg-color-6);
  border: var(--prescription-border-color-1) 1px solid;
  font-family: 'Inter', sans-serif;
  color: white;
  width: 250px;
  transition: all 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}

#pgsSidebar.collapsed {
  width: 60px;
  overflow-x: hidden;

}
#pgsSidebar ul.nav.flex-column.nav-pills {
  margin-left: 0px;
}
.pgsContent {
  margin-left: 250px;
  padding: 20px;
  flex-grow: 1;
  transition: all 0.3s;
}

.pgsContent.collapsed {
  margin-left: 60px;
}

.collapsed .nav-link span {
  display: none;
}

.collapsed .nav-link i {
  margin-right: 0;
}

.collapsed #pgsSidebarTitle {
  display: none;
}

/* pgsHeader styles */
#pgsHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  transition: all 0.3s;
}

.main-content {
  margin-top: 60px;
}

#togglepgsSidebarBtn {
  display: none;
}
#pgsSidebar.collapsed i {
  font-size: 20px;
}
/* Mobile View: pgsSidebar toggle button */
@media (max-width: 767px) {
  #pgsSidebar {
    display: block;
    width: 250px;
  }

  #pgsSidebar.collapsed {
    display: none;
  }

  .pgsContent {
    margin-left: 250px;
  }

  .pgsContent.collapsed {
    margin-left: 0;
  }

  #togglepgsSidebarBtn {
    display: block;
    /* Show pgsSidebar toggle button on mobile */
  }
}
.btn.btn-xs{--bs-btn-padding-y: .1rem; --bs-btn-padding-x: .3rem; --bs-btn-font-size: .75rem;}

/* Get appoint card css*/
.doctor-profile-container{
  min-width: 350px;
  border: var(--prescription-primary-color) solid 1px;
  border-radius: 5px;
  padding: 20px;
  img{
      height: 100px;
      width: 100px;
      object-fit:cover;
      object-position:top;
      border-radius: 100%;
      margin-bottom: 15px;
  }
  .card-text {
      font-size:14px;
      margin-bottom: 10px;
  }
  .card-title,i {
      margin-bottom: 10px;
      font-size:16px;
  }
  button{
      font-size:14px;
      padding:2px 5px;
  }
}
@media only screen and (max-width: 767px) {
  div#pgsPrintSidebar {
      width: 100% !important;
      border-right: none !important;
      border-bottom: 1px solid;
  }
  
  .rx-section.col-auto.g-0.p-2 {
      width: 100% !important;
  }
  div#pgsPrintMenu div{
      width:max-content !important;
      margin-right:5px;
  }
}
div#patient-dashboard-content {
  ul.nav.nav-pills.flex-column.p-0.col-12 {
      margin-left:0px;
  }
}