.cursor-pointer {
  cursor: pointer;
}

/* Margin on all sides */
.m-0    { margin: 0 !important; }
.m-1    { margin: 4px !important; }
.m-2    { margin: 8px !important; }
.m-3    { margin: 16px !important; }
.m-4    { margin: 24px !important; }
.m-5    { margin: 48px !important; }
.m-auto { margin: auto !important; }

/* Margin Top */
.mt-0    { margin-top: 0 !important; }
.mt-1    { margin-top: 4px !important; }
.mt-2    { margin-top: 8px !important; }
.mt-3    { margin-top: 16px !important; }
.mt-4    { margin-top: 24px !important; }
.mt-5    { margin-top: 48px !important; }
.mt-auto { margin-top: auto !important; }

/* Margin Bottom */
.mb-0    { margin-bottom: 0 !important; }
.mb-1    { margin-bottom: 4px !important; }
.mb-2    { margin-bottom: 8px !important; }
.mb-3    { margin-bottom: 16px !important; }
.mb-4    { margin-bottom: 24px !important; }
.mb-5    { margin-bottom: 48px !important; }
.mb-auto { margin-bottom: auto !important; }

/* Margin Left */
.ml-0    { margin-left: 0 !important; }
.ml-1    { margin-left: 4px !important; }
.ml-2    { margin-left: 8px !important; }
.ml-3    { margin-left: 16px !important; }
.ml-4    { margin-left: 24px !important; }
.ml-5    { margin-left: 48px !important; }
.ml-auto { margin-left: auto !important; }

/* Margin Right */
.mr-0    { margin-right: 0 !important; }
.mr-1    { margin-right: 4px !important; }
.mr-2    { margin-right: 8px !important; }
.mr-3    { margin-right: 16px !important; }
.mr-4    { margin-right: 24px !important; }
.mr-5    { margin-right: 48px !important; }
.mr-auto { margin-right: auto !important; }

/* Margin X-axis (Left and Right) */
.mx-0    { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1    { margin-left: 4px !important; margin-right: 4px !important; }
.mx-2    { margin-left: 8px !important; margin-right: 8px !important; }
.mx-3    { margin-left: 16px !important; margin-right: 16px !important; }
.mx-4    { margin-left: 24px !important; margin-right: 24px !important; }
.mx-5    { margin-left: 48px !important; margin-right: 48px !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Margin Y-axis (Top and Bottom) */
.my-0    { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1    { margin-top: 4px !important; margin-bottom: 4px !important; }
.my-2    { margin-top: 8px !important; margin-bottom: 8px !important; }
.my-3    { margin-top: 16px !important; margin-bottom: 16px !important; }
.my-4    { margin-top: 24px !important; margin-bottom: 24px !important; }
.my-5    { margin-top: 48px !important; margin-bottom: 48px !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Padding on all sides */
.p-0    { padding: 0 !important; }
.p-1    { padding: 4px !important; }
.p-2    { padding: 8px !important; }
.p-3    { padding: 16px !important; }
.p-4    { padding: 24px !important; }
.p-5    { padding: 48px !important; }
.p-auto { padding: auto !important; }

/* Padding Top */
.pt-0    { padding-top: 0 !important; }
.pt-1    { padding-top: 4px !important; }
.pt-2    { padding-top: 8px !important; }
.pt-3    { padding-top: 16px !important; }
.pt-4    { padding-top: 24px !important; }
.pt-5    { padding-top: 48px !important; }
.pt-auto { padding-top: auto !important; }

/* Padding Bottom */
.pb-0    { padding-bottom: 0 !important; }
.pb-1    { padding-bottom: 4px !important; }
.pb-2    { padding-bottom: 8px !important; }
.pb-3    { padding-bottom: 16px !important; }
.pb-4    { padding-bottom: 24px !important; }
.pb-5    { padding-bottom: 48px !important; }
.pb-auto { padding-bottom: auto !important; }

/* Padding Left */
.pl-0    { padding-left: 0 !important; }
.pl-1    { padding-left: 4px !important; }
.pl-2    { padding-left: 8px !important; }
.pl-3    { padding-left: 16px !important; }
.pl-4    { padding-left: 24px !important; }
.pl-5    { padding-left: 48px !important; }
.pl-auto { padding-left: auto !important; }

/* Padding Right */
.pr-0    { padding-right: 0 !important; }
.pr-1    { padding-right: 4px !important; }
.pr-2    { padding-right: 8px !important; }
.pr-3    { padding-right: 16px !important; }
.pr-4    { padding-right: 24px !important; }
.pr-5    { padding-right: 48px !important; }
.pr-auto { padding-right: auto !important; }

/* Padding X-axis (Left and Right) */
.px-0    { padding-left: 0 !important; padding-right: 0 !important; }
.px-1    { padding-left: 4px !important; padding-right: 4px !important; }
.px-2    { padding-left: 8px !important; padding-right: 8px !important; }
.px-3    { padding-left: 16px !important; padding-right: 16px !important; }
.px-4    { padding-left: 24px !important; padding-right: 24px !important; }
.px-5    { padding-left: 48px !important; padding-right: 48px !important; }
.px-auto { padding-left: auto !important; padding-right: auto !important; }

/* Padding Y-axis (Top and Bottom) */
.py-0    { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1    { padding-top: 4px !important; padding-bottom: 4px !important; }
.py-2    { padding-top: 8px !important; padding-bottom: 8px !important; }
.py-3    { padding-top: 16px !important; padding-bottom: 16px !important; }
.py-4    { padding-top: 24px !important; padding-bottom: 24px !important; }
.py-5    { padding-top: 48px !important; padding-bottom: 48px !important; }
.py-auto { padding-top: auto !important; padding-bottom: auto !important; }

.text-nowrap {
  text-wrap: nowrap !important;
}
.text-left {
  text-align: left !important;
}

/* FLEX CONTAINER */
.d-flex {
    display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

/* FLEX DIRECTION */
.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* FLEX WRAP */
.flex-wrap {
  flex-wrap: wrap !important;
}

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

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* JUSTIFY CONTENT */
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

/* ALIGN ITEMS */
.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

/* ALIGN SELF */
.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

/* GAP CLASSES (CUSTOM because Bootstrap 4 has no built-in gap) */
.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-3 {
  gap: 16px;
}

.gap-4 {
  gap: 24px;
}

.gap-5 {
  gap: 48px;
}
  
.text-red {
  color:red;
}

.bg-white {
  background-color: #FFF;
}
.dha-tbl {
    border: 0;
}
.dha-tbl tr th{
  background-color: #e9eaec;
  font-weight: 400;
  color: var(--secondryColor);
}
.dha-tbl th:first-child {
    border-left: 0 !important;
}
.dha-tbl th:last-child {
    border-right: 0 !important;
}
.dha-tbl tr td{
  width: 33.333333%;
}
.tbl-chk-items {
    justify-content: space-between;
}
.tbl-chk-items .checkbox {
  padding-left: 30px;
}
.tbl-chk-items .checkbox label {
    padding-left: 0;
}

/* ----------- general css ends here -------------*/


.table-responsive table thead tr th:first-child {
  border-radius:10px 0 0 0 !important;
}
.table-responsive table thead tr th:last-child {
  border-radius:0 10px 0 0 !important;
}


table .icon-light-alert:before {
  font-size: 24px;
  color: #B10E1C;
}

.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}


/* ============== school history  ==============*/
.history-panel {
    position: relative;
    border-radius: 16px;
    padding: 1px;
    background: #666;
}
.history-panel.active {
    position: relative;
    border-radius: 16px;
    padding: 1px; 
    background: linear-gradient(90deg, #00818D, #3B567A, #762C67, #8D1B60);
}  
.history-panel.active button.small-btn.dha-btn {
    background: var(--secondryColor);
    pointer-events: none;
}
.history-panel > .content {
    background: #FFF;
    border-radius: 16px; 
    height: 100%;
    width: 100%;    
    padding:20px 25px;
}
.history-panel.active > .content {
    background: #F7FEFF;
    border-radius: 16px;
    height: 100%;
    width: 100%;
}

.history-panel h3 {
    color:#006D79;
    font-size: 18px;
    font-weight: 600;
    margin:0;
    padding:0;
}

.btn:disabled {
    color:#FFF;
    background-color: LightGrey;
}
.small-btn {
    padding:8px 20px;
    font-size: 14px;
    font-weight: 400;
    height: auto;
}

.history-panel .val {
    padding-left: 15px;
    border-left: 1px solid #ccc;
}

.history-panel .val h4 {
    color:#767676;
    font-size: 15px;
    font-weight: 600;
    margin:0;
    padding:0;
}
.history-panel .val span {
    color:#475467;
    font-size: 14px;
    font-weight: 300;
}

.history-panel .edit-btn {
  font-size: 27px;
  margin: 0;
  padding: 0;
  height: 32px;
}
.history-panel .view-btn {
  font-size: 24px;
  margin: 0;
  padding: 0;
  height: 32px;
}

@media (max-width:768px) {
  .history-panel .val {
    margin-bottom:15px;
  }
}


/* ============ school health module =============*/
.school-health-cards {
  background: #FFF;
  border-radius: 12px;
  margin: 20px 15px;
  padding: 20px;
  border: 1px solid #E6E6E6;
} 

.custom-card {
  background: #F6F6F6 url(/card-pattern-bg.png) no-repeat center bottom;
  background-size: cover;
  border-radius: 15px;
  padding: 15px 20px;
  width: 100%;
  height: 100%;
  float: left;
  display: flex;
  flex-direction: column;
}
.custom-card a {
  display: flex;
  align-items: center;
  font-size: 18px;
  float: left;
  width: 130px;
  margin-top: auto;
  justify-content: center;
}
.custom-card a span {
  font-size: 20px;
}

.custom-card .card-icon {
  padding: 10px;
  background: #FFF;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
  border-radius:100px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
}
.custom-card .card-icon img {
  height: 32px;
}
.custom-card h4 {
  color:#006D79;
  font-size: 22px;
}
.custom-card p {
  color:#000;
  font-family: var(--fontDubai-r);
  font-weight: 100;
}

.school-health-cards .custom-card {
  /* margin-bottom: 25px; */
}
.school-health-cards .col-xs-12:last-child .custom-card {
  margin-bottom: 0;
}


/* ===============upload student list =============*/
.upload-student-list-accordion .panel-body {
  padding-top: 0 !important;
}
.upload-student-list-accordion .alert {
  margin-top: 0 !important;
}

.dha-upload-student-list-page table td a {
  font-weight: normal;
  text-decoration: underline;
}

/* =========== detailed-medical-info ============*/

.dmi-page {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.dmi-page .steps-widget-form {
  height: auto;
}
.dmi-page .status-widget .status-item{
  cursor: pointer;
}
.main-bottom-btn-wraper {
    margin-top: auto;
    margin-left: auto;
}
.special-cons-regis-btn {
    margin-bottom: 2rem;
    margin-right: 2rem;
}
h3#student-fullname-id {
    text-overflow: ellipsis;
    overflow: hidden;
    /* width: 80%; */
    height: 30px;
    white-space: nowrap;
}
h4#student-school-id {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px; 
    width: 80%;
    line-height: 1.2em; 
}
.detailed-medical-info-tbl .grid-status-submitted {
  background-color: #FEF3F2 !important;
  color: #B42318 !important;  
}
.detailed-medical-info-tbl .grid-status-submitted > span {
  color: #B42318 !important;
  position: relative;
}
.detailed-medical-info-tbl .icon-state-submitted-icon:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #F04438;
  border-radius: 20px;
  display: block;
}


.medications-tbl .grid-status-req-doc {
  background-color: #F2F4F7;
  color:#344054;
}
.medications-tbl .grid-status-req-doc::before {
  background-color: #667085;
}
#detailed-medical-information-table span.icon-draft-icon.dha-font-icon {
    position: relative;
    top: 2px;
    font-size: 24px;
}

/* =========== detailed-medical-info add new student ============*/
table tr td .icon-reject-icon{ font-size: 27px;}
.brief-profile-info h3 {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 24px;
  font-family: var(--fontDubai-m);
}

.brief-profile-info p {
  font-weight: 400;
  color: #8C92A3;
  margin: 0;
  padding: 0;
  font-family: var(--fontDubai-m);
  font-size: 16px;
}
.brief-profile-info  p.user-first-letter{
  color: #fff;
}
.brief-profile-info h4 {
  margin: 5px 0 0 0;
  padding: 0;
  font-weight: 500;
  font-size: 18px;
  color: #006D79;
  font-family: var(--fontDubai-m);
}

.brief-profile-info .icon-light-info {
  color: #B10E1C;
  font-size: 20px;
}

.upload_area {
  background-color: #f5fafb;
  padding:20px;
  border-radius: 15px;
}


.main-white-cards {
background: #FFF;
    border-radius: 12px;
    margin: 20px 15px;
    padding: 20px;
    border: 1px solid #E6E6E6;
}

.brief-profile-info-wrapper {
  border-radius: 12px;
  position: relative;
}

.profile_pic {
    border: 2px solid var(--secondryColor);
    border-radius: 100%;
    float: left;
    flex:0 0 64px;
    height: 64px;
}
.profile_pic img {
  border:3px solid #FFF;
  border-radius: 100%;
width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width:575px) {
  .profile_fields {
    border-right: none !important;
    border-bottom: 1px solid #F0F0F0 !important;
    padding-top: 20px;
    padding-bottom: 15px;
  }
    
}
.profile_name {
    flex: 0 0 190px;
    max-width: 100%;
    width: 190px;
}
.border-right {
    border-right: 1px solid #F0F0F0;
}

.aknowledgement_statement span {
  /* font-size: 16px; */
  color: var(--secondryColor);
}
.aknowledgement_statement label {
  padding-left: 0;
}
.st-info-tooltip {
  position: absolute;
    right: 2rem;
    top: 2rem;
}
.st-info-tooltip .tooltip-inner {
    width: 500px;
    max-width: 500px;
}
/* detail medical info new st disable css */
.dMIS-page-items-disabled {}
.dMIS-page-all-items-disabled {}

/* .dMIS-page-all-items-disabled #addAttachmentModal .form-group, */
/* .dMIS-page-all-items-disabled #addAttachmentModal .form-control ~ .select2-container, */
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel .form-group,
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel .form-control ~ .select2-container{
cursor: not-allowed;
}
.dMIS-page-all-items-disabled #addAttachmentModal .table td a,
.dMIS-page-all-items-disabled #addAttachmentModal .form-group label,
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel .form-group label{
  pointer-events: none;
}
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel .form-control,
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel .form-control ~ .select2-container .select2-selection,
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel .form-group .multiselect-native-select div.btn-group button.multiselect{
background-color: var(--inputDisabledBg) !important;
  pointer-events: none;
}

.dMIS-page-all-items-disabled #addAttachmentModal .table td .btn,
.dMIS-page-all-items-disabled .steps-widget-form .dha-accordion .labs-btns-inner .btn,
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel .btnSaveDraft,
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel .table td .btn.delete-btn{
  display: none;
}
.dMIS-page-all-items-disabled .steps-widget-form .checkbox {
  cursor: not-allowed !important;
}
.dMIS-page-all-items-disabled .steps-widget-form .checkbox label{
  pointer-events: none;
}
.dMIS-page-all-items-disabled #addAttachmentModal .immunization-inputfile-widget{
  cursor: not-allowed;
}
.dMIS-page-all-items-disabled #addAttachmentModal .immunization-inputfile-widget label,
.dMIS-page-all-items-disabled #addAttachmentModal .immunization-inputfile-widget input {
  pointer-events: none;
  background-color: var(--inputDisabledBg) !important;
}

.dMIS-page-all-items-disabled .footer-widget-form :where(#send-to-doctor-verification-btn, #verify-btn , #aknowledgement-tab-re-submit-btn){
display: none !important;
}

.dMIS-page-all-items-disabled .modal {}
.dMIS-page-all-items-disabled .modal .form-group,
.dMIS-page-all-items-disabled .modal .form-control ~ .select2-container {
cursor: not-allowed;
}

.dMIS-page-all-items-disabled .modal .form-control,
.dMIS-page-all-items-disabled .modal:not(#addAttachmentModal) .form-control ~ .select2-container .select2-selection,
.dMIS-page-all-items-disabled .modal  .form-group .multiselect-native-select div.btn-group button.multiselect{
  background-color: var(--inputDisabledBg) !important; pointer-events: none;
}
.dMIS-page-all-items-disabled .modal .modal-footer .dha-btn,
.dMIS-page-all-items-disabled .table tr td .stop-medicte-btn{
  display: none !important;
}
.dMIS-page-all-items-disabled .modal .immunization-inputfile-widget{
cursor: not-allowed;
}
.dMIS-page-all-items-disabled .modal .immunization-inputfile-widget label,
.dMIS-page-all-items-disabled .modal .immunization-inputfile-widget input {
  pointer-events: none; background-color: var(--inputDisabledBg) !important;
}
.dMIS-page-all-items-disabled .modal .table tr td .delete-btn {
  display:none;
}
.dMIS-page-all-items-disabled .modal .checkbox-widget {
    pointer-events: none;
}

.dMIS-page-all-items-disabled .modal #medicationUploadAttachmentFileType ~ .select2-container{
  cursor: auto;
}
.dMIS-page-all-items-disabled .modal #medicationUploadAttachmentFileType ~ .select2-container .select2-selection {
    background:var(--inputBg) !important;
    pointer-events: auto;
}



.dMIS-page-items-disabled .steps-widget-form .step-content :where( .student-medical-history-tab, .parental-consent-tab, .acknowledge-tab) .form-control,
.dMIS-page-items-disabled .steps-widget-form .step-content :where( .student-medical-history-tab, .parental-consent-tab, .acknowledge-tab) .form-control  ~ .select2-container .select2-selection{
  background-color: var(--inputDisabledBg) !important;
  pointer-events: none;
}
.dMIS-page-items-disabled .steps-widget-form .step-content :where( .student-medical-history-tab, .parental-consent-tab, .acknowledge-tab) .form-group{
  cursor: not-allowed;
}
.dMIS-page-items-disabled .steps-widget-form .step-content :where( .student-medical-history-tab, .parental-consent-tab, .acknowledge-tab) .form-group label{
  pointer-events: none;
}
.dMIS-page-items-disabled .steps-widget-form .step-content :where( .student-medical-history-tab, .parental-consent-tab, .acknowledge-tab) .form-control + .select2-container {
  cursor: not-allowed;
}
.dMIS-page-items-disabled .steps-widget-form .step-content :where( .student-medical-history-tab, .parental-consent-tab, .acknowledge-tab) .btnSaveDraft {
  display: none;
}
.dMIS-page-items-disabled .steps-widget-form .step-content :where(
  .student-medical-history-tab, .parental-consent-tab, .acknowledge-tab
) .dha-accordion .labs-btns-inner .btn {
  display: none;
}
.dMIS-page-items-disabled .steps-widget-form .step-content :where(.student-medical-history-tab) .table .delete-btn {
  display: none;
}


.dMIS-page-items-disabled #modal-add-new-medication .form-control ~ .select2-container {
cursor: not-allowed;
}
.dMIS-page-items-disabled #modal-add-new-medication :where( .form-control, .form-control ~ .select2-container .select2-selection) {
  background-color: var(--inputDisabledBg) !important;
  pointer-events: none;
}


.dMIS-page-items-disabled :where(
  .steps-widget-form .step-content .acknowledge-tab .checkbox,
  #modal-add-new-medication .checkbox,
  #modal-add-new-medication .form-group,
  #modal-add-new-medication .immunization-inputfile-widget,
  #addAttachmentModal .immunization-inputfile-widget
) {
  cursor: not-allowed !important;
}

.dMIS-page-items-disabled :where(
  #addAttachmentModal .immunization-inputfile-widget label,
  #addAttachmentModal .immunization-inputfile-widget input,
  #modal-add-new-medication label,
  #modal-add-new-medication .immunization-inputfile-widget input,
  .acknowledge-tab .checkbox label
) {
  pointer-events: none;
}

.dMIS-page-items-disabled :where(
  #addAttachmentModal .immunization-inputfile-widget label,
  #modal-add-new-medication .immunization-inputfile-widget label,
  #modal-add-new-medication input
) {
  background-color: var(--inputDisabledBg) !important;
}

.dMIS-page-items-disabled #modal-add-new-medication :where(.table tr td .delete-btn, #add-new-medication-btn-link) {
  display: none !important;
}

.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel :where(.highlighted-field) .form-control,
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel :where(.highlighted-field) .multiselect-native-select div.btn-group button.multiselect[type="button"],
.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel :where(.highlighted-field) .form-control ~ .select2-container .select2-selection,
.dMIS-page-items-disabled .steps-widget-form .step-tab-panel :where(.highlighted-field) .form-control,
.dMIS-page-items-disabled .steps-widget-form .step-tab-panel :where(.highlighted-field) .multiselect-native-select div.btn-group button.multiselect[type="button"],
.dMIS-page-items-disabled .steps-widget-form .step-tab-panel :where(.highlighted-field) .form-control ~ .select2-container .select2-selection {
  border: 1px solid #8E1B60 !important;
  background: #8E1B601A !important;
  color: #8E1B60;
}

.dMIS-page-all-items-disabled .steps-widget-form .step-tab-panel :where(.highlighted-field) .multiselect-native-select div.btn-group button.multiselect[type="button"] .multiselect-selected-text,
.dMIS-page-items-disabled .steps-widget-form .step-tab-panel :where(.highlighted-field) .multiselect-native-select div.btn-group button.multiselect[type="button"] .multiselect-selected-text {
color: #8E1B60;
}


/* detail medical info new st disable css end */
/* medications css */
.medications_action_icons .icon-edit-file-icon {
  font-size: 28px;
  color:#242424;
}
.medications_action_icons .icon-user-block-icon {
  font-size: 33px;
  color: #006D79;
}
.medications_action_icons .icon-file-clock-icon {
  font-size: 22px;
  color: #8E1B60;
}

#medication-HistoryModal .modal-dialog.modal-lg {
  width: 90%;
}
#medication-HistoryModal .modal-dialog.modal-lg table th,
#medication-HistoryModal .modal-dialog.modal-lg table td {
  white-space: nowrap;
}
.upload_area h3 {
    background: #DEE3EA;
    margin: -20px -20px 20px -20px;
    padding: 15px 20px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 16px;
    color: #006D79;
}

.dha-invest-tabs-nav.dha-consents-tabs-nav {
  justify-content: center;
}

.wfh-approve-consent #adv-search-widget .row {
    align-items: normal;
}
.consents_search {
  padding: 0 !important;
  margin-bottom: 20px !important;
}

.consents-table-tbl th, .consents-table-tbl td {
  white-space: nowrap;
}


.consents_action_icons .icon-grid-send-icon {
  font-size: 25px;
  color:#006D79;
}
.consents_action_icons .icon-file-clock-icon {
  font-size: 20px;
  color: #8E1B60;
}


.consents-card {
  /* font-family: dubai; */
}
.main-white-cards.consents-card {
    margin-left: 0;
    margin-right: 0;
}
.consents-card h3 {
  font-size: 24px;
  margin: 0;
  color: #151515;
  font-family: var(--fontDubai-r);
}
@media (max-width:1920px) {
  .consents-card h3 {
      font-size: 24px;
  }
}
@media (max-width:1600px) {
  .consents-card h3 {
      font-size: 20px;
  }
}
@media (max-width:1400px) {
  .consents-card-heading {
    flex-wrap: wrap;
  }
}

.modal.view_modal .upload_area {
  height: 45px;
  margin-bottom: 10px !important;
}
.modal.view_modal .upload_area h3 {
    margin-bottom: 0;
}
.modal.view_modal .upload_area .upload_area_body {
    display: none;
}



.consents-card a {
  color: #006D79;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.consents-card a:hover {
  text-decoration: none !important;
}
.consents-card a span {
  transform: scaleX(-1);
  font-size: 18px;
}
.consents-card .stats h1 {
  font-size: 48px;
  margin: 0;
  color: #202224;
  font-weight: 100;
  font-family: var(--fontInter);
      letter-spacing: -0.5px;
}
.consents-card .stats span {
  font-size: 16px;
  margin: 0;
  color: #616161;
  font-weight: 400;
  font-family: var(--fontDubai-r);
}
.consents-card .icon {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.consents-card .icon.approved {
  background: rgba(0, 109, 121, 0.15);
  text-decoration: none;
}
.consents-card .icon.approved span {
  color: #006D79;
  font-size: 37px;
}

.consents-card .icon.rejected {
  background:rgba(211, 47, 47, 0.15);
  text-decoration: none;
}
.consents-card .icon.rejected span {
  color: #D32F2F;
  font-size: 37px;
}

.consents-card .icon.pending {
  background: rgba(249, 168, 37, 0.15);
  text-decoration: none;
}
.consents-card .icon.pending span {
  color: #F9A825;
  font-size: 37px;
}

.consents-card .icon.not_applicable {
  background: rgba(97, 97, 97, 0.15);
  text-decoration: none;
}
.consents-card .icon.not_applicable span {
  color: #616161;
  font-size: 37px;
}
.view-cs-detail .immunization-inputfile-widget label {
    background-color: var(--inputDisabledBg);
}

.view-cs-detail .immunization-inputfile-widget input {
    cursor: not-allowed !important;
}

.status-widget.clickable .status-item {
  cursor: pointer;
}
.status-item.active {
    background: var(--secondryColor);
    color: #FFF;
}
.status-item.active .status-count {
    background: #FFF;
    color: var(--secondryColor);
}

@media (max-width:575px) {
  .status-widget {
    flex-wrap: wrap;
  }
}
.grade-value {
    white-space: break-spaces;
}

/* =============== dashboard css ================= */
.db_profile_pic {
    border-radius: 100%;
    float: left;
    width: 100px;
    height: 100px;
}
.db_profile_pic img {
  border-radius: 100%;
}
.db_profile_pic_wrapper h4 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 36px;
  color: #006D79;
  font-family: var(--fontDubai-m);
}
.db_profile_pic_wrapper p {
  margin: 0;
  padding: 0;
  font-weight: 100;
  font-size: 20px;
  color: #000;
  font-family: var(--fontInter);  
}

.round_clipart {
    border-radius: 100%;
    float: left;
    flex:1 0 100px;
    height: 100px;
    background: #8D1B60;
    background: linear-gradient(270deg, rgba(141, 27, 96, 1) 0%, rgba(118, 44, 103, 1) 34%, rgba(59, 86, 122, 1) 70%, rgba(0, 129, 141, 1) 100%);
}

.dashboard-cards {
  background: #FFF;
  border-radius: 20px;
  padding: 15px 20px;
  display: flex;
  gap:15px;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  margin-bottom: 15px;
}
a.dashboard-cards:hover {
  text-decoration: none !important;
}

.dashboard-cards .right_arrow {
  width: 24px;
  height: 24px;
  background: #F4F4F6;
  border-radius:6px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
      color: #6f767e;
}
.dashboard-cards .right_arrow .icon-chevron-left{
transform: rotate(-180deg);
}
.dashboard-cards .icon {
  min-width: 56px;
  height: 56px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DEE3EA;
}
.dashboard-cards .icon span {
  font-size: 26px;
  color: #006D79;
}
.dashboard-cards h5 {
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: 600;
}
.dashboard-cards h3 {
  margin: 0;
  padding: 0;
}


.table-container {
  margin: auto;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}

.table-header {
  background-color: #006d75;
  color: #fff;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-family: var(--fontInter);
}

.table-header a {
  color: #fff;
  text-decoration: underline !important;
}
.table-header a:hover {
  color: #fff;
  text-decoration: none !important;
}
.table-header .table-header-icon {
  display: flex;
  gap: 10px;
  align-items: center;
}
.table-header .table-header-icon .icon-calendar-header-icon {
  color: #FFF;
  font-size: 20px;
}

.tasks {
  padding: 15px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.task {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #F2F2F2;
  border-top: 1px solid #e0e0e0;
  border-radius: 20px;
}

.task:nth-child(even) {
  background-color: #F9F9F9;
}

.task-left {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1;
}

.icon-circle {
  width: 32px;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #e0e0e0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-circle .icon-chevron-left {
  transform: scaleX(-1);
}

/* .icon-circle::after {
  content: "›";
  font-size: 22px;
  color: #555;
} */

.task-text {
  color: #1f2937;
}

@media (max-width: 600px) {
  .task {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .update-btn {
    align-self: flex-end;
  }
}


.dashboard-view-all-tbl .tbl-actions div {
    display: flex !important;
    gap: 10px;
    flex-wrap: nowrap;
}
.dashboard-view-all-tbl .tbl-actions div .btn {
    white-space: nowrap;
}
.multiselect-container .multiselect-all .form-check {
    padding-left: 5px;
}

.dtl-head {
  justify-content: end !important;
}
.statuscol .icon-light-info {
  color: #B10E1C;
}
.dashboard-main-page{}
.dashboard-main-page .notification-area {
  display: flex;
  align-items: center;
  justify-content: end;
  display: none;
}
.notification-bell {
  position: relative;
  width: 25px;
  height: 25px;
  display: block;
  float: right;  
  text-decoration: none;
}
.notification-bell:hover {
  text-decoration: none !important;
}
.notification-bell .icon-bell-icon {
  color:#FFF;
  font-size: 20px;
}

.notification-bell .notification-status {
    position: absolute;
    top: -5px;
    right: 5px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #006D79;
    border: 2px solid #FFF;
}


#student-medical-history-tab-panel .labs-btns-inner.dha-tbl-head {
  gap:20px;
  align-items: start;
}
#student-medical-history-tab-panel .labs-btns-inner.dha-tbl-head .dtl-head button {
  white-space: nowrap;
}
#student-medical-history-tab-panel .labs-btns-inner.dha-tbl-head > p {
  text-align: left;
  margin-bottom: 0px;
}
.dmi-page .widget-form-header .adv-srch-btn,
.consents-page .widget-form-header .adv-srch-btn,
.dashboard-tasks-page .widget-form-header .adv-srch-btn {
width: 16% !important;
    margin-left: auto;
    text-align: right;
}
@media (max-width:768px) {
  #student-medical-history-tab-panel .labs-btns-inner.dha-tbl-head {
    padding: 0;
    margin: 0 0 10px 0;
    flex-wrap: wrap;
  }
  #student-medical-history-tab-panel .labs-btns-inner.dha-tbl-head .dtl-head {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  #student-medical-history-tab-panel .labs-btns-inner.dha-tbl-head .dtl-head button {
    width: 100%;
  }
.dmi-page .widget-form-header .adv-srch-btn,
.consents-page .widget-form-header .adv-srch-btn,
.dashboard-tasks-page .widget-form-header .adv-srch-btn {
    width: 100% !important;
    display: flex;
    justify-content: end;
    }
}



.specialized-screenings .custom-card {
  /* margin-bottom: 25px; */
  /* height:auto; */
}
.form-elm-title {
    font-size: var(--font14);
    font-weight: normal;
    font-family: var(--fontDubai-m);
    margin-top: 10px;
}
.form-elm-title sup {
    color: #b10e1c;
    font-size: var(--font14);
    top: -.2em;
}
.scb-card {
  background-color: #fafafa; width: 100%; padding: 10px 15px; border-radius: 5px;
}

.fra-chkboxes .checkbox-widget {
  margin: 7px 0;
}

.fra-chkboxes label {
  padding: 0;
}
.placeholder-txt {
  color:#999999;
}
.dha-alert-success {
background-color: #4CAF5026;
border-radius: 4px;
color: #4CAF50;
}
.dha-alert-danger {
  border-radius: 4px;
color:#fe6868;
}
.hematology-tbl {}
.hematology-tbl tr th{
  background-color: #0000000D;
  color: var(--secondryColor);
  width: 50%;
  height: 45px;
}
.hematology-tbl tr td{
      background-color: #fff;
}
.hematology-tbl tr td sup {
    color: #b10e1c;
}
.hematology-tbl tr td:last-child {
    padding: 0;
}
.hematology-tbl tr td .select2-container .select2-selection,
.hematology-tbl tr td .form-control {
    border: 0;
    background-color: transparent !important;
}
.hematology-tbl tr td .select2-container .select2-selection{}

.page-mental-health-screen{}
.page-mental-health-screen .dha-invest-tabs-nav{
  justify-content: center;
}
.page-mental-health-screen .dha-invest-tabs-nav li{
  margin-left: 6rem;
  margin-right: 6rem;
}
.tooth-tbl-div {
    margin-right: 0;
}
.tooth-info-tbl{}
.tooth-info-tbl table{
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  background-color: transparent;
  border-collapse: separate;
}
.tooth-info-tbl tbody tr td,
.tooth-info-tbl thead tr th{
  border: 1px solid #ccc !important;
  padding: 10px 10px;
  line-height: 1;
}
.tooth-info-tbl thead tr th:first-child{
    border-top-left-radius: 10px !important;
}
.tooth-info-tbl thead tr th:last-child{
    border-top-right-radius: 10px !important;
}
.tooth-tbl-col2 tbody tr td,
.tooth-info-tbl tbody tr td+td{padding: 0;}
 
.tooth-info-tbl tr td .select2-container .select2-selection,
.tooth-info-tbl tr td .form-control {
    border: 0;
    background-color: transparent !important;
    width: 100%;
}
.tooth-info-tbl tbody tr:last-child td:first-child{
    border-bottom-left-radius: 10px !important;
}
.tooth-info-tbl tbody tr:last-child td:last-child{
    border-bottom-right-radius: 10px !important;
}
.tooth-grid-header-btn .btn{
  background-color: #DFF3F1;
  border-radius: 6px;
  color: #006D79;
}
.tooth-img img{
  border:1px solid #ccc ;
  border-radius: 8px;
}
.ddl-fancy {

}
.ddl-fancy ul.dropdown-menu {
    padding: 15px;
    border-radius: 8px;
    width: 100%;
    background-color: var(--inputBg);
}
.ddl-fancy li{
  
}
.ddl-fancy li span{
      color: var(--inputPlaceholderTxtColor);
}
.ddl-fancy li{
  
}
.vs-tab-section {
  display: none;
}
.vs-tab-section.active {
  display: block;
}

/* CUSTOM CSS WALI */
.grid-status-afterupdated{
  background-color: #F9F5FF;
  color: #6941C6;
}
.grid-status-afterupdated > span{
  color: #6941C6;
}
.icon-arrow-up{
  transform: rotate(-90deg);
}
#ihcp-dashboard-table td.sorting_1 {
  display: flex;
  align-items: center;
}
#ihcp-dashboard-table td.sorting_1 .checkbox-widget {
  padding-left: 30px;
}
.form-wrapper-modal{
  background: #F5FAFB;
  border-radius: 8px;
}
#lifeThreatAlert-msg {
  position: relative;
}
#lifeThreatAlert-msg:before {
    content: "\e95f";
    font-family: "icomoon" !important;
    position: relative;
}
span.info-color {
    color: #016d79;
}
button.btn-enable {
    pointer-events: auto !important;
}

#view-all-items {
    cursor: pointer;
}