#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #e9e9e9;
    z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}


/* Loaded styles */

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);
    /* IE 9 */
    transform: translateX(100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.3s ease-out;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);
    /* IE 9 */
    transform: translateY(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.3s 1s ease-out;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

.webixappstart {
    opacity: 0;
}

.webixapp {
    transition: opacity 500ms;
    opacity: 1;
}

body {
    font-family: Verdana, sans-serif;
    font-size: 18px;
}

.appHeaderBar {
    border-width: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    width: 100% !important;
    border-radius: 0px !important;
    background-color: #ee224c !important;
}

.header {
    color: #ffffff;
    background: #ee224c;
}

.companyName {
    padding: 5px 0;
    line-height: 46px;
    vertical-align: top;
}

section {
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px;
    /*text-align: center;*/
}

section h1 {
    text-align: left;
    margin-bottom: 30px;
}

p.sign {
    text-align: left;
    margin-top: 20px;
}

.group-button {
    margin: 2em auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    /* Espacio entre los botones */
}

a.btn-accept,
a.btn-reject {
    font-size: 18px;
    color: #ffffff;
    padding: 10px 20px;
    width: 150px;
    text-decoration: none;
    border-radius: 5px;
    border-bottom-style: solid;
    border-width: 3px;
}

a.btn-accept {
    background-color: #30BF37;
    border-color: #2e6f03;
    text-align: center;
}

a.btn-reject {
    background-color: #ff0000;
    border-color: #b50101;
    text-align: center;
}

/* Media query para resoluciones bajas */
@media (max-width: 500px) {
    .group-button {
        flex-direction: column;
    }
}

.userName {
    margin-right: 5px;
    margin-left: 5px;
}


/*.webix_template{
   padding: 0px;
   text-align: right;
   overflow-y: auto;
}*/

.userPhoto {
    vertical-align: middle;
    border-radius: 10px;
}

.agencyLogo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
}

.webix_menu {
    text-align: right;
}

.menuUser {
    color: #fff;
    background-color: #ee224c;
    height: 100%;
    width: 100%;
    line-height: 50px;
    text-align: right;
    white-space: nowrap;
    font-size: 14px;
    /*position: relative;    */
}

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

.dhx_cal_select_menu.dhx_cal_event_selected {
    display: none;
}

.dhx_cal_event_line_start.dhx_cal_event_line_end {
    /*color: #ee224c;*/
    color: #FFFFFF;
}

.dhx_cal_event .dhx_body,
.dhx_cal_event .dhx_footer,
.dhx_cal_event .dhx_header,
.dhx_cal_event .dhx_title {
    /* background-color: #ee224c !important;*/
}

.dhx_cal_event_clear.dhx_cal_event_line_start.dhx_cal_event_line_end {
    font-size: 13px;
    font-family: Verdana, sans-serif;
    padding: 5px;
}

.label_input {
    padding-right: 15px;
}

button.webix_img_btn_abs.webixtype_base {
    border-radius: 6px;
    border: 1px solid #dddddd;
    height: 100%;
    width: 100%;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    padding: auto 6px;
    font-family: PT Sans, Tahoma;
    border: 1px solid #ee224c;
    /* border-bottom: 1px solid #6f181a; */
    outline: none;
    -webkit-appearance: none;
}

.button-terms {
    border-right: 1px solid #fff;
    border-left: 0px;
    background: #ee224c;
    color: #fff;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    vertical-align: bottom
}

.webix_el_button.delete {
    display: none;
}

.activeListDates {
    min-height: 30px;
}

.activeListDates div.webix_list_item {
    display: flex;
}

.listDates {
    float: left;
    padding: 0 5px;
}

.listButtonDates {
    padding-left: 10px;
    height: 60px;
    float: right;
    display: inline-flex;
}

.webix_view.webix_popup {
    background-color: #ee224c;
    z-index: 1002 !important;
}

.webix_view.webix_popup div.webix_win_body a.webix_list_item {
    background-color: #ee224c;
    color: #FFFFFF;
}

.app-right-panel .webix_layout_wide {}

div.formProfile div.webix_view.webix_layout_wide {
    background-color: #fff;
}

.booking_status.New {
    background-color: #005CA1;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.update {
    background-color: #fdff76;
    color: #292929;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.ToApprove {
    background-color: #2f5069;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.NotApproved {
    background-color: #ff5100;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Requested,
.booking_status.Updated {
    background-color: #ffce2f;
    color: #292929;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Booked,
.booking_status.Accepted {
    background-color: green;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.InProgress {
    background-color: #00b100;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Completed,
.booking_status.Voucher {
    background-color: #034400;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Declined {
    background-color: lightcoral;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Canceled,
.booking_status.LateCancellation,
.booking_status.Rejected,
.booking_status.Prv-Canceled,
.booking_status.Prv-NotCanceled {
    background-color: red;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.CanceledPay {
    background-color: darkred;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Unfulfilled {
    background-color: #6d0088;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Attention {
    background-color: yellow;
    color: #292929;
    padding: 2px 4px;
    border-radius: 4px;
}

.invoice_status.IntNoShow,
.invoice_status.LEPNoShow,
.invoice_status.Scheduled,
.booking_status.CheckIn,
.booking_status.CheckOut {
    background-color: orange;
    color: #292929;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.PatNoShow,
.booking_status.LEPNoShow,
.booking_status.IntNoShow {
    background-color: orange;
    color: #292929;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.UnderRequesterReview,
.invoice_status.UnderRequesterReview {
    background-color: #ff5100;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Modified {
    background-color: #191996;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Pending {
    background-color: yellow;
    color: #292929;
    padding: 2px 4px;
    border-radius: 4px;
}

.booking_status.Resolved {
    background-color: #00b100;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
}

.invoice_status {
    padding: 2px 4px;
    border-radius: 4px;
}

.invoice_status.New {
    background-color: #005CA1;
    color: #fafafa;
}

.invoice_status.Overdrawn,
.invoice_status.Overlap {
    background-color: #4a004d;
    color: #ffffff;
}

.invoice_status.Int-Review,
.invoice_status.Pending {
    background-color: yellow;
    color: #292929;
}

.invoice_status.Int-Protest {
    background-color: #a12929;
    color: #ffffff;
}

.invoice_status.Void,
.invoice_status.Prv-Canceled,
.invoice_status.Prv-NotCanceled,
.invoice_status.DblBooking,
.invoice_status.PaymentError {
    background-color: #d10000;
    color: #ffffff;
}

.invoice_status.Int-Accepted {
    background-color: green;
    color: #ffffff;
}

.invoice_status.SelfInsured {
    background-color: #00e9f1;
    color: #000000;
}

.invoice_status.SubmittedToLnI,
.invoice_status.SelfInsuredSubmitted,
.invoice_status.SubmittedToPatient,
.invoice_status.SubmittedToProvider {
    background-color: #009999;
    color: #ffffff;
}

.invoice_status.LnIApproved {
    background-color: #0084d1;
    color: #ffffff;
}

.invoice_status.UnderLnIReview,
.invoice_status.LnIRejected,
.invoice_status.IW-Review {
    background-color: #a50089;
    color: #ffffff;
}

.invoice_status.Transferred {
    background-color: #14a800;
    color: #ffffff;
}

.invoice_status.Paid {
    background-color: #0a5300;
    color: #ffffff;
}

.selectedInterpreter {
    background-color: #56005c;
    color: #fafafa;
}

.interpreterCheckedIn {
    color: green;
    font-weight: bold;
}

.interpreterCheckedOut {
    background-color: burlywood;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 4px;
}

.status_checkbox.Rjt {
    background-color: orange;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: bold;
}

.webix_list_item .webix_submenu_icon {
    border-width: 0px !important;
}

.menu-top {
    border-width: 0px !important;
}

div.header_person div.webix_template {
    display: contents;
}

.webix_layout_space {
    background-color: #eaeaea;
}

.title-lni>div.webix_el_box {
    color: #FFFFFF !important;
}

.listSearch {
    padding-top: 12px;
}

.myPhoneField>div>label,
.search-label>div>label {
    color: #FFFFFF !important;
}

.interpreter-inactive {
    text-align: center;
}

.template-interpreter-inactive {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
    height: auto !important;
}

.template-interpreter-inactive div.webix_template {
    height: auto !important;
}

.template-istoday {
    color: #ff0000 !important;
    background-color: #ffdfd4 !important;
    border-color: #ffdfd4 !important;
    height: auto !important;
}

.template-istoday div.webix_template {
    height: auto !important;
}

.popup-qr {
    z-index: 1001 !important;
}

.listInvoices {
    padding: 5px;
    border-radius: 5px;
    border: 2px solid;
}

.webixbutton.addNewButton,
.webixbutton.refreshButton,
.webixbutton.importButton,
.webixbutton.toExcelButton {
    margin: 5px;
    padding: 8px;
    color: #ee224c;
    border-style: solid;
    border-width: 1px;
    border-color: #bfbfbf;
    border-radius: 5px;
}

.webix_image_field {
    border-radius: 25%;
}

.webix_hidden {
    display: none;
}

.tabbar-menu .webix_item_tab {
    line-height: 150%;
}

.webix_layout_form {
    min-height: 120px;
}

.tab-badge {
    position: relative;
    display: inline-block;
    width: 100%;
}

.right-auto {
    right: auto !important;
}

.right {
    text-align: right;
}

.right>div.webix_cell,
.right>div.webix_hcell {
    text-align: right;
}

.center>div.webix_cell {
    text-align: center;
}

.dataTableDates .webix_ss_body .webix_column>div {
    height: auto !important;
}

.webix_scheduler .webix_list_item .webix_event_time {
    font-size: 14px !important;
}

.webix_placeholder {
    color: #626262 !important;
}

.webix_hint_buttons .webix_hint_button.webix_hint_button_next {
    background-color: #a10000 !important;
}

.webix_el_mySearch input {
    color: #475466;
    padding-right: 24px;
    background: #ffffff;
    font-family: Roboto, sans-serif;
    border-color: #ccd7e6;
    -webkit-appearance: none;
    font-size: 14px;
    height: 100%;
    padding: 0px 12px;
    border: 1px solid #dadee0;
    box-sizing: border-box;
}

.webix_el_mySearch span.webix_input_icon {
    width: 24px;
    padding-left: 4px;
}

.webix_el_mySearch .webix_input_icon {
    right: 2px;
    background: transparent;
    z-index: 1;
    position: absolute;
}

.webix_el_mySearch .webix_el_box {
    position: relative;
}

.webix_el_mySearch .webix_el_box {
    color: #475466;
    position: relative;
}

.webix_el_myText input {
    border-radius: 2px;
}

.webix_el_myText input {
    font-size: 14px;
    height: 100%;
    padding: 0px 12px;
    border: 1px solid #dadee0;
    color: #475466;
    background: #ffffff;
    font-family: Roboto, sans-serif;
    border-color: #ccd7e6;
    -webkit-appearance: none;
    border-radius: 0;
}

.tempH1 {
    border-width: 0px 0px 0px !important;
    text-align: center;
    min-height: 150px;
}

.iti--allow-dropdown {
    width: 100%;
}

.webix_el_box {
    color: #ee224c !important;
}

.windowValidateSMS {
    z-index: 1002 !important;
}

.clientCustomFields {
    padding-bottom: 10px;
}

.tabview-pending>div.webix_el_tabbar>div {
    display: inline-table !important;
}

.termsConditions {
    z-index: 1000 !important;
}

.webix_view .webix_item_tab.webix_selected {
    background-color: #f1f1f1 !important;
}

.multiViewBooking {
    border-width: 0px 0px !important;
}

.toolbar-phonecall {
    color: #fff;
    background-color: #ee224c;
    height: 100%;
    width: 100%;
    font-size: 14px;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.boldFont {
    font-weight: bold;
}

.toolbar-phonecall>div>div {
    display: inline-block;
}

.toolbar-phonecall>div>div.icon-phone-mobile {
    padding-right: 5px;
}

.toolbar-phonecall>div>div.icon-phone {
    padding-top: 10px;
    padding-right: 10px;
}

.toolbar-phonecall>div>div>a {
    text-decoration: none;
    color: #ffffff;
}

.toolbar-phonecall>div>div>i {
    vertical-align: super;
    font-size: 25px;
    color: #ffffff;
}

div.webix_template>canvas {
    width: 100%;
}

.today-pending {
    color: #ff0000 !important;
    font-weight: bold !important;
}

.btnLEPNoShow {
    padding-top: 20px !important;
    display: inline;
}

.btnLEPNoShow>div>button {
    border: 2px solid orange;
    color: #000 !important;
    background-color: orange !important;
}

.btnLEPNoShowDesk>div>button {
    border: 2px solid orange;
}

.btnNotCanceled>div>button {
    border: 2px solid red;
    color: #FFF !important;
    background-color: red !important;
}

.layoutPanelButton {
    /*min-height: 120px;*/
}

.btnCheckInOut {
    margin-bottom: 20px;
}

.circle-self-in {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #664d03;
    background-color: #fff3cd;
    border-color: #664d03;
    border: 2px solid;
}

.datatableAppInt .webix_cell {
    height: auto !important;
    min-height: 100px;
}

.datatableAppInt .webix_last {
    left: 10px !important;
}

.datatableAppInt .webix_select_mark {
    left: 10px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

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

.switch_slider_date_custom>div.webix_el_box>div.webix_switch_box {
    color: #ffffff;
    background-color: #ee224c;
}

.switch_slider_date_custom>div.webix_el_box>div.webix_switch_box.webix_switch_on {
    color: #ee224c;
    background-color: #ffffff;
}

.switch_slider_date_custom>div.webix_el_box>div.webix_switch_box>span.webix_switch_text {
    padding-top: 0px;
}

.layoutPanelButton {
    height: auto !important;
}

.status_checkbox.Yes {
    background-color: green;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: bold;
}

.status_checkbox.No {
    background-color: #801c1e;
    color: #fafafa;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: bold;
}

.msgbox-token {
    text-align: center;
}

.msgbox-token div {
    line-height: 22px !important;
}

.confirm-wp div.confirm {
    width: 116px;
}

.confirm-wp div.webix_popup_text {
    overflow: auto;
    max-height: 250px;
}

.msg-box-alert {
    min-width: 300px;
}

.multiComboEmailLayout li.webix_multicombo_value {
    margin-bottom: 3px;
}

div.tax_information_agree {
    height: 70px !important;
}

div.tax_information_agree>label {
    white-space: break-spaces;
}

.webix_modal_box .webix_popup_button {
    padding-left: 10px;
    padding-right: 10px;
}

.alert-under-provider-review li {
    text-align: left;
}

.templateAgreement {
    border-top: 1px solid #dadee0 !important;
    border-bottom: 1px solid #dadee0 !important;
}

.reset-password-btn>div {
    font-size: 12px !important;
}

.popFormQA .webix_layout_form {
    overflow-y: auto;
}

.myUploader {

    display: contents;
}

.myUploader .overall {
    height: 100%;
    line-height: 26px;
}

.myUploader div.webix_scroll_cont {
    /*margin-left: 20px;*/
    /*overflow-y: auto;*/
    max-height: 50px;

}

.myUploader div.webix_list_item {
    /*margin-right: 20px;*/
    margin-top: 0px !important;
}

.myUploader .name {
    height: 100%;
    float: left;
    overflow: hidden;

}

.myUploader .size {
    padding: 0 10px;
    width: 100px;
    text-align: right;
    float: right;

}

.myUploader .remove_file {
    float: right;
    width: 15px;
    padding-left: 10px;
}

.myUploader .status {
    float: right;
    position: relative;
    margin-top: 4px;
    width: 80px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #A4BED4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.myUploader .progress {
    height: 100%;
    position: absolute;
    background-color: #b8e6ff;
}

.myUploader .message {
    z-index: 1;
    width: 100%;
    text-align: center;
    position: absolute;
    background-color: darkgreen;
    color: #ffffff;
}

.myUploader .message.error {
    background-color: #e83b3b;
    color: #ffffff;
}

.commentsQA {
    height: auto !important;
    margin-bottom: 15px;
}

.commentsQA .webix_list {
    min-height: 300px;
}

.commentsQA .webix_layout_form {
    height: auto !important;
    overflow-y: auto;
}

.commentsQA .webix_multicombo_value {
    padding: 0 12px 0 12px;
}

.commentsQA ul.webix_multicombo_listbox {
    display: inline-block;
}

.commentsQA a {
    color: #475466 !important;
    text-decoration: none;
}

.commentsQA .webix_multicombo_value {
    margin-bottom: 10px;
}

.commentsQA .comment_qa {
    background: #F4F5F9;
    border-radius: 0px 25px 25px 25px;
    padding: 5px;
}

.btnNewQA {
    float: right;
    display: flex;
}

@media (max-width: 767px) {

    .myUploader .name {
        max-width: 170px;

    }

    .myUploader .size {
        display: none;
    }

    .checkboxQA {
        height: auto !important;
    }

    .checkboxQA .webix_el_box {
        height: auto !important;
    }

    .checkboxQA .webix_label_right {
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .editor-form-qa .webix_layout_line,
    .editor-form-qa fieldset,
    .editor-form-qa .webix_fieldset {
        height: auto !important;
        margin-bottom: 10px !important;
    }
}

.btn-custom {
    color: #ffffff !important;
    background-color: #801c1e;
    border-width: 0px;
    width: 100px !important;
    padding: 10px 10px 10px 10px !important;
    display: block;
    margin: auto;
    /*margin-bottom: 10px;*/
    margin-top: 5px;
}

.btn-custom-qa {
    color: #ffffff !important;
    background-color: #801c1e;
    border-width: 0px;
    cursor: pointer;
    width: 110px !important;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 10px 10px 10px !important;
    display: block;
    margin: auto;
    /*margin-bottom: 10px;*/
    margin-top: 5px;
}

.interpCard .webix_dataview_item {
    border-right: unset;
}

.windowInterpreterCard {
    z-index: 2000 !important;
}

.windowInterpreterCard .webix_dataview_item {
    float: initial !important;
    margin: auto !important;
}

div[view_id="profilePopup"] {
    /*height: 310px !important;*/
}

.connected-badge {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #4CAF50;
    border-radius: 50%;
    border: 1px solid #4CAF50;
    transform: translate(-50%, 50%);
}

.disconnected-badge {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #D32F2F;
    border-radius: 50%;
    border: 1px solid #D32F2F;
    transform: translate(-83%, 50%);
}

.checkInOutProperty .webix_property_label {
    height: 30px;
    line-height: 30px;
}

.checkInOutProperty .webix_property_value {
    height: 30px;
    line-height: 30px;
}

.formScheduler {
    overflow-y: auto !important;
}

.formScheduler>div:nth-child(2) {
    height: auto !important;
}

/* Fondo verde cuando está encendido */
.ondemand-switch .webix_switch_box.webix_switch_on {
    background-color: #4CAF50 !important;
}

.ondemand-switch .webix_switch_on .webix_switch_text {
    padding: 0px 18px 0 0 !important;
}

.ondemand-switch .webix_switch_text {
    padding: 0px 0 0 18px !important;
}

/* Fuente en negrita en ambos estados */
.ondemand-switch .webix_switch_box {
    font-size: 16px;
}