/*
|===========================================================
|Master stylesheet css
|===========================================================
|@Project : megaruta - backend
|@Date    : 07-11-2014
|@Backend :
|@Frontend:
|@Note    :
|===========================================================
*/
@font-face { font-family: 'bold'; src: url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.eot'); src: url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'), url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.ttf') format('truetype'), url('fuentes/open-sans/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');font-weight: normal;font-style: normal; }
@font-face { font-family: 'regular'; src: url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.eot'); src: url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'), url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'), url('fuentes/open-sans/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight: normal; font-style: normal; }
@font-face { font-family: 'light'; src: url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.eot'); src: url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.woff') format('woff'), url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'), url('fuentes/open-sans/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight: normal;font-style: normal; }
@font-face { font-family: 'semibold'; src: url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.eot'); src: url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'), url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fuentes/open-sans/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal;font-style: normal; }
@font-face { font-family: 'icon-set01'; src:url('iconos/icon-set01/fonts/icon-set01.eot?-fpwaio'); src:url('iconos/icon-set01/fonts/icon-set01.eot?#iefix-fpwaio') format('embedded-opentype'), url('iconos/icon-set01/fonts/icon-set01.woff?-fpwaio') format('woff'), url('iconos/icon-set01/fonts/icon-set01.ttf?-fpwaio') format('truetype'), url('iconos/icon-set01/fonts/icon-set01.svg?-fpwaio#icon-set01') format('svg'); font-weight: normal; font-style: normal; }
/*
|================================
|@php class     :
|@html template :
|@Note          : Reset - normalize.css
|================================
*/

body { background-color: #CB6525;  }

fieldset { border: none; }
.clear { clear: both; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }

br{
    height: 0 !important;
    display: block;
}

body, div, span { margin: 0; padding: 0; }
ul { list-style-type: none; }
img { border: none; }
table { border-collapse: collapse; }
body, html { font-family: 'regular'; font-size: 13px; color:#000; }
.oculto{display: none;}

#PanelParametros .ui-tabs { padding: 1.0em;border: none }
#PanelParametros .ui-widget-header { background: none;border: none; }
.ui-tabs .ui-tabs-nav li a { padding: 0.5em 2em; }
.ui-widget-header .ui-tabs-active { background: #464646; }
.ui-widget-header .ui-tabs-active a { color: #FFF }
.ui-tabs .ui-tabs-panel { margin: 0 3px 3px;border-width: 1px; background-color: #fafafa }
#imagencargando { display: none; }

.cargando1{ background-image: url(../Imagenes/Sistema/cargando1.png); background-position: left center; display: block; padding: 10px; padding-left: 52px; background-repeat:no-repeat; color:#fff; font-family: regular; font-size: 22px; width: 90px; }
.cargando2{ background-image: url(../Imagenes/Sistema/cargando3.png); background-position: left center; display: block; padding: 10px; padding-left: 52px; background-repeat:no-repeat; color:#000; font-family: regular; font-size: 22px; margin-left: 60px; position: fixed; left: auto; right: auto; top:40%;}
.cargando3{ background-image: url(../Imagenes/Sistema/cargando3.png); background-position: left center; display: block; padding: 10px; padding-left: 52px; background-repeat:no-repeat; color:#000; font-family: regular; font-size: 22px; width: 90px;  }
.blockElement{ background: none !important;   }


#contenido {background-color: #fff; padding: 10px 15px 20px 15px; }
#contenido.login{ padding: 0;}
.simple #contenido { background: none; }
.simple2{ background-color:none !important;}
.simple2 #contenido { background: none; background-color: #fff; width: auto; margin: 0; padding: 0;}
.miga{ background-color: #EFEFEF; padding: 4px 6px;}


/*
|================================
|@php class     :
|@html template :
|@Note          : Formularios
|================================
*/
.contenedorformulario { overflow: hidden; }
    .contenedorformulario .botoncorto { margin-left: 0px; font-weight: bold; height: auto; width: auto; padding: 2px 5px; display: block; float: left; cursor: pointer; margin: 0px 5px; background-image : none; background-color: #D58400; border-radius: 5px; }
    .contenedorformulario .tablaformulario { border-collapse: collapse; width: 80% }
    .contenedorformulario td { padding-right: 15px; }
    .contenedorformulario .etiquetas { text-align: left; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; padding-right: 15px; }
    .contenedorformulario .colboton { text-align: center; }
    .contenedorformulario .tabla-formulario-movimiento { border-collapse: collapse; }
    .contenedorformulario .titulo { padding: 5px 0;margin: 0 10px;font: normal normal 22px/22px 'bold',Arial; color: #CB6525;border-radius: 5px;overflow: hidden; }
    .contenedorformulario .titulo h3 { padding: 0px;margin: 0px;font: normal normal 22px/22px  'bold',Arial; color: #CB6525;border-radius: 5px;overflow: hidden; }
    .contenedorformulario .subtitulo { color: #666; font-weight: bold; font-size: 18px; margin-left: 8px; }
    .contenedorformulario fieldset { clear: both; margin: 0; padding: 0; }
    .contenedorformulario .sentidos { margin: 0px 15px 0 0; overflow: hidden; float: left; }
    .contenedorformulario .sentidos-flex { display: inline-flex; display: -moz-deck; }
    .contenedorformulario .contenedor-campo { padding: 5px 5px 5px 5px;float: left; display: inline; margin-right: 13px; }
    .contenedorformulario .contenedor-campo.me-0{margin-right: 0;}
    .contenedorformulario .contenedor-campo.pt-2{padding-top: 23px;}
    .contenedorformulario .contenedor-campo .ayuda { margin: 0 5px;font: normal normal 13px/16px 'regular',Arial;color: #474747; }

    .contenedorformulario .editor { padding: 0 }
    .contenedorformulario .contenedor-campo a { padding: 6px 12px; display: block; font: normal normal 14px/14px 'semibold',Arial;color: #FFF;border-radius: 5px;background-color: #666; }
    .contenedorformulario .contenedor-campo a:hover { background-color: #D9534F; }
    .contenedorformulario .contenedor-campo a.miniColors-trigger { padding: 0px; }
    .contenedorformulario .contenedor-campo22 { padding-top: 10px; padding-bottom: 5px; padding-right: 45px; float: left; display: inline; }
    .contenedorformulario .contenedor-campo33 { padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 45px; float: left; display: inline; margin-bottom: 10px;}
    .contenedorformulario .contenedor-campo44 { padding-top: 6px; padding-bottom: 5px; padding-right: 0px; float: left; display: inline; }
    .contenedorformulario .contenedor-error { padding-top: 20px; padding-right: 30px }
    .contenedorformulario .contenedor-botones { padding: 10px;text-align: right;overflow: hidden }
    .contenedorformulario .contenedor-botones input, .contenedorformulario .contenedor-botones div { float: right; margin-left: 10px; }

    .contenedorformulario .contenedor-botones input,
    .contenedorformulario .contenedor-botones button{ border: none;  border-top: solid 4px #EDB22B; background-color: #EA8024; color: #fff; border-radius: 8px; padding: 3px 10px; font-size: 16px;}
    .contenedorformulario .contenedor-botones input:hover,
    .contenedorformulario .contenedor-botones button:hover{ color: #fff; background-color: #CB6525;}



    .contenedorformulario .error {border-color: #ff0000 !important}

    .contenedorformulario label { padding: 2px 0;display: block;font: normal normal 12px/12px 'semibold',Arial;color: #474747; }
    .contenedorformulario select { }
    .contenedorformulario select option { }
    .contenedorformulario input[type="text"], .contenedorformulario input[type="password"] { margin: 0px 0;font: normal normal 14px/14px 'regular',Arial;color: #474747; }
    .contenedorformulario input[type="text"], .contenedorformulario textarea, .contenedorformulario select, .contenedorformulario input[type="file"], input[type="password"] {padding: 5px 0.5em; border-radius: 3px;border: solid 1px #ccc;}
    .contenedorformulario input[type="text"], .contenedorformulario textarea, .contenedorformulario input[type="file"], .contenedorformulario input[type="password"] {background-color: #f5f5f5;}
    .contenedorformulario input[type="file"] { width: 101%; }

    .contenedorformulario textarea { font: normal normal 14px/18px 'regular',Arial;color: #474747;background-color: #ececec; }
    .contenedorformulario .contenedor-grid { padding-left: 17px; }
    .contenedorformulario p { padding-top: 0px; }
    .contenedorformulario .fieldset { padding: 10px 10px 10px 10px;margin: 5px 10px 10px 10px;position: relative; border: 1px solid #CCC;border-radius: 5px; }
    .contenedorformulario .legend { width: 98%;padding: 5px 10px;margin: 0px;display: block;position: relative;top: -10px;left: -10px; font: normal normal 14px/16px 'semibold',Arial;color: #474747;border-radius: 5px 5px 0 0;background-color: #CDCDCD; }
    .contenedorformulario .campo-error { display: block; }
    .contenedorformulario .campo-error br { display: none; }

    .contenedorformulario .numeracion-tabla.completa { background-color: #B4FC9C; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }
    .contenedorformulario .numeracion-tabla.incompleta { background-color: #FFA1A1; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }
    .contenedorformulario .numeracion-tabla.actual { background-color: #CCC; display: inline-block; text-align: center; cursor: pointer; padding: 8px 30px; font-size: 16px; border: 1px solid #CDCDCD; border-radius: 8px; width: 16px; margin-left: 10px; margin-bottom: 12px; }
    .contenedorformulario .select-wrapper{ margin: 5px 0;}
    .contenedorformulario .color-picker{ width: 75px; display: inline-block; padding-right: 4px;}

    .contenedorformulario .valorcampo { border: 1px solid; height: 25px; width: 100px; text-align: center; border-radius: 10px;}

    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker {border-style:none; border-width:0px; position:absolute; visibility:hidden; background:white; width: 140px; font-size: 14px; }
    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker .options-marker {width:96%; height:18px; padding:3px 0px 3px 2px; border:1px solid #ccc; cursor:pointer; }
    .ui-dialog .ui-dialog-content #cMenu.context-menu-marker .options-marker:hover {background:#ccc; }

    .ui-dialog .ui-dialog-content, .ui-tabs { padding:0; }
    /*.ui-dialog-titlebar { display:none; }*/
    #gmap_ventana_ida_tabs { border:0; }
    #ui-tab-dialog-close { position:absolute; right:0; top:23px; }
    #ui-tab-dialog-close a { float:none; padding:0; }

    .ui-dialog .ui-dialog-content .contenedor-campo { float: left; padding: 15px 15px 5px; }
    .ui-dialog .ui-dialog-content .contenedor-campo.w-10 {width: 10%;}
    .ui-dialog .ui-dialog-content .contenedor-campo.w-20 {width: 20%;}
    .ui-dialog .ui-dialog-content .contenedor-campo.w-30 {width: 30%;}
    .ui-dialog .ui-dialog-content .contenedor-campo.w-40 {width: 40%;}
    .ui-dialog .ui-dialog-content .contenedor-campo.w-50 {width: 50%;}
    .ui-dialog .ui-dialog-content .contenedor-campo.w-100 {width: 100%;}
    .ui-dialog .ui-dialog-content .contenedor-campo label { clear: both; display: block; font-weight: bold; }
    .ui-dialog .ui-dialog-content .contenedor-campo .ctn-flex{display: flex; flex-flow: wrap; align-items: center;}
    .ui-dialog .ui-dialog-content .contenedor-campo .ctn-flex input{max-width: 50px;}
    .ui-dialog .ui-dialog-content .contenedor-campo .ctn-flex .slashpresion{padding: 0 8px;}




#form-busqueda { }
    #form-busqueda .contenedor-campo { padding-top: 10px; padding-right: 30px; float: left; display: inline; height: 85px; }
    #form-busqueda .contenedor-campo .filtro-valor select, .contenedorformulario .contenedor-campo .filtro-valor input, .contenedorformulario .contenedor-campo .filtro-valor span { display: inline-block; }
    #form-busqueda .contenedor-campo .filtro-valor select{ width: 60px;}
    #form-busqueda .contenedor-campo .filtro-valor input{ width: 60px; margin-top: 0;}
    #form-busqueda .contenedor-campo .filtro-valorrango select, .contenedorformulario .contenedor-campo .filtro-valorrango input, .contenedorformulario .contenedor-campo .filtro-valorrango span { display: inline; }
    #form-busqueda .contenedor-campo .filtro-booleano div { float: left; margin-right: 3px; }
    #form-busqueda .contenedor-campo .filtro-booleano div img { }
/*
|================================
|@php class     :
|@html template :
|@Note          : Campos globales
|================================
*/
div.uploader span.action {background-color: transparent;}

.listado-reporte .contenido-reporte .filtro-medicamento { padding: 15px; }
.boton-filtrar-medicamento {     display: block ; background: #EA8024;color: #fff; text-align: center;padding: 10px 5px;border-radius: 5px;margin-top: 10px;}


input, select, textarea {margin:0; padding:0; outline:none;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */box-sizing:border-box;}

/*
*Inputs, textareas and selects
*/


select.formSelectormultiple { background: none }

#medico-historia .ctn-check{
    display: flex;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}

#medico-historia-enviar .ctn-check{
    display: flex;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}

#tabla-procedimientos{
    height: 350px;
    overflow-y: auto;
}

#medico-historia .contenedor-campo{
    padding: 6px 15px 5px;
}

#medico-historia-enviar .contenedor-campo{
    padding: 6px 15px 5px;
}

.ie9 input[type="text"] { line-height:normal; } /* Get the stuff to line up right */

textarea { width:100%; height:10em; }

/* Campo específico examen_modal con TinyMCE - alto específico */
#examen_modal_ifr { height: 6em !important; }
.mce-tinymce[id*="examen_modal"] { height: 6em !important; }
.mce-tinymce[id*="examen_modal"] .mce-edit-area { height: 6em !important; }
.mce-tinymce[id*="examen_modal"] .mce-edit-area iframe { height: 6em !important; }


/*
*Select menu
*/


/*
*File field
*/

input[type="button"],input[type="submit"] { cursor: pointer;}


.formArchivo { font-weight: bold; }
.formBooleano { font-weight: bold; }
.formBotonEnviar { font-weight: bold; }
.formDesplegable { font-weight: bold; /* display:block;  border: 1px solid #a3a3a3; font-weight: bold; background-color: transparent; background-image: url(../Imagenes/Template/input-fondo-text.gif); background-repeat: repeat; background-position: left top; /**/ }
.formEmail { font-weight: bold; }
.formEntero { font-weight: bold; }
.formEnum { font-weight: bold; }
.formFecha { font-weight: bold; }
.formPassword { font-weight: bold; }
.formSelectormultiple { /* padding-left:5px; padding-top: 4px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/template/input-fondo-largo.gif') repeat-x top left; font-weight: bold;/**/ }
.formTextArea { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#titulo {width: 465px} #subtitulo {width: 465px} #link {width: 465px} #autor {width: 465px}
.formTexto { font-weight: bold; }

.formTextoResaltado { font-weight: bold; }
.formUrl { font-weight: bold; }
.formTelefono { font-weight: bold; }
.formValor { font-weight: bold; }
.FieldErr { border: 1px solid #cc0000!important; background-image: inherit; }
form .fecha { background-image: url(../Imagenes/Template/fecha.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }
/*
|--------------------------------------------------
| - Estilos de campos y formularios
|--------------------------------------------------
*/
.formulario { }
    .formulario .campo { margin-right: 20px; float: left; margin-bottom: 10px; }
    .formulario .texto { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 1px 3px; background-image: url(../img/input-texto.jpg); background-repeat: repeat-x; background-position: bottom; }
    .formulario .areadetexto { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 8px; background-image: url(../img/input-areadetexto.jpg); background-repeat: repeat-x; background-position: bottom; font-family: 'mregular'; }
    .formulario .selector { background-color: #FFF; border: solid 1px #ADAFB2; border-radius: 6px; font-size: 12px; padding: 1px 3px; background-image: url(../img/input-texto.jpg); background-repeat: repeat-x; background-position: bottom; }
    .formulario .campo label { font-size: 12px; color: #565656; display: block; }
    .formulario .botones { clear: both; overflow: hidden; margin-top: 15px; }
    .formulario .botones .boton { float: right; margin-left: 8px; }
    .formulario.panel { background-image: url(../img/formulario-fondopanel.jpg); background-repeat: repeat-x; background-position: top; padding: 20px; padding-top: 0px; }
    .formulario h2 { position: relative; margin-left: -30px; margin-bottom: 10px; margin-top: 10px; }
    .formulario .campo .selfecha { background-image: url(../img/icono-fecha.png); display: block; height: 20px; width: 21px; float: left; margin-left: 2px; }
    .formulario .campo .inputfecha { float: left; margin-top: 1px; }
    .agregar-archivo { display: block; overflow: hidden; margin-right: 8px; }
    .agregar-archivo a { padding: 6px 12px;float: right; display: block; font: normal normal 14px/14px 'semibold',Arial;color: #FFF;border-radius: 5px;background-color: #f6921e; }
    .agregar-archivo a:hover { text-decoration: none; background-color: #333; }
    .quitar-archivo { display: block; overflow: hidden; margin-right: 8px; margin-top: 15px; }
    .quitar-archivo a { float: right; display: block; padding: 5px; background-color: #CC0000; color: #fff !important; border-radius: 5px; }
    .quitar-archivo a:hover { text-decoration: none; background-color: #BF0000; }
/*
|================================
|@php class     :
|@html template :
|@Note          : Reportes
|================================
*/
.reporte { }
    .reporte div.listado-reporte { margin: 0px;clear: both; }
    .reporte div.titulo-reporte h3 { color: #fff }
    .reporte div.contenido-reporte { padding: 10px 0; padding-top: 0px; padding-bottom: 10px; }
    .reporte div.contenido-reporte .tabla-reporte { width: 100%; margin: 0 auto; }
    .reporte div.contenido-reporte .tabla-reporte td { padding: 5px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos { background-color: #dddddd; height: 27px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td { text-align: center; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td span { display: block; padding: 5px 0 5px 0;font: normal normal 14px/14px 'semibold',Arial;color: #4a5056; }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td div { float: right; margin: 12px 20px 0 0 }
    .reporte div.contenido-reporte .tabla-reporte .fila-titulos td a { width: 9px; height: 5px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido { }
    .reporte div.contenido-reporte .tabla-reporte .fila-totales { background-color: #DDD; }
    .reporte div.contenido-reporte .tabla-reporte .fila-totales td { padding: 10px;text-align: center; color: #333; font-weight: bold; font-size: 12px; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido { cursor: pointer; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido .azul { cursor: pointer; background-color: #f3fafd }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td { font-size: 12px; text-align: center; border-bottom: 1px dotted #dfdfdf; border-right: dotted 1px #CCC; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td:last-of-type { border-right: none; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td.error { background-color: #ff0000; color: #fff; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido td span { display: block; padding: 3px 0 3px 0 }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido .titulo-procedimiento {font-size: 20px;}
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido .titulo-procedimiento:hover {background-color: #b6b6b6;}
    .reporte div.contenido-reporte .tabla-reporte td.order span { padding: 0 !important; margin: auto; margin: auto; cursor: move !important; }
    .reporte div.contenido-reporte .tabla-reporte .fila-contenido:hover { background: transparent url('../Imagenes/Template/fondo-tr-hover.gif') repeat-x top left; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada { cursor: pointer; background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color: #cde3e6 !important; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada .azul { cursor: pointer; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada td { font-size: 12px; text-align: center; border-bottom: 1px dotted #dfdfdf; }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada td span { display: block; padding: 3px 0 3px 0 }
    .reporte div.contenido-reporte .tabla-reporte .seleccionada:hover { background-image: url(../Imagenes/Template/fondo-reporte-item-sel.png); background-repeat: repeat-x; background-position: top; background-color: #cde3e6 !important; }

    .reporte h1 { margin: 0; padding: 5px;font: normal normal 22px/22px 'bold',Arial; color: #CB6525;border-radius: 5px;overflow: hidden; }
    .reporte div.informacion { clear: both; overflow: hidden; margin-bottom: 15px; }
    .reporte div.informacion h4 { margin: 0;font: normal normal 14px/18px 'semibold',Arial;text-transform: uppercase;color: #4a5056 }
    .reporte div.informacion div.nro-clientes { padding: 2px;overflow: hidden  }
    .reporte div.informacion div.nro-clientes p { font: normal normal 12px/18px 'semibold',Arial;color: #4a5056;  }
    .reporte div.informacion div.nro-clientes b { padding: 2px 6px;font: normal normal 12px/12px 'bold',Arial;color: #FFF;border-radius: 2px; background-color: #333 }
    .reporte div.informacion div.nro-clientes em { color: #35969f }
    .reporte div.informacion div.paginador-listado { float: right; width: 240px; padding-right: 10px; }
    .reporte div.informacion div.paginador-listado li { margin-right: 0px; float: left }
    .reporte div.informacion div.paginador-listado li a { display: block; text-decoration: underline; color: #35969f; font-weight: bold; min-width: 18px; text-align: center; margin-right: 3px }
    .reporte div.informacion div.paginador-listado li a.activo, div.informacion div.paginador-listado li a.numero:hover { background: transparent url('../Imagenes/Template/fondo-link-paginador.gif') no-repeat top left; color: white; text-decoration: none; }
    .reporte div.informacion div.paginador-listado p { float: left; font-weight: bold; margin-right: 10px }
    .reporte .cabecera-reporte { padding: 10px 10px; border-radius: 5px 5px 0px 0px;background-color: #ccc;overflow: hidden; }
    .reporte .flechas-ordenamiento { float: right; }

    .reporte #Menu-secundario { clear: both; padding-bottom: 0px; float: right; background-color: transparent; overflow: hidden; }
    .reporte #Menu-secundario ul { margin: 0; padding: 0; list-style-type: none; }
    .reporte #Menu-secundario ul li { float: left; color: transparent; }
    .reporte #Menu-secundario ul li a { padding: 5px 10px;margin: 0 1px;float: left;font: normal normal 14px/22px 'semibold',Arial;text-transform: uppercase;color: #FFF;background-color: #333; }
    .reporte #Menu-secundario ul li:first-child a { border-radius: 5px 0 0 5px; }
    .reporte #Menu-secundario ul li:last-child a { border-radius:  0 5px 5px 0; }
    .reporte #Menu-secundario ul li a:hover { background-color: #666; text-decoration: none; }
    .reporte #Menu-secundario ul li img { padding-right: 5px; vertical-align: text-top; margin-top: -5px; height: 22px; }
    .reporte #Menu-opciones { margin: 0px;float: right;clear: both; overflow: hidden; }
    .reporte #Menu-opciones ul { padding: 5px; border-radius: 3px; overflow: hidden; }
    .reporte #Menu-opciones ul li { padding: 0 0px;margin: 0 2px;float: left;border-bottom: 4px solid #333 }
    .reporte #Menu-opciones ul li + li { border-left: 0px solid #c6c6c6; }
    .reporte #Menu-opciones ul li a { padding: 5px 12px;display: block;font: normal normal 13px/18px 'semibold',Arial;color: #4a5056;box-shadow: 0 0 0 0 #333 inset;transition-duration: 0.7s; }
    .reporte #Menu-opciones ul li a.nuevo, .reporte #Menu-opciones ul li a.nueva { color: #FFF;background-color: #f6921e }
    .reporte #Menu-opciones ul li a.nuevo, .reporte #Menu-opciones ul li a.agregar { color: #FFF;background-color: #f6921e }
    .reporte #Menu-opciones ul li a.nuevo i, .reporte #Menu-opciones ul li a.nueva i { color: #FFF; }
    .reporte #Menu-opciones ul li a:hover { color: #FFF;box-shadow: 0 100px 0 0 #333 inset;transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li:hover { border-bottom: 4px solid rgb(0,115,187);transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li a:hover i { color: #FFF;transition-duration: 0.4s; }
    .reporte #Menu-opciones ul li a i { margin: 0 10px 0 0;float: left; font-size: 20px; color: #333;transition-duration: 0.7s; }
    .reporte #Menu-opciones ul li img { padding-right: 5px; vertical-align: text-top; }
    .reporte .paginacion { margin: 10px 0 0; }
    .reporte .paginacion table {  }
    .reporte .paginacion table tr {  }
    .reporte .paginacion table tr td { padding: 14px 0px;background-color: #333 }
    .reporte .paginacion table tr td:first-child { width: 80px;border-radius: 6px 0 0 6px; }
    .reporte .paginacion table tr td:last-child { border-radius: 0 6px 6px 0; }
    .reporte .paginacion table tr td a { padding: 0px 15px;display: block;font: normal normal 16px/16px 'semibold',Arial;text-align: center; color: #FFF; }
    .reporte .paginacion table tr td b { padding: 0px 10px;display: block;font: normal normal 16px/16px 'semibold',Arial;color: #FFF  }
    .reporte .paginacion table tr td i { padding: 0px 0;display: block;font-size: 16px;text-align: center;color: #FFF  }
    .reporte .paginacion table tr td a:hover { padding-bottom: 6px;margin-bottom: -10px;color: rgb(0, 115, 187);border-bottom: 4px solid rgb(0, 115, 187);}
    .reporte .paginacion table tr td i:hover { color: rgb(0, 115, 187); }
    .reporte .paginacion table tr td:last-of-type { padding: 14px 10px 14px 0 }

    .prod-pendiente{display: none; background-color: red; border-radius: 10px; margin: 15px 0; color: #fff; padding: 5px 10px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 100%;}

    .bloqueado-creado {
        font-size: 13px;
        font-style: italic;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        color: #000;
        margin: 12px 0;
        padding: 0 15px;
    }

    .alert-prod-pendiente{
        border-radius: 10px;
        border: 1px red solid;
        padding: 5px;
        margin-bottom: 20px;
    }

    .alert-prod-pendiente h3{
        color: red;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px; 
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .alert-prod-pendiente ul{
        list-style: disc;
        padding-left: 21px;
    }

    .alert-prod-pendiente ul li{
        text-align: left;
        font: 15px Arial, Helvetica, sans-serif;
        color: #444;
        margin-bottom: 10px;
    }

    .alert-prod-pendiente ul li:last-child{
        margin-bottom: 0px;
    }



#busqueda { width: 650px; display: none; }
    #busqueda form {  }
    #busqueda > #Busqueda { display: block !important; }
    #busqueda form .contenedorformulario { min-height: 200px }
/*
|================================
|@php class     :
|@html template :
|@Note          : Tablas
|================================
*/
.tabla-tipo1 .arriba-izquierda { width: 4px; background-image: url(../Imagenes/Marcos/tabla1-arriba-izquierda.gif); background-repeat: no-repeat; background-position: right top; height: 25px; }
    .tabla-tipo1 .celda-cerrar { width: 20px; text-align: right; }
    .tabla-tipo1 .arriba { background-image: url(../Imagenes/Marcos/tabla1-arriba.gif); background-position: top; height: 25px; }
    .tabla-tipo1 .arriba-derecha { background-image: url(../Imagenes/Marcos/tabla1-arriba-derecha.gif); background-repeat: no-repeat; background-position: left top; width: 4px; height: 25px; }
    .tabla-tipo1 .celda-titulo { color: #FFFFFF; }
    .tabla-tipo1 .celda-cerrar { cursor: pointer; }
    .tabla-tipo1 .celda-cerrar img { }
    .tabla-tipo1 .izquierda { background-image: url(../Imagenes/Marcos/tabla1-izquierda.gif); background-repeat: repeat-y; width: 4px; }
    .tabla-tipo1 .derecha { background-image: url(../Imagenes/Marcos/tabla1-derecha.gif); background-repeat: repeat-y; }
    .tabla-tipo1 .abajo-izquierda { background-image: url(../Imagenes/Marcos/tabla1-abajo-izquierda.gif); background-repeat: no-repeat; background-position: right top; }
    .tabla-tipo1 .abajo { background-image: url(../Imagenes/Marcos/tabla1-abajo.gif); background-repeat: repeat-x; background-position: top; }
    .tabla-tipo1 .abajo-derecha { background-image: url(../Imagenes/Marcos/tabla1-abajo-derecha.gif); background-repeat: no-repeat; background-position: left top; }
/*
|================================
|@php class     :
|@html template :
|@Note          : Mensajes
|================================
*/
.mensaje-error { background-color: #CC0000; background-image: -moz-linear-gradient(center bottom, #CC0000 15%, #CC0000 58%, #FF0404 79%); color: #fff; border: 1px solid #363232; }
.mensaje-confirmacion { background-color: #ffd000; background-image: -moz-linear-gradient(center bottom, #FFD000 15%, #FFDD00 58%, #FFE600 79%); color: #000000; border: 1px solid #E0BC00; }
#mensaje p {text-align: center; font-weight: bold; font-size: 15px; }
#mensaje { position: absolute; top: 5px; right: 5px; background-position: 0 0; border-radius: 2px 2px 2px 2px !important; box-shadow: 0 2px 5px #AAAAAA; padding: 14px; width: 300px; z-index: 1000; }
#mensajeestado { display: none; margin-right: 10px; background-color: #FC0; font-size: 12px; padding: 5px; -moz-border-radius: 5px; position: fixed; top: 10px; right: 10px; font-weight: bold; border: solid 1px #333; z-index: 100000000; }
h2 { color: #505050 }
h2 em { color: #000 }

/*
|================================
|@php class     :
|@html template :
|@Note          : Autocompletar
|================================
*/
.yui-skin-sam .input { position: static; width: 20em; vertical-align: middle; }
.yui-skin-sam .yui-ac-container { width: 20em; left: 0px; }
/* .componente-autocompletar { z-index: 9001; } */
.componente-autocompletar .input-autocompletar { float: left; }
.componente-autocompletar .boton-autocompletar { float: right; }
.scroll-autocomplete {overflow-y: scroll; height: 400px;}
.yui-ac .yui-button { vertical-align: middle; }
.yui-ac .yui-button button { background: url(../Imagenes/Template/ac-arrow-rt.png) center center no-repeat }
.yui-ac .open .yui-button button { background: url(../Imagenes/Template/ac-arrow-dn.png) center center no-repeat }
/*??*/
.c_formulario { width: 990px; margin: auto; background-color: #F0EFED; overflow: hidden; }
    .c_formulario .tabs { background-color: #FFF; overflow: hidden; }
    .c_formulario .tabs ul { float: left; }
    .c_formulario .tabs ul li { margin: 0 5px 0 0; float: left; background: #F03838; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
    .c_formulario .tabs ul li.activo { background: #B8292F; }
    .c_formulario .tabs ul li a { padding: 10px 10px 20px 10px; display: block; font: normal normal 18px/18px Arial; color: #FFF; }
    .c_formulario .tabs ul li.activo a { font: bold normal 18px/18px Arial; }
    .c_formulario .tabs ul li a i { font-size: 20px; }
    .c_formulario .tabs ul li a:hover { text-decoration: none; }
    .c_formulario .tabs-contenido { width: 100%; margin: 0px 0 0 0;/*position: absolute;*/ }
    .c_formulario .tab { padding: 0px; }
    /*TAB 1*/
    .c_formulario .tab.tab1 { height: auto; }
    .c_formulario .tab.tab2 { }
    .c_formulario .tab.tab3 { }
    .c_formulario .tab.tab4 { }
    .c_formulario .botoncorto { margin-left: 0px; font-weight: bold; height: auto; width: auto; padding: 2px 5px; display: block; float: left; cursor: pointer; margin: 0px 5px; background-image : none; background-color: #D58400; border-radius: 5px; }
    .c_formulario .tablaformulario { border-collapse: collapse; width: 80% }
    .c_formulario td { padding-right: 15px; }
    .c_formulario .etiquetas { text-align: left; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; padding-right: 15px; }
    .c_formulario .colboton { text-align: center; }
    .c_formulario .tabla-formulario-movimiento { border-collapse: collapse; }
    .c_formulario .titulo { color: #008CC4; font-weight: bold; font-size: 20px; margin-left: 8px; }
    .c_formulario .subtitulo { color: #000; font-weight: bold; font-size: 12px; margin-left: 8px; }
    .c_formulario fieldset { clear: both; }
    .c_formulario .contenedor-campo { padding: 10px 10px; margin: 10px 0; float: left; display: inline; }
    .c_formulario .inner_l { width: 720px; padding: 0 0 0 10px; float: left; }
    .c_formulario .inner_l .mce-tinymce { width: 730px !important; }
    .c_formulario .inner_r { width: 242px; margin: 0; float: right; }
    .c_formulario .inner_r .c_opt { padding: 5px; position: absolute; top: 20px; overflow: hidden; }
    .c_formulario .inner_r .c_opt a { padding: 0 15px; float: left; display: block; font: bold normal 14px/18px Arial; color: #333; text-align: center; }
    .c_formulario .inner_r .c_opt a:hover { background-color: #EAEAEA; }
    .c_formulario .inner_r .c_opt a + a { border-left: 2px solid #A4A4A4; box-shadow: -2px 0 0 0 #CED0D2; }
    .c_formulario .inner_r .c_opt a i { display: block; font-size: 40px; }
    .c_formulario .inner_r .c_opt a:nth-child(1) i { color: #F03838; }
    .c_formulario .inner_r .c_opt a:nth-child(2) i { color: #FF6100; }
    .c_formulario .inner_r .c_opt a:nth-child(3) i { color: #BED630; }
    .c_formulario .inner_r h4 { padding: 10px 5px; margin: 20px 0 0 0; font: bold normal 16px/16px Arial; color: #FFF; background-color: #FF6100; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
    .c_formulario .inner_r h4 i { margin: 0 5px; font-size: 16px; }
    .c_formulario .inner_r .c_config { padding: 10px 5px; margin: 0; background-color: #FFF; overflow: hidden; }
    .c_formulario .inner_r .c_config .contenedor-campo { }
    .c_formulario .inner_r .c_config .contenedor-campo.tipo2 { margin: 10px 0; }
    .c_formulario .inner_r .c_config .contenedor-campo .formTexto { width: 200px; }
    .c_formulario .inner_r .c_config .contenedor-campo .formDesplegable { width: 210px; }
    .c_formulario .contenedor-campo22 { padding-top: 10px; padding-bottom: 5px; padding-right: 45px; float: left; display: inline; }
    .c_formulario .contenedor-campo33 { padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 45px; float: left; display: inline; }
    .c_formulario .contenedor-campo44 { padding-top: 6px; padding-bottom: 5px; padding-right: 0px; float: left; display: inline; }
    .c_formulario .contenedor-error { padding-top: 20px; padding-right: 30px }
    .c_formulario .contenedor-boton { padding: 10px; float: right; display: block; text-align: right; }
    .c_formulario .contenedor-boton input { padding: 8px 22px; font: normal normal 15px/15px 'regular', Arial; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #FFF; }
    .c_formulario .contenedor-boton input:hover { cursor: pointer; }
    .c_formulario .contenedor-boton input[name="boton_principal"] { margin: 0px; background-color: #BED630; }
    .c_formulario .contenedor-boton input[name="boton_cancelar"] { margin: 0 10px 0 0; float: left; background-color: #58595B; }
    .c_formulario label { font: normal normal 14px/14px 'regular', Arial; color: #565759; font-weight: normal; display: block; font-size: 12px; padding-bottom: 5px; }
    .c_formulario label.tipo2 { margin: 0 0 0 5px; float: right; font: normal normal 14px/14px 'regular', Arial; color: #565759; }
    .c_formulario select { }
    .c_formulario select option { }
    .c_formulario .contenedor-campo .formTexto { width: 235px; padding: 5px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #CCC; }
    .c_formulario .contenedor-campo .formDesplegable { width: 235px; padding: 0px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0px solid #CCC; }
    .c_formulario .contenedor-campo .formDesplegable .selectric { background-color: #FFF; }
    .c_formulario .contenedor-campo .formDesplegable .selectric .label { padding: 5px; min-height: 15px; margin: 0 30px 0 0; display: block; font: normal normal 12px/16px Arial; overflow: hidden; white-space: nowrap; }
    .c_formulario .contenedor-campo .formDesplegable .selectric .button:after { border-color: #333 rgba(0, 0, 0, 0) -moz-use-text-color; border-width: 6px 4px medium; }
    .c_formulario .contenedor-campo .formFecha { width: 135px; padding: 5px; background-color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #CCC; }
    .c_formulario textarea { /* width:420px; height:80px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #a3a3a3; background: transparent url('../Imagenes/Template/input-fondo-largo.gif') repeat-x top left; font-weight: bold; /**/ }
    .c_formulario .contenedor-grid { padding-left: 17px; }
    .c_formulario p { padding-top: 0px; }
    .c_formulario .fieldset { margin: 0px 0; overflow: hidden; position: relative; }
    .c_formulario .legend { display: block; margin-top: -29px; font-size: 14px; font-weight: bold; margin-top: 0px; }
    .c_formulario .campo-error { display: block; }
    .c_formulario .campo-error br { display: none; }



/*
|================================
|@php class     : Panel/index.php
|@html template : panel-modelo-login.html
|@Note          : Login
|================================
*/
#panel_nosesion { width: 466px;height: 480px;margin: auto;position: relative;/* overflow: visible;*/ }
    #panel_nosesion .login { width: 100%; position: relative;top: 30px; }
    #panel_nosesion .login .logo { width: 100%;height: 180px;margin: 15px auto;text-align: center }
    #panel_nosesion .login .logo img { margin: 0px; }
    #panel_nosesion .login .tabs { height: 45px; }
    #panel_nosesion .login .tabs ul { padding: 0;margin: 0; }
    #panel_nosesion .login .tabs ul li { width: 50%;margin: 0px;float: left;position: relative; background-color: #06335b;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; }
    #panel_nosesion .login .tabs ul li:after {  }
    #panel_nosesion .login .tabs ul li.item1 {  }
    #panel_nosesion .login .tabs ul li.item2 { /*-webkit-border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0;*/}
    #panel_nosesion .login .tabs ul li a { padding: 12px 10px; display: block;font: bold normal 16px/22px 'semibold',Arial;text-align: center;text-decoration: none; color: #FFF; }
    #panel_nosesion .login .tabs ul li a i { margin: 0 5px; float: left; font-size: 16px; }
    #panel_nosesion .login .tabs ul li a:hover, #panel_nosesion .login .tabs ul li.activo:hover a { text-decoration: none; }
    #panel_nosesion .login .tabs ul li:hover {  }
    #panel_nosesion .login .tabs ul li.activo:hover {  }
    #panel_nosesion .login .tabs ul li.activo { background-color: #0094d9 }
    #panel_nosesion .login .tabs ul li.activo:after { /*content: '';width: 0;height: 0;margin: 0 0 0 0; position: absolute;right: -45px;bottom: 0;z-index: 100;border-style: solid;border-width: 45px 0 0 45px;border-color: transparent transparent transparent #1A1A1A;*/ }

    #panel_nosesion .login .tabs ul li.activo a {  }
    #panel_nosesion .login .tabs ul li.activo:hover a { color: #FFF; }
    #panel_nosesion .login .tabs ul li.activo a i { line-height: 25px; }
    #panel_nosesion .login .tabs-contenido { width: 100%; margin: 0px 0 0 0;position: relative;background: #FFF;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; }
    #panel_nosesion .login .tabs-contenido:after { content: '';width: 466px;height: 50px; margin: 0;position: absolute;bottom: -24px;left: 0;background-image: url("../Imagenes/Template/form-shadow.png"); }
    #panel_nosesion .login .tab { }

    /*TAB - login*/
    #panel_nosesion .login .tab.tab1 { height: 184px; position: relative; }
    #panel_nosesion .login .tab.tab1 form { width: auto; padding: 15px 0;margin: 0px auto;border: 1px solid #b3b3b3;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; background-color: #f5f3f8 }
    #panel_nosesion .login .tab.tab1 form h1 { font-size: 14px; color: #333; padding-top: 10px; padding-bottom: 10px; }
    #panel_nosesion .login .tab.tab1 form .campo { width: 200px;float: left; text-align: center; }
    #panel_nosesion .login .tab.tab1 form .campo:nth-of-type(1) { padding: 10px 2.40% 10px 4.40% }
    #panel_nosesion .login .tab.tab1 form .campo:nth-of-type(2) { padding: 10px 4.40% 10px 2.40% }
    #panel_nosesion .login .tab.tab1 form .campo label { padding: 0 0 0 0px; margin: 5px 0 5px 0px; display: block;font: normal normal 14px/16px 'semibold',Arial;color: #231f20;text-align: left; border: none; }
    #panel_nosesion .login .tab.tab1 form .campo label i { margin: 0 5px 0 0; float: left; }
    #panel_nosesion .login .tab.tab1 form .campo input { margin: 0px; width: 98.6%;padding: 8px 5px; font: normal normal 14px/14px 'regular',Arial;color: #333; background-color: #FFF;background-image: none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #b3b3b3; }
    #panel_nosesion .login .tab.tab1 form .buttons { margin: 0px 4.50%;float: right;position: relative; }
    #panel_nosesion .login .tab.tab1 form .buttons .btn { padding: 4px 26px;margin: 10px 0;font: normal normal 16px/28px 'semibold',Arial;text-transform: capitalize; color: #FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #0094d9;background-image: none }
    #panel_nosesion .login .tab.tab1 form .buttons .button span { height: auto;padding: 0;margin: 0; font: normal normal 16px/28px 'semibold',Arial;text-transform: capitalize; color: #FFF;background-image: none }
    #panel_nosesion .login .tab.tab1 form .buttons .btn:hover { background-color: #000; }

    /*TAB - remind pass*/
    #panel_nosesion .login .tab.tab2 { height: 210px;position: relative; }
    #panel_nosesion .login .tab.tab2 form { width: auto;height: 80%;padding: 15px 0;margin: 0px auto;position: relative;border: 1px solid #b3b3b3;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; background-color: #f5f3f8; }
    #panel_nosesion .login .tab.tab2 form h1 { font-size: 14px; color: #FFF; padding-top: 10px; padding-bottom: 10px; }
    #panel_nosesion .login .tab.tab2 form .campo { width: 204px;padding: 0 15px;margin: 0; float: left; text-align: center; }
    #panel_nosesion .login .tab.tab2 form .campo label { padding: 0 0 0 0px; margin: 5px 0 5px 0px; display: block;font: normal normal 14px/14px 'regular',Arial;color: #231f20;text-align: left; border: none; }
    #panel_nosesion .login .tab.tab2 form .campo label i { margin: 0 5px 0 0;float: left;font-size: 14px; }
    #panel_nosesion .login .tab.tab2 form .campo input { width: 98.6%;height: 30px;padding: 8px 5px; font: normal normal 14px/14px 'regular',Arial;color: #333; background-color: #FFF;background-image: none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #b3b3b3; }
    #panel_nosesion .login .tab.tab2 form .capcha { width: 200px;padding: 0 15px; float: left; text-align: center; }
    #panel_nosesion .login .tab.tab2 form .capcha label { padding: 0 0 0 0px; margin: 5px 0 5px 0px; display: block; font: normal normal 14px/14px 'regular',Arial; color: #333; text-align: left; border: none; }
    #panel_nosesion .login .tab.tab2 form .capcha .ayuda { width: 82%;padding: 10px 0px;display: block;clear: both; font: normal normal 14px/14px 'regular',Arial; color: #333; text-align: left; border: none; }
    #panel_nosesion .login .tab.tab2 form .capcha label i { margin: 0 5px 0 0;float: left;font-size: 14px; }
    #panel_nosesion .login .tab.tab2 form .capcha .img-capcha { float: left; }
    #panel_nosesion .login .tab.tab2 form .capcha .campo-campcha {  }
    #panel_nosesion .login .tab.tab2 form .capcha .campo-campcha input { width: 70px;height: 38px;padding: 8px 5px;margin: 10px 0 0 0;font: normal normal 14px/14px 'regular',Arial;text-align: center; color: #333; background-color: #FFF;background-image: none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #b3b3b3; }
    #panel_nosesion .login .tab.tab2 form .buttons { margin: 0px 4.50%;float: right; position: relative; }
    #panel_nosesion .login .tab.tab2 form .buttons .btn { padding: 4px 26px;margin: 5px 0;font: normal normal 16px/28px 'semibold',Arial;text-transform: capitalize; color: #FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #0094d9;background-image: none }
    #panel_nosesion .login .tab.tab2 form .buttons .button span { height: auto;padding: 0;margin: 0; font: normal normal 16px/28px 'semibold',Arial;text-transform: capitalize; color: #FFF;background-image: none }
    #panel_nosesion .login .tab.tab2 form .buttons .btn:hover { background-color: #000; }


    .ui-dialog-buttonset button{ border: none;  border-top: solid 4px #EDB22B; background-color: #EA8024; color: #fff; border-radius: 8px; padding: 3px 10px; font-size: 16px;}
    .ui-dialog-buttonset button:hover{ color: #fff; background-color: #CB6525;}
    /*
|================================
|@php class     : Panel/inc-superior.php
|@html template : panel-modelo.html
|@Note          : Panel modelo
|================================
*/
#top { width: 100%;padding: 0;position: absolute;top: 0; }
    #top.login { height: 30px;background-color: #07417e }

#header { background-color: #CB6525;}
    #header .cont{ margin: auto; }
    #header .block-logo { width: 280px;height: 60px; padding: 0;float: left; }
    #header .block-logo a { display: block }
    #header .block-logo img { padding: 0;margin: 10px 0; }
    #header .b-logo {padding: 15px;  float: left;}
    #header .b-logo img{ width: 180px; }
    #header .b-menu { float: left;}
    #header .b-menu .mod146{display: none;}
    #header .b-usuario { float: right;}

    #header .block-form { padding: 0;margin: 15px 0 22px 10px; overflow: hidden; float: left; }
    #header .block-form form {  }
    #header .block-form form > div { width: 212px;margin: 0;float: left }
    #header .block-form form input { width: 225px;padding: 8px 8px;float: left; font: normal normal 13px/12px 'regular';color: #666; border: none;background: #fff; height: auto; }
    #header .block-form form input:focus,#header .block-form form input:active { background: #FFF; color:#000;}
    #header .block-form form a { padding: 4px 6px;margin: 0; display: block;float: left; background-color: #fff; border-radius: 6px; margin-left: 5px; }
    #header .block-form form a:hover{ background-color: #ea8024; }
    #header .block-form form a:hover i{color: #fff;}
    #header .block-form form a i { font-size: 16px;line-height: 20px; color: #f6921e }

    #header .buscarpaciente { float:right; margin-top: 32px; margin-left: 1.5rem; }
    #header .buscarpaciente label{ color: #fff; }
    #header .buscarpaciente input{ width: 120px; }
    #header .buscarpaciente #urlNuevaConsulta a{ background-color: #fff; padding: 3px 6px;}

    #header .block-usuario { padding: 0;margin: 0px;float: right; }
    #header .block-usuario .data-img { float: left  }
    #header .block-usuario .data-img img {  }
    #header .block-usuario .data-img a { display: block;cursor: pointer }
    #header .block-usuario .data-item { padding: 10px;float: right }
    #header .block-usuario .data-item p{ margin: 0; padding: 0; text-align: right;}
    #header .block-usuario .data-item p a { font: normal normal 13px/13px 'semibold',Arial;color: #fff; }
    #header .block-usuario .data-item a.btn { padding: 3px;margin: 5px 0 0 0;display: block;position: relative; font: normal normal 13px/13px 'regular',Arial;color: #FFF;border-radius: 5px;background-color: #E3A72D; float: left; margin-left: 5px; }
    #header .block-usuario .data-item a.btn.cerrar{ background-color: #931111;}
    #header .block-usuario .data-item a.btn:hover { background-color: #666;cursor: pointer }
    #header .block-usuario .data-item a.btn img { position: absolute;top: 5px;right: -20px }

    #header .block-menu { width: 100%;margin: 0px;position: absolute;bottom: 0; /*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #57050F),color-stop(0, #3B050E));background-image: -o-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -moz-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -webkit-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: -ms-linear-gradient(bottom, #57050F 0%, #3B050E 0%);background-image: linear-gradient(to bottom, #57050F 0%, #3B050E 0%);*/ }
    #header .block-menu .content { width: 990px;margin: 0 auto;overflow: hidden }
    #header .menu { margin: 0; clear: both;  clear: both; padding-top: 5px;   }
    #header .menu .jd_menu{background-color: #D37D26; overflow: hidden; border-radius: 5px; margin-top: 10px; border:solid 1px #D39B26; float: left;}
    #header .menu li { margin: 0; float: left; border-right:solid 1px #D39B26; }
    #header .menu li.jdm_active a { background-color: #666; }
    #header .menu li a { padding: 7px 10px;display: block;font: normal normal 16px/16px 'semibold',Arial;color: #fff;background: none;box-shadow: 0 0 0 0 #F2F2F2 inset; }
    #header .menu li a img { float: left;margin-right: 5px; }
    #header .menu li a i { float: left;margin-right: 5px;font-size: 20px }

    #header .menu li a:hover { background-color: #666;  }
    #header .menu li .submenu { padding-bottom: 5px;margin: 3px 0 0;background-color: #FFF;border-radius: 0px 0px 5px 5px;box-shadow: 0px 2px 5px -2px #03253f; }

    #header .menu li .submenu li { margin: 0; padding: 0; float: none; overflow: hidden; background: none; border-bottom: solid 0px #4a5056; border-radius: 0 !important; }
    #header .menu li .submenu li a { padding: 6px 10px;background: none;border-radius: 0; font: normal normal 14px/22px 'semibold',Arial;border-bottom: 1px dotted #E1E1E1; color: #666; }
    #header .menu li .submenu li a span { display: block-inline; font: normal normal 14px/18px 'regular',Arial; }

    #header .menu li .submenu img.icono { float: left;margin-right: 5px; }
    #header .menu li .submenu i { float: left;margin-right: 5px; }
    #header .menu li .submenu li:last-child a { border-bottom: none; }
    #header .menu li .submenu li a:hover { box-shadow: none;color: #07417e; background-color: #f2f2f2; }
    #header .menu li .submenu li a:hover i { color: #07417e }
    #header .menu li.nodo { width: 210px; }
    #header .menu li .submenu .icon-arrow-right9{ position: absolute; right: 5px; color: #ccc;}


#footer { width: 100%; background-color: #EA8024;  }
    #footer .container:nth-of-type(1) { margin: auto;position: relative }
    #footer .block-aliados { width: 98%;padding: 20px 10px;margin: 0;position: relative;top: -45px; overflow: hidden; }
    #footer .block-aliados .list-items { padding: 20px 0;background-color: #FFF;overflow: hidden;border-radius: 10px;box-shadow: 0 12px 12px 0 #03253f }
    #footer .block-aliados .list-items .item { padding: 10px;float: left; }

    #footer .container:nth-of-type(2) { width: 990px;margin: -45px auto 0;position: relative }
    #footer .block-info { width: 600px; padding: 0 0; margin: 12px 0 0; float: left; text-align: left; overflow: hidden; }
    #footer .block-info p { height: 36px;margin: 0;font: normal normal 12px/18px 'regular',Arial; color: #FFF; }
    #footer .block-framework {  text-align: right; float: right; }
    #footer .block-framework span { display: block;font: normal normal 10px/12px Arial; color: #535353; }
    #footer .block-framework a img { margin-top: 5px;  }
    #footer .block-framework a { display: block; }


div.token-input-dropdown { display: none !important; }
div .ui-timepicker-hours { padding-right: 10px!important; }
/***CLUETIP ***/
.cluetip-default { background-color: #eee!important; border-radius: 8px; }
.cluetip-default h3#cluetip-title { background: #ea8024 url('../Imagenes/Template/cabecera-reporte.png') !important; margin: 0px !important; padding: 3px 10px !important; font-size: 14px !important; font-weight: bold !important; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.cluetip-default #cluetip-inner { padding: 10px !important; font-size: 11px !important; background-color: #fff; border: 1px #ea8024 solid; }

.ui-multiselect { padding: 2px 0 2px 4px; text-align: left }
    .ui-multiselect span.ui-icon { float: right }
    .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; }
    .ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important }
    .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px }
    .ui-multiselect-header ul { font-size: 0.9em }
    .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0 }
    .ui-multiselect-header a { text-decoration: none }
    .ui-multiselect-header a:hover { text-decoration: underline }
    .ui-multiselect-header span.ui-icon { float: left }
    .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0 }
    .ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000; text-align: left }
    .ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: scroll }
    .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px }
    .ui-multiselect-checkboxes label input { position: relative; top: 1px }
    .ui-multiselect-checkboxes li { clear: both; font-size: 0.9em; padding-right: 3px }
    .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid }
    .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none }
    /* remove label borders in IE6 because IE6 does not support transparency */
    * html .ui-multiselect-checkboxes label { border: none }
    .ui-multiselect-hasfilter ul { position: relative; top: 2px }
    .ui-multiselect-filter { float: left; margin-right: 10px; font-size: 11px }
    .ui-multiselect-filter input { width: 300px; font-size: 15px; margin-left: 5px; height: 18px; padding: 2px; border: 1px solid #292929; -webkit-appearance: textfield; -webkit-box-sizing: content-box; color: #000;}

#form-imagenes { }
    #form-imagenes .imagenes { padding: 10px; border-radius: 5px; background-color: #F4F4F4; overflow: hidden; margin-top: 5px; }
    #form-imagenes .imagenes .imagen { float: left; border: solid 1px #ccc; border-radius: 5px; padding: 5px; margin: 8px; background-color: #fff; }
    #form-imagenes .imagenes .imagen .imgc { height: 158px; padding-top: 3px; text-align: center; clear: both; }
    #form-imagenes .imagenes .imagen input { margin-top: 5px; width: 185px; }
    #form-imagenes .imagenes .imagen .borrar { float: right; display: block; cursor: pointer; float: right; background-image: url(../Imagenes/Template/borrar-peq.png); height: 20px; width: 20px; background-position: top; margin-bottom: 4px; }
    #form-imagenes .imagenes .imagen .borrar:hover { background-position: bottom; }
    #form-imagenes .imagenes .imagen .portada { float: left; padding: 2px; border-radius: 5px; background-color: #CCCCCC; color: #fff; cursor: pointer; }
    #form-imagenes .imagenes .imagen .portada:hover { background-color: #999999; text-decoration: none; }
    #form-imagenes .imagenes .imagen .portada.selected { background-color: #d58400; }
    #form-imagenes #cargar-imagen { margin: 5px 0; }

#form-archivos { }
    #form-archivos .archivos { padding: 0px;margin-top: 5px;border-radius: 5px; overflow: hidden; }
    #form-archivos .archivos .archivo input { margin-top: 5px; width: 185px; padding: 3px; }
    #form-archivos .archivos .archivo .borrar { display: block; cursor: pointer; background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; background-position: top; margin-bottom: 4px; }
    #form-archivos .archivos .archivo .borrar:hover { background-position: bottom; }
    #form-archivos .archivos .archivo .portada { float: left; padding: 2px; border-radius: 5px; background-color: #CCCCCC; color: #fff; cursor: pointer; }
    #form-archivos .archivos .archivo .portada:hover { background-color: #999999; text-decoration: none; }
    #form-archivos .archivos .archivo .portada.selected { background-color: #d58400; }
    #form-archivos #cargar-archivo { margin: 5px 0; }

.tabla-reporte1 { width: 100%;border: 1px #939598 solid; }
    .tabla-reporte1 thead tr td { padding: 10px; font: normal normal 14px/14px 'semibold',Arial;color: #FFF; text-align: center;border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom;background-color: #666; }
    .tabla-reporte1 thead tr td:last-child { border: none; }
    .tabla-reporte1 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; }
    .tabla-reporte1 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; }
    .tabla-reporte1 tbody tr { border-bottom: dotted 1px #939598; }
    .tabla-reporte1 tbody tr:hover { background-color: #CCCCCC; background-image: none; }
    .tabla-reporte1 tbody tr.selected { background-color: #DCECF9; background-image: none; }
    .tabla-reporte1 tbody tr td { color: #231f20; padding: 6px 4px; font-size: 12px; text-align: center; border-right: dotted 1px #939598; }
    .tabla-reporte1 tbody tr td a { font-weight: bold; }
    .tabla-reporte1 tbody tr td:last-child { border: none; }
    .tabla-reporte1 tbody tr td .opcion { font-weight: normal; }
    .tabla-reporte1 tbody tr td .opcion span { font-size: 10px; clear: both; display: block; color: #5b5b5f; }
    .tabla-reporte1 tfoot tr td { background-color: #FFFF99; color: #000; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; font-size: 14px; font-weight: bold; }
    .tabla-reporte1 td .borrar { background-image: url("../Imagenes/Opciones/22x22/Borrar.png"); cursor: pointer; display: block; height: 22px; margin: auto; width: 22px; }

.tabla-reporte2 { width: 100%;border: 1px #939598 solid; }
    .tabla-reporte2 thead { background-color: #CDCDCD; }
    .tabla-reporte2 thead th { border: solid 1px #939598; text-align: center !important; }
    .tabla-reporte2 thead tr th { padding: 5px 0px; }
    .tabla-reporte2 thead tr td { padding: 10px; font: normal normal 14px/14px 'semibold',Arial;color: #FFF; text-align: center !important; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom;background-color: #666; }
    .tabla-reporte2 thead tr td:last-child { border: none; }
    .tabla-reporte2 thead tr td .asc { background-image: url(../img/reporte-asc.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; }
    .tabla-reporte2 thead tr td .desc { background-image: url(../img/reporte-des.png); display: inline-block; height: 5px; width: 8px; margin-left: 4px; }
    .tabla-reporte2 tbody tr { border-bottom: dotted 1px #939598; }
    .tabla-reporte2 tbody tr:hover { background-color: #CCCCCC; background-image: none; }
    .tabla-reporte2 tbody tr.selected { background-color: #BCC3CA; background-image: none; }
    .tabla-reporte2 tbody tr td { color: #231f20; padding: 0px; font-size: 12px; text-align: center; border-right: dotted 1px #939598; }
    .tabla-reporte2 tbody tr.tabla-calculos td { padding: 0px 5px; height: 32px; font-size: 15px; }
    .tabla-reporte2 tbody tr input { text-align: center; padding: 0px; }
    .tabla-reporte2 tbody tr input[type="checkbox"] { transform: scale(1.2); -webkit-transform: scale(1.2); }
    .tabla-reporte2 tbody tr td a { font-weight: bold; }
    .tabla-reporte2 tbody tr td:last-child { border: none; }
    .tabla-reporte2 tbody tr td .opcion { font-weight: normal; }
    .tabla-reporte2 tbody tr td .opcion span { font-size: 10px; clear: both; display: block; color: #5b5b5f; }
    .tabla-reporte2 tfoot tr td { background-color: #FFFF99; color: #000; text-align: center; padding: 5px; border-right: solid 1px #939598; background-repeat: repeat-x; background-position: bottom; font-size: 14px; font-weight: bold; }
    .tabla-reporte2 td .borrar { background-image: url("../Imagenes/Opciones/22x22/Borrar.png"); cursor: pointer; display: block; height: 22px; margin: auto; width: 22px; }

#form-busqueda .ui-multiselect { width: 220px !important; }

.table-productos thead td{font-weight: bold;}
.table-productos td{border: 1px solid #000; padding: 5px;}



.vertical-center { min-height: 100%;  min-height: 100vh; display: flex; align-items: center;}
    .nopadding{ padding: 0; }
    .row{ margin: 0}

#index-nosesion{ background-color: #CB6525; padding-bottom: 15px; padding-top: 100px; }
    #index-nosesion .container{}
    #index-nosesion .logo {text-align: center;  }
    #index-nosesion .logo img{margin: auto; }
    #index-nosesion .btn{ border-top: solid 4px #EDB22B; background-color: #EA8024; color: #fff; border-radius: 8px; padding: 3px 10px;}
    #index-nosesion .btn:hover{ color: #fff; background-color: #CB6525;}
    #index-nosesion .row{ width: 100%;}
    #index-nosesion .tabs{ width: 100%; max-width: 525px; min-height: 350px;}
    #index-nosesion .tabs .tab-content{ background-color: #fff; border-radius: 0 8px 8px 8px;  width: 100%; min-height: 250px;}
    #index-nosesion .tabs .nav-tabs{ border:none;}
    #index-nosesion .tabs .nav-tabs li{ }
    #index-nosesion .tabs .nav-tabs li a{ background-color: #E3A72D; font-family: 'semibold'; font-size: 12pt; border-radius: 8px 8px 0 0; color: #fff;}
    #index-nosesion .tabs .nav-tabs li.active{ }
    #index-nosesion .tabs .nav-tabs li.active a{ color: #CB6525; background-color: #fff;}
    #index-nosesion .tabs .tab-pane{ overflow: hidden; padding-top: 15px; }
    #index-nosesion .tabs .botones{ padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-right: 30px;  overflow: hidden;}
    #index-nosesion .tabs label{ color: #6D6E71;}
    #index-nosesion .tabs .btn{ float: right;}
    #index-nosesion .bienvenida{ border-radius: 0px 0px 8px 8px; }


    #index-nosesion .tab.tab2 { height: 240px; position: relative; background: #4EC5E0; -webkit-border-radius: 10px 10px 10px 0;-moz-border-radius: 10px 10px 10px 0;border-radius: 10px 10px 10px 0; }
    #index-nosesion .tab.tab2 form { width: 498px; padding: 10px 0; margin: 0px auto; }
    #index-nosesion .tab.tab2 form h1 { font-size: 14px; color: #FFF; padding-top: 10px; padding-bottom: 10px; }
    #index-nosesion .tab.tab2 form .contenedor-campo { margin: 10px; float: none;text-align: center;overflow: hidden; }
    #index-nosesion .tab.tab2 form .contenedor-campo label { padding: 0 0 0 10px; margin: 5px 0 5px 0px; display: block; font: normal normal 14px/16px 'regular',Arial; color: #FFF; text-align: left; border: none; }
    #index-nosesion .tab.tab2 form .contenedor-campo label i { margin: 0 5px 0 0;float: left;font-size: 14px; }
    #index-nosesion .tab.tab2 form .contenedor-campo input { width: 230px; padding: 8px 5px;float: left; background: transparent; background-color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #0D6F7F; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha {  }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha label { padding: 0 0 0 10px; margin: 5px 0 5px 0px; display: block; font: normal normal 14px/16px 'regular',Arial; color: #FFF; text-align: left; border: none; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha .ayuda { margin: 5px 0 5px 0px; font: normal normal 14px/16px 'regular',Arial; color: #FFF; text-align: left; border: none; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha label i { margin: 0 5px 0 0;float: left;font-size: 14px; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha .img-capcha { float: left; }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha .campo-campcha {  }
    #index-nosesion .tab.tab2 form .contenedor-campo.capcha .campo-campcha input { width: 100px;height: 40px;font: normal normal 28px/40px 'semi',Arial;text-align: center; }

    #index-nosesion .tab.tab2 form a { padding: 5px; margin: 10px 20px 10px 20px; display: block; border-top: 1px dashed #1F1813; font: normal normal 14px/16px "regular", Arial; color: #1F1813; }


    #citas #calendar .fc-event { border-left-width: 6px !important;}
    #citas #calendar .fc-event .icon-ok:before{ position: absolute; font-size: 15px; top: 0; right: 10; color: #02874a; padding-right: 5px;}
#citas .contenedor { width: 100%; /**/margin-left: auto; margin-top: 5px; margin-right: auto;}
#citas .col1 { overflow: hidden;}
#citas .col1 .fc-content .fc-event-title { font-size: 14px; margin-left: 16px;}


#citas .col2 { float:right; width: 200px; margin-left: 25px; padding-top: 50px; clear:both; padding-right: 25px;}
#citas .col2 .calendarioselector{ margin-bottom: 10px;}
#citas .col2 .fc-content tbody tr{ height: 20px !important}
#citas .col2 .fc-content tbody tr .fc-day-content{ display: none;}
#citas .col2 .fc-header-title h2{ font-size: 18px;}
#citas .col2 .fc-widget-header{ font-size: 9px;}

#citas h1 { width: 500px; float: left;  margin: 0; padding: 5px;font: normal normal 22px/22px 'bold',Arial; color: #CB6525;border-radius: 5px;overflow: hidden;}
#citas .procedimientos { float:right;}
#citas .procedimientos span { font-weight: bold; cursor: pointer; border: 1px solid; padding: 5px; border-radius: 4px;}
#citas .procedimientos .procedimientos-lista { position: absolute; padding: 10px; width: 150px; margin-left: -110px; border: 1px solid #cccccc; background-color: #eeeeef; z-index: 100; display: none; }
#citas .procedimientos .procedimientos-lista ul{margin: 0;padding: 0; }
#citas .procedimientos .procedimientos-lista li{ margin: 0;padding: 0; margin-bottom: 5px;}

#popup #imagencargando {display:none;}
#popup .info-fechas {position:relative; padding-bottom: 10px;}
#popup .info-fechas .info-fechas-left {position:absolute; left: 20px;}
#popup .info-fechas .info-fechas-right {position:absolute; right: 20px;}
#popup #citas-formulario{ padding: 10px;}
#popup #citas-formulario h1 { font-size: 20px; clear: both; }
#popup #citas-formulario .campo {float:left; margin: 10px; width: 300px;}
#popup #citas-formulario .campo label { display: block; text-align: left;}
#popup #citas-formulario .campo input {float:left;}
#popup #citas-formulario .campo.verpaciente label {font-weight: bold; cursor: pointer; border: 1px solid; padding: 3px; border-radius: 4px; text-align: center;}


#popup #citas-formulario .reducido {float:left; margin: 10px; width: 230px;}
#popup #citas-formulario .reducido label { display: block; text-align: left;}
#popup #citas-formulario .reducido input {float:left; width: 100%}

#popup #citas-formulario .cedulareducido {float:left; margin: 10px; width: 111px;}
#popup #citas-formulario .cedulareducido label { display: block; text-align: left;}
#popup #citas-formulario .cedulareducido input {float:left; width: 100%}

#popup #citas-formulario .camponotas {float:left; width: 1000px;height: 101px;}
#popup #citas-formulario .camponotas label { display: block; text-align: left;}
#popup #citas-formulario .camponotas textArea {float:left; height:56px;}



/*#popup #citas-formulario .campo label span.requerido{ width: 10px; height: 15px; display: block; float: left; }/**/
#popup #citas-formulario .opciones-cita { margin-top: 5px; margin-bottom: 5px; float: right;}
#popup #citas-formulario .opciones-cita input{ float: right; color: #fff; background-color: #CB6525 !important; border: none;  border-top: solid 4px #EDB22B; background-color: #EA8024; color: #fff; border-radius: 8px; padding: 3px 10px; font-size: 16px; margin-left: 10px;}
#popup #citas-formulario .opciones-cita input:hover{ color: #fff; background-color: #CB6525;}

#popup #citas-formulario .opciones-cita .enlacep{ float: right; border: none;  border-top: solid 4px #EDB22B; background-color: #EA8024; color: #fff; border-radius: 8px; padding: 3px 10px; font-size: 16px; margin-left: 10px;}
#popup #citas-formulario .opciones-cita .enlacep:hover{ color: #fff; background-color: #CB6525;}

#popup #citas-formulario .contenedor-paciente { display: none;}
#popup #citas-formulario .sololectura { background: none; }
#popup #citas-formulario input:read-only { background: none; }
#popup #citas-formulario input[readonly] { background: none; }
#popup #citas-formulario .contenedor-botones{ clear: both; padding-top: 10px; overflow: hidden; margin: 0 10px 10px 0;}
#popup #citas-formulario .contenedor-botones input{ float: right; border: none;  border-top: solid 4px #EDB22B; background-color: #EA8024; color: #fff; border-radius: 8px; padding: 3px 10px; font-size: 16px;}
#popup #citas-formulario .contenedor-botones input:hover{ color: #fff; background-color: #CB6525;}
#popup #citas-formulario .contenedor-botones input:hover{ color: #fff; background-color: #CB6525;}

div.listado-agendas{ float: left; margin: 30px 0 0 40px; padding: 0;}
div.listado-agendas .agenda-lista{ float: left; margin:0 10px 10px 0; padding: 10px; width: 285px; height:245px; cursor: pointer; border: solid 1px #C1C1C1; border-radius: 4px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */}
div.listado-agendas .agenda-lista:hover{  border: 1px solid #abd4f2;  cursor:pointer; border:solid 1px #ea8024;}
div.listado-agendas .agenda-lista .sel{ cursor:pointer; border:solid 1px #ea8024;}
div.listado-agendas .agenda-lista .imagen-agenda{ float: left; min-height: 140px; margin: 0 15px 0 5px}
div.listado-agendas .agenda-lista .imagen-agenda img{ border: none}
div.listado-agendas .agenda-lista h2{ color: #6D6E71; font-family: 'bold'; font-size: 22px;}
div.listado-agendas .agenda-lista .info-agenda{ float: left; width:120px;}
div.listado-agendas .agenda-lista .info-agenda img{ border: none}
div.listado-agendas .agenda-lista .info-agenda p{ font-size: 14px; font-style: normal; margin-bottom: 2px; font-weight: bold; color: #6D6E71; border-bottom: solid 1px #C1C1C1;}
div.listado-agendas .agenda-lista .info-agenda p span{ font-weight: normal; }


div.listado-agendas .seleccionada { float: left; background-color: #f8fdff; margin:0 10px 10px 0; padding: 10px;  width:250px; background: transparent url('../Imagenes/Template/fondo-agenda-hover.gif') repeat-x top left; border: 1px solid #abd4f2; height:150px; cursor:pointer;}
div.listado-agendas .fila-contenido { float: left; background-color: #f8fdff; margin:0 10px 10px 0; padding: 10px;  width:250px; border: 1px solid #ffffff; height:150px; cursor:pointer;}

.cluetip-default { background-color : none!important ;}
.cluetip-default #cluetip-outer { background-color : #ddd!important ;}
.cluetip-default h3#cluetip-title { background-color: #C1C1C1!important; color: #000!important;}
.cluetip-default #cluetip-inner {}

.opciones-reporte{ float: right; margin-right: 40px;}
.opciones-reporte .botonExcel {cursor:pointer; text-align:center; color: #000; }
.opciones-reporte .botonExcel img{clear:both; }
.opciones-reporte .botonExcel span{display:block;color:blue; }

.reporte-antiguo h2{ font-size: 18px; line-height: 20px; margin: 0; padding: 0; text-align: center;}
.reporte-antiguo table{ margin-bottom: 30px;}
.reporte-antiguo table td{ padding: 3px; }
.reporte-antiguo table th{ padding: 3px; text-align: center; background-color: #cb6525; color: #fff;}


#reporte-sesiones{ }
    #reporte-sesiones #info-paciente{ color: #6d6e71; width: 380px; float: left; overflow: hidden; margin-right: 20px; border:1px #c1c1c1 solid; border-radius:0px 0px 5px 5px; border-top: none; background: -moz-linear-gradient(top,  rgba(241,242,242,1) 0%, rgba(241,242,242,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,242,242,1)), color-stop(100%,rgba(241,242,242,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(241,242,242,1) 0%,rgba(241,242,242,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(241,242,242,1) 0%,rgba(241,242,242,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(241,242,242,1) 0%,rgba(241,242,242,0) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(241,242,242,1) 0%,rgba(241,242,242,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f2', endColorstr='#00f1f2f2',GradientType=0 ); /* IE6-9 */ }
    #reporte-sesiones #info-paciente h1{ background: #6D6E71; font-size: 17px; font-family: 'semibold'; font-weight: normal;  color:#fff; height: 32px; padding: 0px 5px 0px 0px; position: relative; margin: 0px; }
    #reporte-sesiones #info-paciente h1 i{ box-sizing: initial; width: 17px; height: 25px; padding: 5px 8px; left:-7px; position: relative; display:inline-block; color:#EA8024; background: url(../Imagenes/Template/consulta-titulobloque.png) no-repeat left center;  }
    #reporte-sesiones #info-paciente ul { margin: 0px; padding: 0px;}
    #reporte-sesiones #info-paciente b { color:#000; font-weight: normal;}
    #reporte-sesiones #info-paciente .block{ font-size: 14px; }
    #reporte-sesiones #info-paciente .block h1{ background: #6D6E71; font-size: 17px; font-family: 'semibold'; font-weight: normal;  color:#fff; height: 32px; padding: 0px 5px 0px 0px; position: relative; margin: 0px; }
    #reporte-sesiones #info-paciente .block h1 i{ box-sizing: initial; width: 17px; height: 25px; padding: 5px 8px; left:-7px; position: relative; display:inline-block; color:#EA8024; background: url(../Imagenes/Template/consulta-titulobloque.png) no-repeat left center;  }
    #reporte-sesiones #info-paciente .block .info{ padding: 10px; }
    #reporte-sesiones #info-paciente .block .info .cumpleanios{color: #EA8024;font-weight: bold}
    #reporte-sesiones #info-paciente .block .info .cumpleanios i{margin-left: 10px; font-size: 20px;}
    #reporte-sesiones #info-paciente .block .info .list-items{ font-size: 13px; }
    #reporte-sesiones #info-paciente .block .info .list-items li{ border-bottom: 1px #C1C1C1 dotted; margin: 3px 0px; }
    #reporte-sesiones #info-paciente .block .info .list-items li b{ margin-right: 5px; }
    #reporte-sesiones #info-paciente .block textarea{ }

    #reporte-sesiones #info-paciente .block.block-usuario {}
    #reporte-sesiones #info-paciente .block.block-usuario .info .imagen{ float:left; width: 106px; overflow: hidden;}
    #reporte-sesiones #info-paciente .block.block-usuario .info .imagen .btn{ display: block; background: #EA8024; color:#fff; text-align: center; padding: 10px 5px; border-radius:5px; margin-top: 10px;}
    #reporte-sesiones #info-paciente .block.block-usuario .info .list-items { float:left; width: 230px; margin-bottom: 20px; margin-left: 10px;}
    #reporte-sesiones #info-paciente .block.block-usuario .info .list-items li{  }

    #reporte-sesiones #info-paciente .block.block-antecedentes { }
    #reporte-sesiones #info-paciente .block.block-antecedentes .info .list-items { margin-bottom: 10px; position: relative; }
    #reporte-sesiones #info-paciente .block.block-antecedentes .info .list-items li { float:left; width: 150px; border-bottom: none; font-size: 12px; white-space: nowrap;  }
    #reporte-sesiones #info-paciente .block.block-antecedentes .info .list-items li input { float:left; margin:3px 4px 0px 0px;}
    #reporte-sesiones #info-paciente .block.block-antecedentes .info .list-items li #imagencargando { float:left; margin-right: 4px; }
    #reporte-sesiones #info-paciente .block.block-antecedentes .info .list-items li #imagencargando img{ width: 13px;}
    #reporte-sesiones #info-programa{ padding-top: 15px;}

    #reporte-sesiones-procedimiento{ overflow: hidden;}


#infomedicamento {}
    #infomedicamento h1{ margin: 0; padding: 5px;font: normal normal 28px/28px 'bold',Arial; color: #CB6525;border-radius: 5px;overflow: hidden; padding-bottom: 15px;}
    #infomedicamento #tabs{ font-size: 14px; font-family: 'regular';}
    #tabs .ui-tabs-panel{ padding: 25px 20px;}
    #tabs .ui-tabs-nav li a{ padding: 5px 8px;}
    #infomedicamento #tabs h2{ margin: 0; padding: 6px 0; font-size: 18px; font-family: 'bold';}
    #infomedicamento #tabs h3{ margin: 0; padding: 0; font-size: 16px; }
    #infomedicamento #tabs p{ margin-bottom: 20px;}
    #infomedicamento #tabs-1 .col1{ margin: 0; padding: 0; padding-right: 25px; float: left;}
    #infomedicamento #tabs-1 .col2{margin: 0; padding: 0; overflow: hidden;}
    #infomedicamento #tabs-1 .col1 img{ padding-bottom: 15px;}
    #infomedicamento #tabs-2 ul{ list-style-type: disc;}
    #infomedicamento .contenedor-botones { padding: 10px;text-align: right;overflow: hidden }
    #infomedicamento .contenedor-botones input, #infomedicamento .contenedor-botones div { float: right; margin-left: 10px; }

    #infomedicamento .contenedor-botones input{ border: none;  border-top: solid 4px #EDB22B; background-color: #EA8024; color: #fff; border-radius: 8px; padding: 3px 10px; font-size: 16px;}
    #infomedicamento .contenedor-botones input:hover{ color: #fff; background-color: #CB6525;}

#popupprocedimientos .bx-wrapper .bx-viewport {position: relative !important; height: 815px !important; overflow-y: scroll !important; }
#popup .bx-wrapper .bx-viewport {position: relative !important; height: 600px !important; overflow-y: scroll !important; }

#examenes-seleccionados {font-size: 14px; float: left; padding: 10px 10px 10px 10px; border: 1px solid #CCC;  border-radius: 5px; width: 100%;}
#examenes-seleccionados ul {list-style-type: disc;}
#examenes-seleccionados ul .item-examenlab{border-bottom: 1px #666 dotted; padding: 12px 54px 9px 30px; width: 50%; float: left;}
#examenes-seleccionados ul .item-examenlab:last-child{border-bottom: 0;}
#examenes-seleccionados ul .item-examenlab span{font-size: 14px; font-family: "semibold";}


.list-items-enfermeria{background: #EFEFEF; padding: 5px; font-size: 13px; overflow-y: scroll; margin-bottom: 20px; border: 1px #c1c1c1 solid; border-radius: 5px;}
.list-items-enfermeria .fecha-historial{display: inline-block; width: 10%; vertical-align: top;}
.list-items-enfermeria .texto-historial{display: inline-block; width: 80%; vertical-align: top;}

/* .ui-dialog .ui-dialog-content{overflow: inherit;} */
.ui-dialog .ui-dialog-content{overflow: auto !important;}
.camposadicionales {overflow-y: scroll !important;}

#sliderProcedimiento li{width: 780px !important;}
#tabla-procedimientos .tabla-fila{font-size: 12px; overflow: hidden; height: 26px; border-bottom: 1px solid #ccc;}
#tabla-procedimientos .tabla-cell{float: left; padding: 0px 5px}
#tabla-procedimientos .tabla-cell-head{width: 350px; padding-top: 4px; font-family: bold;}
#tabla-procedimientos .tabla-cell-proc{width: 350px; padding-top: 4px;}
#tabla-procedimientos .tabla-cell-nrosesiones{width: 70px; padding-top: 4px;}
#tabla-procedimientos .tabla-cell-nrosesiones input{width: 40px; height: 20px; padding: 0 5px; text-align: center;}
#tabla-procedimientos .tabla-cell-check{width: 25px; overflow: hidden;}
/* #tabla-procedimientos .tabla-cell-check.ctn-tipoeco{width: 25px; overflow: hidden;} */
#tabla-procedimientos .tabla-cell-check input{margin: 0; width: 16px;}
#tabla-procedimientos .tabla-cell-btn-editar{width: 50px; padding-top: 3px;}
#tabla-procedimientos .tabla-cell-btn-editar .btn-editarproc{padding: 1px 5px; font-size: 11px;}
#tabla-procedimientos .tabla-cell-btn-agregar{width: 80px; padding-top: 3px;}
#tabla-procedimientos .tabla-cell-btn-agregar .btn-agregarproc{padding: 1px 5px; font-size: 11px;}

#FormNuevaFactura .c-items-productos .producto-item {border: 1px solid; margin: 5px; padding: 15px;}
#FormNuevaFactura .loader {background: url("../Imagenes/Template/ajax-loader.gif"); background-repeat: no-repeat; background-position: right; }

/*Estilos para la tabla de productos en el formulario de compra*/
.right {text-align: right; }
.tbl-header {background-color: rgba(255,255,255,0.3); }
.tbl-header .td-remove-icon2 {width: 4.4% !important; }
.tbl-content{height:300px; overflow-x:auto; margin-top: 0px; border: 1px solid rgba(255,255,255,0.3); } .cnt-table-prods table {width:100%; table-layout: fixed; }
.cnt-table-prods th {padding: 20px 15px; text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; border: solid 1px rgba(113, 103, 103, 0.1); } .cnt-table-prods td {padding: 7px; text-align: center; vertical-align: middle; font-size: 12px; border-bottom: solid 1px rgba(113, 103, 103, 0.1); border-left: solid 1px rgba(113, 103, 103, 0.1); }
.cnt-table-prods .input-form {width: 100%; }

.cnt-table-prods .table-add {float:right; padding: 15px; font-size: 32px; }

.cnt-table-prods .text-success {color: #2be654 !important; }

.cnt-table-prods .text-success:hover {color: #bced38 !important; opacity: 1 !important; }

.cnt-table-prods .row-remove {font-size: 25px; }

.cnt-table-prods .text-error {color: #fe0e0e !important; }
.cnt-table-prods .text-error:hover {color: #ed7015 !important; opacity: 1 !important; }

.cnt-table-prods .td-numeral {width: 5%; }

.cnt-table-prods .td-remove-icon {width: 3%; }

.cnt-table-prods .producto-cell {width: 20%; }

.cnt-table-prods .ac_idproducto {float: left; width: 90%; }

.cnt-table-prods .product-info {float: right; width: 10%; }

.cnt-table-prods .product-info .info-box {font-size: 20px; }

.cnt-table-prods .fecha-venc {max-width: 100px; }

.cnt-table-prods .cantidad-prod {max-width: 50px; }

.cnt-table-prods .desc-prod {max-width: 64px; }

/**
 * Tooltips para la información del producto seleccionado
 */
.tooltipsc {position: relative; }
.tooltipsc .tooltipsctext {visibility: hidden; width: 200px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; /*top: 125%; left: 50%;*/ margin-left: -60px; opacity: 0; transition: opacity 0.3s; }
.tooltipsc .tooltipsctext::after {content: ""; position: absolute; bottom: 100%; left: 30%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #555 transparent; }
.tooltipsc-bottom {top: 135%; left: 50%; margin-left: -60px; }
.tooltipsc:hover .tooltipsctext {visibility: visible; opacity: 1; }

/* for custom scrollbar for webkit browser*/
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}


@media (max-width: 768px) {

    #header .b-logo img{ margin-top: 5px; width: 125px; }

}


.tabla-imprimir td{ font-size: 11px;}


.preguntainicial .contenedorformulario .contenedor-botones{
    display: flex;
    justify-content: center;
    width: 100%;
    float: left;
    flex-flow: column;
}   

.preguntainicial .contenedorformulario .contenedor-botones .btn{
    margin-bottom: 15px;
}

.preguntainicial .contenedorformulario .contenedor-botones .btn:last-child{
    margin-bottom: 0;
}

.campotriage .contenedor-campo .mce-panel{
    width: 100% !important;
}


.ul-antecendentes {
    display: flex;
    flex-flow: wrap;
    padding:0;
    margin-bottom: 0 !important;
}
.ul-antecendentes li{
    list-style: none;
    padding:0;
    width: 25%;
    margin-bottom: 10px;
}

.block-examen .contenedor-campo{
    padding: 0 10px;
    margin-top: 10px;
}


.block-examen .contenedor-campo .ctn-flex{display: flex; flex-flow: wrap; align-items: center;}
.block-examen .contenedor-campo .ctn-flex input{max-width: 47px; padding: 6px 5px;}
.block-examen .contenedor-campo .ctn-flex .slashpresion{padding: 0 8px;}


.block-examen .ctn-flex{
    display: flex;
    flex-flow: wrap;
    width: 100%;
    float: left;
    justify-content: flex-start;
    align-items: baseline;
}


.contenedor-campo.historia-medica{
    line-height: 1;
}
.contenedor-campo.historia-medica *{
    line-height: 1;
}

.ctnDiagnostico{
    margin-top: 10px;
}

.ctnDiagnostico br{
    display: none !important;
    line-height: 1;
}