body {
  font-family: "Lato", "sans-serif";
  font-size: 16px;
  color: #353535;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Barlow", sans-serif;
}

label.form-label {
  color: #353535;
  font-family: "Lato", "sans-serif";
}

p {
  margin: 0;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.flex-10 {
  flex: 0 0 10%;
}

.flex-15 {
  flex: 0 0 15%;
}

.flex-25 {
  flex: 0 0 25%;
}

.flex-35 {
  flex: 0 0 35%;
}

.flex-20 {
  flex: 0 0 20%;
}

.flex-30 {
  flex: 0 0 30%;
}

.flex-30 {
  flex: 0 0 30%;
}

.flex-33 {
  flex: 0 0 31.333%;
}

.flex-40 {
  flex: 0 0 40%;
}

.flex-48 {
  flex: 0 0 48%;
}

.flex-50 {
  flex: 0 0 50%;
}

.flex-60 {
  flex: 0 0 60%;
}

.flex-70 {
  flex: 0 0 70%;
}

.flex-80 {
  flex: 0 0 80%;
}

.flex-90 {
  flex: 0 0 90%;
}

.flex-100 {
  flex: 0 0 100%;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.brand-color,
.brand-bg {
  color: #ff6d3b;
}

.brand-blue,
.brand-bg-blue {
  color: #150d3f;
}

.th-width-12 {
  width: 12.5%;
}

.th-width-16 {
  width: 16%;
}

.th-width-20 {
  width: 20%;
}

.th-width-25 {
  width: 25%;
}

.th-width-33 {
  width: 33%;
}

.th-width-50 {
  width: 50%;
}

.th-width-75 {
  width: 75%;
}

.viewport {
  min-height: 100vh;
  position: relative;
}

.center-viewport {
  display: flex;
  align-items: center;
  justify-content: center;
}

.white-bg {
  color: #fafafa;
}

.background-white {
  background-color: #fff;
}

.mandatory-mark {
  position: relative;
}

.mandatory-mark::after {
  content: "*";
  color: red;
  padding-left: 5px;
}

.mandatory-message,
.validation-message>.mandatory-message {
  color: red;
}

.form-control:focus {}

.btn-blue {
  background: #150d3f;
  color: #fff;
  position: relative;
  z-index: 9999;
  border-radius: 5px;
  border: 1px solid #150d3f;
  font-size: 18px;
  padding: 10px;
  line-height: 1.5;
  font-weight: 400;
  border-radius: 50px;
  text-transform: capitalize;
  transition: all 0.5s ease;
}

.form-control.form-field__,
.form-control.form-field,
.form-select.form-field {
  border-width: 2px;
  border-style: solid;
  border-color: #cccccc;
  /* border: 2px solid #cccccc; */
  padding: 10px 15px;
  border-radius: 50px;
}

.form-control.form-field:focus,
.form-select.form-field:focus {
  border-color: #adadad;
  box-shadow: unset;
}

.form-control.form-field::placeholder {
  color: #cccccc;
  font-size: 16px;
}

.form-heading {
  color: #353535;
  font-weight: 400;
  font-size: 30px;
}

.forgot-remember {
  display: flex;
  justify-content: space-between;
}

.sign-up {}

/* .form-check-input[type="checkbox"]:checked {
  background-image: none;
  background-color: #ff6d3b;
}

.form-check-input[type="checkbox"]:checked:focus {
  background-color: #ff6d3b;
}

.form-check-input:checked {
  border-color: #ff6d3b;
} */

.no-border.transparent-border {
  border-color: transparent;
  /* background-color: transparent; */
}

.no-border.transparent-border:focus,
.no-border.transparent-border:focus-visible {
  border-color: transparent;
  outline: 0;
  box-shadow: unset;
}

.two-field-second,
.two-field-first {
  position: relative;
}

/* .two-field-second >*:first-child, .two-field-first >*:first-child{
  position: relative;
}
.two-field-second>*:last-child , .two-field-first >*:last-child{
  width: 40%;
  position: absolute;
  top:0;
} */

/* .absolute-right{
  right:0;
}
.absolute-left{
  left:0;
} */
.flex-65 {
  flex: 0 0 65%;
}

.flex-35 {
  flex: 0 0 35%;
}

.false-disabled:not(option) {
  /* background-color: #ff6d3b;
  color: #fff; */
}

.border-false-control {
  border: 2px solid #ccc;
  border-radius: 50px;
}

.select2-container--default .select2-selection--single.select-selection-false {
  background: transparent;
  border: 0;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-selection--single.select-selection-false .select2-selection__arrow {
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.select2-dropdown {
  border: 0;
  border: 2px solid #ccc;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
  border: 2px solid #ccc;
  z-index: 9999;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 2px solid #ccc;
  border-radius: 50px;
  padding: 5px 15px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: 0;
}

.image-preview>.preview {
  width: 150px;
  height: 150px;
  border: 1px solid #150d3f;
  border-radius: 50%;
}

.dashboard-row {
  display: flex;
  column-gap: 20px;
  margin: 40px 0;
}

.dashboard-box {
  flex-basis: 33.33%;
  display: flex;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  padding: 3em;
  background-color: #fafafa;
}

.dashboard-icon {
  column-gap: 10px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.dashboard-icon>i {
  font-size: 25px;
}

.success>.success-message,
.failure>.failure-message {
  width: 40%;
  margin: auto;
  font-size: 16px;
  font-family: "lato";
}

.success>.success-message {}

.failure>.failure-message {}

.sidebar-menu {
  min-height: 100vh;
  background-color: #0f172a;
  padding: 2em;
  position: sticky;
  display: block;
  top: 0;
  /* border-radius:; */
}

.aside-menu>li {
  padding: 10px 0;
  display: block;
  width: 100%;
  position: relative;
}

.aside-menu>li:not(:last-child),
.submenu-item-list>.submenu-item:not(:last-child) {
  border-bottom: 1px solid #787878;
}

.aside-menu>li a {
  color: #fefefe;
  font-size: 17px;
}

.submenu-item {
  padding: 10px 0 10px 15px;
  /* border-bottom: 1px solid #eee; */
}

.submenu-item-list>.submenu-item>a {
  font-size: 16px;
}

.aside-main-menu i {
  color: #fff;
  padding-right: 10px;
}

.user-name {
  color: #fafafa;
}

.user-email {
  color: #ccc;
}

.user-role {
  font-size: 14px;
  font-style: italic;
  color: #fafafa;
}

.online-status {
  border: 5px solid #26b426;
}

.main-body {
  background-color: #fafafa;
  margin: 30px 20px;
  border-radius: 10px;
}

.bg-light-white {
  background-color: #f1f5f9;
}

.welcome-back {
  padding: 1em;
}

.footer-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
}

.main-body-wrapper {
  padding: 2em 1em;
}

.open_close {
  display: inline-block;
  margin: auto;
  /* width: 50%; */
  /* background: red; */
  position: absolute;
  right: 0;
}

.open_close>i {
  padding: 0;
}

.user-image-img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}

.w-120 {
  width: 120px;
  height: 120px;
  object-fit: contain;
  border: 1px solid #eee;
}

.users-wrap {
  display: flex;
  aspect-ratio: 16/8;
  flex: 0 0 30%;
  padding: 2em;
  box-shadow: 2px 1px 8px 4px #ebebeb;
  border-radius: 10px;
}

.gap-20 {
  column-gap: 20px;
  row-gap: 20px;
}

.gap-10 {
  column-gap: 10px;
  row-gap: 10px;
}

.user-icon>i,
.user-count>p {
  font-size: 35px;
}

.table {
  vertical-align: middle;
}

#treatment-container-medicine>*:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.form-select-multiple {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  border: 0;
  border: 0;
  padding: 0;
  top: -3px;
}

.select2-container--default .select2-selection--multiple {
  border: 0;
  padding: 0;
  top: -3px;
}

.list-style-none {
  list-style: none;
}

.bg_theme_blue {
  background-color: #0072BC;
}

.main-body {
  border-radius: 20px;
  margin: 30px 20px 80px;
}

.add-patients .fieldset,
.update-primary-info .fieldset,
fieldset {
  padding: 1em;
  border-radius: 20px;
  margin: 1.5em 1.5em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.bg_form_grey {
  background-color: #ccc;
  ;
}

.bg_form_blue {
  background-color: #C1E4FA;
}

.form-control.form-field,
.form-select.form-field {
  border: 0;
}

.textareah-135 {
  height: 135px;
}

.table-blue-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: #EBF7FF;
}

.table-blue-striped>tbody>tr:nth-of-type(even)>* {
  background-color: #C1E4FA;
}

.border-radius-50p {
  border-radius: 50px;
}

table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable thead>tr>th.sorting {
  padding: 1rem 1.4rem;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  display: inline-block;
  width: 50%;
  float: none;
  text-align: left;
  padding: 20px 0;
}

.dataTables_filter>label {
  width: 100%;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter>label>input {
  width: 70%;
  border-radius: 50px;
  background: #C1E4FA;
  border: 1px solid #fff;
}

.dataTables_wrapper .dataTables_length select {
  border-radius: 50px;
  background: #C1E4FA;
  border: 1px solid #fff;
}

.label:not(.label-radio-check) {
  font-weight: 600;
  padding-left: 10px;
  margin-bottom: 10px;
}

.page-heading {
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  font-family: 'Lato';
  text-align: center;
}

.form-heading {
  padding-left: 1em;
  color: #4374ba;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 26px;
}

table.datatable.table-blue,
table.table-blue {
  background: #0072BC;
  border-radius: 20px;
}

table.table-blue,
table.table-grey,
td th {
  background: #0072BC;
  font-family: 'Lato';
}

.table-grey {
  background: #ccc;
}

table.table-blue th {
  text-transform: uppercase;
  font-size: 17px;
  /* border: 1px solid #fff; */
  color: #fff;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 0;
}

table.table-blue th:first-child {
  border-radius: 20px 0 0 0;
  border-left-width: 0px;
  border-top-width: 0px;

  /* border: 0; */
}

table.table-blue th:last-child {
  border-radius: 0 20px 0 0;
  border-right-width: 0px;
  border-top-width: 0px;
  /* border: 0; */
}

table.table-blue tbody {
  background-color: #EBF7FF;
  font-family: 'Lato';
}

table.table-blue td {
  border: 1px solid #fafafa;
}

table.table-blue td th {
  font-size: 14px;
  padding: 10px;
}


table.dataTable.no-footer,
.table.datatable.table-blue>:not(caption)>*>* {
  border: 0;
}

table.datatable.table-blue th {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.form-control[readonly],.form-select[readonly] {
  background-color: #fff;
  border: 1px solid #eaeaea;
}

.btn-bg-blue-theme {
  background: #3B71CA;
  border: 1px solid #3B71CA;
}

.btn-bg-blue-theme:hover {
  background-color: #0f172a;
  color: #fff;
}

.admin-dashboard.bg-light-white {
  background-color: #C1E4FA;
}

.welcome-back {
  padding: 2em;
  background: #fafafa;
  border-radius: 20px;
}

.admin-dashboard .main-body {
  background-color: transparent;
}

.admin-dashboard .main-body-wrapper {
  padding: unset;
}

.dashboard-block {
  margin: 20px 0;
}

.stats-block {
  background-color: #fff;
  border-radius: 20px;
  padding: 2em;

}

.data-heading {
  margin: 0;
  font-family: 'Lato';
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
}

.dashboard-icon {
  aspect-ratio: 1/1;
}

.data-number {
  color: #7B7B7B;
  font-size: 24px;
}

#dashboard-follow-up-table th {
  font-size: 14px;
}

.border-red {
  border: 1px solid red;
}

.border-solid {
  border: 2px solid #ccc !important;
}

.hide_table_row {
  display: none;
}

.show_table_row {
  display: table-row;
}

table.table tfoot td {
  border: 0;
}

form {
  position: relative;
}

.edit-row {
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
}

#dashboard-follow-up-table_wrapper #dashboard-follow-up-table_length,
#dashboard-follow-up-table_wrapper #dashboard-follow-up-table_filter {
  display: none;
}

.input-unit {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  height: 57%;
  display: flex;
  align-items: center;
  width: max-content;
  padding: 0 15px;
  justify-content: center;
  border-radius: 0 50px 50px 0;
  background: #ccc;
}

.form-control.form-field.checkup-field {
  padding-right: 15%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.row-gap-0 {
  row-gap: 0;
}

#drawing {
  position: relative;
}

#medication-canvas {
  background-color: #fff;
  border: 2px solid #998e8e;
  border-radius: 15px;
}

.canvas-toolset {
  position: absolute;
  right: 1%;
  top: 5%;
  z-index: 999;
  display: flex;
  column-gap: 10px;
}

#regularcheckup p.mandatory-message {
  position: absolute;
  bottom: -24%;

  width: 100%;

  margin: auto;
  display: block;
  right: -11px;
}

table {
  /* text-transform: capitalize; */
}

.treatment-container-medicine label {
  font-size: 10px;
  font-weight: 600;
}
.ui-datepicker.ui-widget.ui-widget-content,.ui-timepicker-container {
  z-index: 9999 !important;
}
body.modal-open .ui-datepicker.ui-widget.ui-widget-content{
  top: 50% !important;
  left: 43% !important;
}
#follow_up_docter {
  border: 1px solid #eaeaea;
}
#follow_up_docter:read-only {
  background-color: transparent;
}
@media only screen and (min-width:1024px) {

  .container-medicine>* {
    flex: 1;
  }

  .container-medicine button {
    min-width: auto !important;
    max-width: fit-content;
  }

  #treatment-form-block label.label:not(.label-radio-check) {
    margin-bottom: 2px;
    font-size: 14px;
  }

  #treatment-form-block p {
    font-size: 14px;
    font-weight: 600;
  }

  #treatment-form-block .form-control.form-field{
    padding: 8px 12px;
  }


  .container-medicine.appended-row-medicine label:not(.not-hide) {
    display: none;
  }
}

/* [name="patient_first_name"],[name="patient_last_name"]{
  text-transform: capitalize;
} */

@media only screen and (max-width:991px) {
  .input-unit {

    height: 66%;


    border-radius: 0 15px 15px 0;

  }
}

@media only screen and (max-width:1400px) {
  .btn-bg-blue-theme {
    width: max-content;
    padding: 10px 20px;
  }
}