@font-face {
  font-family: "worksans_reg";
  src: url("fonts/WorkSans-Regular.ttf");
}
body {
  font-family: "worksans_reg", sans-serif !important;
  color: #002B3B !important;
  background-color: #FAFBFB !important;
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  max-width: 100% !important;
}
html,
body {
  margin: 0;
}
@font-face {
  font-family: "aharoni";
  src: url("fonts/ahronbd.ttf");
}
.loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  text-align: center;
}
.loading .spinner-border {
  margin-top: calc(50vh - 115px);
}
.font-grey {
  color: #212529;
}
.font-aharoni {
  font-family: "aharoni", sans-serif;
}
.border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}
.border-bottom{
  border-bottom: 1px solid #E5EAEB;
}
.receive_loader {
  position: absolute;
  left: calc(50% - 24px);
  top: 50%;
}
.card-header,
.card-footer {
  background-color: #fff;
}
.card-header h3{
  margin-bottom: 0px;
  font-size: 21px;
}
/* .card-body .form-label {
  font-weight: 600;
} */
.bg-light{background-color: #fff !important;}
.bg-muted{ background-color: #f2f6f7 !important;}
.badge-warning{ background-color: rgba(255, 193, 7, 0.2) !important; color: #ff9800;}
.container-register {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 60px;
  width: 100vw;
}
.container-register .selection{
  text-align: start;
}
.reg-card {
  width: 400px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #ddd;
  position: relative;
}
.card-top {
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.card-top h4 {
  margin-bottom: 0px;
}
.card-bottom {
  padding: 15px;
}
.color-cyan {
  color: cyan !important;
}
.partnership {
  margin-top: calc(50% - 200px);
  padding-left: 80px;
}
.about {
  margin-top: calc(50% - 315px);
  padding-right: 80px;
}
.about-banner {
  margin-top: calc(50vh - 280px);
}
.form-error {
  position: absolute;
  top: -24px;
}
.mt-home {
  margin-top: 75px;
}
.mt-40 {
  margin-top: 40px;
}
.nav_border{
  border-image: linear-gradient(to right, #3CBFBE 40%, #32406D 100%) 1;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  background-color: #fff;
}
nav.navbar {
  padding: 20px 0px;
}
.navbar-nav .nav-item {
  padding-left: 15px;
}
.navbar-dark .navbar-toggler {
  background-color: #3e9e9c;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav_btn {
  color: #fff;
  font-size: 16px;
  padding-left: 30px !important;
}
/* .dropdown-item:focus,
.dropdown-item:hover {
  color: #fff;
  background-color: #212529;
} */
/* .logout_btn {
  background: url(../images/logout_icon.svg) no-repeat 0px;
  background-size: 18px;
} */
.dropdown-toggle::after {
  content: "";
  border: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-left: 12px;
  background: url("../images/chevron-down.svg") no-repeat center / contain;
}
.profile-dropdown {
  color: #002B3B !important;
  padding-left: 8px !important;
}
.user-dropdown::before{
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  margin-right: 12px;
  background: url("../images/user_fill.png") no-repeat center / contain;
}
.actions-dropdown{padding-top: 10px;}
.actions-dropdown::before{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
  background: url("../images/menu-icon.png") no-repeat center / contain;
}
.question-link-parent {
  padding-top: 11px;
}
.question-link {
  background-color: #1afffd;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  padding: 0px 9px;
  color: #212529 !important;
}
.advance_btn {
  background: url(../images/advance_icon.svg) no-repeat 0px;
  background-size: 18px;
}
.brief_btn {
  background: url(../images/brief_icon.svg) no-repeat 0px;
  background-size: 18px;
}
.btn-success {
  color: #fff;
  background-color: #029B96;
  border-color: #029B96;
  font-size: 20px;
  line-height: 23px;
  padding: 12px 30px;
  border-radius: 8px;
}
.dashboard_btn {
  background: #029B96 url(../images/dashboard-icon.png) no-repeat 143px 14px;
  background-size: 16px;
  border-radius: 8px;
  padding: 12px 56px 12px 30px !important;
  color: #fff !important;
}
.dashboard_btn:hover, .dashboard_btn:active, .dashboard_btn:focus{
  color: #fff;
}
.btn-primary {
  color: #fff;
  background-color: #32406D;
  border-color: #32406D;
  font-size: 20px;
  line-height: 23px;
}
.btn-new{
  background: #32406D url(../images/pencil-square.png) no-repeat 80px 11px;
  border-radius: 8px;
  background-size: 24px;
  padding: 12px 56px 12px 30px !important;
  color: #fff !important;
}
.btn-search{
  position: relative;
  z-index: 2;
  padding: 12px 30px 12px 29px;
}
.btn-search:disabled{
  color: #fff;
  background-color: #32406D;
  border-color: #32406D;
}
.de_btn {
  background: url(../images/de_icon.svg) no-repeat 0px;
  background-size: 18px;
}
.news_btn {
  background: url(../images/news_icon.png) no-repeat 0px;
  background-size: 18px;
}
.issue_btn {
  background: url(../images/issue_link.png) no-repeat 0px;
  background-size: 18px;
}
.letter_btn {
  background: url(../images/letter.png) no-repeat 0px;
  background-size: 18px;
}
.help_btn{
  position: fixed;
  bottom: 15px;
  right: 15px;
  padding: 0px !important;
}
.form-label{
  line-height: 22px;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 4px;
}

.form-control, .form-select{
  padding: 13px;
  border-radius: 6px;
  border: 1px solid #BFCACE;
  line-height: 20px;
  color: #002B3B;
}
.form-select{
  text-transform: capitalize;
}

.callout{
  padding: 24px;
  margin: 24px 0;
  border: 1px solid #E5EAEB;
  border-radius: 15px;
  background-color: #F1F6F7;
}
.callout .callout-inner{
  border-left: 4px solid #3CBFBE;
  padding: 6px 16px;
  flex-direction: row;
}
.callout .callout-inner .callout-content{
  padding-right: 10px;
  width: 300px;
}

.callout .callout-inner .callout-content .form-label{
  font-weight: 700;
  line-height: 20px;
  font-size: 16px;
}
.callout .callout-inner .callout-content .form-control, .callout .callout-inner .callout-content .form-select{
  padding: 11px 12px;
  border-radius: 6px;
}
.callout .callout-inner .callout-content p{
  font-size: 16px;
  line-height: 20px;
  color: #043979;
}

.extra_fields_btn{
  border: 1px solid #BFCACE;
  border-radius: 6px;
  padding: 9px 12px;
}

.white_background{ background-color: #fff !important;}

#letter_input .form-label{
  line-height: 22px;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 4px;
}

#letter_input .form-control, #letter_input .form-select{
  padding: 13px;
  margin-right: 50px;
  border-radius: 6px;
  border: 1px solid #BFCACE;
  line-height: 20px;
  color: #002B3B;
  text-transform: capitalize;
}
#letter_input .col-md-6{
  padding-right: 60px;
}
#extra_letter_fields .form-control, #extra_letter_fields .form-select{
  text-transform: none;
}
/* Patient modal styles */
#patient_modal .input-group{ width: calc(100% - 35px);}
/* input#lookup_patient_name{
  width: calc(100% - 30px);
  padding-right: 30px;
  background: url(../images/search_icon.png) no-repeat;
  background-position: right 10px center;
} */
.patient_search_input img{
  position: absolute;
  top: 13px;
  z-index: 7;
  right: 88px;
  cursor: pointer;
}
.patient_search_input input{
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}
div#lookup_patient_data{
  max-height: 400px;
  overflow-y: auto;
}

.patient_radio{
  margin: 10px 0px 0 0;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #BFCACE;
  overflow: hidden;
  filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.1));
}
.patient_radio label{display: block;}
.patient_radio:nth-child(odd){
  background-color: #f1f2f2;
}

.patient_radio label span {
  text-align: center;
  padding: 14px 30px;
  display: block;
}

.patient_radio label input {
  position: absolute;
  display: none;
  color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.patient_radio label input + span {
  color: #002B3B;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* This will declare how a selected input will look giving generic properties */
.patient_radio input:checked + span {
  background-color: #80D7F7;
}

.patient_radio input:disabled + span {
  background-color: #f5f5f5;
}


.docs_check{
  margin: 5px 5px 0 0;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #BFCACE;
  overflow: hidden;
  float: left;
  filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.1));
}
.docs_check:first-child{margin-left: 0px;}
.docs_check label {
  float: left;
}

.docs_check label span {
  text-align: center;
  padding: 14px 30px;
  display: block;
}

.docs_check label input {
  position: absolute;
  display: none;
  color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.docs_check label input + span {
  color: #002B3B;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

/* This will declare how a selected input will look giving generic properties */
.docs_check input:checked + span {
  background-color: #80D7F7;
}

.docs_check input:disabled + span {
  background-color: #f5f5f5;
}

.created_by{
  position: absolute;
  top: 15px;
  left: 11px;
  border: 1px solid #32406D;
  color: #32406D;
  border-radius: 50%;
  font-size: 10px;
  padding: 0px 6px;
}

.assistants_badge{
  border: 1px solid #32406D;
  border-radius: 23px;
  align-content: center;
}

.assistant_input{
  border: 1px solid #E5EAEB;
  border-radius: 15px;
  padding: 24px;
  background-color: #fff;
}
.assistant_input h5{
  font-size: 20px;
  font-weight: 500;
  line-height: 23.5px;
  color: #002B3B;
  border-bottom: 1px solid #E5EAEB;
  background: url(../images/robot_1.png) no-repeat 100% 0px;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.consent_check{ padding-left: 2em !important;}
.consent_check input {
  width: 1.5em !important;
  height: 1.5em !important;
  margin-left: -2em !important;
}
/* Audio drop target visual cue (drag-and-drop upload audio flow). */
.assistant_input.is_audio_dragover {
  outline: 2px dashed #002B3B;
  outline-offset: 4px;
  background-color: #F4F7F8;
}
.assistant_input .audio_drop_hint {
  font-size: 12px;
}
.editing{
  color: #002B3B;
  font-size: 14px;
}
.start_record_btn {
  background-color: #32406D;
  border-radius: 8px;
  padding: 17px 30px;
  width: 100%;
  text-align: center;
  border: 1px solid #32406D;
  color: #fff !important;
  font-size: 20px;
  line-height: 23.46px;
  font-weight: 500;
}

/* SweetAlert2 custom styling for error popup OK button */
.swal-confirm-btn {
  background-color: #32406D !important;
  border-color: #32406D !important;
}

.swal-confirm-btn:hover {
  background-color: #2a3659 !important;
  border-color: #2a3659 !important;
}

.manual_input_btn{
  border: 1px solid #BFCACE;
  background-color: #fff;
  padding: 17px 9px;
  /* width: 96px; */
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.42px;
  text-align: center;
  color: #002B3B !important;
  margin-right: 16px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}
.manual_input_btn:last-child{
  margin-right: 0px;
}

.dark_btn {
  background-color: #32406D;
  border-radius: 8px;
  padding: 17px 30px;
  text-align: center;
  border: 1px solid #32406D;
  color: #fff !important;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}
.small_dark_btn {
  background-color: #32406D;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #32406D;
  color: #fff !important;
  padding: 13px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  height: fit-content;
}
.light_btn{
  border: 1px solid #32406D;
  background-color: #f1f2f2;
  padding: 17px 30px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  color: #002B3B !important;
}
.small_light_btn{
  border: 1px solid #32406D;
  background-color: #f1f2f2;
  border-radius: 8px;
  padding: 13px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  color: #002B3B !important;
}

.small_green_btn {
  background-color: #0D9488;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #0D9488;
  color: #fff !important;
  padding: 13px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.small_white_btn{
  background-color: #ffffff;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #CBD5E1;
  color: #334155 !important;
  padding: 13px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.small_red_outline_btn {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #FCA5A5;
  color: #B91C1C !important;
  padding: 13px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  height: fit-content;
}
.small_red_btn {
  background-color: #dc3545;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #dc3545;
  color: #fff !important;
  padding: 13px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  height: fit-content;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") center / 0.75em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

.delete_btn {
  background-color: #32406D;
  border-radius: 8px;
  border: 1px solid #32406D;
  color: #fff !important;
}

.restore_btn{
  border: 1px solid #32406D;
  background-color: #f1f2f2;
  border-radius: 8px;
  color: #002B3B !important;
}
.less_x_padding{
  padding: 13px;
}
.less_padding{
  padding: 12px 30px;
}
.small_btn_padding{
  padding: 6px 12px;
}
.padding_small{
  padding: 13px 17px !important;
}
.text_overflow{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 110px;
  display: inline-block;
}
.attachment_parent .dropdown-toggle::after{
  vertical-align: baseline;
}
/* .alert{
  margin-bottom: 0px;
  margin-top: 23px;
  border-radius: 6px;
  padding: 8px 16px 8px 45px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
} */
.alert-reports{
  color: #973C00;
  border-color: #fee685;
  background: #fffbeb url(../images/alert_black.png) no-repeat 20px 20px;
  background-size: 16px;
  border-radius: 10px;
  padding-left: 45px;
}
.modal-body{padding: 24px;}
.recording_icon{text-align: center;}
.recording_icon img{
  background-color: #FF6A6A;
  border-radius: 50%;
  padding: 19px 19px;
}
.recording_pulse{
  animation: pulse-recording 1.5s infinite;
}
@keyframes pulse-recording {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 106, 106, 0.4); /* Initial shadow, slightly visible */
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 106, 106, 0); /* Expanded and fading shadow */
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 106, 106, 0); /* Fully faded, ready to restart */
    }
}
.content_parent{
  border-bottom: 1px solid #E5EAEB;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.content_parent .form-control{
  border-radius: 6px;
  padding: 14px 16px;
  border: 1px solid #BFCACE;
  font-size: 16px;
  line-height: 20px;
  color: #002B3B;
}
.content_parent span{
  font-size: 14px;
  line-height: 22px;
}
.content_parent span a{color: #002B3B;}

.second-nav li a, .upper-tab-nav li a {
  font-size: 17px;
  padding-left: 46px;
  border-left: 1px solid #d9d9d9;
}
.second-nav li a#report_issue{
  padding-left: 10px;
}
.upper-tab-nav li button {
  font-size: 17px;
  padding-left: 46px;
  border-left: 1px solid #d9d9d9;
}
.table_sorting th.sorting_th{
  cursor: pointer;
}
.table_sorting th.sorting_th img{
  margin-left: 20px;
}
.issue_link {
  background: url(../images/issue_icon.png) no-repeat 12px 4px;
  background-size: 30px;
}
.feed_link {
  background: url(../images/feed_link.png) no-repeat 12px 4px;
  background-size: 30px;
}
.copy_link {
  background: url(../images/copy_link.png) no-repeat 12px 4px;
  background-size: 30px;
}
.save_link {
  background: url(../images/save_link.png) no-repeat 12px 4px;
  background-size: 30px;
}
.export_pdf {
  background: url(../images/pdf-icon.png) no-repeat 12px 4px;
  background-size: 30px;
}
.update_link {
  background: url(../images/update_link.png) no-repeat 12px 4px;
  background-size: 30px;
}
.approve_link {
  background: url(../images/approve_link.png) no-repeat 12px 4px;
  background-size: 30px;
}
.sign_close {
  background: url(../images/sign_close.png) no-repeat 12px 4px;
  background-size: 30px;
}
.cancel_letter {
  background: url(../images/cancel_icon.png) no-repeat 12px 4px;
  background-size: 30px;
}
.sign_next {
  background: url(../images/next_icon.png) no-repeat 12px 4px;
  background-size: 30px;
}
.previous_letter {
  background: url(../images/revert_icon.png) no-repeat 12px 4px;
  background-size: 30px;
}
.status_info {
  margin-top: 19px;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 18.77px;
  color: #002B3B;
}
.home-p {
  padding-left: 80px;
  padding-right: 40px;
}
.home-m {
  margin-top: calc(50vh - 165px);
}
.home-right {
  /* background: url(../images/Hero-4.png) no-repeat; */
  height: calc(100vh - 114px);
  /* background-size: cover; */
}
.home-left h1 {
  font-size: 50px;
}
.home-left h4 {
  font-size: 22px;
  margin-top: 15px;
}
.home-left a {
  color: #fff;
}
#my_letters_grid tbody a, #my_deleted_letters tbody a{
  color: #000;
  text-decoration: none;
}
.consultant_initials{
  background-color: #029B96;
  font-size: 12px;
  display: block;
  min-width: 26px;
  width: fit-content;
  height: 26px;
  border-radius: 50%;
  padding: 3px 4px;
  color: #fff;
  animation: pulse-border 1.5s infinite;
  text-align: center;
}
@keyframes pulse-border {
    0% {
        box-shadow: 0 0 0 0 rgba(41, 128, 185, 0.4); /* Initial shadow, slightly visible */
    }
    70% {
        box-shadow: 0 0 0 15px rgba(41, 128, 185, 0); /* Expanded and fading shadow */
    }
    100% {
        box-shadow: 0 0 0 0 rgba(41, 128, 185, 0); /* Fully faded, ready to restart */
    }
}

.tooltip-inner {
  background-color: #029B96 !important;
}

.tooltip-arrow::before {
  border-top-color: #029B96 !important;
}
.tooltip.show {
  opacity: 1 !important;
}
#locked_to_you_alert{
  border-radius: 10px;
  background-color: #FEF3C7;
  border-color: #FCD34D;
}
#locked_to_you_alert p:nth-child(2){
  color: #92400E;
}
.locked-alert{
  width: fit-content;
  padding: 8px;
  margin-top: 16px;
  font-size: 14px;
}
.btn-check:focus + .btn,
.btn:focus {
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}
.btn-link {
  color: #002B3B;
  font-size: 16px;
  line-height: 18.77px;
  font-weight: 500;
}
.btn-light {
  color: #002B3B;
  background-color: #fff;
  border-color: #32406D;
  padding: 14px 20px;
  line-height: 19px;
}
.btn-light.active, .btn-light:active, .btn-light:hover, .btn-light:focus {
  color: #002B3B;
  background-color: #80D7F7;
  border-color: #32406D;
  font-weight: 500;
}
#attached_file.btn-light{
  background: url(../images/attachment.png) no-repeat 10px;
  text-align: left;
  background-size: 22px;
  padding-left: 38px;
  padding-right: 26px;
}
.remove_attachment{
  border: 0px;
  background: transparent;
  position: absolute;
  bottom: 42px;
  left: 186px;
  font-size: 14px;
  padding: 0px;
}
.dash-badge{
  background-color: #f9f9f9;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 17px;
  margin-left: 10px;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  background-color: #099a8c;
}
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #ddd;
  border-color: #ddd;
}
.btn-input {
  position: relative;
  float: right;
  margin-top: 10px;
}
.modal {
  background: rgba(0, 43, 59, 0.5);
}
.audio_file{
  width: calc(100% - 60px);
}
.audio_regen{
  border: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.generate_letter{
  border: 0px;
  background-color: transparent;
  padding: 0px;
  position: absolute;
  top: 15px;
  right: 0px;
}

.popover{ max-width: 500px; border-color: #BFCACE;}
.popover-header {
  padding: 8px 16px;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #F1F6F7;
  border-bottom: 1px solid #BFCACE;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #002B3B;
}
.popover-body {
  padding: 8px 16px 16px;
  color: #002B3B;
  font-size: 16px;
  line-height: 22px;
}

.assistant_output{
  border: 1px solid #E5EAEB;
  border-radius: 15px;
  padding: 24px;
  background-color: #fff;
}
.mic {
  position: absolute;
  bottom: 4px;
  right: 4px;
  /* height: 40px;
    width: 45px; */
}
.mic1 {
  background: url(../images/mic.svg) no-repeat center;
  background-size: 25px;
}
.brightness_green {
  filter: invert(47%) sepia(79%) saturate(2476%) hue-rotate(86deg)
    brightness(100%) contrast(119%);
}
.mic2 {
  background: url(../images/mic_2.png) no-repeat center;
  background-size: 22px;
}
.mic_advance {
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 40px;
  width: 45px;
}
.mic1_advance {
  background: url(../images/mic_1.png) no-repeat center;
  background-size: 14px;
}
.mic2_advance {
  background: url(../images/mic_2.png) no-repeat center;
  background-size: 20px;
}
.btn-refresh {
  background: #0aa699 url(../images/refresh.png) no-repeat center;
  position: absolute;
  bottom: 7px;
  right: 7px;
  height: 50px;
  width: 50px;
  background-size: 35px;
}
/* .btn-input-advance{
    background: #0aa699 url(../images/arrow-right.png) no-repeat center;
    position: relative;
    height: 37px;
    width: 50px;
    background-size: 20px;
}
.btn-refresh-advance{
    background: #0aa699 url(../images/refresh.png) no-repeat center;
    position: relative;
    height: 37px;
    width: 50px;
    background-size: 28px;
}
.btn-refresh-advance:hover, .btn-refresh-advance:active{
    background-color: #0aa699;
} */
.change_input {
  border: 1px solid #0aa699;
  padding: 5px;
  padding-left: 0px;
}
.change_input .form-control {
  border: 0px none;
}
.change_input .form-control:focus {
  box-shadow: none;
}

.speech_main {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E4E5E5;
}

.speech_main p, .manual_main p {
  margin-bottom: 20px;
  margin-top: 0px;
  font-size: 28px;
  font-weight: 500;
  color: #002B3B;
  line-height: 32.84px;
}
.manual_main {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #E4E5E5;
}
#patient_modal .manual_main{
  border-bottom: 0px;
}
.manual_main button.btn-close{
  position: absolute;
  top: 24px;
  right: 24px;
}
.lock_main{
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #E4E5E5;
}
.lock_main p{
  margin-bottom: 20px;
  margin-top: 0px;
  font-size: 22px;
  font-weight: 500;
  color: #002B3B;
}
.lock_main img{
  margin-right: 7px;
  background: rgba(255, 172, 28, 0.3);
  padding: 5px;
  border-radius: 50%;
}
.lock_points{margin-top: 20px; margin-bottom: 30px;}
.lock_points p{
  color: rgba(26, 26, 26, 0.7);
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}
.lock_points ul li{
  color: rgba(26, 26, 26, 0.7);
  font-size: 14px;
  line-height: 22px;
}
.lock_check label{
  font-size: 14px;
  color: rgba(26, 26, 26, 0.7);
}
.alert-close{
  position: absolute;
  right: 10px;
  top: 16px;
}
.use-bootstrap-tag:first-of-type{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
}
.use-bootstrap-tag:nth-of-type(2){
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.use-bootstrap-tag button{
  background-color: #32406D;
  border-radius: 6px !important;
}
/* .use-bootstrap-tag input::placeholder{ color: slategray;} */
/* Combobox lookup (send modal recipients) */
.lookup-combobox { position: relative; }
.lookup-combobox .lookup-box {
  display: flex; align-items: center; gap: 8px;
  min-height: 48px; padding: 8px 12px;
  border: 1px solid #BFCACE; border-radius: 6px; background: #fff;
}
.lookup-combobox .lookup-fields {
  display: flex; flex: 1; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0;
}
.lookup-combobox .lookup-input {
  flex: 1; min-width: 220px; height: 30px; padding: 0;
  border: 0; outline: 0; background: transparent; box-shadow: none; color: #002B3B;
}
.lookup-combobox .lookup-chip {
  display: inline-flex; gap: 6px; align-items: center; max-width: 100%;
  padding: 6px 6px 6px 10px; border: 1px solid #E5EAEB; border-radius: 6px;
  background: #F1F6F7; font-size: 14px;
}
.lookup-combobox .lookup-chip-text {
  max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.lookup-combobox .lookup-results {
  position: absolute; z-index: 1060; width: 100%; max-height: 260px; margin-top: 4px;
}
.lookup-combobox .lookup-results .recipient_result {
  padding: 10px 12px;
  border-bottom: 1px solid #E5EAEB;
  white-space: normal;
}
.lookup-combobox .lookup-results .recipient_result:last-child {
  border-bottom: 0;
}
.lookup-combobox .lookup-results .recipient_result_email {
  margin-top: 2px;
}
.lookup-combobox .lookup-results .recipient_result_specialty {
  margin-top: 2px;
}
.lookup-combobox .recipient_browse_toggle img.recipient_browse_arrow {
  display: block;
  filter: brightness(0) saturate(100%) invert(9%) sepia(37%) saturate(1458%) hue-rotate(155deg) brightness(95%) contrast(101%);
}
#send_modal.send_modal_dimmed { z-index: 1050 !important; }
#send_modal.send_modal_dimmed > .modal-dialog {
  opacity: 0.45; pointer-events: none; transition: opacity 0.15s ease;
}
.workflow_table tbody tr:last-child td:first-child input{text-transform: uppercase;}
.modal_icon{
  background-color: #FF6A6A;
  padding: 19px;
  border-radius: 50%;
  width: 87px;
  height: 87px;
  margin: 0 auto;
}
.speech_points{margin-top: 20px; margin-bottom: 30px;}
.speech_points p{
  color: rgba(26, 26, 26, 0.7);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0px;
}
.speech_points ul li{
  color: rgba(26, 26, 26, 0.7);
  font-size: 16px;
  line-height: 22px;
}

hr{
  background-color: #e4e5e5;
  opacity: 1;
  width: 385px !important;
  margin: 0 auto;
}
.modal-content{border-radius: 20px;}
.speech_footer{padding-top: 20px;}
.speech_btns{width: calc(50% - 4px);}
.speech_recovery_action{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.speech_recovery_btn{
  width: min(260px, 100%);
  border: 1px solid #d8dee7;
  background: #f8fafc;
  border-radius: 8px;
  padding: 14px 24px;
  color: #334155 !important;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}
.speech_recovery_btn:hover{
  background: #f1f5f9;
  border-color: #cbd5e1;
}
.speech_recovery_btn img{
  width: 16px !important;
  margin-left: 6px;
}
/* Small, neutral note inside the speech_modal that explains when the user's
   account-level streaming preference diverges from the organization default.
   Intentionally quiet — same color family as the other modal supporting text. */
.streaming_preference_info{
  font-size: 12px;
  line-height: 16px;
  color: rgba(26, 26, 26, 0.6);
  text-align: center;
  margin: 12px auto 0;
  padding: 0 12px;
}
#cancel_btn img, #submit_btn img, #with_btn img, #without_btn img{
  width: 16px !important;
}
.pdf_button img{
  width: 30px !important;
}
#input_panel.form-control{
  border-radius: 6px;
  border: 1px solid #BFCACE;
  color: #002B3B;
  font-size: 16px;
  line-height: 20px;
}
.clear_input{
  color: #002B3B;
  font-size: 14px;
  line-height: 22px;
  text-decoration: underline;
  font-weight: 400;
  background-color: transparent;
  border: 0px;
  padding: 1px 0px;
}
.loader_main {
  width: 300px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.loader_main img {
  width: 115px;
  border-radius: 50%;
  padding: 0px 15px;
}
.loader_main p {
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
#dashboard_actions{margin-top: 17px;}
.dash-actions button {
  padding: 6px;
}
.dash-actions button img {
  width: 16px;
}
.dash_cons{
  position: relative; top: 2px; z-index: 2;width: calc(33% - 3px);
}
.dash_cons select{
  width: 100%;
}
.filter-date {
  position: absolute;
  z-index: 2;
  top: 9px;
  left: 8px;
}
/* .search_parent{
  position: absolute;
  top: -30px;
  right: 0px;
  width: 100%;
} */
.search_parent input{
  width: calc(100% - 135px);
}
.search_parent img{
  position: absolute;
  top: 12px;
  right: 140px;
}
.search_parent img:hover{cursor: pointer;}
#my_letters_grid_wrapper.dt-container, #my_deleted_letters_wrapper.dt-container{
  position: relative;
  top: -65px;
}
.dashboard-card{
  border: 1px solid #E5EAEB;
  border-radius: 15px;
}
.dashboard-card .card-body{padding: 24px;}
.library-card{ overflow: hidden; }
.library-card h5{
  font-size: 16px;
  font-weight: 600;
  margin-top: 16px;
}
.library_search_parent img#clear_search{
  position: absolute;
  top: 14px;
  right: 55px;
  cursor: pointer;
  z-index: 9999;
}
.library_search_parent input{ padding-right: 30px;}
.preview_section:first-child{
  border-bottom: 1px solid #BFCACE;
  margin-bottom: 16px;
}
.preview_section ul{
  list-style: none;
  padding-left: 0px;
}
.preview_section ul li{
  background: url(../images/check_green.png) no-repeat 0px 4px;
  background-size: 16px;
  padding-left: 25px;
  padding-bottom: 5px;
}
.preview_instructions{
  height: 440px;
  border-radius: 9px;
}
.preview-border{
  border-bottom: 1px solid #BFCACE;
  padding-bottom: 16px;
}
.preview-clinic-parent{
  background: #f9fafa;
  padding: 20px;
  border: 1px solid #BFCACE;
  border-radius: 9px;
  margin-top: 16px;
}
.favourites_tag h6{
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0px;
}
.favourites_tag span{ font-size: 14px;}
.close_favourite{
  position: absolute;
  top: -6px;
  right: -3px;
  background: #f2f6f7;
  border: 1px solid #e5eaeb;
  border-radius: 50%;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 12px;
  padding: 1px;
}
.close_favourite:hover{
  border: 1px solid #d31212;
  background: #f00;
  color: #fff;
}
.close_favourite svg{
  width: 12px;
  height: 12px;
  font-size: 14px;
}
div.dt-container div.dt-search input{
  position: relative;
  z-index: 2;
  top: -18px;
  margin-right: 150px;
  border: 0px;
  background: #ECEFF5 url(../images/search_icon.png) no-repeat 8px 10px;
  padding: 9px 6px 9px 32px;
  width: 160px;
  border-radius: 8px;
}
#current_uploads_grid_wrapper.dt-container div.dt-search input, #assistant_management_grid_wrapper.dt-container div.dt-search input, #groups_table_wrapper.dt-container div.dt-search input, #clinics_table_wrapper.dt-container div.dt-search input, #assistants_table_wrapper.dt-container div.dt-search input{
  top: 0px;
  margin-right: 0px;
}
#assistants_grid_wrapper.dt-container div.dt-search input{
  top: 0px;
  margin-right: 143px;
}
.dt-container tr th{
  border-bottom: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #002B3B;
  line-height: 16.5px;
  padding: 1px 25px 8px 8px;
}
.dt-container tr td, .table tr th, .table tr td{
  border-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
  color: #002B3B;
  line-height: 20px;
}
.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, .dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, .dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, .dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, .dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, .dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, .dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, .dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  right: 3px;
  top: 0;
  bottom: 0;
  width: 18px;
}
.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order::before, .dataTable thead>tr>th.dt-orderable-asc span.dt-column-order::after, .dataTable thead>tr>th.dt-orderable-desc span.dt-column-order::before, .dataTable thead>tr>th.dt-orderable-desc span.dt-column-order::after {
  content: "" !important;
  background: url("../images/sort-down.png") no-repeat center center;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.1;
}
.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order::after {
  content: "";
  background: url("../images/sort-up.png") no-repeat center center;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}
.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order::after {
  content: "";
  background: url("../images/sort-down.png") no-repeat center center;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}
#assistants_grid_wrapper.dt-container tr th, #assistant_management_grid_wrapper.dt-container tr th{
  padding: 8px 25px 8px 8px;
}

.logs_table.table tr td{
  border-bottom: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  line-height: 16.42px;
}
.logs_table.table tr th, .logs_table.table tr td span{
  border-bottom: 0px;
  font-size: 12px;
  font-weight: 500;
  color: #778294;
  line-height: 14.08px;
}
tr.clickable{
  border-left: 4px solid #3CBFBE;
}
/* pagination styles */
.page-link {
  position: relative;
  display: block;
  color: #002B3B;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #32406D;
  transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out, box-shadow .15sease-in-out;
}
.page-item.active .page-link {
  z-index: 3;
  color: #002B3B;
  background-color: #80D7F7;
  border-color: #32406D;
}
.page-item.disabled .page-link {
  color: #002B3B;
  pointer-events: none;
  background-color: #F1F6F7;
  border-color: #32406D;
}

.flag-icon {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.dashboard_date{
  background: url(../images/calendar.png) no-repeat 10px;
  padding-left: 40px;
}
.dashboard_date[readonly]{
  background-color: #fff !important;
}
.dashboard_date:disabled{background-color: #e9ecef !important;}
#clear_date{
  position: absolute;
  top: 14px;
  right: 7px;
  cursor: pointer;
}
#clear_assistant_name{
  position: absolute;
  cursor: pointer;
  top: 42px;
  right: 18px;
}
.first_capital{
  text-transform: capitalize;
}
.patient_btn {
  background-color: transparent;
  border: 0px;
  color: #0d6efd;
}
.disabled_link {
  pointer-events: none;
}
.btn-changes {
  background: #0aa699 url(../images/right_arrow.png) no-repeat 74px 10px;
  background-size: 10px;
  padding-left: 12px;
  padding-right: 25px;
}
.btn-refresh {
  background: #ddd url(../images/refresh.png) no-repeat center;
  background-size: 35px;
  padding: 19px;
}
.btn-refresh:hover {
  background-color: #ededed;
  border-color: #ededed;
}
.btn-feedback {
  position: relative;
}
.feedback_btn{
  position: absolute;
  top: -60px;
  right: 0px;
}
/* .accordion-button {
  font-size: 14px;
  padding: 10px 16px;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(0.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
} */
.accordion-button:not(.collapsed) {
  color: #002B3B;
  background-color: #80D7F7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
.settings_border{
    border: 1px solid #BFCACE;
    padding: 16px;
    border-radius: 16px;
}
.settings_parent{
  display: flex;
  justify-content: space-between;
}
.settings_parent p{margin-bottom: 0px; color: #32406D;}
.settings_parent span{font-size: 14px; color: #979797;}
.settings-check{display: flex; justify-content: space-between; margin-bottom: 6px;}
.mode-label {
  position: absolute;
  left: -48px;
  color: #ccc;
  top: 7px;
}
/* .select2-container--bootstrap-5{
	width: 224px !important;
} */

.mode_select {
  float: left;
  margin-right: 80px !important;
}
.page_select {
  float: left;
  position: relative;
}
/** Custom radio button styles **/
.donate-now {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}

.donate-now li {
  float: left;
  margin: 0 5px 0 0;
  width: 150px;
  height: 40px;
  position: relative;
}

.donate-now label,
.donate-now input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.donate-now input[type="radio"] {
  opacity: 0.01;
  z-index: 100;
}

.donate-now input[type="radio"]:checked + label,
.Checked + label {
  background: #099a8c;
  color: #fff;
}

.donate-now label {
  padding: 8px 5px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  color: #000;
  cursor: pointer;
  z-index: 90;
  text-align: center;
  border-radius: 7px;
}

.donate-now label:hover {
  background: #ddd;
}

.country_main .select2-container--bootstrap-5, .speciality_main .select2-container--bootstrap-5, .speciality_secondary .select2-container--bootstrap-5{
  width: 100% !important;
  text-align: start;
}

.output_tabs{width: calc(100% - 125px);}
.output_tabs .nav-item{
  border: 1px solid #32406D;
  border-left: 0px;
  overflow: hidden;
}
.output_tabs .nav-item:first-child{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #32406D;
}
.output_tabs .nav-item:last-child{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.output_tabs .nav-link {
  color: #002B3B;
  border-radius: 0px;
}

.output_tabs .nav-link.active, .output_tabs .show > .nav-link {
  background-color: #80D7F7;
  color: #002B3B;
}
.output_tabs .nav-link:hover{
  background-color: #80D7F7;
}
.tab_status{
  border-bottom: 1px solid #E5EAEB;
  padding-bottom: 16px;
  margin-bottom: 16px;
  position: relative;
  align-items: center;
}
.tab_status h4{
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  color: #002B3B;
  margin-bottom: 0px;
}
.assistant_btn{
  font-size: 14px;
  line-height: 16.42px;
  color: #002B3B;
  background-color: #fff;
  border: 1px solid #BFCACE;
  border-radius: 8px;
  padding: 7px 30px;
  box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.08);
}
.text-brand {
  color: #002B3B !important;
  font-weight: 500 !important;
}
.brand-accent {
  accent-color: #002B3B;
}
.filter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .75rem;
}

.filter-row:first-child {
  margin-top: 0;
}

.filter-actions {
  display: flex;
  justify-content: space-between;
  padding-top: .5rem;
  margin-top: .5rem;
}

.btn-link-brand {
  background: none;
  border: 0;
  padding: 0;
  color: #002B3B;
}

th .btn-filter {
  padding: 0;
  border: 0;
  background: none;
}

th .btn-filter .caret {
  margin-left: .25rem;
}

.dropdown-menu.table-filter {
  min-width: 280px;
  max-width: min(320px, calc(100vw - 24px));
}

.dropdown-scroll {
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}

.dropdown-scroll::-webkit-scrollbar {
  width: 8px;
}

.dropdown-scroll::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border-radius: 8px;
}

.dropdown-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.stats_card{
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  padding: 16px;
  background-color: #fff;
}
.stats_card p{
  font-size: 14px;
  margin-bottom: 0px;
  color: #9c9c9c;
}
.stats_card h4{
  font-size: 30px;
  color: #000;
  margin-bottom: 0px;
}
.stats_card .stats_info{
  position: absolute;
  right: 5px;
  top: 5px;
}
select.filter_background, button.filter_background{
  background: url(../images/filter.png) no-repeat 5px 11px, url(../images/selectarrow.png) no-repeat right 5px center, #FFF;
  background-size: 24px, 16px;
  padding-left: 32px;
  padding-right: 24px;
}
input.filter_background{
  background: url(../images/filter.png) no-repeat 5px 11px,
  #fff;
  background-size: 24px;
  padding-left: 32px;
}
button.filter_background_Table {
  position: relative;
  background-color: #FFF;
  padding-right: 28px;
}

button.filter_background_Table::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 20px;
  background:url(../images/filter.png) no-repeat center / 20px 20px;
  transform: translateY(-50%) rotate(0deg);
  transition: transform .15s ease-in-out;
}

button.filter_background_Table.is-open::after {
  transform: translateY(-50%) rotate(180deg);
  transition: transform .15s ease-in-out;
}
.report_search{
  background: url(../images/search_icon.png) no-repeat 5px 13px,
  #fff;
  background-size: 20px;
  padding-left: 30px;
  padding-right: 24px;
}
.clear_search{
  position: absolute;
  right: 17px;
  top: 15px;
  opacity: 0.7;
  cursor: pointer;
}
.pdf_details_main{
  border: 1px solid #d9d9d9;
  border-radius: 7px;
  background-color: #fff;
  padding: 16px;
}
.pdf_details_main h6{
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.pdf_details_main ul{
  display: flex;
  padding-left: 16px;
  margin-bottom: 8px;
}
.pdf_details_main ul li{
  font-size: 14px;
  color: #9c9c9c;
  font-weight: 400;
  margin-right: 25px;
}
/* .pdf_badges span{
  background: url(../images/badge_icon.png) no-repeat 4px 7px;
  background-color: #f5f5f5;
  font-size: 9px;
  font-weight: 500;
  color: #000;
  border-radius: 5px;
  padding: 5px 7px 5px 20px;
} */
.pdf_dates{
  font-size: 14px;
  color: #9c9c9c;
  font-weight: 400;
  margin-top: 10px;
}
.pdf_button{
  border: 0px none;
  border-radius: 3px;
  line-height: 17px;
  margin-top: 8px;
}
textarea#code_editor{
  height: 792px;
  border: 1px solid #d9d9d9;
  border-radius: 7px;
}
iframe#preview_code{
  width: 100%;
  height: 792px;
  border: 1px solid #d9d9d9;
  border-radius: 7px;
  background-color: #fff;
}
/* Patient manager page */
.patient_manager_main .small_text{
  color: #475569;
  font-size: 14px;
  font-weight: 500;
}
.patient_manager_main .back_to_dashboard{
  text-decoration: none;
}
.patient_manager_main .start_visit{
  font-size: 21px;
  font-weight: 600;
}
#patientsTab.nav-tabs, #contactsTab.nav-tabs{
  border-bottom: 0px;
}
#patientsTab.nav-tabs .nav-item, #contactsTab.nav-tabs .nav-item{
  border: 1px solid #32406D;
  border-left: 0px;
  overflow: hidden;
}
#patientsTab.nav-tabs .nav-item:first-child, #contactsTab.nav-tabs .nav-item:first-child{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #32406D;
}
#patientsTab.nav-tabs .nav-item:last-child, #contactsTab.nav-tabs .nav-item:last-child{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.patient_tab_btn{
  border: 0px;
  border-radius: 0px;
  color: #002B3B;
}
.patient_tab_btn.active{
  background-color: #80D7F7 !important;
  color: #002B3B !important;
}
.patient_alert, .new_patient_alert{
  background-color: #EFF6FF;
  border-color: #BFDBFE;
  border-radius: 6px;
  color: #1E3A8A;
  font-size: 14px;
  margin-bottom: 0px;
}
.new_patient_alert p{
  margin-bottom: 0px;
  margin-left: 20px;
}
.upload_patient_alert{
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 16px;
}
.upload_patient_alert p{
  margin-bottom: 0px;
  margin-left: 20px;
}
#new-tab-pane h6, #add-tab-pane h6, #add_directory_modal h6, .add_visit_heading, #update_patient_modal h6{
  border-bottom: 2px solid #E2E8F0;
  padding-bottom: 10px;
  color: #0F172A;
  font-size: 14px;
  font-weight: 600;
}
.required_tag{
  background-color: #F1F5F9;
  border-radius: 3px;
  color: #64748B;
  font-size: 10px;
  padding: 5px;
  margin-left: 15px;
}

#new-tab-pane .form-label, #add-tab-pane .form-label, #add_directory_modal .form-label, .add_visit_label, #update_patient_modal .form-label{
  font-size: 14px;
  color: #334155;
  font-weight: 500;
}
#visit_date.form-control, #add_visit_date.form-control{
  background: url(../images/calendar.png) no-repeat right 10px center;
  background-size: 17px;
}

/* Patient suggestion box */
#suggestion_container>img#clear_search{
  position: absolute;
  left: auto;
  right: 60px;
  top: 13px;
  z-index: 99;
}
#suggestion_container .input-group #clear_search,
#suggestion_container .input-group #clear_search_contact{
  position: absolute;
  right: 58px;
  top: 13px;
  z-index: 5;
  cursor: pointer;
}
#sort_patient_btn,
#sort_contact_btn{
  background-image: none;
  padding-right: .75rem;
}
#suggestion_container .dropdown-menu{
  min-width: 170px;
}
.suggestion-main{
  width: 100%;
  background-color: #fff;
}
.suggestion-main>p{
  color: #64748B;
  font-size: 14px;
}
.suggestion-main>.d-flex .form-check-label{
  color: #0F172A;
  font-weight: 600;
  font-size: 14px;
}
.suggestion-main>div .total_records{
  color: #64748B;
  font-size: 12px;
  font-weight: 400;
  margin-left: 25px;
}
.suggestion-main .suggestion-main-toolbar .total_records-corner{
  margin-left: 0;
  flex-shrink: 0;
}
.save-bulk-parent{
  background-color: #32406D;
  display: flex;
  padding: 10px;
}
.more_zindex{
  z-index: 9999 !important;
}
.cancel_bulk_visit{
  color: #CCFBF1;
  text-decoration: none;
  font-size: 14px;
}
.selected-patients{color: #fff;}
.suggestion-card-parent{
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  max-height: 922px;
  overflow-y: auto;
}
.suggestion-card {
  background-color: #ffffff;
  padding: 20px;
  border: 2px solid #E2E8F0;
  border-bottom: 0px;
  border-radius: 0px;
  align-items: start;
  display: flex;
}
.suggestion-card:first-child{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.card-check{width: 30px;}
.patient-card-data{width: calc(100% - 30px);}
.bv-patient-row.suggestion-card:last-child, .pm-result-row.suggestion-card:last-child{
  border-bottom: 2px solid #E2E8F0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.suggestion-card.no-record{
  display: flex;
  justify-content: space-between;
  background-color: #fefbe9;
}
.patient-card-body{
  display: flex;
  justify-content: space-between;
}
.patient-card-footer{
  border-top: 1px solid #F1F5F9;
  margin-top: 10px;
  padding-top: 5px;
}
.patient-card-footer .heading, .patient-card-footer .date_value{
  color: #94A3B8;
  font-weight: 400;
  font-size: 12px;
}
.patient-card-footer .heading{ margin-right: 5px;}
.patient-card-footer .date_value{ margin-right: 14px;}
.name-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.initials-badge {
  background-color: #fdd835;
  padding: 5px 8px;
  border-radius: 4px;
  margin-right: 10px;
}

.full-name {
  font-weight: 700;
  font-size: 16px;
  color: #0F172A;
  text-transform: uppercase;
}

.pending_badge{
  background-color: #FEF3C7;
  font-size: 12px;
  font-weight: 500;
  color: #92400E;
  border-radius: 3px;
  padding: 2px 7px;
  margin-left: 30px;
}
.active_badge{
  background-color: #DCFCE7;
  font-size: 12px;
  font-weight: 500;
  color: #166534;
  border-radius: 3px;
  padding: 2px 7px;
  margin-left: 30px;
}
.inactive_badge{
  background-color: #F8FAFC;
  font-size: 12px;
  font-weight: 500;
  color: #64748B;
  border-radius: 3px;
  padding: 2px 7px;
  margin-left: 30px;
}

.no-patient{
  font-weight: 400;
  font-size: 16px;
  color: #475569;
}

.add_patient_link, .add_patient_link:hover{
  color: #B45309;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}

.details table tr td {
  color: #64748B;
  font-size: 14px;
  font-weight: 500;
}
.details table tr td:first-child{
  width: 100px;
}

.select-button {
  background-color: #0D9488;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  height: fit-content;
  font-weight: 500;
  font-size: 14px;
}

.select-button:hover {
  background-color: #009688;
}

.patient_pagination, .my_patient_pagination{
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: #F8FAFC;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 2px solid #E2E8F0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.patient_pagination ul.pagination, .my_patient_pagination ul.pagination{
  width: fit-content;
}

.pagination_info, .my_pagination_info{ width: 360px;}

.pagination_info p, .pagination_info span, .my_pagination_info p, .my_pagination_info span{
  color: #64748B;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
}

.pagination_info select, .my_pagination_info select{
  display: inline-block;
  width: 60px;
  padding: 5px 13px;
  font-size: 14px;
}

.favourite_assistant{
  fill: #099a8c;
  stroke: #099a8c;
}

.favourites_tag .close_favourite {
  display: none;
}

.favourites_tag:hover .close_favourite {
  display: inline-block;
}

.add-patient-button{
  background-color: transparent;
  border: 0px;
  height: fit-content;
}

.visit-banner {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #334155;
  font-weight: 500;
  font-size: 14px;
}

.visit-card {
  border: 2px solid #0D9488;
  background: #F0FDFA;
  border-radius: 6px;
}

.label {
  color: #334155;
  font-weight: 600;
  font-size: 14px;
  width: 70px;
}

.filter_background_Table .label{ width: 90px;}

.value {
  color: #0F172A;
  font-weight: 500;
  font-size: 14px;
}

.change-link {
  color: #475569;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  display: block;
  margin-top: 7px;
}

.update-link{
  color: #0F766E;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
}

.no_visit_icon_parent, .success_patient_icon_parent{
  width: 100%;
  justify-content: center;
  display: flex;
}
.no_visit_icon, .success_patient_icon, .delete_patient_icon{
  background-color: #FEF3C7;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  align-content: center;
}
.success_patient_icon{
  background-color: #DCFCE7;
}
.delete_patient_icon{
  background-color: #2E36501A;
}
.no_visit_content, .success_patient_content{
  text-align: center;
}
.no_visit_content h4, .success_patient_content h4{
  color: #0F172A;
  font-size: 16px;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 16px;
}
.no_visit_content p, .success_patient_content p{
  color: #475569;
  font-size: 14px;
  font-weight: 400;
  padding-left: 50px;
  padding-right: 50px;
}
.success_patient_content p span{
  font-weight: 500;
  color: #1E293B;
}
.success_visits_detail{
  border: 1px solid #E2E8F0;
  background-color: #F8FAFC;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 25px;
}
.success_patient_content p.light, .success_visits_detail td.light{
  color: #94A3B8;
  font-size: 14px;
  font-weight: 400;
}
.success_visits_detail tr td{ padding: 8px; }
.success_visits_detail tr td:last-child{ font-size: 14px; }
.copy_patient_id{
  position: absolute;
  background-color: #22C55E;
  font-size: 12px !important;
  width: fit-content;
  padding: 10px !important;
  border-radius: 6px;
  color: #fff !important;
  left: 150px;
  bottom: 80px;
}
.fw-medium{ font-weight: 500 !important; color: #334155;}
.no_visit_footer{display: flex; justify-content: center;}
#continue_patient.small_green_btn, #cancel_patient.small_white_btn{
  font-size: 14px;
  padding: 13px 50px;
}
.deleting_info_parent{
  background-color: #2E36500D;
  border: 1px solid #2E365026;
  border-radius: 6px;
  padding: 12px 14px;
  margin-bottom: 24px;
}
.deleting_info_parent div span:first-of-type{
  color: #2E3650B2;
  font-size: 14px;
}
.deleting_info_parent div span:last-of-type{
  color: #2E3650;
  font-size: 14px;
  font-weight: 500;
}
.upload_patient_card h5{
  color: #0F172A;
  font-size: 14px;
  font-weight: 600;
}

.upload_patient_card p.text-muted{
  color: #64748B !important;
  font-size: 12px;
  font-weight: 400;
}
/* Upload Area Styles */
.upload-patient-area {
    border: 2px dashed #CBD5E1;
    border-radius: 6px;
    padding: 40px 20px;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #fff;
    cursor: pointer;
}

.upload-patient-area:hover {
    border-color: #0d6efd;
    background-color: #f0f7ff;
}

.upload-patient-area.drag-over {
    border-color: #0d6efd;
    background-color: #e7f3ff;
    border-style: solid;
}

.upload-icon {
    display: inline-block;
}
.upload_files_h6{
  font-size: 14px;
  font-weight: 600;
  color: #0F172A;
}

/* Expected Format Section */
.expected-format-section {
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  background-color: #F8FAFC;
}

.expected-format-section h6 {
  font-weight: 600;
  color: #334155;
  font-size: 12px;
}

.expected_patient_table.table {
    font-size: 12px;
}

.expected_patient_table.table thead th {
  background-color: #fff;
  border-bottom: 1px solid #E2E8F0;
  font-weight: 600;
  padding: 0.75rem;
  color: #475569;
  font-size: 12px;
}

.expected_patient_table.table tbody td {
  padding: 0.75rem;
  vertical-align: middle;
  font-size: 12px;
  color: #64748B;
}

.patients_file_badge{
  border-radius: 28px;
  font-size: 12px;
  color: #475569;
  font-weight: 400;
  padding: 7px 9px 7px 35px;
  background: #F1F5F9 url(/static/images/file_upload_icon.png) no-repeat 14px 8px;
  background-size: 12px;
}
.patients_file_badge .file_counter{
  color: #94A3B8;
  margin-left: 20px;
}
.patients_file_badge img{
  margin-left: 5px;
}
.file_rows_counter{
  color: #94A3B8;
  font-size: 12px;
  font-weight: 400;
}
.file_valid{
  background-color: #F8FAFC;
  border: 1px solid #E2E8F0;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  color: #334155;
  font-weight: 400;
}
.valid_file_counter{
  color: #334155;
  font-size: 14px;
  font-weight: 600;
}
.valid_file_counter2, .valid_rows_counter{
  color: #64748B;
  font-size: 12px;
  font-weight: 400;
}
.valid_table_parent{
  border: 1px solid #E2E8F0;
  border-radius: 6px;
}
.valid_table_parent th{
  background-color: #F8FAFC !important;
  padding: 10px 15px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}
.valid_table_parent td{
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #0F172A !important;
  padding: 10px 15px !important;
}
.valid_patient_footer{
  border-top: 1px solid #F1F5F9;
}
.valid_patient_footer p{
  font-size: 12px;
  color: #64748B;
  font-weight: 400;
}
#visit_history_btn button.accordion-button{
  font-size: 14px;
  font-weight: 600;
}
#visit_history_btn button.accordion-button:not(.collapsed){
  background-color: #fff;
  color: #212529;
}
#visit_history_btn span{
  margin-left: 16px;
  border: 1px solid #0D9488;
  background-color: #F0FDFA;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 11px;
}
#visit_history .table tr th{
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid currentColor;
}
#visit_history .table tr td{
  font-size: 14px;
  border-bottom: 1px solid #f1f5f9;
}
/* Header icon */
.top-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #CCFBF1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.top-icon svg {
  width: 24px;
  height: 24px;
  color: #0D9488;
}

/* Card */
.import-card {
  border: 0;
}

/* Status pill */
.pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background: #CCFBF1;
  color: #115E59;
}
.pill.gray {
  background: #fff;
  color: #475569;
  font-size: 14px;
}

/* Summary row (top line under title) */
.summary {
  color: #475569;
  font-size: 14px;
}
.summary .num, .summary .linkish {
  font-weight: 600;
  color: #0F766E;
}

/* Details box */
.details-box {
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  background: #F8FAFC;
  padding: 18px 18px;
}
.details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
}
/* .details-row + .details-row {
  border-top: 1px solid #eef2f6;
} */
.details-label {
  color: #475569;
  font-weight: 400;
  font-size: 14px;
}
.details-value {
  color: #0F172A;
  font-weight: 400;
}
.file-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #E2E8F0;
  color: #000000;
  padding: 8px 12px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 12px;
}

/* Warning banner */
.warning {
  margin-top: 16px;
  border: 1px solid #FDE68A;
  background: #FFFBEB;
  color: #92400E;
  border-radius: 6px;
  padding: 14px 16px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.warning svg {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  flex: 0 0 auto;
}
.warning p {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
}
.import_footer{
  border-top: 1px solid #F1F5F9;
}

@media (max-width:575.98px) {
  .search-paginate {
    gap: .5rem;
  }
}
.tox{
  margin-top: 16px;
}
.letter_actions{
  border-top: 1px solid #E5EAEB;
  margin-top: 16px;
  padding-top: 16px;
}
.letter_actions button{ margin-right: 5px;}
.letter_actions button:last-child{ margin-right: 0px;}
.select2-container .select2-selection--single{
  border-radius: 6px;
  height: 47.6px;
  padding: 11px 36px 6px 12px;
}
.info_alert h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.info_alert p {
  font-size: 11px;
  margin-bottom: 0px;
}
.info_alert button {
  position: absolute;
  top: 5px;
  right: 5px;
}
.copy_clipboard {
  position: absolute;
  right: 0px;
}
.copy_clipboard button.btn-success {
  width: 112px;
  text-align: left;
  padding-left: 42px;
  font-size: 14px;
  line-height: 16px;
  background: #099a8c url(../images/copy.png) no-repeat 5px 6px;
}

.copy_clipboard button.save_ai {
  background: #099a8c url(../images/save.png) no-repeat 5px 6px;
  width: 115px;
  margin-right: 15px;
}
.copy_alert {
  position: absolute;
  z-index: 9;
  text-align: center;
  background-color: #fff;
  border: 1px solid #002B3B;
  border-radius: 10px;
  bottom: 38px;
  right: 16px;
  padding: 5px 15px;
}
.switch_tooltip,
.service_tooltip {
  position: absolute;
  width: 260px;
  height: auto;
  z-index: 999;
  background-color: #fff;
  padding: 7px;
  border: 1px solid #3e9e9c;
  border-radius: 6px;
  font-size: 12px;
}
.service_tooltip {
  top: 36px;
  right: 0px;
}
.home-right iframe {
  width: 100%;
  height: 375px;
}

#getWaitlistInnerContainer {
  background-color: #212529 !important;
  max-width: 100% !important;
}
#primaryCTA {
  color: #fff !important;
}
/* upload icon styles */

.custom-upload-icon {
  display: inline-block;
}

.custom-file-upload input {
  display: none;
}

.custom-upload-icon label {
  cursor: pointer;
  display: block;
  cursor: pointer;
  display: block;
  border: 1px solid #32406D;
  background-color: #f1f2f2;
  padding: 13px;
  border-radius: 8px;
  color: #002B3B !important;
}
img#attached_image{max-width: 100%;}

.service {
  margin-bottom: 0px;
  width: fit-content;
}
.service span {
  cursor: default;
}
.brief-dropdowns .icon-before img{width: 30px;}
.brief-dropdowns select{
  width: calc(100% - 80px);
  margin-left: 10px;
  display: inline-block;
  text-transform: capitalize;
}
.brief-dropdowns .icon-after{
  background-color: #ebebeb;
  border-radius: 50%;
  padding: 1px 9.5px;
}
div#docs_parent{
  width: calc(100% - 80px);
  /* margin-left: 10px; */
  display: inline-block;
}
.upload_error{
  position: absolute;
  top: -27px;
}
/* .service span::after{
    position: absolute;
    content: "";
    background: url(../images/info.png) no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    padding-right: 4px;
    top: -8px;
    right: -18px;
} */
.info_icon {
  position: absolute;
  background-color: #ebebeb;
  border-radius: 50%;
  padding: 0px 10px;
  right: 0px;
  top: 10px;
}

.upload_error{
  position: absolute;
  top: -27px;
}

.openai_icon {
  bottom: 10px;
  position: relative;
  background-color: #b6dbb6;
  border-radius: 50%;
  padding: 8px;
}
.openai_icon img {
  width: 25px;
}
.toast-top-50 {
  top: calc(50vh - 100px) !important;
}

#receive_modal p {
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 18px;
}
.comment_switch{
  position: absolute;
  top: 14px;
  right: 15px;
}
.comment_switch strong{
  font-size: 14px;
  line-height: 16.42px;
  color: #313131;
}
/* Switch Toggle css */
.switch_label {
  top: 7px;
  position: relative;
  margin-right: 12px;
  font-size: 17px;
}
.comment_switch .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-right: -1px;
  top: 0px;
  background-color: transparent;
  border-radius: 0px;
}
.switch.bulk_switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-right: -1px;
  top: 0px;
  background-color: transparent;
  border-radius: 0px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.comment_switch .slider {
  position: absolute;
  cursor: pointer;
  top: 2px;
  left: 4px;
  right: 0;
  bottom: 0;
  background-color: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #32406D;
  height: 25px;
  width: 50px;
}

.bulk_switch .slider {
  position: absolute;
  cursor: pointer;
  top: 2px;
  left: 4px;
  right: 0;
  bottom: 0;
  background-color: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #ddd;
  height: 25px;
  width: 50px;
}

.comment_switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: #32406D;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.bulk_switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: #ddd;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.comment_switch input:checked + .slider {
  border: 1px solid #32406D;
  background-color: #32406D;
}

.bulk_switch input:checked + .slider {
  background-color: transparent;
  border: 1px solid #32406D;
}

input:focus + .slider {
  box-shadow: 0 0 1px #32406D;
}

.comment_switch input:checked + .slider:before {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px);
  background-color: #fff;
  left: 18px;
}

.bulk_switch input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
  background-color: #32406D;
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.login_style {
  background-color: #212529;
  color: #fff;
  height: calc(100vh - 74px);
}

.hidden_item {
  display: none;
}
.success-message{
  position: absolute;
  top: 34px;
  left: 240px;
  color: #0aa699;
  display: none;
}
.error-message{
  position: absolute;
  top: 34px;
  left: 240px;
  color: #f00;
  display: none;
}
.update-team-msg{
  top: 0px !important;
}

.update-input-btn{
  position: absolute;
  right: 25px;
  top: 7px;
}
.assistant_check{
  width: 16px;
  height: 16px;
}
.comment_parent h4{
  font-size: 16px;
}
.comment_parent p{
  margin-bottom: 0px;
}
/* .mobile-hide { } */

.cat {
  margin: 4px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #BFCACE;
  overflow: hidden;
  float: left;
}

.cat label {
  float: left;
}

.cat label span {
  text-align: center;
  padding: 12px 20px;
  display: block;
}

.cat label input {
  position: absolute;
  display: none;
  color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.cat label input + span {
  color: #002B3B;
}

/* This will declare how a selected input will look giving generic properties */
.cat input:checked + span {
  color: #002B3B;
  /* text-shadow: 0 0  6px rgba(0, 0, 0, 0.8); */
}

.placement input:checked + span,
.language input:checked + span,
.medical_qual input:checked + span,
.medical_addition input:checked + span,
.other input:checked + span,
.hallucination input:checked + span,
.other input:checked + span,
.appoint_update input:checked + span {
  background-color: #80D7F7;
}
.update_error{
  position: absolute;
  font-size: 16px !important;
  color: #f00 !important;
  left: 130px;
  top: 0px;
}

.logs_card .card-header h4{
  margin-bottom: 0px;
  font-size: 18px;
}
.logs_card .card-body h4, .logs_card .card-body p{ font-size: 16px;}
#logs-tab-pane{
  height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
.status_parent{
  position: relative;
  z-index: 1;
}

/* Switch toggle ended */

.upload-area {
  width: 100%;
  border: 2px dotted #BFCACE;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
  padding: 25px 0px 32px;
}

/* hide tinymce unwanted options */
.tox-promotion, .tox-menubar, .tox-statusbar__right-container, .tox-statusbar{ display: none !important; }

.upload-area:hover {cursor: pointer;}

.upload-area h1 {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #002B3B;
}

#file {display: none;}

.current_uploads {
  position: absolute;
  top: 50px;
  left: 280px;
}

.current_uploads span {
  font-weight: 600;
}

.organization_dropdown{
  position: absolute;
  width: calc(100% - 24px);
  max-height: 500px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  top: 40px;
  display: none;
}
.organization_dropdown ul{
  list-style: none;
  text-align: left;
  margin-bottom: 0px;
  padding-left: 0px;
}
.organization_dropdown ul li{
  padding: 10px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.organization_dropdown ul li:last-of-type{
  border-bottom: 0px;
}
.flex_direction{
  flex-direction: row;
}
/* extra fields styles starts */
.extra-fields-parent {
  position: relative;
}
.add-extra-field {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);
  border: 1px solid #ecedf2;
  border-radius: 7px;
  padding: 9px;
  cursor: pointer;
}
.extra-field {
  background: #fff;
  box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);
  border: 1px solid #ecedf2;
  padding: 24px;
  padding-bottom: 6px;
  border-radius: 7px;
  margin-bottom: 15px;
  width: calc(100% - 60px);
}
.field-name-area {
  position: relative;
  width: 70%;
  display: inline-block;
}
.field-name-area input {
  margin-bottom: 18px;
}
.field-type {
  position: relative;
  width: calc(30% - 15px);
  margin-left: 15px;
  float: right;
}
.value-area {
  position: relative;
  width: 70%;
  clear: both;
}

.field-footer {
  position: relative;
  margin-top: 40px;
  border-top: 1px solid #ccc;
  padding: 10px 0px;
  display: flex;
  justify-content: end;
  align-items: end;
}
.duplicate-field {
  cursor: pointer;
  margin-right: 20px;
}
.duplicate-field svg {
  width: 18px;
}
.delete-field {
  cursor: pointer;
}
.delete-field svg {
  width: 20px;
}

/* The switch - the box around the slider */
.option-req{float: left; border-left: 0px !important;}
.field-req {
  padding-left: 10px;
  padding-top: 7px;
  border-left: 1px solid #ccc;
  margin-left: 10px;
}

.field-req .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-bottom: 0px;
}

/* Hide default HTML checkbox */
.field-req .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.field-req .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.field-req .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.field-req input:checked + .slider {
  background-color: #32406D;
}

.field-req input:focus + .slider {
  box-shadow: 0 0 1px #32406D;
}

.field-req input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.field-req .slider.round {
  border-radius: 34px;
}

.field-req .slider.round:before {
  border-radius: 50%;
}

.dropdown-field {
  display: flex;
  flex-direction: column;
}
.option-parent,
.option-single {
  position: relative;
  float: left;
  width: 100%;
}
.option-icon {
  width: 15px;
  height: 15px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  background-color: transparent;
  border: 1.5px solid #ddd;
  float: left;
  position: relative;
  top: 5px;
}
.option-text {
  float: left;
  width: calc(100% - 200px);
  margin-left: 10px;
}
.option-text input {
  width: 100%;
  border: 0px;
}
.multi-option {
  margin-bottom: 5px;
}
.multi-option:hover {
  border-bottom: 1px solid #ccc;
}
.multi-option:focus-visible {
  outline: 0px;
  border-bottom: 2px solid rgb(32, 33, 36);
}
.delete-option {
  position: relative;
  float: right;
  padding: 2px 5.5px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  top: 2px;
  display: none;
}
.delete-option:hover {
  background-color: #f5f5f5;
}
.add-option-text {
  position: relative;
  float: left;
  width: fit-content;
  margin-left: 10px;
  display: block;
}
.add-option-text:hover {
  border-bottom: 1px solid #ccc;
}
.add-option-text p {
  margin-bottom: 0px;
}

@media (max-width: 750px) {

  /* .navbar-nav.primary_nav{flex-direction: row;} */
  .navbar-brand {
    margin-left: 0px;
    margin-right: auto;
  }
  div.dt-container div.dt-search input{ margin-right: 0px !important;}
  /* Dashboard styles */
  /* #dashboard_actions{
    top: 67px;
    position: relative;
    right: 27px;
  } */
  /* .dash_cons{
    position: absolute; top: 265px; right: 38px;
  } */
  /* .filter-date {
    right: -6px;
    top: 59px;
    z-index: 3;
    position: absolute;
  } */
  div.dt-container div.dt-search input {
    margin-left: 0px;
    width: 100%;
    top: 16px;
  }
  #my_letters_grid_wrapper.dt-container, #my_deleted_letters_wrapper.dt-container {
    top: 0px;
  }
  .dt-length{ display: none;}
  /* .btn-new {
    position: absolute;
    right: 38px;
    top: 261px;
  } */
  .flex_direction{
    flex-direction: column;
  }

  /* Letter generation page styles */
  .small_dark_btn, .small_light_btn{
    padding: 13px 16px;
    font-size: 14px;
  }
  .light_btn, .dark_btn {
    padding: 15px 17px;
    font-size: 16px;
    line-height: 20px;
  }
  .tab_status{ flex-direction: column;}
  .output_tabs{ width: 100%;}
  .output_tabs .nav-link {
    padding: 8px 8px;
    font-size: 14px;
  }
  .feedback_btn {
    position: relative;
    top: 9px;
    right: 0px;
  }
  .letter_actions{flex-direction: column;}
  .update-input-btn {
    top: 5px;
    padding: 12px 17px !important;
  }
  .mode_select {
    margin-right: 0px !important;
    margin-bottom: 8px;
    margin-top: 15px;
  }
  .login_style {
    height: 100%;
  }
  
  .switch_label::after {
    right: auto;
  }
  .mode-label {
    left: 0px;
  }
  .page_select select {
    margin-left: 50px;
  }
  .copy_clipboard {
    top: -19px;
    position: relative;
    left: 17px;
  }
  .mobile-hide {
    display: none;
  }

  /* Group page styles */

  .multi-select-container {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .about {
    margin-top: 36px;
    padding-right: 14px;
  }
  .about-banner {
    margin-top: 10px;
  }
  .partnership {
    margin-top: 20px;
    padding-left: 16px;
  }
  .partnership-banner {
    width: 100%;
  }
  
  .second-nav {
    margin-top: 7px;
  }
  .second-nav li {
    display: inline;
    width: fit-content;
    margin-bottom: 5px;
  }
  .second-nav li a {
    border-left: 0px;
    padding-left: 32px;
  }
  .copy_link {
    background: url(../images/copy_link.png) no-repeat 0px 4px;
    background-size: 30px;
  }
  .feed_link {
    background: url(../images/feed_link.png) no-repeat 0px 4px;
    background-size: 30px;
  }
  .save_link {
    background: url(../images/save_link.png) no-repeat 0px 4px;
    background-size: 30px;
  }
  .update_link {
    background: url(../images/update_link.png) no-repeat 0px 4px;
    background-size: 30px;
  }
  .approve_link {
    background: url(../images/approve_link.png) no-repeat 0px 4px;
    background-size: 30px;
  }
  .export_pdf {
    background: url(../images/pdf-icon.png) no-repeat 0px 4px;
    background-size: 30px;
  }
}

@media (min-width: 992px) {
  #speech_modal .modal-dialog {
      max-width: 632px;
  }
}

/* Mobile view screens styles */

.fixed-footer {
  position: fixed;
  width: 100%;
  bottom: 0px;
  padding-top: 12px;
  padding-bottom: 25px;
}
/* .fixed-footer button{
    border-radius: 50%;
    padding: 12px;
} */
.add-recording {
  margin-right: 10px;
  float: left;
}
.done-recording,
.delete-recording {
  margin-right: 10px;
  float: right;
}
.done-recording button,
.delete-recording button {
  padding: 2px;
}
.add-recording button {
  padding: 0px;
  margin-left: 10px;
  margin-top: -5px;
}
.complete-recording,
.new-recording {
  display: inline-block;
  margin-right: 10px;
}
#complete-heading img {
  margin-right: 5px;
  margin-top: -5px;
}
.mobile-content {
  height: calc(100vh - 280px);
  box-shadow: 0px 4px 4px rgba(208, 208, 208, 0.15);
  font-size: 20px;
}
.mobile-content[readonly] {
  background-color: #fff;
}
.start-record:hover {
  background-color: #fff;
}
.delete-btn {
  border-radius: 50%;
  padding: 7px;
  position: absolute;
  top: -8px;
  right: 15px;
}
.mobile-heading {
  font-size: 22px;
  font-weight: 700;
  color: #212529;
}
.mobile-para {
  font-size: 15px;
  line-height: 21px;
  color: #212529;
  margin-bottom: 6px;
}
.mobile-background {
  background-color: #fafbfc;
}

.mobile_btn {
  background-color: #e8fffd;
  border-radius: 50%;
  padding: 5px 10px;
  border: 1px solid #3e9e9c;
}
.generate_content {
  background-color: #fff;
  border: 1px solid #3e9e9c;
  position: absolute;
  width: 100px;
  border-radius: 6px;
  font-size: 14px;
  padding: 5px;
  bottom: 40px;
  left: 0px;
}
/* .profile_tab.active,
.letter_tab.active {
  border-bottom: 1px solid #000;
  border-radius: 0px;
} */
.letter_tab{padding: 14px 20px;}
/* Drag and drop file upload area */
.form-group .controls {
  margin-top: 8px;
}
.image-upload-wrap {
  margin-top: 20px;
  border: 2px dashed #979797;
  border-radius: 5px;
  position: relative;
  height: 200px;
  width: 200px;
}
.drop-zone {
  max-width: 200px;
  height: 200px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
  border: 4px dashed #0aa699;
  border-radius: 10px;
}
.image-upload-wrap input[type="file"] {
  display: none;
}
.image-upload-wrap label {
  cursor: pointer;
}
.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  color: white;
  background-color: #0aa699;
  border-radius: 5px;
  font-size: 16px;
}
.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.input_tooltip, .output_tooltip, .category_tooltip, .assistant_tooltip{
  position: absolute;
  background: #212529;
  color: #1afffd;
  font-size: 12px;
  padding: 10px;
  width: 150px;
  border-radius: 8px;
  right: 45px;
  top: -25px;
  z-index: 1;
}
.assistant_info{ padding: 7px 12px 10px; font-size: 12px;}
.comments_card{
  max-height: 350px;
  overflow-y: auto;
}
.ck-powered-by{display: none !important;}
.update_user_success, .update_user_error{
  position: absolute;
  top: -5px;
}
.fast_heading{
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0px;
}
.fast_content p:nth-child(1){
  font-weight: 600;
}
.fast_content p:nth-child(2){
  margin-bottom: 0px;
}
.fast_btn{
  padding: 6px 40px;
}
.fast_check{
  margin-left: calc(50% - 130px) !important;
  margin-right: 10px;
}

/* multiselect styles */
.multi-select-container{
  display: inline-block;
  position: relative;
  width: calc(100% - 80px);
  margin-left: 10px;
}

#docs_parent .multi-select-container{
  margin-left: 0px;
  width: 100%;
}

/* Patient lookup (brief view): result cards, selection summary, date/sort filters */
.pm-result-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.pm-result-row:hover:not(.suggestion-card--no-results) {
  background-color: #f0f9ff;
}
.pm-result-row.pm-selected {
  background-color: #e0f2fe;
}
.pm-result-radio {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #94a3b8;
  background: #fff;
  transition: border-color 0.15s, background 0.15s;
}
.pm-result-row.pm-selected .pm-result-radio {
  border-color: #0284c7;
  background: #0284c7;
  box-shadow: inset 0 0 0 3px #fff;
}
.pm-result-body {
  flex: 1;
  min-width: 0;
}
.pm-result-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 12px;
  line-height: 1.5;
}
.pm-result-name {
  font-weight: 700;
  font-size: 14px;
  color: #0f172a;
  margin: 0;
  padding: 0;
}
.pm-result-id {
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.pm-result-dob {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  padding: 0;
}
.suggestion-card--no-results .pm-result-body {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.suggestion-card--no-results .no-patient {
  font-weight: 400;
  font-size: 1rem;
  color: #475569;
}
.pm-selection-summary {
  width: 100%;
}
.pm-selection-summary-inner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 18px;
  background: #e0f2fe;
  border: 1px solid #7dd3fc;
  border-radius: 8px;
}
.pm-selection-icon {
  flex-shrink: 0;
  color: #0284c7;
}
.pm-selection-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.pm-selection-content {
  flex: 1;
  min-width: 0;
}
.pm-selection-label {
  display: block;
  font-size: 0.9rem;
  color: #0c4a6e;
  margin-bottom: 4px;
}
.pm-selection-details {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
}
.pm-selection-name {
  font-weight: 700;
  font-size: 14px;
  color: #0f172a;
  margin-right: 8px;
}
.pm-selection-meta {
  font-size: 14px;
  color: #475569;
}
.pm-selection-dot {
  color: #94a3b8;
  margin: 0 2px;
}
.pm-selection-specialty {
  color: #0284c7;
}
.pm_filters_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}
.pm_result_message {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: #f0f9ff;
  border-radius: 6px;
  border: 1px solid #e0f2fe;
  font-size: 14px;
}
.pm_result_label {
  color: #002B3B;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}
.pm_result_count {
  color: #334155;
  font-weight: 500;
  flex-shrink: 0;
}
.pm_filters_right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pm_date_range_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.pm_date_range_wrapper,
.pm_sort_wrapper {
  display: flex;
  align-items: center;
  min-height: 45px;
  padding: 0px 18px 0px 18px;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  color: #002B3B;
}
.pm_date_range_wrapper { position: relative; width: max-content; min-width: 155px; max-width: none; }
.pm_date_range_icon { margin-right: 12px; flex-shrink: 0; }
.pm_date_range_icon img { opacity: 0.7; }
.pm_date_range_wrapper .dropdown-toggle {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  background: transparent;
  padding: 6px 0;
  font-size: 1rem;
  color: #002B3B;
  text-align: left;
  box-shadow: none;
}
.pm_date_range_wrapper .dropdown-toggle::after { display: none; }
.pm_date_range_wrapper .dropdown-toggle:hover,
.pm_date_range_wrapper .dropdown-toggle:focus {
  background: transparent;
  border-color: transparent;
  color: #002B3B;
  box-shadow: none;
}
.pm_date_range_btn_text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pm_date_range_wrapper .dropdown-menu {
  padding: 4px 0;
  box-sizing: border-box;
  left: 0 !important;
  right: auto !important;
  width: 100%;
  min-width: 0;
}
.pm_date_range_wrapper .dropdown-item {
  padding: 8px 16px;
  font-size: 1rem;
  line-height: 1.4;
}
.pm_date_range_chevron {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #495057;
}
.pm_date_range_chevron svg { width: 20px; height: 20px; display: block; }

.multi-select-button {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  padding: 13px 16px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fff;
  border: 1px solid #BFCACE;
  border-radius: 6px;
  cursor: default;
}
.multi-select-menu{
  width: auto;
  position: absolute;
  left: 0px;
  top: 22px;
  z-index: 1;
  min-width: 100%;
  background: rgb(255, 255, 255);
  margin: 25px 0px;
  border: 1px solid #BFCACE;
  display: none;
}
.multi-select-container--open .multi-select-menu{display: block;}
.multi-select-menuitem{
  display: block;
  padding: 12px 16px;
  white-space: nowrap;
}
.multi-select-menuitem + .multi-select-menuitem{padding-top: 0px;}
.multi-select-menuitem input{
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.icon-radio{
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 12px;
}
.icon-radio ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.icon-radio ul li{
  display: inline;
}
.icon-radio ul li input[type="radio"]{ display: none;}
.icon-radio ul li label{
  border-radius: 50%;
  border: 3px solid transparent;
}
.icon-radio ul li :checked + label {
  border: 3px solid #1afffd;
}

.breadcrumb .breadcrumb-item a{
  color: #27827D;
  font-size: 14px;
  line-height: 22px;
}
.breadcrumb-item.active {
  color: #002B3B;
}
.workflow_steps .nav-link{
  border: 1px solid #BFCACE;
  border-radius: 8px;
  padding: 10px;
  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.1));
  background-color: #fff;
  color: #002B3B;
  margin-bottom: 12px;
}
.workflow_steps .nav-link.active, .workflow_steps .nav-link:hover{
  background-color: #80D7F7;
  color: #002B3B;
}
.remove_step{
  position: absolute;
  right: 9px;
  top: 9px;
  opacity: 0;
}

.workflow_steps .nav-link:hover .remove_step{ opacity: 1;}
.workflow_table tr{
  border-bottom: 1px solid #E5EAEB;
}

.workflow_table td input[type=text]{
  background-color: transparent;
  border-color: transparent;
  padding: 10px 0px;
}

.check_parent{
  border: 1px solid #BFCACE;
  border-radius: 6px;
  padding: 14px 16px;
  width: fit-content;
}
.workflow_table td input[type=checkbox]{
  width: 20px;
  height: 20px;
  margin-bottom: 0px;
  accent-color: #029B96;
}
#workflow_cards .card{ margin-bottom: 16px; filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.1));}
#workflow_cards .card-body{ padding: 12px;}
#workflow_cards th{font-weight: 600;}

/* Multi-select for group users */
.custom-header{
  color: #002B3B;
  padding: 10px 0px;
  font-size: 20px;
  font-weight: 500;
  line-height: 23.46px;
}
.ms-container{
  background: transparent url('../images/switch.png') no-repeat 50% 50%;
  width: 100%;
}

.ms-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{
  background: #fff;
  color: #555555;
  float: left;
  width: 45%;
}
.ms-container .ms-selection{
  float: right;
}

.ms-container .ms-list{
  border: 1px solid #E5EAEB;
  border-radius: 8px;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}

.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #E5EAEB solid;
  padding: 10px;
  color: #002B3B;
  font-size: 16px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #002B3B;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}

/* Kainos Styles */

/* .kainos_multi .multi-select-container {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-left: 0px;
}
.bg-lite-green {
  background-color: rgba(16, 143, 130, 0.2);
}
.click_cursor {
  cursor: pointer;
}
.text-green {
  color: #108f82;
}
.nav-tabs.kainos_tabs .nav-link.active {
  background-color: rgba(16, 143, 130, 0.2);
  border-color: #ccc;
  border-bottom-color: transparent;
  color: #212529;
}
.status_bar {
  background-color: rgba(16, 143, 130, 0.2);
  padding: 12px 7px;
}
.status_btn {
  font-size: 17px;
}
.kainos_feedback_btn {
  position: absolute;
  z-index: 9;
  right: 7px;
  top: 68px;
}
.kainos_feedback_btn .feed_link {
  background: url(../images/feed_link.png) no-repeat 8px 6px;
  background-size: 27px;
  padding: 8px 12px 8px 42px;
}
.kainos_feedback_btn .feed_link:hover, .kainos_feedback_btn .feed_link:active {
  color: #198754;
}
.tox-toolbar-overlord{
  width: calc(100% - 130px) !important;
}
.start_record_btn_k {
  background-color: #e8fffd;
  border-radius: 50%;
  padding: 0px;
  border: 1px solid #3e9e9c;
  margin-top: 10px;
  margin-left: 5px;
} */
@media (max-width: 750px) {
  .callout .callout-inner { flex-direction: column;}
  .callout .callout-inner .callout-content { width: 100%;}
}
@media (max-width: 768px) {
  #dashboard_actions{margin-top: 10px;}
  .search_parent input {
    width: 100%;
    margin-bottom: 5px;
  }
  .search_parent button{width: 100%;}
  .dash_cons {
    width: 49%;
    margin-bottom: 5px;
  }
  .dash_cons:nth-child(3){
    width: 100%;
  }
  #ui-datepicker-div {
    top: 327px !important;
  }
  .btn-new-dashboard{width: 100%;}
  #patientsTab.nav-tabs .nav-item, #contactsTab.nav-tabs .nav-item {
    border: 1px solid #32406D;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  #dashboard_actions{margin-top: 52px;}
  .plyr__control[data-plyr="rewind"],.plyr__control[data-plyr="fast-forward"], .plyr__menu{ display: none;}
}

/* Not Started (Pending Patient) filters and result message */
.pm_not_started_filters .pm_filters_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.pm_not_started_filters .pm_filter_item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pm_not_started_filters .pm_filter_label {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 500;
  color: #002B3B;
  white-space: nowrap;
}
.pm_not_started_filters .pm_date_range_wrapper {
  width: 200px;
  min-width: 200px;
  padding: 12px 16px;
  min-height: 48px;
  justify-content: space-between;
  box-shadow: 0 1px 2px rgba(0, 43, 59, 0.06);
}
.pm_not_started_filters .pm_sort_wrapper {
  width: 200px;
  min-width: 200px;
  padding: 12px 20px 12px 16px;
  min-height: 48px;
  justify-content: space-between;
  box-shadow: 0 1px 2px rgba(0, 43, 59, 0.06);
}
.pm_not_started_filters .pm_date_range_trigger,
.pm_not_started_filters .pm_sort_btn {
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 6px;
  font-size: 1rem;
  color: #002B3B;
}
.pm_not_started_filters .pm_date_range_trigger:hover,
.pm_not_started_filters .pm_sort_btn:hover {
  background: transparent;
  color: #002B3B;
}
.pm_not_started_filters .pm_date_range_trigger::after,
.pm_not_started_filters .pm_sort_btn::after {
  display: none;
}
.pm_not_started_filters .pm_sort_wrapper .pm_sort_btn {
  padding-right: 12px;
}
.pm_not_started_filters .pm_result_message {
  margin-top: 14px;
  padding: 14px 20px;
  min-height: 52px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 35%, #80cbc4 100%);
  border: 1px solid rgba(16, 143, 130, 0.2);
  box-shadow: 0 2px 8px rgba(16, 143, 130, 0.12);
  color: #002B3B;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pm_not_started_filters .pm_result_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pm_not_started_filters .pm_result_icon img {
  vertical-align: middle;
}
.pm_not_started_filters .pm_result_text {
  font-size: 1rem;
  font-weight: 500;
}
.pm_not_started_filters .pm_result_text strong {
  font-weight: 700;
  color: #00695c;
}
.pm_not_started_filters .pm_result_text #pm_result_dates {
  font-weight: 500;
  font-style: italic;
  opacity: 0.95;
}
.pm_not_started_filters .pm_sort_wrapper .dropdown-menu {
  width: max-content;
  min-width: 100%;
}

/* Custom Date Range modal: space between title and Start Date */
#pm_custom_range_modal .pm_custom_range_modal_body {
  padding-top: 1.2rem;
}

/* Datepicker above Bootstrap modal */
#ui-datepicker-div {
  z-index: 1060 !important;
}

/* ===== Reference Files (optional) uploader on /brief-view =====
   Lives under the "AI Assistant Input" card in the right column, so it has
   the same width as the record/manual input box. Collapsed by default - the
   user expands it only if they want to attach files. */
.ref_files_card {
  border: 1px solid #E5EAEB;
  border-radius: 15px;
  padding: 12px 16px;
  background-color: #fff;
}
.ref_files_card.is_open {
  padding: 14px 16px 16px;
}
.ref_files_toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: left;
  color: inherit;
}
.ref_files_toggle:focus-visible {
  outline: 2px solid rgba(50, 64, 109, 0.35);
  outline-offset: 4px;
  border-radius: 6px;
}
.ref_files_toggle_left,
.ref_files_toggle_right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ref_files_chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  transition: transform 0.18s ease-in-out;
}
.ref_files_card.is_open .ref_files_chevron {
  transform: rotate(180deg);
  color: #32406D;
}
.ref_files_body {
  margin-top: 12px;
}
.ref_files_toggle h6 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #002B3B;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.ref_files_optional_badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  color: #32406D;
  background-color: rgba(50, 64, 109, 0.08);
  border-radius: 20px;
  padding: 2px 8px;
  letter-spacing: 0.2px;
  line-height: 1.2;
}
.ref_files_subtitle {
  color: #6c757d;
  font-size: 12px;
  margin: 0 0 10px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ref_files_count_pill {
  font-size: 11px;
  color: #6c757d;
  background-color: #F1F4F6;
  border-radius: 20px;
  padding: 2px 8px;
  white-space: nowrap;
  flex: 0 0 auto;
  line-height: 1.4;
}
.ref_files_count_pill.is_full {
  color: #842029;
  background-color: #fff3f3;
}
.ref_files_dropzone {
  position: relative;
  border: 1.5px dashed #BFCACE;
  border-radius: 10px;
  padding: 12px 12px;
  text-align: center;
  background-color: #F7F9FA;
  transition: border-color 0.18s ease-in-out, background-color 0.18s ease-in-out;
  cursor: pointer;
}
.ref_files_dropzone:hover {
  border-color: #32406D;
  background-color: #F0F3F8;
}
.ref_files_dropzone.is_dragover {
  border-color: #32406D;
  background-color: #EAEFF7;
}
.ref_files_dropzone.is_disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.ref_files_dropzone input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.ref_files_dropzone_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(50, 64, 109, 0.08);
  color: #32406D;
  margin-bottom: 4px;
}
.ref_files_dropzone_title {
  font-size: 13px;
  color: #002B3B;
  margin: 0;
  font-weight: 500;
  line-height: 1.3;
}
.ref_files_dropzone_browse {
  color: #32406D;
  text-decoration: underline;
  font-weight: 500;
}
.ref_files_dropzone_hint {
  display: block;
  margin-top: 2px;
  color: #6c757d;
  font-size: 11px;
  line-height: 1.3;
}
.ref_files_list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 10px;
}
.ref_files_list:empty {
  margin-top: 0;
}
.ref_file_chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #E5EAEB;
  border-radius: 8px;
  padding: 6px 8px;
  background-color: #fff;
  max-width: 100%;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
}
.ref_file_chip_icon {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 64, 109, 0.08);
  color: #32406D;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  flex: 0 0 auto;
}
.ref_file_chip_meta {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  min-width: 0;
  flex: 1 1 auto;
}
.ref_file_chip_name {
  font-size: 12px;
  font-weight: 500;
  color: #002B3B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ref_file_chip_size {
  font-size: 10px;
  color: #6c757d;
  margin-top: 1px;
}
.ref_file_chip_remove {
  border: none;
  background: transparent;
  color: #6c757d;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 2px 6px;
  border-radius: 6px;
  flex: 0 0 auto;
}
.ref_file_chip_remove:hover {
  color: #842029;
  background-color: #fff3f3;
}
.ref_files_error {
  margin-top: 10px;
  background-color: #fff3f3;
  border: 1px solid #f5c2c7;
  color: #842029;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.35;
}
.bundle_attached_files_panel {
  border: 1px solid #E5EAEB;
  border-radius: 15px;
  padding: 14px 16px;
  background-color: #fff;
}
.bundle_attached_files_title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 500;
  color: #002B3B;
}
@media (max-width: 575.98px) {
  .ref_files_card {
    padding: 14px 16px;
  }
}

/* ---- AI refine (magic) tool popover ---- */
#ai_refine_popover {
  position: absolute;
  z-index: 2000;
  width: 340px;
  background: #fff;
  border: 1px solid #e3e7ea;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(33, 37, 41, 0.18);
  padding: 12px;
}
#ai_refine_popover .ai_refine_action {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 10px 8px;
  font-size: 15px;
  font-weight: 500;
  color: #32406D;
  text-align: left;
}
#ai_refine_popover .ai_refine_action:hover {
  background-color: #f1f2f2;
}
#ai_refine_popover .ai_refine_action svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
#ai_refine_instruction {
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
  margin-top: 8px;
  resize: vertical;
}
#ai_refine_instruction:focus {
  outline: none;
  border-color: #32406D;
}
.ai_refine_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
#ai_refine_count {
  color: #6c757d;
  font-size: 13px;
}
#ai_refine_submit {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #32406D;
  color: #fff;
  border: 1px solid #32406D;
  border-radius: 8px;
  padding: 8px 18px;
  font-size: 14px;
}
#ai_refine_submit:disabled {
  opacity: 0.5;
}
#ai_refine_submit svg {
  width: 18px;
  height: 18px;
}

/* Nudge on save buttons when AI/regenerated content is not saved yet */
.save_nudge {
  animation: pulse-border 1.5s infinite;
  border-color: #2980b9 !important;
}

/* Output editors: re-show the TinyMCE statusbar (hidden globally above) so the
   corner resize handle is available. It is floated over the bottom-right
   corner so it takes no vertical space away from the text area. The !important
   flags are required because the TinyMCE skin CSS is injected after this file. */
.tox.resizable_editor {
  position: relative !important;
}
.tox.resizable_editor .tox-statusbar {
  display: flex !important;
  position: absolute !important;
  left: auto !important;
  right: 4px !important;
  bottom: 2px !important;
  width: auto !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  z-index: 2;
}
.tox.resizable_editor .tox-statusbar .tox-statusbar__text-container {
  display: none !important;
}