@font-face {
  font-family: "worksans_reg";
  src: url("fonts/WorkSans-Regular.ttf");
}
body {
  font-family: "worksans_reg", sans-serif;
  color: #002B3B;
  background-color: #FAFBFB;
}
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;}
.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;
}
.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;
}

.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;
}

#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;
}

.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;
}
.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;
}
.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;
}

.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;
}
/* .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;
}
.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;
}
.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;
}
.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;} */
.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);}

#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;}
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;
}
#ui-datepicker-div {
  z-index: 3 !important;
  top: 232px !important;
}
.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;
}

.dropdown-scroll {
  max-height: 320px;
  overflow: 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;
}
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: 14px;
  height: 14px;
  background:url(../images/selectarrow.png) no-repeat center / 14px 14px;
  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;
}
@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%;
}

.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{
  background-color: #80D7F7;
  color: #002B3B;
}
.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%;}
}
@media (max-width: 1024px) and (min-width: 769px) {
  #dashboard_actions{margin-top: 52px;}
}