.head_title .webix_template {
    display: flex;
    justify-content: space-between;
}

.mainLabel {
    font-size: 20px;
}

.pago_btn button {
    background-color: #0083c1 !important;
    color: white !important;
}

.logo_loging {
    display: flex;
    justify-content: center;
}

.logo_loging img {
    height: 200px;
    margin-top: 25px;
}

.custom-input-file {
    background-color: #3498DB;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: 0 auto 0;
    margin-bottom: 10px;
    min-height: 15px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: right;
    width: 100px;
    height: 10px;
    border-radius: 5px;
    float: left
}

.custom-input-file .input-file {
    border: 10000px solid transparent;
    cursor: pointer;
    font-size: 10000px;
    margin: 0;
    opacity: 0;
    outline: 0 none;
    padding: 0;
    position: absolute;
    right: -1000px;
    top: -1000px;
}

.price input:before {
    content: "$"
}

.agregar button.webix_button,
.agregar button.webix_button:hover,
.agregar button.webix_button:active,
.agregar button.webix_button:focus {
    background: unset;
    background-color: unset;
    margin-left: -4px;
    height: auto;
}

.agregar .webix_el_box {
    height: 34px !important;
}

.agregar {
    margin-top: 24px !important;
}

.agregar img {
    margin-left: 3px !important;
}

.webix_green .webix_button {

    background: #00a230 !important;
}

.webix_green .webix_button:hover {
    background-color: #04842a !important;
}

.webix_green .webix_button:active {
    background-color: #06d243 !important;
}

.webix_cell {
    line-height: 24px !important;
    font-size: 11.5px !important;
}

.webix_dtable .webix_ss_filter select,
.webix_dtable .webix_ss_filter input {
    height: 26px !important;
}

.webix_hcell {
    height: 32px;
    line-height: 32px;
    font-size: 12.5px;
}

.webix_all_tabs .webix_item_tab {
    color: #E24190 !important;
}

.webix_all_tabs .webix_item_tab.webix_selected {
    box-shadow: inset 0 -2px #E24190 !important;
}

/*.button2.webix_button{*/
/*    background-color: #ffffff;*/
/*    color: #0000b3;*/
/*    border: 2px solid #E24190; !* Green *!*/
/*}*/

/*.button2 .webix_button:hover{*/
/*    background:#d9f6ff;*/
/*}*/



.border_button .webix_button {
    background: #ffffff;
    border: 3px solid #E24190;
    border-radius: 5px;
    color: #1CA1C1;
}

.border_button .webix_button:active {
    background: #ffffff !important;
}

.subheader {
    color: #00AEAC;
    margin: 0;
}

.primary_button .webix_button {
    background: #00AEAC;
    color: #ffffff;
}

.primary_button .webix_button:hover {
    background: #00AEAC !important;
}


.datatableform .webix_cell {
    margin: 10px;
    border: 1px solid #CCD7E6 !important;
    border-radius: 5px;
}

.datatableform .webix_dt_editor input,
.webix_dt_editor select {
    border-color: #1CA1C1;
    margin: 5px;
    margin-left: 10px;
    width: 98%;
    height: 84%;
    margin-top: 10px;
    border-radius: 5px;
}

.webix_layout_toolbar.webix_toolbar {
    background: white;
}

.webix_el_button button,
.webix_el_button input,
.webix_el_toggle button,
.webix_el_toggle input,
.webixbutton {
    width: 94% !important;
}

.webix_view a.webix_list_item {
    border: unset !important;
}

.f_right {
    float: right !important;
}

.webix_menu-x {
    background-color: #1ca1c1;
}

.webix_view.webix_control .webix_disabled_box input,
.webix_view.webix_control .webix_disabled_box select,
.webix_view.webix_control .webix_disabled_box textarea,
.webix_view.webix_control .webix_disabled_box .webix_inp_static {
    color: black;
    background: white;
    border-color: #EBEDF0;
}

.webix_disabled_view .webix_disabled_top_label {
    color: black;
}

.webix_view>.webix_disabled {
    background-color: #EBEDF0;
    opacity: 0.1;
}

.multiline {
    line-height: 25px !important;
}



.dataitem {
    padding: 10px;
    color: white !important;

}

.dataitem div {
    border: 0;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.webix_disponible div {
    background: #55a630 !important;
}

.webix_disponible:active div {
    background: #274f15 !important;
}

.webix_suspended div {
    background: #585858 !important;
}

.webix_ocupado div {
    background: #d62828 !important;
}

.webix_suspended:active div {
    background: #242424 !important;
}

.webix_ocupado:active div {
    background: #711515 !important;
}

.webix_dataview_item .webix_disponible .webix_selected {
    color: white !important;
    background: #F4F5F9 !important;
    border-bottom: 1px solid #3498DB !important;
    border-right: 1px solid #3498DB !important;
}

.aligned_button {
    margin-top: 20px !important;
}

.aligned_button_40 {
    margin-top: 27px !important;
}


.webix_dtable .webix_ss_body .webix_column>div,
.webix_dtable .webix_ss_body .webix_table_cell {
    border-right-color: #d0d0d0;
    border-left-color: #d0d0d0;
    border-bottom-color: #d0d0d0;
}

.webix_dtable_focused .webix_column>div.webix_row_select,
.webix_dtable_focused .webix_column>div.webix_column_select {
    background: pink !important;
    color: black !important;
    border-right-color: pink !important;
}

html,
body,
div,
span,
p,
h1,
h2,
h3,
h4,
h5,
label,
button,
input,
.webix_el_textarea,
.webix_el_box textarea {
    text-transform: uppercase !important;
}

/* .webix_view.webix_flexlayout {
    
    background: #DDDDDD!important;
} */
.dhx_cal_light {
    z-index: 125 !important;
}

.dhtmlx_modal_box {
    z-index: 126 !important;
}

.webix_accordionitem_header {
    background: #3498db !important;
    ;
    color: white !important;

}

.webix_accordionitem_header:hover,
.webix_accordionitem_header:active {
    color: white !important;

}

.webixtype_expediente button {
    background: #E25EAA !important;
    border: 1px solid #ccc !important;
    font-weight: bold;
    font-size: 15px;
    color: black !important;
    border-left: 5px solid #4BB0C2 !important;
    padding-left: 20px !important;

}

.webixtype_expediente .webix_pressed button {
    background: lightgreen !important;
    color: #6074A7 !important;
    border-left: 5px solid #6074A7 !important
}

.webixtype_expediente .webix_image {
    float: right !important;
}

.webixtype_expediente_toggle button {
    background: white !important;
    border: 1px dashed grey !important;
    color: grey !important;
}

.webixtype_expediente_toggle .webix_pressed button {
    color: white !important;
    background: #6074A7 !important;
    border: 1px solid #6074A7 !important;
}

.webix_layout_toolbar.webix_toolbar .webix_icon_button .webix_icon {
    color: #888;
}


.greyForm,
.webix_el_textarea,
.greyForm div.webix_view {
    background-color: #DDDDDD !important;
}

.toggle_custom button.webix_button {
    background: white;
    color: black;
    border: 1px dashed #E25EAA;
    border-radius: 25px;
    padding: 5px 20px;
}

.toggle_custom .webix_pressed button.webix_button {
    background: #E25EAA;
    color: white;
    border: 1px solid #E25EAA;
}

.webix_scroll_cont {

    overflow: auto !important;
}

.out_of_range {
    background-color: #e8e8e8;
}

.quirofano_scheduler div .dhx_cal_tab,
.quirofano_scheduler .dhx_cal_date {
    display: none;
}


.historial_item p {
    margin: 0;
    font-size: 12px;
}

.historial_item h3 {
    font-size: 14px;
    margin: 0;
    margin-bottom: 5px;
}

.historial_item span {
    width: 25px;
    display: inline-block;
}

.webix_accordionitem_header {
    border-radius: 10px;
}

.correo input,
.correo span,
.correo .webix_cell {
    text-transform: none !important;
}

.toggle_ant {
    margin: 0 !important;
    font-size: 11px !important;
}

.toggle_btn_ant button {
    padding: 0 !important;
}

.counter .webix_el_box button {
    background-color: #00AEAC;
}

.btn_enviar {
    background-color: #3498db;
    color: white;
    height: 30px;
    border-radius: 7px;
    font-size: 13px;
}

.btn_descargar {
    background-color: rgb(73, 73, 73);
    color: white;
    height: 30px;
    border-radius: 7px;
    font-size: 13px;
}

.acord .webix_accordionitem:hover {
    transform: translateY(-6px);
}


.historial_detalle .webix_layout_line:first-child {
    overflow-y: auto !important;
}

.historial_detalle {
    transition: all 0.5s;
}

[view_id="form_2"] .webix_el_toggle,
[view_id="form_2"] .webix_el_toggle .webix_el_box {
    height: 38px !important;
}

.webix_el_toggle .webix_disabled_box .webix_button[aria-pressed="true"] {
    background: #E25EAA !important;
    color: white !important;
    border: 1px solid #E25EAA !important;
}

.webix_accordionitem_button {
    color: white !important;
}

.bgc_morado .webix_accordionitem_header {
    /* background: #b34acc !important; */
    background: #00bcd4 !important;

}

.bgc_gray {
    background-color: #dedede;
}

.bgc_white .webix_view .webix_flexlayout,
.bgc_white .webix_flexlayout,
.bgc_white {
    background-color: white !important;
}



.webix_fieldset_label {
    color: #E24190 !important;
    font-weight: 500;
}

.medicamentos .webix_cell {
    word-wrap: break-word;
}

.check_imprimir {
    margin-left: -7px;
}

.check_imprimir button {
    margin-top: -16px;
    margin-left: -48px;
}

.check_imprimir label {
    width: 233px !important;
}

.rigth {
    text-align: right;
}

.fixed_head.webix_column>div {
    background-color: #F4F5F9;
}

.fixed.webix_column>div {
    background-color: #C6E8FF;
}

.check_imprimir2 button {
    margin-top: -16px;
    margin-left: -48px;
}

.menu_break {
    margin: -6px 0px;
}



.check_imprimir3 label {
    width: 95px !important;
}

.check_imprimir3 button {
    margin-top: -16px;
    margin-left: -48px;
}

.estudios label {
    width: 177px !important;
}

.encabezado label {
    width: 144px !important;
}




.pie button {
    margin-top: -16px;
    margin-left: -65px;
}

.pie button {
    margin-top: -16px;
    margin-left: -65px;
}

.check_imprimir2 label {
    width: 194px !important;
}

.check_firmar label {
    width: 150px !important;
}

.check_firmar .webix_el_box {
    margin: 20px;
}

.check_firmar button {
    margin-top: -16px;
    margin-left: 0px;
}

.check_factura {
    margin-top: 8px !important;
    margin-left: 12px !important;
}

[view_id="dlg_consulta"] .webix_win_body>.webix_layout_line {
    overflow-y: scroll;
}

.check_factura label {
    width: 143px !important;
}

.check_factura button {
    margin-top: -25px;
    margin-right: 10px;
}

.check_cita button {
    margin-top: -14px;
    margin-right: 10px;
}

.add_medicamento {
    margin-top: 18px !important;
}

.webix_checkbox_1 .webix_custom_checkbox:before {
    content: "\f00c" !important;
}

.table_corte .webix_hs_center {
    position: relative !important;
}

/* .table_corte{
    min-width: 1500px !important;
}

.table_corte .webix_hs_center{
    width: 530px !important;
} */

.img_doctor div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.center {
    text-align: center;
}

.td_trat_dent .webix_cell {
    padding-top: 7px;
}

.diente_trat .webix_cell {
    background-image: url(../../assets/icons/odontograma/diente.svg);
    background-repeat: no-repeat;
    background-size: 31px;
    background-position-x: center;
}


.add_paciente {
    width: 91px !important;
    float: right;
    display: flex !important;
    align-items: flex-end !important;
}

.add_paciente div:first-child {
    height: 38px !important;
}

.check_calendar button {
    margin-top: -15px !important;
}

.add_paciente button {
    max-height: 31px;
    max-width: 83px;
}

[view_id="frm_vendedores"] {
    overflow-y: scroll;
}

.webix_form {
    overflow-y: auto;
}

.lbl_tar {
    font-size: 12px !important;
    margin: 0;
}

.col_tar,
.col_tar .webix_control {
    height: 80px !important;
}

[view_id="frm_nuevo_pago"] .webix_fieldset_body>.webix_layout_line {
    height: 400px !important;
}

.container_exp,
.container_exp * {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.antecendes_header * {
    font-size: 12px !important;
    text-align: center;
}

.antecedentes_hd_lb * {
    font-size: 12px !important;
}

.ant button {
    padding: 5px !important;
}

.container_exp_w,
.container_exp_q * {
    width: 100%;
}


.small_height {
    font-size: 10px !important;
}

.small_height .webix_cell {
    height: 24px !important;
    font-size: 11px !important;
}

.space {
    width: 150px !important;
}

.small_height .webix_hcell {
    font-size: 11px !important;
    height: 25px !important;
    line-height: 25px !important;
}

.small_height .webix_ss_header {
    height: 60px !important;
}

.header_small .webix_hcell {
    height: 25px !important;
    line-height: 25px !important;
}

.header_small .webix_ss_header {
    height: 60px !important;
}

.table_mensual .webix_cell {
    font-size: 11px !important;
    height: 24px !important;
    padding: 0px !important;
}

/* .table_mensual .webix_ss_center{
    width: 1705px !important;
} */
[view_id="template_diente"] {
    border: none !important;
    height: unset !important;
}

[view_id="frame_seleccionar_diente"] {
    border: none !important;
}

[view_id="dlg_cantidad_dentista"] {
    transition: all 0.6s;
}


.radio_container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 12.5px;
    font-weight: 500;
}

.radio_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    transition: all 0.6s;
}

.radio_container:hover input~.checkmark {
    background-color: #ccc;
}

.radio_container input:checked~.checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio_container input:checked~.checkmark:after {
    display: block;
}

.radio_container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

@media (min-width: 1885px) {
    .table_mensual .webix_ss_center {
        width: 1705px !important;
    }

}

.prim_vez .webix_el_box {
    height: 35px !important;
    margin-top: 25px !important;
}

.add_esp {
    height: 32px;
    padding: 10px;
    background-color: #1CA1C1;
    float: right;
    cursor: pointer;
    margin: 5px;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    font-size: 13px;
    font-family: Roboto;
}

.add_esp:hover {
    background-color: #1986a1;
}


.webix_layout_toolbar.webix_toolbar .webix_selected.webix_segment_0,
.webix_layout_toolbar.webix_toolbar .webix_selected.webix_segment_1,
.webix_layout_toolbar.webix_toolbar .webix_selected.webix_segment_N {
    background-color: #1CA1CC !important;
}


.webix_layout_toolbar.webix_toolbar .webix_selected.webix_segment_0 .webix_fmanager_mode_icon,
.webix_layout_toolbar.webix_toolbar .webix_selected.webix_segment_1 .webix_fmanager_mode_icon,
.webix_layout_toolbar.webix_toolbar .webix_selected.webix_segment_N .webix_fmanager_mode_icon {
    color: white !important;
}


.webix_fmanager_mode_icon {
    color: #1CA1CC !important;
}

.webix_accordionitem_header {
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-position-y: 1px !important;
    background-size: 45px !important;
}

.vacuna .webix_accordionitem_header {
    background-image: url(../icons/expediente/vacuna.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 32px) !important;
    background-position-y: 0px !important;
    background-size: 41px !important;
}

.consulta .webix_accordionitem_header {
    background-image: url(../icons/expediente/consulta.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 32px) !important;
    background-position-y: 1px !important;
    background-size: 65px !important;
}

.dentista .webix_accordionitem_header {
    background-image: url(../icons/expediente/dientes2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 33px) !important;
    background-position-y: 2px !important;
    background-size: 36px !important;
}

.quiropractico .webix_accordionitem_header {
    background-image: url(../icons/expediente/spine2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 33px) !important;
    background-position-y: 2px !important;
    background-size: 34px !important;
}

.spa .webix_accordionitem_header {
    background-image: url(../icons/expediente/spa2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 18px) !important;
    background-position-y: -1px !important;
    background-size: 60px !important;
}

.datos_fisicos .webix_accordionitem_header {
    background-image: url(../icons/expediente/datos_fisicos.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-position-y: 1px !important;
    background-size: 45px !important;
}

.obstetrico .webix_accordionitem_header {
    background-image: url(../icons/expediente/obstetrico.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-position-y: 1px !important;
    background-size: 45px !important;
}

.intestinal .webix_accordionitem_header {
    background-image: url(../icons/expediente/intestinal.svg) !important;
    background-position-y: 0px !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 45px !important;

}

.urinario .webix_accordionitem_header {
    background-image: url(../icons/expediente/urinario.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-position-y: -4px !important;
    background-size: 40px !important;
}

.neuronal .webix_accordionitem_header {
    background-image: url(../icons/expediente/neuronal.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-position-y: 1px !important;
    background-size: 45px !important;
}

.examen_fisico .webix_accordionitem_header {
    background-image: url(../icons/expediente/fisicos.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-position-y: 1px !important;
    background-size: 37px !important;
}

.antecedentes .webix_accordionitem_header {
    background-image: url(../icons/expediente/antecedentes.svg) !important;
    background-position-y: 1px !important;
    background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;

}

.gineco .webix_accordionitem_header {
    background-image: url(../icons/expediente/gineco.svg) !important;
    background-position-y: 0px !important;
    background-size: 42px !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
}


.mama .webix_accordionitem_header {
    background-image: url(../icons/expediente/mama.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 39px !important;
}

.mamario .webix_accordionitem_header {
    background-image: url(../icons/expediente/mamario.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 39px !important;
}


.abdomen .webix_accordionitem_header {
    background-image: url(../icons/expediente/abdomen.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 39px !important;
}

.masculina .webix_accordionitem_header {
    background-image: url(../icons/expediente/masculina.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 39px !important;
}

.femenina .webix_accordionitem_header {
    background-image: url(../icons/expediente/femenina.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 53px !important;
}

.vitales .webix_accordionitem_header {
    background-image: url(../icons/expediente/vitales2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 29px !important;
}

.climaterio .webix_accordionitem_header {
    background-image: url(../icons/expediente/climaterio.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 40px !important;
}

.extremidades .webix_accordionitem_header {
    background-image: url(../icons/expediente/extremidades.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 40px !important;
}

.perinatal .webix_accordionitem_header {
    background-image: url(../icons/expediente/perinatal.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 40px !important;
}


.perineal .webix_accordionitem_header {
    background-image: url(../icons/expediente/perineal.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-position-x: calc(100% - 35px) !important;
    background-size: 40px !important;
}

.enviar_correo .webix_popup_text span {
    text-transform: none !important;
}


.webix_toolbar.webix_dark .webix_el_label .webix_el_box {
    color: #E24190;
}

[view_id="historial_odontograma"] .nomb_header_exp,
[view_id="historial_odontograma"] .fech_header_exp {
    display: inline !important;
}


/* .webix_accordionitem, .webix_accordionitem_header{
    height: 60px !important;
}  */

[view_id="$scrollview1"] {
    overflow-x: auto !important;
}

[view_id="incluir_estudios"] {
    max-width: 337px;
}

.sep_hist {
    background-color: purple !important;
    width: 5px;
    margin: 0 20px;
}

[view_id="form_1"],
[view_id="form_1"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_2"],
[view_id="form_2"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_3"],
[view_id="form_3"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_4"],
[view_id="form_4"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_5"],
[view_id="form_5"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_6"],
[view_id="form_6"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_7"],
[view_id="form_7"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_8"],
[view_id="form_8"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_9"],
[view_id="form_9"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_10"],
[view_id="form_10"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_11"],
[view_id="form_11"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_12"],
[view_id="form_12"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_13"],
[view_id="form_13"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_14"],
[view_id="form_14"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_15"],
[view_id="form_15"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_16"],
[view_id="form_16"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_17"],
[view_id="form_17"]>.webix_scroll_cont>.webix_layout_line,
[view_id="form_18"],
[view_id="form_18"]>.webix_scroll_cont>.webix_layout_line {
    height: unset !important;
}

.bottom_fixed {
    position: absolute;
    bottom: 0;
    z-index: 99999;
}

.unused button {
    color: #f4f5f9 !important;
}


[view_id="frame_odontograma"] {
    width: 100% !important;
}

[view_id="historial_odontograma"] .webix_win_body>.webix_layout_line {
    overflow-y: scroll !important;
}


@media (max-width: 1024px) {
    .main_container {
        width: 100% !important;
    }

    .main_container .head_title {
        width: 100% !important;
    }

    .main_container .webix_scrollview {
        width: 100% !important;
    }

    .header_citas {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-content: center !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    .header_citas .webix_header {
        max-width: calc(100vw - 330px) !important;
    }



    .nomb_header_exp {
        font-size: 12px;
        margin: -7px;
    }

    .fech_header_exp {
        font-size: 12px;
        margin: -18px;
    }



    .table_scroll {
        overflow-x: scroll;
    }

    [view_id="menu_top"] {
        width: calc(100vw * 0.90 - 60px) !important;
        right: calc(100vw * 0.05 + 10px) !important;
        left: unset !important;
    }

    .btn_res button {
        font-size: 11px !important;
    }

    .multiview_responsive {
        width: 100% !important;
        overflow-x: scroll !important;
    }

    [view_id="dvg_pacientes_expediente_vacunas"] .webix_ss_body .webix_ss_center .webix_ss_center_scroll [column="1"] .webix_cell {
        padding: 0px 3px;
    }

    [view_id="dvg_pacientes_expediente_vacunas"] .webix_ss_body .webix_ss_center .webix_ss_center_scroll [column="1"] .webix_cell,
    [view_id="dvg_pacientes_expediente_vacunas"] .webix_ss_body .webix_ss_center .webix_ss_center_scroll [column="2"] .webix_cell {
        padding: 0px 2px;
    }

    [view_id="dvg_pacientes_expediente_vacunas"] .webix_ss_body .webix_ss_center .webix_ss_center_scroll [column="3"] .webix_cell {
        text-overflow: ellipsis;
        padding: 0px 2px;
    }

    [view_id="dvg_pacientes_expediente_vacunas"] .webix_cell,
    [view_id="dvg_pacientes_expediente_vacunas"] .webix_hcell {
        font-size: 11px !important;
    }


    [view_id="tgl_historial"] button,
    [view_id="tgl_vacunas"] button,
    [view_id="tgl_recetas"] button,
    [view_id="tgl_antecedentes"] button {
        line-height: 58px;
        font-size: 10px;
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px !important;
        border-left-width: 0px
    }

    [view_id="tgl_historial"] button img,
    [view_id="tgl_antecedentes"] button img,
    [view_id="tgl_recetas"] button img,
    [view_id="tgl_vacunas"] button img {
        margin-bottom: -18px;
    }

    .header_resp {
        width: calc(100vw - 148px) !important;
    }

    .dr_fs_1,
    .dr_fs_2,
    .dr_fs_3,
    .dr_fs_4 {
        height: unset !important;
    }


    .fs_pac1,
    .fs_pac2 {
        height: unset !important;
    }

    .cl_fs_1,
    .cl_fs_2,
    .cl_fs_3 {
        height: unset !important;
    }


    [view_id="acd_informacionDoctor"] {
        overflow-y: scroll !important;
    }

    [view_id="frm_clinica"] {
        overflow-y: scroll;
    }

    [view_id="frm_clinica"] .webix_fieldset_body .webix_flexlayout {
        width: calc(100vw * 0.95) !important;
    }

    [view_id="todo_ingresos"],
    [view_id="todo_comision"],
    [view_id="todo_asesor"],
    [view_id="todo"] {
        height: unset !important;
    }

    [view_id="datagrid_ingresos"] {
        width: 100vw !important;
    }

    [view_id="datagrid_ingresos"] * {
        max-width: 100vw !important;
    }

    /* [view_id="datagrid_ingresos"]>.webix_layout_line{
        width: 100vw !important;
        overflow-x: scroll;
    }

    [view_id="datagrid_ingresos"]>.webix_layout_line>.webix_header{
        width: 230px !important;
    } */


    /*  */

    [view_id="datagrid_comision"] {
        width: 100vw !important;
    }

    [view_id="datagrid_comision"] * {
        max-width: 100vw !important;
    }

    /* .table_mensual .webix_ss_body{
        width: 1370px !important;
        max-width: 1370px !important;
    } */
    .table_mensual .webix_ss_body .webix_ss_center {
        width: calc(100vw - 145px) !important;
        max-width: calc(100vw - 145px) !important;
    }

    .table_mensual .webix_ss_body .webix_ss_center .webix_ss_center_scroll {
        width: 1705px !important;
        /* max-width: unset !important; */
        overflow-x: scroll;
    }

    [view_id="frm_pacientes"] .webix_scroll_cont>.webix_layout_line {
        overflow-y: scroll !important;
    }

    /*
    [view_id="datagrid_comision"]>.webix_layout_line{
        width: 100vw !important;
        overflow-x: scroll;
    }

    [view_id="datagrid_comision"]>.webix_layout_line>.webix_header{
        width: 230px !important;
    }

    [view_id="po_comision"] .webix_layout_line{
        overflow-x: scroll;
    } */



    /*  */



    [view_id="datagrid_asesor"] {
        width: 100vw !important;
    }

    [view_id="datagrid_asesor"] * {
        max-width: 100vw !important;
    }

    /* [view_id="datagrid_asesor"]>.webix_layout_line{
        width: 100vw !important;
        overflow-x: scroll;
    }

    [view_id="datagrid_asesor"]>.webix_layout_line>.webix_header{
        width: 230px !important;
    }

    [view_id="todo_asesor"] .webix_layout_line{
        overflow-x: scroll;
    } */


    /*  */

    [view_id="datagrid_corte"] {
        width: 100vw !important;
    }

    [view_id="datagrid_corte"] * {
        max-width: 100vw !important;
    }

    /* [view_id="datagrid_corte"]>.webix_layout_line{
        width: 100vw !important;
        overflow-x: scroll;
    }

    [view_id="datagrid_corte"]>.webix_layout_line>.webix_header{
        width: 230px !important;
    }

    [view_id="po"] .webix_layout_line{
        overflow-x: scroll;
    } */



    [view_id="frm_vendedores"],
    [view_id="frm_proveedores"],
    [view_id="frm_usuario"] {
        overflow-y: scroll;
    }

    .as_fs_1,
    .as_fs_2,
    .as_fs_3,
    .as_fs_4 {
        height: unset !important;
    }


    .fs_prov_1,
    .fs_prov_2 {
        height: unset !important;
    }


    .fs_prov_2 .webix_flexlayout {
        width: calc(100vw * 0.95) !important;
    }

    .fs_us_1,
    .fs_us_2 {
        height: unset !important;
    }

    .fs_prod1,
    .fs_prod2,
    .fs_prod3,
    .fs_prod4 {
        height: unset !important;
    }


    .doc_table .webix_cell {
        text-overflow: ellipsis;
    }



}


@media only screen and (min-width: 445px) and (max-width: 600px) {
    [view_id="po_comision"] .details {
        font-size: 10px !important;
    }
}


.historial_detalle .webix_el_textarea,
.greyForm div[view_id="dvg_cie_con"],
.greyForm div[view_id="dvg_cie_dent"],
.greyForm div[view_id="dvg_cie_quiro"],
.greyForm div[view_id="dvg_cie_spa"],
.greyForm div[view_id="dvg_pacientes_expediente_vacunas"] {
    background-color: #fff !important;
}

/* Spinner */
[view_id="spinner"] .webix_win_head {
    display: none;
}

[view_id="spinner"] .webix_view,
[view_id="spinner"] .webix_win_content,
[view_id="spinner"] .webix_win_body {
    height: 100% !important;
}

.pure-css-advance {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}

.pure-css-advance .spinner2 {
    display: flex;
    margin: 36px;
}

.pure-css-advance .spinner2 .circle {
    width: 1.6rem;
    height: 1.6rem;
    background-color: #00AEAC;
    border-radius: 50%;
    margin: 0.2rem;
    animation: scale 0.5s linear 0s infinite alternate;
}

.pure-css-advance .spinner2 .circle.one {
    animation-delay: 0s;
}

.pure-css-advance .spinner2 .circle.two {
    animation-delay: 0.2s;
}

.pure-css-advance .spinner2 .circle.three {
    animation-delay: 0.4s;
}

/* [view_id="emailpaciente"] .webix_dtable_subview .webix_ss_header input {
    width: 500px !important;
} */

[view_id="emailpaciente"] .webix_el_box input {
    width: 100% !important;
}

[view_id="emaildoctor"] .webix_el_box input {
    width: 100% !important;
}

[view_id="email_usuario"] .webix_el_box input {
    width: 100% !important;
}

@keyframes scale {
    from {
        transform: scale(0.2);
    }

    to {
        transform: scale(1);
    }
}