@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@200;400;600;700');
:root {
    --font: 'DM Sans', sans-serif;
}
p {
    margin-bottom: 0;
}
p + p {
    margin-bottom: 8px;
}
.add_question_form {
    margin-bottom: 40px;
}
.add_question_form fieldset + fieldset {
    margin-top: 20px;
}
.add_question_form h3 {
    font-size: 20px;
}
.add_question_form input[type="text"] {
    width: 500px;
}
.add_question_form .modern_but {
    margin-top: 30px;
}
.add_question_form .protocols_list {
    display: flex;
    flex-direction: column;
}
.add_question_form .phases_list {
    display: flex;
    flex-direction: column;
}
.add_question_form .phases_list input[type="radio"] {
    position: relative;
    display: inline-block;
    opacity: 1;
    visibility: visible;
}
.add_new_question {
    margin: 0 0 15px;
}
.add_question_form [for="search_parents"] {
    position: relative;
}
.add_question_form [for="search_parents"] .helper {
    position: absolute;
    top:calc(100% + 5px);
    left: 0;
    max-height: 500px;
    overflow: auto;
    box-shadow: 0 0 10px -7px #000;
    background: #fff;
}
.add_question_form [for="search_parents"] .helper .search_item {
    cursor: pointer;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}
.add_question_form .parent_questions .double {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    width: 500px;
}
.add_question_form .parent_questions .double span + span {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}
.header {
    background: linear-gradient(90deg, rgba(85,5,255,1) 0%, rgba(152,66,192,1) 100%);
    padding: 10px 0;
}
.header .wrap {
    width: 1440px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section > .wrap {
   width: 1440px;
   max-width: calc(100% - 30px);
   margin: 0 auto;
}
.q_waiter {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ffffff33;
    z-index: 99999;
}
.q_alert {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    box-shadow: 0 0 10px -7px #000000;
    z-index: 99999;
}
.q_alert:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    background: #00000099;
    transform: translate(-50vw, -50vh);
}
.q_alert .content {
    background: #ffffff;
    padding: 30px;
    position: relative; 
}
.q_alert .close {
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.header .modern_but + .modern_but {
    margin-left: 12px;
}
.header .encounter_data {
    display: flex;
    flex:1;
    margin: 0 40px;
    align-items: flex-end;
}
.header .encounter_data tr td:first-child {
    color:#bfbfbf;
    font-style: italic;
    text-align: right;
    padding-right: 10px;
}
.header .encounter_data tr.primary td {
    font-size: 1.1em;
}
.header .encounter_data tr.primary td:last-child {
    font-weight: 700;
}
.header .encounter_data tr td {
    color:#fff;
    font:400 14px / 1.2 var(--font);
}
.header .encounter_data tr td a {
    color:#fff;
    text-decoration: none;
}
.header .encounter_data .column + .column {
    margin-left: 30px;
}
label.error {
    color: red;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    width: 100%;
    float: none;
    position:absolute;
}
.footer_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border:0;
    padding: 8px 0;
    z-index: 99;
}
.footer_bar li a {
    display: flex;
    align-items: center;
    color:#fff;
    text-decoration: none;
    font-size: 14px;
}
.footer_bar li a img {
    width: 20px;
    margin-right: 8px;
    /*display: none;*/
}
.mt-15 {
    margin-top: 15px;
}
.wrapper {
    width: 1440px;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
}
.modern_title {
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(81.42deg, #5505FF -11.29%, #9842C0 102.03%);
    color:#fff;
    padding: 16px 24px;
    font:400 18px / 1.3 var(--font);
}
.poc_section .modern_title {
    display: flex;
}
.poc_section .modern_title .gen {
    flex:1; 
    margin-right: 20px;
}
.poc_section .modern_title .freq {
    margin-right: 50px;
}
.poc_section .modern_title .freq, .poc_section .modern_title .dose {
    width: 100px;
    text-align: center;
}
.poc_section .modern_title .dose + .freq {
    border-left: 1px solid #fff;
}
.section_set {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0px 4px 24px 0px #00000029;
}
.modern_but {
    background: #4325F9;
    border-radius: 8px;
    padding: 16px 32px;
    color:#fff;
    box-shadow: none;
    border:0;
    font:700 16px / 1 var(--font);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    transition: all .3s ease-out;
    white-space: nowrap;
}
.modern_but svg {
    margin-right: 8px;
}
.modern_but.secondary {
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    padding: 12px 24px;
}
.modern_but.tetriary {
    border: 1px solid #4325F9;
    background: #fff;
    color:#4325F9;
}
.modern_but.tetriary:hover {
    color:#4325F999;
}
.modern_but:hover {
    color:#ffffff99;
}
.modern_table thead {
    background: linear-gradient(81.42deg, #5505FF -11.29%, #9842C0 102.03%);
}
.modern_table thead .modern_but {
    margin: 10px 0;
}
.modern_section_content {
    width: 100%;
}
.modern_section_content label {
    /*margin-right: 8px;*/
}
.popup_confirm {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    z-index: 999;
    box-shadow: 0 0 10px -7px #000;
}
.modern_table thead.non_modern {
    background: #00000000;
}
.modern_table thead th {
    color:#fff;
    padding: 5px 15px;
}
.modern_table tbody {
    height: initial;
}
.modern_table tbody td {
    padding: 5px 15px;
}
.modern_table tbody td select, .modern_table tbody td input, .modern_table tbody td .ui-selectmenu-button.ui-button {
    width: 100%;
}
.modern_inner {
    padding: 24px;
}
.radio-wrapper{
 display: flex;
 align-items: center;
 background: #bfbfbf;
 border-radius: 40px;
 min-width: 183px;
}
.radio-wrapper.drop_down {
    position: relative;
    min-width: 220px;
    display: flex;
}
.radio-wrapper.drop_down .dd_helper {
    width: 100%;
}
.radio-wrapper.drop_down .dd_title {
    cursor: pointer;
    display: flex;
    overflow: hidden;
    border-radius: 40px
}
.radio-wrapper.drop_down .dd_title .icon {
    background: #595959;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
}
.radio-wrapper.drop_down .dd_title .text {
    padding: 3px 8px;
    color:#fff;
    font-size: 14px;
}
.radio-wrapper.drop_down.checked .dd_title .text {
    font-weight: 700;
    color:#000;
}
.radio-wrapper.drop_down .content {
    position: absolute;
    flex-direction: column;
    top:100%;
    right:0;
    min-width: 100%;
    display: none;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 10px -7px #000;
    border-radius: 0 0 4px 4px;
    max-height: 50vh;
    overflow: auto;
}
.radio-wrapper.drop_down .content.open {
    display: flex;
}
.radio-wrapper.drop_down .option {
    color:#595959;
    border-radius: 0;
    width: 100%;
}
.radio-wrapper .option {
    display: flex;
    align-items: center;
    padding: 5px 25px;
    cursor: pointer;
    transition: all .3s ease-out;
    font: 500 14px / 1.2 var(--font);
    white-space: nowrap;
    color:#fff;
    border-radius: 40px;
    width: calc(50% + 8px);
    text-align: center;
    justify-content: center;
}
.radio-wrapper:not(.drop_down) input:checked + .option {
    font-size: 1.1em;
    font-weight: 700;
}
.radio-wrapper input:checked + .option.pos {
    background: #4CC9F0;
}
.radio-wrapper .option.pos {
    margin-right: -8px;
}
.radio-wrapper .option.neg {
    margin-left: -8px;
}
.radio-wrapper input:checked + .option.neg {
    background: #7f7f7f;
}
.list_radio label {
    position: relative;
    display: flex;
    align-items: center;
}
.list_radio label:before {
    content: "";
    display: inline-block;
    left: 0;
    top:0;
    width: 15px;
    height: 15px;
    border: 1px solid #4325F9;
    border-radius: 50%;
    margin-right: 10px;
    transition: all .3s ease-out;
}
.list_radio input:checked + label:before {
    background: radial-gradient(#4325F9 30%, #fff 40%);
}
.list_radio.radio_right label:after {
    content: "";
    display: inline-block;
    left: 0;
    top:0;
    width: 30px;
    height: 24px;
    border: 1px solid #4325F9;
    border-radius: 5px;
    margin-left: 15px;
    transition: all .3s ease-out;
    background: url("../images/check.svg") 50% 25px / 60% no-repeat,#f5f0fe;
}
.list_radio.radio_right input:checked + label:after {
    background-position: 50% 50%;
}
.list_radio.radio_right label:before {
    display: none;
}
.list_checkbox input[type="checkbox"] {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.list_checkbox label {
    position: relative;
    display: flex;
    align-items: center;
}
.diagnosis_wrapper .list_radio label {
    width: 610px;
    display: flex;
    justify-content: space-between;
}
.diagnosis_wrapper .list_radio label .title {
   flex:1;
}
.diagnosis_wrapper .list_radio.prefer label .title {
    font-weight: 700;
}
.diagnosis_wrapper .list_radio label .score {
    margin-right: 30px;
    font-weight: 400;
    font-size: 14px;
}
.list_checkbox label:before {
    content: "";
    display: inline-block;
    left: 0;
    top:0;
    width: 24px;
    height: 24px;
    border: 1px solid #4325F9;
    border-radius: 8px;
    margin-right: 10px;
}
.list_checkbox + .textarea_container {
    margin-top: 15px;
}
.textarea_container + .list_checkbox {
    margin-top: 20px;
}
.poc_open {
    margin-top: 15px;
}
.summary_diagnosis {
    margin: 40px 0 120px;
}
.med .multi_radio {
    margin: 0;
}
.multi_radio {
    margin-top: 12px;
    margin-bottom: 20px;
}
.fieldset.med {
    margin: 0;
    flex-wrap: wrap;
}
.fieldset.med .item_title {
    flex:1;
}
.fieldset.med .item_title .checkbox2 {
    margin: 0;
}
.fieldset.med .med_edit {
    width: 80px;
    text-align: right;
    margin: 0;
}
.fieldset.med .selections {
    display: flex;
}
.fieldset.med .actions {
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-top: 15px;
}
.fieldset.med .actions .modern_but {
    margin-left: 30px;
    padding: 7px 20px;
}
.textarea_container {
    display: flex;
    padding: 0;
    margin:0;
    width: 100%;
}
#xray_request {
    margin-top: 30px;
}
#xray_request .double {
    display: flex;
    align-items: center;
}
#xray_request .double .title {
    margin-right: 8px;
}
.add_collapse.poc_small_col {
    margin-top: 30px;
}
.textarea_container textarea {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #CECECE;
    box-shadow: none;
    padding: 8px 12px;
}
.list_checkbox input:checked + label:before {
    background: url(images/check.svg) 50% / 60% no-repeat,#f5f0fe;
}
input[type="radio"]{
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
textarea + .err {
    color:red;
    font-size: 14px;
}
.allradio:checked:checked + label {
    border-color: #4325F9;
    background: #4325F9;
    color: #fff;
}

.allradio:hover + label {
    background: #7f7f7f33;
}

.wrapper .option span{
    font-size: 20px;
    color: #808080;
}
.ques_accordion_outside {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    background: #ffffff;
    border: 0.5px solid #4325F9;
    box-shadow: 0px 4px 18px 0px #0000001A;
    transition: all .3s ease-out;
    border-radius: 8px
}
.steps_summary {
    padding: 16px 24px;
    box-shadow: 0px 4px 24px 0px #00000029;
    margin-bottom: 30px;
}
.ques_accordion_outside:hover {
    box-shadow: 0px 4px 14px 0px #00000040;
}
.ques_accordion_outside .lefter {
    flex:1;
    display: flex;
}
.ques_accordion_outside .lefter > div {
    flex:1;
    display: flex;
}
.ques_accordion_outside .lefter > div > div {
    flex:1;
    display: flex;
    flex-wrap: wrap;
}
.ques_accordion_outside .actions {
    margin-left: 30px;
    flex:1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.ques_accordion_outside .actions .open_status {
    color:#CBCBCB;
    font:700 16px / 1 var(--font);
    margin-right: 48px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
.ques_accordion_outside .actions .open_status svg {
    margin-left: 8px;
    transition: all .3s ease-out
}
.ques_accordion_outside.opened .actions .open_status svg {
    transform: rotate(180deg);
}
.ques_accordion_outside + .ques_accordion_outside {
    margin-top: 12px;
}
.ques_accordion_outside h2 {
    margin: 0;
    cursor: pointer;
    font: 600 18px / 1 var(--font);
    width: 100%;
    display: flex;
    align-items: center;
}
.ques_accordion_outside h2 .inner_span {
    display: flex;
    align-items: center;
}
.ques_accordion_outside h2 .inner_span .ui-icon {
    margin-left: 4px;
}
.ques_accordion_outside h2 .review_status {
    margin-left: 12px;
    font:500 16px / 1 var(--font);
    color:#121212;
}
.ques_accordion_outside h2 .complete_status {
    margin-left: 48px;
    font:500 16px / 1 var(--font);
    color:#121212;
}
.ques_accordion_outside h2 .complete_status svg {
    margin-right: 12px;
}
.ques_accordion_outside .icon-fixed-width {
    margin-left: 4px;
}
.ques_accordion_outside [data-role="listview"] {
    display: none;
    width: 100%;
    margin: 0;
    padding: 16px 16px 16px 0;
    list-style-type: none;
}
.error_message {
    display: none;
    color:red;
    font:400 14px / 1.2 var(--font);
    margin-top: 10px;
}
.ques_accordion_outside [data-role="listview"] .summary_divider:not(:first-child) {
    margin-top: 20px;
}
.ques_accordion_outside [data-role="listview"] .summary_divider {
    display: inline-block;
    position: relative;
    margin-bottom: 18px;
    padding-bottom: 3px;
    font:600 18px / 1.3 var(--font);
}
.ques_accordion_outside [data-role="listview"] .summary_divider:before {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #ccc;
}
.ques_accordion_outside [data-role="listview"] table {
    width: 100%;
}
.ques_accordion_outside [data-role="listview"] td {
    padding: 12px;
    color:#000000;
    font:400 16px / 1.3 var(--font);
    border-top: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    width: 50%;
}
.ques_accordion_outside [data-role="listview"] td:first-child {
    border-left: 1px solid #DBDBDB; 
}
.ques_accordion_outside [data-role="listview"] tr:last-child td {
    border-bottom: 1px solid #DBDBDB; 
}
.ques_accordion_outside [data-role="listview"] td.answer {
    font-weight: 600;
}
.ques_accordion_outside [data-role="listview"] tr.positive td.answer {
    background: #00A65114;
}
.ques_accordion_outside [data-role="listview"] tr.negative td.answer {
    background: #FFF3F3;
}
.ques_accordion_outside [data-role="listview"] li:not(.summary_divider) {
    position: relative;
    padding-left: 13px;
}
.ques_accordion_outside [data-role="listview"] li:not(.summary_divider) .answer {
    font-weight: 700;
}
.ques_accordion_outside [data-role="listview"] li:not(.summary_divider):before {
    content:"";
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 8px;
    height: 1px;
    background: #ccc;
}
#popup_box {
    display: none;
    flex-direction: column;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 10px -7px #000;
    z-index: 999;
    max-width: 50vw;
    width: 100%;
    max-height: 90vh;
}
#popup_box:before {
    content:"";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%,-50%);
    background: #00000075;
    z-index: -1;
}
#popup_box .modern_inner {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#popup_box .close_popup {
    align-self: flex-end;
}
#popup_box .popup_data {
    max-height: 100%;
    overflow: auto;
}
.popup_click {
    text-decoration: none;
}
#popup_box.show {
    display: flex;
}
.questions_actions {
    width: 1440px;
    max-width: calc(100% - 30px);
    margin: 30px auto;
}
.valid_err {
    position: absolute;
    right: 0;
    width: max-content;
    bottom:-10px;
    font-size: 12px;
    line-height: 1;
    color:red;
    z-index: 1;
}
#main_content .wrap.flexed {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#main_content .wrap.flexed > .score_box {
    width: 100%;
}
#main_content .wrap.flexed .hurted_item {
    margin: 20px;
    width:calc(100% / 2 - 40px);
}
form[name="manage_diagnoses"] div[data-role="fieldcontain"] + div[data-role="fieldcontain"] {
    margin-top: 16px;
}
form[name="manage_diagnoses"] div[data-role="fieldcontain"] label {
    margin-right: 8px;
}
@media screen and (orientation: portrait){
    label.error { margin-left: 0; display: block;position:absolute; }
}

@media screen and (orientation: landscape){
    label.error { display: inline-block; margin-left: 22%;position:absolute; }
}

em { color: red; font-weight: bold; padding-right: .25em; }
.ui-selectmenu-button.ui-button {
    width: initial;
}
img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}
#info-widget span:last-child {
    font-size: 20px;
    text-align: right;
}

body {
    box-sizing: content-box;
}
#search-widget {
    display: flex;
    flex:1;
    align-items: center;
}
.styled-table {
    border-collapse: separate;
    box-shadow: 0px 4px 24px 0px #00000029;
    position: relative;
    border-radius: 0 0 8px 8px;
}
.radio_group {
    display: flex;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 8px;
    width: max-content;
    padding: 8px;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
}
.radio_group input + label {
    margin-left: 6px;
}
.radio_group label {
    padding: 6px 42px;
    cursor: pointer;
    border-radius: 5px;
    transition: all .3s ease-out;
}
.radio_group input:hover + label {
    background: rgba(67, 37, 249, 0.1);  
}
.radio_group input:checked + label {
    background: #4325F9;
    color: #fff;
}
.ques_img {
    margin:30px 0 15px;
}
.dashboard_infowidget {
    display: flex;
    justify-content: space-between;
}
.dashboard_infowidget .location {
    display: flex;
    flex-direction: column;
    color:#69696F;
}
.dashboard_infowidget .location .user span {
    font-weight: 700;
    text-transform: capitalize;
}
#patients-list-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#patients-list-wrapper .modern_but {
    padding-top: 6px;
    padding-bottom: 6px;
}
#patients-list-wrapper span {
    font-size: 20px;
}
.styled-table thead tr {
    color: #69696F;
    text-align: left;
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
}

.styled-table th,
.styled-table td {
    padding: 16px 24px 16px 24px;

}
.styled-table th {
    font-size: 16px;
}
.styled-table tbody tr {
    cursor: pointer;
    position: relative;
}
.hidden {
    display: none !important;
}


.dashboard_actions .right-arrow-image {
    margin-left: 18px;
}
.dashboard_actions h3 {
    white-space: nowrap;
}
#new-encounter-widget {
    height: 75px;
    margin-left: 12px;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    cursor: pointer;
    color: #242424;
}
#new-encounter-widget:hover {
    background: #4325F9;
    color: white;
}

#followup-encounter-widget {
    height: 75px;
    margin-left: 12px;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    cursor: pointer;
    color: #242424;
}

#followup-encounter-widget:hover {
    background: #4325F9;
    color: white;
}

#new-encounter-widget .image {
    width: 43px;
    height: 40px;
    background: #4325F9;
    -webkit-mask: url(../images/new/new_encounter.svg) center / contain no-repeat;
}

#new-encounter-widget:hover .image {
    background-color: white;
}
#new-encounter-widget:hover .right-arrow-image  {
    background-color: white;
}

#followup-encounter-widget:hover .image {
    background-color: white;
}
#followup-encounter-widget:hover .right-arrow-image {
    background-color: white;
}

#followup-encounter-widget .image {
    width: 43px;
    height: 40px;
    background: #4325F9;
    -webkit-mask: url(../images/new/followup_encounter.svg) center / contain no-repeat;
}

.right-arrow-image {
    width: 10px;
    height: 18px;
    background: black;
    -webkit-mask: url(../images/new/right_arrow.svg) center / contain no-repeat;
}
.horisontal_question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 10px;
    position: relative;
}
.horisontal_question.with_sub {
    flex-direction: column;
    align-items: initial;
}
.horisontal_question.with_sub > .title_text, .horisontal_question.with_child > .title_text {
    margin-bottom: 12px;
}
.horisontal_question.with_sub .sub_question_title {
    font-size: 18px;
    font-weight: 400;
}
.question_sort_order {
    width: 40px;
    margin-right: 7px;
    text-align: center;
    font-size: 14px;
}
.horisontal_question.dependant .question_sort_order {
    margin-left: -20px;
}
.horisontal_question.with_child {
    flex-wrap: wrap;
}
.horisontal_question.with_child > .child_q {
    width: 100%;
}
.horisontal_question.even {
    background: #e7e5e6;
}
.horisontal_question:not(.even) {
    background: #ffffff;
}
.horisontal_question .title_text {
    color:#212529;
    flex:1;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: left;
    display: flex;
    flex-direction: column;
}
.horisontal_question .title_text h3 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}
.horisontal_question .title_text .descr {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}
.horisontal_question .title_text b {
    color:#404040;
    font-weight: 700;
}
.horisontal_question .textarea_side {
    width: 50%;
    display: flex;
    position: relative;
}
.horisontal_question .textarea_side > span {
    flex:1;
}
.horisontal_question .textarea_holder {
    display: flex;
    flex:1;
}
.horisontal_question .textarea_side .speech {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 30px;
    height: 30px;
    padding: 0;
    border-width: 1px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.title_edits {
    border-width: 1px;
    margin-right: 5px;
}
.delete_question {
    border-width: 1px;
    margin-right: 5px;
    cursor: pointer;
}
.delete_question svg {
    width: 28px;
    height: 28px;
}
.horisontal_question .textarea_side .speech .stop {
    display: none;
}
.horisontal_question .textarea_side .speech.play .stop {
    display: block;
}
.horisontal_question .textarea_side .speech.play .record {
    display: none;
}
.horisontal_question .textarea_holder textarea {
    width: 100%;
    outline: none;
    border: 1px solid #CECECE;
    border-radius: 8px;
}
.horisontal_question .tooltip_icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    cursor: pointer;
    background: url(images/info_icon.svg) 50% / contain no-repeat;
}
.horisontal_question .tooltip_icon.pain {
    width: fit-content;
    padding: 4px 10px;
    height: initial;
    background: #fff;
    border:1px solid #4325F9;
    border-radius: 4px;
    color:#4325F9;
    font:400 14px / 1 var(--font);
}
.horisontal_question .tooltip_media {
    position: absolute;
    bottom: calc(100% + 3px);
    right: 0;
    max-width: 100%;
    padding: 8px;
    border-radius: 4px;
    background:#fff;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: flex-end;
    box-shadow: 0 0 10px -7px #000;
    z-index: 1;
}
.horisontal_question.blink {
    background: red;
}
.horisontal_question.dep_in {
    background: #b6eab6;
}
.horisontal_question .q_inf {
    margin-right: 40px;
}
.horisontal_question .q_inf + .q_inf {
    margin-left: -40px;
}
.horisontal_question .tooltip_media.bottom {
    bottom: initial;
    top:calc(100% + 3px);
}
.horisontal_question .tooltip_icon:hover + .tooltip_media {
    opacity: 1;
    visibility: visible;
}
.horisontal_question .double_inputs {
    display: flex;
}
.horisontal_question .double_inputs div+div {
    margin-left: 10px;
}
.horisontal_question .media_holder {
    padding: 0 10px;
    box-sizing: border-box;
    border-left: 1px solid #dcdcdc;
}
.horisontal_question .media_holder.definitions {
    display: flex;
    justify-content: flex-end;
    width: 160px;
    margin-right: -10px;
}
.horisontal_question .media_holder.definitions .mm {
    display: none;
}
.horisontal_question .media_holder.definitions * + * {
    margin-left: 6px;
    padding-left: 6px;
}
.horisontal_question .media_holder.definitions a {
    position: relative;
}
.horisontal_question .media_holder.definitions a:before {
    content:attr(title);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 3px);
    background: #ffffff;
    padding: 2px 5px;
    box-shadow: 0 0 10px -7px #000;
    transform: translate(-50%,0);
    opacity: 0;
    visibility: hidden;
    color:#111;
    font-size: 14px;
    line-height: 1;
}
.horisontal_question .media_holder.definitions a:hover:before {
    opacity: 1;
    visibility: visible;
}
.horisontal_question .media_holder.definitions .icon_space {
    filter: grayscale(1);
    opacity: 0;
}
.horisontal_question .media_holder.definitions svg {
    width: 30px;
    height: 30px;
}
.horisontal_question .media_holder.definitions svg ellipse {
    fill:#4577f4;
}
.horisontal_question .media_holder.definitions svg path {
    fill:#fff;
}
.horisontal_question .media_holder {
    margin-top: -7px;
    padding-top: 7px;
    margin-bottom: -7px;
    padding-bottom: 7px;
    width: 180px;
}
.horisontal_question .media_holder:not(.definitions) {
    /*margin-right: -10px;*/
}
.horisontal_question.sub_question_group .media_holder:not(.definitions), .horisontal_question.with_child .media_holder:not(.definitions) {
    margin-right: 0;
}
.horisontal_question .answer + .media_holder {
    margin-left: 10px;
}
.horisontal_question .answer {
    display: flex;
    align-items: center;
}
.horisontal_question .answer p {
    font-weight: 500;
    margin-right: 15px;
}
.horisontal_question.sub_question_group {
    margin-right: -10px;
    /*width: calc(100% - 80px);*/
    width: 100%;
    padding-left: 30px;
}
.sub_questions {
    display: flex;
    flex-wrap: wrap;
}
.dev_switch {
    display: flex;
    align-items: center;
    color:#fff;
    margin-right: 10px;
}
.dev_switch input {
    margin-left: 5px;
}
.horisontal_question.hidden + .last_answer {
    display: none;
}
.horisontal_question.dependant {
    padding-left: 30px;
    position: relative;
}

.horisontal_question.dependant .textarea_side {
    width: calc(50% + 10px);
}
.horisontal_question .sub_question_group .textarea_side {
    width: calc(50% + 20px);
}
.horisontal_question.dependant.sub-sub {
    padding-left: 60px;
}

.horisontal_question.dependant.sub-sub .textarea_side {
    width: calc(50% + 25px);
}
.horisontal_question .media_holder .media_button_holder {
    display: flex;
    justify-content: center;
    align-items: center;
}
.horisontal_question .media_holder .media_button_holder div {
    cursor: pointer;
}
.horisontal_question .media_holder .media_button_holder .item + .item {
    margin-left: 6px;
}
.horisontal_question .sub_question_title {
    font-size: 14px;
    margin: 0 7px 0 0;
}
.horisontal_question .sub_question_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.horisontal_question .sub_question_group.wrapped {
    flex-wrap: wrap;
}
.horisontal_question .sub_question_group.wrapped .highlight_response {
    width: 100%;
    text-align: right;
}
.horisontal_question .sub_question_group + .sub_question_group {
    margin-top: 7px;
}
.horisontal_question .last_answer {
    width: 90px;
    text-align: center;
    font-size: 14px;
}
.horisontal_question .last_answer .positive {
    color:#4577f4;
}
.main_question_heading {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(81.42deg, #5505FF -11.29%, #9842C0 102.03%);
    border-radius: 8px 8px 0px 0px;
    padding: 12px 0 12px 25px;
    border: unset;
    color:#fff;
    font-weight: 700;
    font-size: 1.3em;
}
.main_question_heading .last_info {
    padding: 0  7px;
    text-align: center;
    width: 90px;
}
.main_question_heading .last_info .title {
    font-size: 16px;
}
.main_question_heading .last_info .small {
    font-size: 12px;
    font-weight: 400;
}
.main_question_heading .part {
    flex:1;
}
.main_question_heading .media_heading {
    text-align: center;
    min-width: 180px;
    border-left: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.main_question_heading .media_heading.refs {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    min-width: 160px;
}
.main_question_heading .media_heading.refs .colmn {
    position: relative;
    width: 30px;
    opacity: 0;
}
.main_question_heading .media_heading.refs .colmn .toolt {
    position: absolute;
    bottom: calc(100% + 3px);
    left:50%;
    transform: translate(-50%,0);
    background: #fff;
    white-space: nowrap;
    padding: 3px 7px;
    border-radius: 2px;
    box-shadow: 0 0 10px -7px #000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-out;
    color:#111;
}
.main_question_heading .media_heading.refs .colmn:hover .toolt {
    opacity: 1;
    visibility: visible;
}
.main_question_heading .media_heading.refs .colmn + .colmn {
    margin-left: 6px;
    padding-left: 6px;
    border-left:1px solid #fff;
}
.top_bar {
    padding: 15px 0;
    width: 1440px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
}
.patient_info {
    width: 1440px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    background: #FAFAFA;
}
.patient_info_man {
    padding: 12px 4px;
}
.patient_info_man .fields_wrapper {
    display: flex;
    flex-wrap: wrap;
}
.fieldset {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin: 0 20px 20px;
    align-items: flex-end;
}
.fieldset.med {
    align-items: center;
}
.fieldset.vertical {
    align-items: flex-start;
    flex-direction: column;
    margin: 0 0 15px;
}
.fieldset .textarea_container {
    width: 100%;
}
.patient_info_man.create .fieldset {
    margin: 20px 0;
}
.patient_info_man .separator {
    width: 100%;
    margin: 10px 0;
}
.fieldset .title {
    width: 100%;
    font:600 16px / 1.3 var(--font);
    color:#232323;
    margin-bottom: 20px;
}
.fieldset .field {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}
.fieldset .field .alert_msg_danger {
    position: absolute;
    left: 0;
    top:calc(100% + 3px);
    width: 100%;
}
.patient_info_man.create .fieldset .field {
    flex:1;
}
.fieldset .field .title {
    flex:1;
}
.fieldset input {
    border: 1px solid #CECECE;
    border-radius: 8px;
    padding: 12px 16px;
    font:500 14px / 1.2 var(--font);
}
.fieldset select {
    border: 1px solid #CECECE;
    border-radius: 8px;
    padding: 10px 16px;
    font: 500 14px / 1.2 var(--font);
    text-align: left;
}
.fieldset textarea {
    border: 1px solid #CECECE;
    border-radius: 8px;
    padding: 12px 16px;
    font:500 14px / 1.2 var(--font);
}
.fieldset .field + .field {
    margin-left: 12px;
}
.fieldset.vertical .field + .field {
    margin: 12px 0 0 0;
}
.fieldset.vertical .field {
    width: 100%;
    margin-left: 0;
}
.fieldset.vertical .poc_email.field {
    width: initial;
    min-width: 230px;
}
.fieldset.vertical .wi.field {
    width: initial;
}
.fieldset.vertical .textinput + .textarea_container {
    margin-top: 8px;
}
.patient_info_man .radio-wrapper input:checked + .option {
    background: #4325F9;
}
.dashboard_content .wrap {
    width: 1440px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
}
.dashboard_content .wrap .actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 12px;
}
.dashboard_content .wrap .actions .patient_search {
    min-width: 480px;
}
.dashboard_content .wrap .actions .patient_search fieldset {
    position: relative;
    border-radius: 50px;
    background: #FFFFFF;
    border: 1px solid #CECECE;
}
.dashboard_content .wrap .actions .patient_search fieldset input {
    border:0;
    box-shadow: none;
    outline: none;
    padding: 12px 24px;
    font:500 18px / .9 var(--font);
    position: relative;
    z-index: 1;
    background: #ffffff00;
    width: 100%;
}
.dashboard_content .wrap .actions .patient_search fieldset input::placeholder {
    color:#ffffff00;
}
.dashboard_content .wrap .actions .patient_search fieldset .icon {
    position: absolute;
    right: 24px;
    top:50%;
    transform: translate(0,-50%);
    z-index: 0;
}
.dashboard_content .wrap .actions .patient_search fieldset .helper {
    position: absolute;
    left: 24px;
    top:50%;
    transform: translate(0,-50%);
    z-index: 0;
    transition: all .3s ease-out;
    color:#69696F;
    font:500 18px / .9 var(--font);
    z-index: 0;
}
.dashboard_content .wrap .actions .patient_search fieldset .error {
    position: absolute;
    left: 24px;
    bottom:-3px;
    z-index: 0;
    transition: all .3s ease-out;
    color:red;
    font:400 12px / .9 var(--font);
    z-index: 0;
    background: #fff;
    padding: 0 4px;
}
.dashboard_content .wrap .actions .patient_search fieldset input:focus + .helper, .dashboard_content .wrap .actions .patient_search fieldset input:not(:placeholder-shown) + .helper {
    opacity: 0;
    visibility: hidden;
    top:20%;
}
.dashboard_content .wrap .actions .new_patient svg path {
    fill:#fff;
}
.dashboard_content .wrap .actions .new_patient svg {
    height: 33px;
    width: initial;
}
.dashboard_content .wrap .actions .modern_but {
    padding-top: 8px;
    padding-bottom: 8px;
}
.search_patient_results {
    background: #fafafa;
    box-shadow: 0px 4px 24px 0px #00000029;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.search_patient_results.search_bar {
    display: none;
}
#search_patients_results_list .list_checkbox label:before {
    margin: 0;
    border:0;
}

.search_patient_results table {
    width: 100%;
    max-height: 60vh;
    overflow: auto;
}
.search_patient_results table th:not(:first-child), .search_patient_results tbody tr td:not(:first-child) {
    text-align: center;
}
.search_patient_results table th:not(:last-child):after {
    content:"";
    position: absolute;
    right: 0;
    top: 50%;
    height: 60%;
    width: 1px;
    background: #e7e5e6;
    transform: translate(0,-50%);
}
.search_patient_results table th {
    text-transform: capitalize;
    font:400 18px / 1.2 var(--font);
    padding: 15px 12px;
    position: relative;
}

.search_patient_results tbody {
    max-height: 60vh;
}
.search_patient_results tbody tr:nth-of-type(odd) {
    background: #e7e5e6;
}
.search_patient_results tbody tr.total td {
    padding-bottom: 35px;
}
.search_patient_results tbody tr td:first-child {
    white-space: nowrap;
}
.search_patient_results tbody tr td:last-child {
    white-space: nowrap;
}
.search_patient_results tbody td {
    text-transform: capitalize;
    font:400 16px / 1.2 var(--font);
    padding: 15px 12px;
}
.search_patient_results tbody td.list_checkbox {
    display: flex;
}
.search_patient_results tbody td.list_checkbox .delete_encounter {
    margin-right: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.search_patient_results tbody td.list_checkbox .delete_encounter svg {
    width: 20px;
    height: 20px;
}
.search_patient_results tbody td.doi {
    white-space: nowrap;
}
.search_patient_results tbody td.overtime {
    color:red;
    font-weight: 700;
}
.search_patient_results tbody td.add_to_waitilst label:before {
    margin: 0;
}
.search_patient_results tbody td .tcount {
    font-size: 14px;
    margin-left: 5px;
}
.search_patient_results tbody td .summary {
    display: flex;
    margin-top: 4px;
}
.search_patient_results tbody td .summary a {
    position: relative;
    background: #4325F9;
    color: #fff;
    font: 400 12px / 1em var(--font);
    text-decoration: none;
    z-index: 1;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 10px 4px;
    border-radius: 4px;
    text-decoration: none;
    width: 66%;
    border:1px solid #7f7f7f;
}
.search_patient_results tbody td .summary a.inactive {
    background: #fff;
    color:#7f7f7f;
    cursor:no-drop;
}
.search_patient_results tbody td .summary .num_enc {
    font: 400 12px / 1em var(--font);
    margin-left: 4px;
    align-self: center;

}
.search_patient_results tbody td .statuses {
    display: flex;
    justify-content: flex-start;
}
.search_patient_results tbody td .statuses .item {
    position: relative;
    background: #7f7f7f;
    color: #fff;
    font: 400 12px / 1em var(--font);
    min-width: 16px;
    text-decoration: none;
    z-index: 1;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 9px 4px;
    border-radius: 4px;
    border:1px solid #7f7f7f;
}
.search_patient_results tbody td .statuses.visit_follow .item.phase_H {
    display: none;
}
.search_patient_results tbody td .statuses .item.plan, .search_patient_results tbody td .statuses .item.dx {
    background: #fff;
    color:#7f7f7f;
    cursor:no-drop;
}
.search_patient_results tbody td .statuses .item.dx.ready {
    background: #7f7f7f;
    color:#fff;
    cursor: pointer;
}
.search_patient_results tbody td .statuses .item.active.plan, .search_patient_results tbody td .statuses .item.active.dx {
    background: #71ad46;
    color:#fff;
    cursor: pointer;
}
.search_patient_results tbody td .statuses .item.active {
    background: #71ad46;
}
.search_patient_results tbody td .statuses .item + .item {
    margin-left: 4px;
}
.patients_in_clinic {
    margin-bottom: 50px;
}
.search_patient_results tbody td .statuses .item .tt {
    position: absolute;
    bottom: calc(100% + 3px);
    left: 50%;
    transform: translate(-50%,0);
    transition: all .3s ease-out;
    white-space: nowrap;
    padding: 2px 5px;
    border:.5px solid #ccc;
    background: #fff;
    box-shadow: 0 0 10px -7px #000;
    font:400 12px / 1 var(--font);
    color:#000;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}
.search_patient_results tbody td .statuses .item:hover .tt {
    visibility: visible;
    opacity: 1;
}
.search_patient_results tbody td.diagnoses {
    text-align: left !important;
    width: 100%;
}
.search_patient_results tbody td.buttons a + a {
    margin-left: 12px;
}
.search_patient_results tbody td.buttons a.disabled {
    pointer-events: none;
    background: lightgray;
}
.search_patient_results tbody td.buttons a {
    background: #4325F9;
    border-radius: 24px;
    padding: 4px 12px;
    color:#fff;
    box-shadow: none;
    border:0;
    font:400 14px / 1 var(--font);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    transition: all .3s ease-out;
    white-space: nowrap;
}
.patients_in_clinic {
    margin-top: 30px;
}
.patients_in_clinic .modern_title {
    text-align: left;
}
.search_patient_results tbody td.buttons a:hover {
    color:#ffffff99;
}
.search_patient_results tbody td strong {
    font-weight: 700;
}
.search_patient_results tbody td i.act {
    color:#b8860b;
    font-style: italic;
}
.search_patient_results tbody td i.inact {
    color:red;
    font-style: italic;
}
.input_group {
    display: flex;
    align-items: center;
}
.input_group.vertical {
    flex-direction: column;
    align-items: flex-start;
}
.input_group .input {
    display: flex;
    background: #bfbfbf;
    border-radius: 40px;
    position: relative;
}
.input_group .input.filled {
    background: #7f7f7f;
}
.input_group .input input {
    background: #ffffff00;
    color:#fff;
    padding: 4px 20px 4px 15px;
    border:0;
    box-shadow: none;
    text-align: center;
    outline: none;
    width: 90px;
    font:400 14px / 1 var(--font);
}
.input_group .input .legend {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    color: #fff;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #fff;
    font-size: 11px;
    min-width: 27px;
}
.input_group .translated {
    color:#888888;
    font:400 14px / 1 var(--font);
    margin-left: 20px;
    min-width: 170px;
    text-align: right;
}
img + .modern_but {
    margin-left: 8px;
}
.poc_ref, .pc_pdf {
    width: 1440px;
    max-width: calc(100% - 30px);
    margin: 10px auto;
}
.poc_ref .inner, .pc_pdf .inner {
    box-shadow: 0px 4px 24px 0px #00000029;
    background: #fff;
    border-radius: 0 0 8px 8px;
}
.poc_block_inner .diagnosis_title {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    color:#bfbfbf;
    padding: 7px 16px;
}
.poc_block_inner .poc_group_title {
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    text-transform: uppercase;
    background:#e1d4fd;
    color:#595959;
    padding: 7px 16px;
}
.poc_block_inner .fieldset.med {
    padding: 7px 16px;
}
.poc_block_inner .fieldset.med:nth-of-type(even) {
    background: #e8e8e8;
}
.poc_block_inner .poc_small_col {
    display: flex;
    padding: 7px 16px;
    flex-wrap: wrap;
}
.poc_block_inner .poc_small_col .bottom {
    width: 100%;
    padding-left: 45px;
    display: flex;
    justify-content: flex-end;
    margin-top: 6px;
}
.poc_block_inner .poc_small_col .bottom .list_radio label {
    font-size: 14px;
}
.poc_block_inner .poc_small_col .bottom .undef {
    flex:1;
}
.poc_block_inner .poc_small_col .bottom .textarea_container {
    width: 75%;
}
.poc_block_inner .list_checkbox label {
    align-items: flex-start;
}
.poc_block_inner .multi_radio .list_checkbox:nth-of-type(even), .poc_block_inner .poc_small_col:nth-of-type(even) {
    background: #e8e8e8;
}
.poc_block_inner .multi_radio .list_checkbox {
    padding: 7px 16px;
}
.poc_block_inner .med .multi_radio .list_checkbox {
    padding: 0;
}
.poc_block_inner .multi_radio .list_checkbox .checkbox2 {
    margin: 0;
}
.poc_block_inner .multi_radio .list_checkbox label + .textarea_container {
    margin-top: 7px;
}
.poc_block_inner .title_edit {
    margin: 0 15px 0 0;
}
.list_editor {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90vw;
    max-width: 100vw;
    max-height: 80vh;
    z-index: 999;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 10px -7px #000000;
}
.list_editor_bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background: #00000099;
    z-index: 998;
}
.list_editor #ckeditor {
    overflow: auto;
}
.list_editor .butts {
    position: absolute;
    left: 0;
    top:calc(100% + 3px);
    z-index: 1;
}
.list_editor .butts .modern_but + .modern_but {
    margin-left: 12px;
}
.poc_block_inner .edited {
    margin: 0 5px 0 0;
    color:#5e0df7;
    font-style: italic;
    opacity: 0.6;
}
.poc_block_inner .list_checkbox label:before {
    width: 30px;
    height: 24px;
    margin-top: 3px;
    border-radius: 6px;
    margin-right: 15px;
    background: url("../images/check.svg") 50% 25px / 60% no-repeat,#f5f0fe;
    transition: all .3s ease-out;
}
.poc_block_inner .list_checkbox input:checked + label:before {
    background-position: 50% 50%;
}
.poc_block_inner .diagnosis_title strong {
    font-style: normal;
    font-weight: 700;
    color:#4325f9;
}
.poc_ref .inner + .inner {
    margin-top: 30px;
}
.users_panel {
    width: 1440px;
    max-width: calc(100% - 30px);
    margin: 30px auto;
}
.media_popup .modern_inner {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    max-height: 100%;
}
.poper[data-role="popup"] {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    z-index: 99;
    box-shadow: 0 0 10px -7px #000;
}
.poper[data-role="popup"]:before {
    content:"";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%,-50%);
    background: #00000075;
    z-index: -1;
}
.poper[data-role="popup"] .close, .media_popup .close, #popup_box .close {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 26px;
    height: 26px;
    color: #ffffff00;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
}
.title_edit_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    box-shadow: 0 0 10px -7px #000;
}
.title_edit_box textarea {
    width: 500px;
    height: 130px;
}
.title_edit_box .close {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 26px;
    height: 26px;
    color: #ffffff00;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    cursor: pointer;
}
.title_edit_box .close:before {
   content:"";
   position: absolute;
   width: 1px;
   height: 10px;
   background: #111;
   left: 50%;
   top: 45%;
   transform: rotate(-45deg) translate(-50%, -50%);
}
.title_edit_box .close:after {
   content:"";
   position: absolute;
   width: 1px;
   height: 10px;
   background: #111;
   left: 50%;
   top: 45%;
   transform: rotate(45deg) translate(-50%, -50%);
}
.title_edit_box_descr {
    position: absolute;
    top: 0;
    left: 520px;
    z-index: 11;
    box-shadow: 0 0 10px -7px #000;
}
.title_edit_box_descr textarea {
    width: 500px;
    height: 130px;
}
.title_edit_box_descr .close {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 26px;
    height: 26px;
    color: #ffffff00;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    cursor: pointer;
}
.title_edit_box_descr .close:before {
   content:"";
   position: absolute;
   width: 1px;
   height: 10px;
   background: #111;
   left: 50%;
   top: 45%;
   transform: rotate(-45deg) translate(-50%, -50%);
}
.title_edit_box_descr .close:after {
   content:"";
   position: absolute;
   width: 1px;
   height: 10px;
   background: #111;
   left: 50%;
   top: 45%;
   transform: rotate(45deg) translate(-50%, -50%);
}
.poper[data-role="popup"] .close:before {
    content:"";
    position: absolute;
    width: 1px;
    height: 15px;
    background: #111;
    left: 30%;
    top: 45%;
    transform: rotate(45deg) translate(-50%, -50%);
}
.media_popup .close:before, #popup_box .close:before {
    content:"";
    position: absolute;
    width: 1px;
    height: 15px;
    background: #111;
    left: 29%;
    top: 41%;
    transform: rotate(45deg) translate(-50%, -50%);
}
.poper[data-role="popup"] .close:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background: #111;
    left: 70%;
    top: 43%;
    transform: rotate(-45deg) translate(-50%, -50%);
}
.media_popup .close:after, #popup_box .close:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background: #111;
    left: 70%;
    top: 40%;
    transform: rotate(-45deg) translate(-50%, -50%);
}
.poper[data-role="popup"].active {
    display: flex;
    flex-direction: column;
}
.modern_inner {
    padding: 16px;
    box-shadow: 0px 4px 24px 0px #00000029;
    background: #fff;
    border-radius: 0 0 8px 8px;
}
.fake_inputs {
    display: flex;   
}
.fake_inputs .input_group + .input_group {
    margin-left: 4px; 
}
.horisontal_question .hidden_points {
    display: none;
}
.pat_info {
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.pat_info .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pat_info .info .double {
    display: flex;
    align-items: flex-start;
    width: calc(100% / 3 - (12px * 2) / 3);
    margin-bottom: 12px;
}
.pat_info .info .double .title {
    font:400 18px / 1.2 var(--font);
    min-width: 90px;
}
.pat_info .info .double .val {
    font:700 18px / 1.2 var(--font);
    margin-left: 4px;   
}
.pat_info .actions {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
.pat_info .actions .modern_but {
    text-align: center;
}
.pat_info .actions .modern_but + .modern_but {
    margin-top: 8px;
}
.dashboard_content {
    padding-bottom: 55px;
}
.diag_cc {
    margin-bottom: 20px;
}
.diag_cc .ui-input-text {
    margin-right: 8px;
}
.breadcrumb.diag {
    margin: 15px 0 15px !important;
}
.breadcrumb {
    margin-bottom: 0 !important;
}
.popup_page {
    width: 1440px;
    max-width: calc(100% - 30px);
    margin: 30px auto;
}
#manage_popup {
    padding: 16px;
    box-shadow: 0px 4px 24px 0px #00000029;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.bottom_scores li .mid {
    color:#4325F9;
}
.bottom_scores li .high {
    color:#4CC9F0;
}
.pre_breads {
    display: none;
}
.cust_poc.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    color:#111111;
    text-shadow: none;
}   
.inner + .poc_section  {
    margin-top: 30px;
}
.poc_section .action_buttons {
    margin-bottom: 10px;
}
.medication.poc_colapsed {
    margin-top: 30px;
}
.poc_colapsed .sub_options {
    margin: 8px 0 30px 20px;
}
.poc_colapsed .fieldset {
    margin-left: 0;
    margin-right: 0;
}
.score_footer {
    padding-bottom: 210px;
}
.cust_tabs.bottom_score_panel {
    position: fixed;
    /*bottom: 30px;*/
    width: 100%;
}
.cust_tabs.bottom_score_panel .ui-widget-header {
    text-shadow: none;
    background: #00000000;
}
.cust_tabs.bottom_score_panel .ui-widget-header a {
    font-weight: 700;
}
.bottom_score_panel.cust_tabs ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 25px;
    margin: 0;
}
.bottom_score_panel.cust_tabs .title {
    font-weight: 700;
}
.bottom_score_panel.cust_tabs .title.med, .bottom_score_panel ol li.med {
    color:#4325F9;
    font-weight: 700;
}
.bottom_score_panel.cust_tabs .title.high, .bottom_score_panel ol li.high {
    color:#71ad46;
    font-weight: 700;
}
.bottom_score_panel ol li + li {
    margin-left: 30px;
}
.bottom_score_panel ol li:first-child {
    width: 100%;
}
.bottom_score_panel ol li:nth-of-type(2) {
    margin-left: 0;
}
.bottom_score_panel .bottom_scores {
    display: flex;
    flex-wrap: wrap;
}