input{
    color:#000 !important;
}

.doc_titulo_azul {
    color: #1d7ed6;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}


.doc_tabla tr:nth-child(Odd) {
    background-color: #fff;
}

.tooltip > .tooltip-inner {
    background-color: #32a4ea !important;
}

.tooltip > .tooltip-arrow {
    background-color: #32a4ea !important;
    border-top-color: #32a4ea !important;
}

/******/
/*============================================================
=            CLASES BASE PARA SISTEMA DOCUMENTACION           * 
==============================================================*/

.doc_caja_interior {
    background-color: #bad9f4;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #32a4ea;
    font-weight: bold;
    text-transform: uppercase;
}

.doc_panel_tabs {
    margin: 10px;
    padding: 0px;
    border: 1px solid #adaddb;
}


.doc_franja_gris_icon {
    background-color: #f2f2f2;
    padding: 10px;
    margin-bottom: 10px;
}

.doc_btn_iconos_informativos {
    margin-bottom: 10px;
    padding: 0px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
}

    .doc_btn_iconos_informativos:hover {
        margin: 0px;
        padding: 0px;
        border: 1px solid #979797 !important;
        background-color: #2196f3;
        color: #666;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

button#docu_btn_busqueda img, button#docu_btn_favoritos img, button#docu_btn_ges img {
    padding: 0px;
    width: 50px;
    height: auto;
}

.doc_btn_iconos_asigna_paciente {
    margin: 0px;
    padding: 0px;
    border: 1px solid #ccc;
    background-color: #fff;
}

    .doc_btn_iconos_asigna_paciente:hover {
        margin: 0px;
        padding: 0px;
        border: 1px solid #de9b00 !important;
        background-color: #de9b00;
    }


.doc_botones_filtro_buscador {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .doc_botones_filtro_buscador li {
        margin: 1px;
        padding: 0px;
        border: 1px solid #CCCCCC;
        float: left;
    }

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

#doc_busca_diagnostico {
    width: 100% !important;
}

.doc_boton_cuadrado:hover {
    color: #fff;
}

.doc_boton_rojo_circulo:hover {
    color: #fff;
    text-decoration: underline;
}

.doc_boton_cuadrado_azul {
    display: block;
    width: 25px;
    height: 25px;
    /*padding: 3px;
    padding-top: 5px;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #1b85d4;
    color: #fff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

    .doc_boton_cuadrado_azul:hover {
        color: #fff;
    }

.doc_boton_para_forms {
    float: inherit !important;
}

.doc_boton_cuadrado {
    width: 25px;
    height: 25px;
    display: block;
    padding: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #de9b00;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.doc_franja_gris {
    background-color: #f2f2f2;
    padding: 10px;
    margin-bottom: 10px;
}

.doc_titulo_caja_azul {
    background-color: #bad9f4;
    color: #063d7a;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.doc_espacio_izquierdo_formulario {
    min-width: 0px;
}

.doc_separado_de_elemento_formulario {
    height: 1px !important;
}

.doc_form_group_espacios {
    margin: 0px;
    padding-right: 5px;
}

.doc_borde_head_panel {
    padding-left: 5px;
    border-radius: 0px;
}

.doc_borde-body-panel {
    border: 1px solid #D5D3D3;
    background-color: #F7FBFF;
    margin-bottom: 5px;
}

.doc_borde_body_panel_no_color {
    background-color: #fff;
    margin-bottom: 5px;
}

#contenedorExamen .doc_borde_body_panel_no_color {
    background-color: #fff;
    margin-bottom: 5px;
    border: solid 1px #DDDDDD;
    padding-top: 5px;
}

.doc_borde_body_panel_no_color {
    background-color: #fff;
    margin-bottom: 5px;
    border: solid 1px #fff;
}


#tab_documentosycertificados {
    /*border: solid 1px #dddddd;*/
}

.doc_preload_image_display_none {
    display: none;
}

.doc_preload_image_display_block {
    display: block;
}

.doc_preload_alto {
    width: 75px;
}

.doc_preload_medio {
    width: 55px;
}

.doc_preload_bajo {
    width: 35px;
    position: absolute;
    float: right;
    padding-top: 0px;
}

.doc_icon_reload {
    width: 35px;
    padding-top: 0px;
}

.doc_preload_bajo_left {
    width: 35px;
    position: absolute;
    float: left;
    padding-top: 0px;
}

.doc_boton_listo_mini {
    padding: 1px !important;
}

.doc_icon-vista-previa {
    background-image: url(/images/RCE/vista_previa.png);
}

    .doc_icon-vista-previa span {
        padding-left: 8px;
        padding-right: 8px;
    }

.doc_container-barra {
    position: absolute;
    right: 0px;
    z-index: 999;
    width: 64px;
}

.doc_container-barra-header-open {
    top: 21px;
}

.doc_container-barra-header-close {
    top: 21px;
}
/*Sobreescrituras de estilos es herencia de estilos de metaagenda*/
.doc_celeste_fondo {
    background-color: #d9e9f4 !important;
    margin-left: 0px !important;
}

.doc_titulo_caja_azul_menu li a {
    padding-right: 29px !important;
    margin: 0px !important;
    border-right: 1px solid #B5C2CD !important;
}

.doc_autocomplete > span {
    width: 100%;
}

.doc_botonera_datos_paciente {
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

.doc_container_button_herramientas {
    float: left;
    overflow: no-display;
    padding: 2px;
    width: 40px;
    background-color: #2196f3;
    border-radius: 12px 0px 0px 12px;
}

.doc_input_group_addon {
    width: 43px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 12px !important;
}

.doc_tab_vertical {
    padding: 0px;
    padding-left: 0px;
    padding-right: 1px;
}

.doc_container_info_paciente {
    background-color: white;
    padding: 5px;
    margin: 80px 70px 0px 70px;
}

.doc_estilo_para_listas_formularios {
    margin: 0 0 -1em;
    padding: 0;
}

    .doc_estilo_para_listas_formularios li {
        list-style: none;
        padding-bottom: 1em;
    }

.doc_label_formulario {
    font-weight: 700 !important;
}

.doc_espacio_celdas_formulario {
    padding: 0px;
    padding-bottom: 5px;
}

.doc_contenido_form {
    margin-bottom: 5px;
    border-bottom: solid #ccc;
    border-bottom-width: 1px;
}


.doc_posicion_div {
    margin: 0px !important;
    padding: 0px !important;
}

.doc_boton_cuadrado_naranjo {
    display: block;
    width: 20px;
    height: 20px;
    padding: 3px;
    padding-top: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #de5f00;
    color: #fff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

    .doc_boton_cuadrado_naranjo:hover {
        color: #fff;
    }


.doc_boton_cuadrado_desactivado {
    display: block;
    width: 20px;
    height: 20px;
    padding: 3px;
    padding-top: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #adaddb;
    color: #ccc;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.doc_subtitulo_ind_medicas {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #bad9f4;
}

.doc_boton_cuadrado_verde {
    display: block;
    width: 20px;
    height: 20px;
    padding: 3px;
    padding-top: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #00ff21;
    color: #fff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

    .doc_boton_cuadrado_verde:hover {
        color: #fff;
    }

.doc_form_Medicamento {
    font-size: 10px;
    font-weight: bold;
}

    .doc_form_Medicamento td {
        padding-left: 5px;
    }

        .doc_form_Medicamento td input {
            padding: 0px;
            height: 20px;
            font-size: 11px !important;
        }

        .doc_form_Medicamento td select {
            padding: 0px;
            height: 20px;
            font-size: 11px;
            text-transform: uppercase !important;
        }

.col-md-12.doc_franja_gris_icon.doc_botonera_datos_paciente {
    background: #fff;
}

.doc_alerta_datos_paciente {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
}

ul.doc_botones_filtro_buscador li {
    border: 0px;
    padding: 0 2px;
}

/*JVV: Estas dos clases deben incorporar mediaquery*/




.doc_margen_left_contanier {
    position: fixed;
    overflow-y: scroll;
    padding: 0px;
}

.doc_marge_left_btn_datos_paciente {
    padding-left: 10%;
}

.doc_no_desplegado {
    display: none;
}

.doc_btn_iconos_informativos {
    margin-right: 5px;
    padding: 3px;
    border: 1px solid #e4e4e4;
    background-color: #eeeeee;
    margin-top: 8px;
}

    .doc_btn_iconos_informativos:hover {
        margin-right: 5px;
        padding: 3px;
        border: 1px solid #ddd;
        background-color: #ddd;
    }

li.active button {
    color: #32a4ea !important;
    font-size: 12px !important;
    margin: 0px;
    background-color: #fff !important;
    border-right: 1px solid #bad9f4;
}

input#diag_busqueda {
    border: 1px solid !important;
    border-color: #cccccc !important;
}

.diag_busqueda {
    border: 1px solid !important;
    border-color: #cccccc !important;
}

.diag_busqueda {
    border: 1px solid !important;
    border-color: #cccccc !important;
}

#ingresoExamenFisico .input-group-addon {
    width: 43px !important;
    padding-left: 7px !important;
    padding-right: 2px !important;
    font-size: 10px !important;
    border-radius: 0px;
    text-transform: capitalize;
    background: none;
    color: #333;
    text-align: left;
    border: none;
}

#docu_container_left textarea, #docu_container_left input {
    font-size: 10px;
    min-height: 22px;
    line-height: 22px;
    padding: 0px 3px;
    resize: vertical;
    color:#000 !important;

}

input#preanestesia_medicamento_autocomplete {
    height: 18px;
}

button#docu_btn_busqueda {
    height: 24px;
    width: 6%;
    background: #2196f3;
    margin-top: -1px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

button#docu_btn_favoritos {
    background: none;
    color: #ffcf00;
    font-size: 15px;
    padding-top: 6px;
    border: none;
}

#docu_tabla_diagnosticos .checkbox, .radio {
    position: relative;
    display: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}

#ResultadoCertificadosGrid td {
    padding-left: .3em !important;
}


#ResultadoEMGrupoGrid td {
    padding-left: .3em !important;
}

button#btn_busca_laboratorio {
    height: 26px;
    width: 28px;
    background: #2196f3;
    margin-top: 0px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

@media only screen and (max-width : 1280px) {
    .label-signos-vitales {
        max-width: 95px;
        letter-spacing:
    }
}

@media only screen and (max-width : 1500px) {
    .label-signos-vitales {
        letter-spacing:-0.4px
    }
}

@media only screen and (max-width : 1024px) {
    .label-informacion-paciente {
        max-width: 370px;
    }
}

label.doc_label_tipo_textArea {
    padding: 5px;
    padding-top: 10px;
}

.doc_input_tipo_texto {
    border: solid 1px #ddd;
    border-radius: 4px;
    padding: 5px 0;
}

/*Sección Problemas de salud
 * clases particulares para grillas que contienen iconos en el group template de kendo
*/
#ProblemasSaludPlantillaGrid .k-reset {
    width: 100%;
}

#ResultadoExamenPaquetePlantillaGrid .k-reset {
    width: 100%;
}

#ResultadoExamenPaquetePlantillaGridOH .k-reset {
    width: 100%;
}

.select_rce {
    height: 16px;
    margin-left: 10px;
    width: 90%;
    font-size: 11px;
    padding: 4px;
    float: right;
}

*#ResultadoExamenPaquetePlantillaGrid td, #ResultadoExamenPaqueteGrid td {
    border-right: 0px #fff;
    border-left: 0px #fff;
    background: #fff;
    border-top: 0;
}

*#ResultadoExamenPaquetePlantillaGrid .glyphicon-certificate, #ResultadoExamenPaqueteGrid .glyphicon-certificate {
    font-size: 5px;
}

*#ResultadoExamenPaquetePlantillaGridOH td {
    border-right: 0px #fff;
    border-left: 0px #fff;
    background: #fff;
    border-top: 0;
}

*#ResultadoExamenPaquetePlantillaGridOH .glyphicon-certificate {
    font-size: 5px;
}

*#ResultadoExamenPaqueteGridOH .glyphicon-certificate {
    font-size: 5px;
}

#PestanaGesResultadoProblemasSaludGrid .k-reset {
    width: 100%;
}
/* Fin seccion Problemas de salud*/

.item-menu-select {
    background: rgb(255, 152, 0);
}

#doc_toolbar ul li .trans-menu-derecho {
    color: #2196F3;
    padding: 10px 5px;
    text-align: left;
    font-size: 14px;
    min-width: 230px;
    z-index: -1;
    top: 15%;
    background: #2196F3;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: absolute;
}

#doc_toolbar ul li:hover .trans-menu-derecho {
    background: #33ba78;
    color: #FFF;
    -webkit-transform: translate(-200px);
    -moz-transform: translate(-200px);
    -o-transform: translate(-200px);
    -ms-transform: translate(-200px);
    transform: translate(-200px);
}


.btn_autocomplete_kendo {
    height: 22px;
    width: 100%;
    background: #2196f3;
    margin-top: -1px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}


/*==============================================================
=            MMA                                               * 
==============================================================*/
button#docu_btn_busqueda_OH img, button#docu_btn_favoritos_OH img, button#docu_btn_ges_OH img {
    padding: 0px;
    width: 50px;
    height: auto;
}

input#diag_busqueda_OH {
    border: 1px solid !important;
    border-color: #cccccc !important;
}

input#busqueda_cirugia_OH {
    border: 1px solid !important;
    border-color: #cccccc !important;
}

input#busqueda_insumo_cir_OH {
    border: 1px solid !important;
    border-color: #cccccc !important;
}

button#docu_btn_busqueda_OH {
    height: 22px;
    width: 6%;
    background: #2196f3;
    margin-top: -1px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

button#btn_busqueda_cir_OH {
    height: 22px;
    width: 6%;
    background: #2196f3;
    margin-top: -1px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

button#docu_btn_favoritos_OH {
    padding: 5px;
    border: 1px solid #e4e4e4;
    background-color: #eeeeee;
    color: #ff9800;
    font-size: 18px;
}

    button#docu_btn_favoritos_OH:hover {
        background: #dddddd;
        border: none;
        color: #ff9800;
        font-size: 18px;
        padding: 5px;
        border: solid 1px #dddddd;
    }

    button#docu_btn_favoritos_OH:active {
        background: #ff9800;
        border: #fff;
        color: #FFFFFF;
        font-size: 18px;
        padding: 5px;
    }

button#docu_btn_ges_OH {
    padding: 6px;
    border: 1px solid #e4e4e4;
    background-color: #eeeeee;
    color: #ff9800;
    font-size: 14px;
}

    button#docu_btn_ges_OH:hover {
        font-size: 14px;
        padding: 6px;
        background: #dddddd;
        border: solid 1px #dddddd;
        color: #ff9800;
    }

    button#docu_btn_ges_OH:active {
        font-size: 14px;
        padding: 7px;
        background: #ff9800;
        border: #fff;
        color: #FFFFFF;
    }

button#btn_busca_laboratorio_OH {
    height: 26px;
    width: 28px;
    background: #2196f3;
    margin-top: 0px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

button#btn_busca_medicamento_OH {
    height: 26px;
    width: 28px;
    background: #2196f3;
    margin-top: 0px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

.img_data_favorito {
    color: #FACC2E;
}

.img_data_favorito_desactivado {
    color: #A9A9A9;
}

li#Interconsultas a img {
    width: 40px !important;
}

li#Interconsultas a {
    padding: 0px !important;
}

/*------Clases PR-------*/

.color-line-grey {
    background-color: #E9F5FE;
    padding: 1px 3px;
    border-radius: 6px;
}

.line-destac-inter {
    margin-top: 3px;
    margin-bottom: 20px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0px 10px 0px;
}

@media (max-height:701px) {
    .alt-scroll-min {
        min-height: 907px;
    }
}

/*---------CLASES FILTRO BUSQUEDA  */

.box-content-filter {
    border-radius: 6px;
    border: 1px solid #1976d2;
    background-color: #bad9f4;
    color: #1976d2;
    padding: 3px 25px 3px 0px;
    margin-bottom: 1px;
}

.box-content-filter label{
    margin-bottom: 0px !important;
}

.text-box-filter {
    margin-left: 10px;
    font-family: arial;
    font-size: 10px;
    font-weight: 600;
}

@media (max-height:701px) {
    .special-filter-width {
        width: 360px;
    }
}

/*  CLASES BOX  RESULTADOS OFTALMOLOGÍA    */


.title-box-ofta-one {
    background-color: #BAD9F4;
    color: #1976d2;
    font-size: 9px;
    font-weight: bold;
    border-radius: 4px;
    min-height: 25px;
}

    .title-box-ofta-one i {
        font-size: 12px;
        margin: 0px 18px;
    }

.header-box-ofta {
    background-color: #eaeaea;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
}

.body-box-ofta {
    text-align: center;
    border-bottom: none;
    font-size: 9px;
    padding: 2px 8px !important;
}

.text-observ-ofta {
    text-align: left;
    font-size: 9px;
}

@media (max-width:1445px) {
    .col-special-oft {
        float: left !important;
        width: 100% !important;
    }
}

.reset-td-boots {
    padding: 2px 8px !important;
}


.box-ofta-border-light {
    border: 1px solid #dddddd;
    min-height: 50px;
}

.remarc-name-profes span {
    font-weight: bold;
    font-size: 11px;
}

.spac-agud-visual {
    border-bottom: solid 1px #d8d8d8;
    padding: 5px 0px !important;
}

.box-imit-input {
    background-color: #e4e4e4;
    border: 1px solid #cccccc;
    border-radius: 3px;
}

.basic-line-bottom {
    border-bottom: solid 1px #d8d8d8;
}

.title-not-point-lightblue {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #bad9f4;
    font-size: 12px;
    color: #063d8d;
    border-radius: 4px;
    padding-left: 10px;
    cursor:default;
}

#grupos-signos-vitales, #contenedor-descripcion {
    border-top: 1px solid #ccc;
}

.grupo-signos-vitales-radios-29, .grupo-signos-vitales-radios-31 {
    border-bottom: 1px solid #ccc;
}


.btn-vozON {
    background-color: #fff;
    border: 1px solid #ff3f3f !important;
    padding: 3px 4px !important;
    color: #ff3f3f;
    border-radius: 3px !important;
    margin-bottom: 8px;
}

    .btn-vozON::after {
        content: "Grabar";
        margin-left: 4px;
        font-size: 9px;
    }




    .btn-vozON:hover {
        background-color: #ff9999;
        border: 1px solid #990000 !important;
        padding: 3px 4px !important;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }




.btn-vozREC {
    background-color: #D9534F;
    border: 1px solid #990000;
    padding: 3px 4px;
    color: #fff;
    margin-bottom: 8px;
    border-radius: 3px !important;
    margin-bottom: 8px;
}

    .btn-vozREC::after {
        content: "Grabando...";
        margin-left: 4px;
        color: #fff;
        font-size: 9px;
    }





.no-pulse {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid red;
    cursor: pointer;
}

.pulse-rec {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(215, 40, 40, 0.4);
    animation: pulse 900ms infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
        -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(215, 40, 40, 0);
        box-shadow: 0 0 0 0 rgba(215, 40, 40, 0);
    }
}




.box-rec {
    border: 1px solid #2196F3;
    background-color: #BAD9F4;
    border-radius: 3px;
    padding: 3px !important;
}


/*BOTON GRABAR*/




.btngrabando {
    width: 50%;
    height: 30px;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    float: right;
    padding: 4px !important;
    font-size: 20px;
}

.btnplay {
    border: 2px solid #fff !important;
    color: #fff;
    font-weight: bolder;
}

.puffoff {
    border-radius: 8px;
    padding: 9px 13px !important;
    width: 100%;
    height: 50px;
    background-color: #2196f3;
    animation-duration: 6s;
}

.puff {
    border-radius: 8px;
    padding: 9px 13px !important;
    width: 100%;
    height: 50px;
    background: linear-gradient(-45deg, #bad9f4, #1976d2, #2196f3, #196a9b );
    background-size: 400% 400%;
    -webkit-animation: Gradient 10s ease infinite;
    -moz-animation: Gradient 10s ease infinite;
    animation: Gradient 10s ease infinite;
    animation-duration: 6s;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.circle-recAMBoff {
    border: 2px solid #32a4ea;
    border-radius: 20px;
    height: 25px;
    width: 25px;
    padding: 3px;
    cursor: pointer;
}

.circle-recAMBon {
    border: 2px solid #cc3333;
    border-radius: 20px;
    height: 25px;
    width: 25px;
    padding: 3px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(204,51,51,1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(204,51,51,1);
    box-shadow: 0px 0px 8px 1px rgba(204,51,51,1);
    animation-duration: 2.2s !important;
}

.circle-recAMBx {
    border: 2px solid #dddddd;
    border-radius: 20px;
    height: 25px;
    width: 25px;
    padding: 3px;
    cursor: default;
}

.col-1-regAMB {
    width: 11%;
    float: left;
}

.col-11-regAMB {
    width: 89%;
    float: left;
}

.circle-recAMBx {
    border: 2px solid #dddddd;
    border-radius: 20px;
    height: 25px;
    width: 25px;
    padding: 3px;
    cursor: default;
}

.cleartexarAMB {
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .cleartexarAMB textarea {
        border: 1px solid #fff;
        box-shadow: none !important;
        padding: 5px 8px !important;
    }

        .cleartexarAMB textarea:focus {
            border-color: #fff !important;
        }

    .cleartexarAMB > .boxbtnation {
        border-top: 1px solid #ccc;
        padding: 5px;
    }

        .cleartexarAMB > .boxbtnation span {
            margin: 5px;
        }

/*--------REVISAR MALA SOLUCIÓN-----------*/

.doc-info-tratamiento-med-frec {
    overflow: -webkit-paged-x;
}


btn-DatPHA {
    border: none;
}

.iconPTP {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #409a24;
    font-size: 20px;
}

.newformtDOC {
    font-size: 12px !important;
    color: #000 !important;
    line-height: 14px !important;
}

.formatAlarm {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(240,0,0,1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(240,0,0,1);
    box-shadow: 0px 0px 6px 0px rgba(240,0,0,1);
}

.icon-GESENO {
    float: right;
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    color: #1976D2;
    background-color: #BBDEFB;
    font-weight: bolder;
    display: inline-block;
    border: none;
    margin: 2px;
    text-transform: uppercase;
}

.boxAllPlatillas {
    border: 1px solid #dddddd;
    padding-top: 3px;
    padding-bottom: 5px;
    background-color: #fff;
    overflow-y: auto;
    max-height: 760px;
}

@media (max-height:801px) {

    .boxAllPlatillas {
        border: 1px solid #dddddd;
        padding-top: 3px;
        padding-bottom: 5px;
        background-color: #fff;
        overflow-y: auto;
        max-height: 526px;
    }
}

.box-visuRadio {
    border-radius: 17px;
    background-color: #4ADFCC;
    margin-top: 25px;
    color: white;
    box-shadow: 2px 2px 2px 2px #E0E0E0;
    width: 600px;
    height: 40px;
    padding: 10px;
    margin-right: 30px;
}

.tobonedtion {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #2196f3;
    height: 55px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    top: 0px;
    right: 0;
    width: 26px;
    transition: 1s;
}

.tobonedtion2 {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #FF9800;
    height: 55px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    top: 0px;
    right: 0;
    width: 200px;
    transition: 1s;
}

.rotateicon {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    transition: 1s;
}

.menuocultoOUT {
    display: none;
    transition: 1s;
}

.menuocultoIN {
    display: block;
    transition: 1s;
}


/*--------DOCUMENTACIÓN HABITOS----------*/

@media(min-width:1423px) and (max-width:2300px){
     .alt-box-HBT {
        max-height: 750px;
        overflow-y: auto;
        margin-bottom: 17px;
        padding-top: 8px;
    }
}

@media(min-width:1397px) and (max-width:1420px){
     .alt-box-HBT {
        max-height: 525px;
        overflow-y: auto;
        margin-bottom: 17px;
        padding-top: 8px;
    }
}

@media(min-width:1300px) and (max-width:1395px){
     .alt-box-HBT {
        max-height: 525px;
        overflow-y: auto;
        margin-bottom: 17px;
        padding-top: 8px;
    }
}

@media(min-width:1150px) and (max-width:1299px){
     .alt-box-HBT {
        max-height: 525px;
        overflow-y: auto;
        margin-bottom: 17px;
        padding-top: 8px;
    }
}


@media(min-width:1000px) and (max-width:1100px) {
    .alt-box-HBT {
        max-height: 600px;
        overflow-y: auto;
        margin-bottom: 17px;
        padding-top: 8px;
    }
}


.alertLMWarning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 8px;
}

.alertLMSuccess {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 8px;
}

.alertLMInfo {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 8px;
}





/*---------------------AGENDA ENFERMERÍA-------------------------*/




@media (max-height:770px) {
    .clear_kendoAEF > .k-grid td {
        font-size: 8px !important;
    }
}

.clear_kendoAEF .glyphicon-ok-sign {
    font-size: 15px;
}

.data-carpeta-chat {
    color: #FACC2E;
    font-size: 14px;
}

.data-docu {
    font-size: 14px;
}

.allmargleft input {
    margin-left: 6px;
    float: left;
}

.allmargleft p {
    margin-left: 7px !important;
    float: left !important;
}

.headtableDocumentacion {
    background-color: #BBDEFB;
    padding: 3px 0px !important;
    color: #1a7bb7;
    font-weight: bold;
}


.bodytableDocumentacion {
    border-bottom: 1px solid #ccc;
    padding: 3px 0px !important;
}

@media (max-height:770px) {
    .marg-tophiddsm {
        margin-top: 10px;
    }
}







.aditkcontent .k-grid-content {
    height: 500px !important;
}

.aditkcontent > .k-grid-content {
    height: 500px !important;
}

.line-glaswowAMB {
    border-bottom: 1px dotted #bbb;
    padding: 6px 0px;
}

    .line-glaswowAMB div.box-datCHAT {
        height: 20px !important;
        font-weight: bold;
        text-align: center;
        padding: 2px;
    }




.modal-lg-special {
    width: 1000px !important;
}

@media only screen and (max-width : 1367px) {
    .modal-lg-special {
        width: 850px !important;
    }
}

.tABLEvenVitalPend {
    color: #ff0000;
}

.tABLEvenVitalPend >div {
        width: 10px;
        height: 10px;
        background: #ff0000;
        border-radius: 5px;
        float: left;
        margin: 3px;
}

.tABLEvenVitalDocu {
    color: #2F97FF;
}

.tABLEvenVitalDocu >div {
        width: 10px;
        height: 10px;
        background: #2F97FF;
        border-radius: 5px;
        float: left;
        margin: 3px;
}

#elimiTable1, #elimiTable2, #elimiTable3, #elimiTable4{
    height:30px !important;
}

.alt-box-HBT22 {
            max-height: 700px !important;
            overflow-y: auto;
            margin-bottom: 17px;
            padding-top: 8px;

        }


.iconEvenVitaAcci{
    font-size:13px;
    cursor:pointer;
}


@media (max-height: 801px){
        .alt-box-HBT22 {
            max-height: 494px !important;
            overflow-y: auto;
            margin-bottom: 17px;
            padding-top: 8px;
        }
    }



@media (min-width: 1385px){
        .margHabitosLeft {
            margin-left:15px;
        }
    }


.clearKendoGrid200 div.k-grid-content{
        height: auto !important;
        overflow: auto;
        max-height: 200px;
}

.clearKendoGrid{
    max-height:380px !important;
    overflow-y:auto !important;
}


.box-btn-presAct{
    width:15px;
    height:16px;
    background:#339933;
    color:#fff;
    font-weight:bold;
    text-align:center;
    display:block;
    cursor:pointer;
}

.box-btn-presAct::after{
    content:"P";
}

.box-btn-presDes{
    width:15px;
    height:16px;
    background:#cccccc;
    color:#7d7d7d;
    font-weight:bold;
    text-align:center;
    display:block;
    cursor:pointer;
}

.box-btn-presDes::after{
    content:"P";
}



.OptionRadDoc{
    padding-left:15px !important;
    padding-right:0px !important;
}

.OptionRadDoc span{
    margin-top: 2px;
    margin-right: 7px;
    display: block;
    float: left;
}


.OptionRadDoc input{

    display: block;
    float: left;
    margin-top: -2px;
}

.info-cabc-INFO{
    border:1px solid #2196F3;
    border-radius:3px;
    padding:3px 4px;
    font-size:8px;
    width:100%;
    float:left;
    margin-top:8px;
}

.info-cabc-INFO i{
    color:#2196F3;
    float:left;
    font-size:12px;
    margin-right:3px;
   
}

.info-cabc-INFO span{
  float:left;
   margin-right:3px;
}



.btnActiveOFT{

    float: right;
    padding: 6px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    border: none;
    margin: 2px;
    text-transform: uppercase;
    color:#2196f3;
    border:1px solid #2196f3;
}


alt-box-ALGHeight{
    overflow-y: auto;
}

.alt-box-ALGNew{
    overflow-y:auto;
    margin-top:5px;
}

.alt-box-Fonas{
    overflow:auto;
}

#diag_busqueda2{
    border:1px solid #ccc;
}

#docu_btn_busqueda2{
    height: 24px;
    width: 6%;
    background: #2196f3;
    margin-top: -1px;
    color: #fff;
    border: none;
    border-radius: 0px 4px 4px 0px;
}


.resert-selec-AMB > k-state-default{
    height:22px !important;
    background-color:violet;
    border:1px solid blue;
}


.presiciPDiag{
    background: #409a24;
    color: #fff;
    padding: 2px 6px;
    font-size: 13px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    display: block;
    float:left;
}

@media print{
			/* indicamos el salto de pagina */
			.saltopagina{
				display:block;
				page-break-before:always;
			}
		}



.alt-box-HBT1{
    padding-bottom:8px;
}


.botonsearch{
    height: 24px;
    width: 6%;
    background: #2196f3;
    margin-top: -1px;
    color: #fff;
    border: none;
    border-radius: 0px 4px 4px 0px;
    margin-left:-5px;
}

.inputbotonsearch{
    border:1px solid #ccc;
}

.col-diagn-3{
    float:left;
    width:11%;
}

.col-diagn-9{
    float:left;
    width:89%;
}

.arrow-Curva{
   background-color:#fff;
   font-size:13px;
   text-align:center;
   color:#454545;
   padding:5px;
   border-radius:3px;
   margin-bottom:5px;
   -webkit-box-shadow: 0px 0px 9px 0px rgba(138,138,138,1);
-moz-box-shadow: 0px 0px 9px 0px rgba(138,138,138,1);
box-shadow: 0px 0px 9px 0px rgba(138,138,138,1);
}


.arrow-Curva:hover{
    background-color:#2196F3;
    color:#fff;
    padding:5px 15px;
    -webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.Box-hombreCurva{
    margin-top: 10px;
    border-bottom: 3px solid #66ccff;
    padding:0px 0px 8px 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(173,173,173,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(173,173,173,1);
     box-shadow: 0px 0px 5px 0px rgba(173,173,173,1); 
}

.titleBox-hombreCurva{
    background-color: #66ccff;
    color: #333;
    padding: 4px 0px;
    margin-bottom: 8px;
}

.Box-mujerCurva{
     margin-top: 10px;
    border-bottom: 3px solid #ff99cc;
    padding:0px 0px 8px 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(173,173,173,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(173,173,173,1);
     box-shadow: 0px 0px 5px 0px rgba(173,173,173,1); 
}

.titleBox-mujerCurva{
    background-color: #ff99cc;
    color: #333;
    padding: 4px 0px;
    margin-bottom: 8px;
}

.radius-with-30{
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 21px;
}

.box-generalCurva{
    padding:11px 0px  0px  0px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
}

.btnAgendaGes {
    width: 12px;
    height: 8px;
    font-size: 8px;
    padding: 3px 8px 4px 2px;
    background: #BBDEFB;
    border: none;
    text-align: center;
    color: #1976D2;
    font-weight: bolder;
    text-align: center;
}

 .Btn-Categor{
    width: 20px;
    height: 20px;
    border: 2px solid #ff9800;
    float: left;
    text-align: center;
    margin-right: 5px;
    font-weight: bold;
    cursor:pointer;
    color:#ff9800;
}

.Btn-Categor:hover{
    background-color:#ff9800;
    color:#fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;

}

.Btn-CategorOFF{
    width: 20px;
    height: 20px;
    border: 2px solid #cecece;
    float: left;
    text-align: center;
    margin-right: 5px;
    font-weight: bold;
    cursor:pointer;
    color:#cecece;
}

.Btn-CategorON{
    width: 20px;
    height: 20px;
    border: 2px solid #ff9800;
    background-color:#ff9800;
    float: left;
    text-align: center;
    margin-right: 5px;
    font-weight: bold;
    cursor:default;
    color:#ffffff;
}

.Btn-CategorONCHAT {
    width: 13px;
    height: 14px;
    background-color: #ff9800;
    float: left;
    text-align: center;
    font-weight: bold;
    cursor: default;
    color: #ffffff;
    font-size:9px;
}
.Btn-Categor{
    width: 20px;
    height: 20px;
    border: 2px solid #ff9800;
    float: left;
    text-align: center;
    margin-left: 2px;
    font-weight: bold;
    cursor:pointer;
    color:#ff9800;
}

.Btn-Categor:hover{
    background-color:#ff9800;
    color:#fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;

}

.btnBusquedEnf{
    height: 24px;
    width: 6%;
    background: #2196f3;
    margin-top: -1px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

.inputBsuquedaEnf{
        border: 1px solid !important;
       border-color: #cccccc !important;
}



.width-1filter{
    width:12%;
    float:left;

}
.width-9filter{
     width:71.33333333%;
    float:left;
}

.styletableinfo td, th{
    padding:5px !important;
    
}

.styletableinfo p{
    margin:0px !important;
}

.Content-portada{

}

.btn-styleremoveFile {
    width: 30px;
    height: 26px;
    margin-top: 2px;
    text-align: center;
    float:right;
}

.ico-telemedicina {
    margin-left: 3px;
    margin-top: 2px;
    font-size: 15px !important;
    color: skyblue;
}

/* CGIMENEZ: Estilos para elementos utilizados en integración LIS */
.col-examenes-laboratorio-integracion-lis {
    margin-left: 0 !important;
    height: 80vh !important;
    margin-top: 89px !important;
    position: relative !important;
}

.embebido-modal {
    width: 99.8%;
    height: 95%;
    border: none;
    position: absolute;
    border-radius: 0 0 3px 3px;
}

.contraido {
    float: left !important;
}
.expandido {
    float: left !important;
}
/* CGIMENEZ: Fin estilos integración LIS */
}



button#btn_insumo_cir_OH {
    height: 24px;
    width: 6%;
    background: #2196f3;
    margin-top: -1px;
    color: white;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

/*.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background: white;
}*/



.title-not-point-lightred {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FFC7CE;
    font-size: 12px;
    color: #9D1021;
    border-radius: 4px;
    padding-left: 10px;
    cursor: default;
}