@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url("fontawesome/css/all.css"); /* Using a url */
HTML * {box-sizing: border-box; padding: 0px; margin: 0px; }

/** diseño general */
body {  margin: 0; padding: 0;    repeat-x;  }
/*#wrapper {  width: 95%; min-width: 775px; / max-width:1200px; / margin: 0 auto; text-align:left; width:expression(document.body.clientWidth < 774? "775px": "auto" ); }*/
#wrapper {  width: 95%; min-width: 775px;   margin:auto;}

html>#wrapper { width: 85%; min-width: 775px; margin: 0px auto; } /* opera 7- */

/** cabecera */
#header { margin-top:5px; }

#header-inner { background: #FFF url(images/logo_miuai.png) no-repeat; height: 100px;  }

.logo-uai { background: url(images/logo_uai_200.svg) no-repeat top right; height: 100px; float: right; width: 260px;}

body.login #header-inner { /* background: url(images/logo-login.png?201702) center center no-repeat; height: 150px;*/ display:none;  }

body.login .fecha-actual { display:none;  }
body.login .ubicacion-uai  { display:none;  }
body.principal .ubicacion-uai  { display:none;  }

body.login #content {   min-height: 350px; border: none;}

body.login .uai-caja-login {
            background: #FFF;
            padding: 10px;
            border:1px solid #CCC;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border-radius:3px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);


        }



/* #logo-sistema { background: url(images/sistema_titulo.png) no-repeat top right; width: 400px; height: 190px; float: right;}*/
/* #logo-sistema h1 { text-indent: -50000em; }*/

/*************************************************************************************************************/
/*********************************************  OIRS *********************************************************/
/*************************************************************************************************************/

.bgimg  {
         background: url(/images/img_fondo.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        }




/**** CSS PARA TOOLTIPS



/* Clase que tendra el tooltip */
.cssToolTip {
 position: relative; /* Esta clase tiene que tener posicion relativa */
 /*color: #ff8c00; /* Color del texto */
}

/* El tooltip */
.cssToolTip span {
 background: #EDEDED url('img/info.gif') center left 5px no-repeat;
 border: 2px solid #CCC;
 box-shadow: 5px 5px 5px #CCC;
 color: #222;
 display: none; /* El tooltip por defecto estara oculto */
 font-size: 0.8em;
 padding: 10px 10px 10px 35px;
 width: 250px;
 max-width: 60000px;
 position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
 top: 15px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
 left: 30px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
 z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */

}



/* El tooltip cuando se muestra */
.cssToolTip:hover span {
 display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}

.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    border-radius: 3px;
    text-align:left;
    padding:5px;
    /* Position the tooltip */
    margin-top: 20px;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/***********/

.tooltip-demo {
    position: relative;
    cursor:pointer;
    border-bottom: 1px dotted black;
}

.tooltip-demo .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-demo .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-demo:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

































/******** FIN CSS TOOLTIP




/** cabecera externo OIRS*/

body.oirs #header { background: #CCC url(images/oirs/header_bkgnd.jpg) repeat-x;}
body.oirs #header-inner { background: url(images/oirs/header_left.jpg?20110404) no-repeat; height: 114px; }
body.oirs #logo-sistema { background: url(images/oirs/header_right.jpg) no-repeat; width: 200px; height: 114px; float: right; }
body.oirs #logo-sistema h1 { text-indent: -50000em; }

/** Contenidos generales OIRS */
body.oirs #container { background: #FFFFFF url(images/oirs/content_left.jpg) repeat-y; }
body.oirs #container-inner { padding: 6px 14px 0 24px; background: url(images/oirs/content_right.jpg) repeat-y right; }


/** Pie de página (textos) OIRS */
body.oirs #footer { background: #FFFFFF url(images/oirs/content_left.jpg) repeat-y; color: #3366CC; text-align: center; font-size: 0.9em; }
body.oirs #footer-inner { padding: 16px 14px 14px 24px; background: url(images/oirs/content_right.jpg) repeat-y right; }
body.oirs #footer A { color: #3366CC; text-decoration: none; }
body.oirs #footer A:hover { text-decoration: underline; }

/** Final de la página OIRS */
body.oirs #bottom { background: url(images/oirs/footer_left.jpg) no-repeat left; margin-bottom: 10px; }
body.oirs #bottom-right { margin-left: 27px; background: url(images/oirs/footer_right.jpg) no-repeat right; }
body.oirs #bottom-inner { margin-right: 13px; background: url(images/oirs/footer_bkgnd.jpg)  no-repeat right;  height: 18px; }

/** Franja de navegación y cierre de sesión OIRS */
body.oirs #navigation { background: #648055 url(images/oirs/content_left_navigation.jpg) repeat-y; }
body.oirs #navigation-inner { padding: 0 16px 0 22px; background: url(images/oirs/content_right_navigation.jpg) repeat-y right; height: 23px; vertical-align:bottom; }
body.oirs #navigation #logout { float: right; }
body.oirs #navigation #logout A { overflow: hidden; text-indent: -5000px; background: url(images/header_logout.gif) no-repeat; display: block; width: 26px; height: 22px; }
body.oirs table.hvmenu { background-color: #6799FF;  }


body.oirs .titulo-ficha {    clear: both;}

body.oirs .titulo-ficha span {
    background: #CCCCC1 url(images/oirs/content_title_right_top.gif) top right no-repeat;
    padding: 2px 40px 2px 10px;
    font-weight: 500;
    font-size: 9pt;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    color: #000000;
    border: 0 solid #a4a4a4; border-width: 0 0 1px 0;
}

.titulo-ficha span span {
background:none;
border:none;
}


/*************************************************************************************************************/
/********************************************* FIN OIRS ******************************************************/
/*************************************************************************************************************/


/** Franja de navegación y cierre de sesión */
#navigation {    }
#navigation-inner { padding: 0 16px 0 22px; background: #FFF; height: 26px; vertical-align:bottom;  border-top:5px solid #999;}
#navigation #logout { float: right;;}
#navigation #logout A { overflow: hidden; text-indent: -5000px; background: url(images/header_logout.gif) no-repeat; display: block; width: 26px; height: 22px; }
table.hvmenu { background-color: #FFF;  }

.login #navigation-inner {display:none;}

/** Contenidos generales */
#container {   }
#container-inner { padding: 6px 14px 0 14px;  }


/** Pie de página (textos) */
#footer { color: #FFF; text-align: center; font-size: 0.9em; }
#footer-inner { padding: 16px 14px 14px 24px;  }
#footer A { color: #3366CC; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

#footer-direccion {
    float: left;

}

/** Final de la página */
#bottom {  margin-bottom: 0px; }
#bottom-right { margin-left: 27px;  }
#bottom-inner { margin-right: 13px;  height: 18px; }


#fin {
   float:left;
    background: url(images/headers.png?v=20111228) 0 -250px no-repeat;
}





/** Informaciión adicional al comienzo del cuadro de contenido */
#sidebar { margin: 1px 0 8px 0; clear:both;}
#sidebar .fecha-actual { float: left; color: #999999; font-weight:300;}
#sidebar .datos-usuario { float: right; text-align: right; font-weight: 500; }

/** Contenido general de cada pagina */
#content {
   min-height: 350px; /* border: 1px solid #CCCCCC; */
}





#branding-ze { margin: 0 auto; text-align: center; color: #666; font-size: 7pt; padding: 0 0 10px 0; }
#branding-ze .ze { background:#0e3e80; color: yellow; padding:1px;}
#branding-ze a { color: #666; text-decoration: none; }

body.login #branding-ze a { margin: 0 auto; text-align: center; color: #fff; font-size: 7pt; padding: 0 0 10px 0; }







/** Espaciador usado para contenidos que usen float */
.clear { clear: both;  margin-top: 10px; padding: 0;  border:0px; overflow:auto; }























/* Modificadores de "plantillas" de visualización */




/* Templates "empty" sin elementos decorativos, util para iframes */

body.empty #header,
body.empty #navigation,
body.empty #footer {
    display: none;
}
body.empty #content {
    background: #fff none;
    margin: 0;
    padding: 0;
    width: 100%
}


/* Cuadro de texto con mensaje loading */

body.iframe #banner-loading { top: 80px !important; }
body.popup #banner-loading { top: 80px !important; }
body.panel #banner-loading { top: 80px !important; }
body #banner-loading { top: 280px !important; }



#banner-loading { display: none; z-index: 800; position:absolute; top: 540px; left: 0; width: 99%; }

#banner-loading div {
    margin: 0 auto; width: 650px;  height: 120px;
    background: black url(/template/default/images/loading-black.gif?v=1) no-repeat 170px -70px;
    color: white; text-align: center; padding-top: 150px;

    -moz-border-radius:    8px;
    -webkit-border-radius: 8px;
    border-radius:         8px;

    -moz-box-shadow:    3px 3px 9px #666;
    -webkit-box-shadow: 3px 3px 9px #666;
    box-shadow:         3px 3px 9px #666;
}

#banner-loading h3 {
    font-size: 18pt; font-weight: 500;
}

#banner-loading p {
    text-align: center; font-size: 9pt;
}

#banner-loading a { color: #EEE; }







.cuadro_negro{width:10px;height: 5px; border:1px solid #000;padding:2px;}
.label_cuadro{display:inline-block; width:75px;margin-left:5px;}
.label_cuadro_servicio{display:inline-block; width:190px;margin-left:5px;}





.actividad-eliminada { background-color:#FFFF99; text-decoration:line-through; }
.actividad-eliminada td a { text-decoration:line-through; }
.actividad-eliminada td { text-decoration:line-through; }
.actividad-eliminada .actividad_atrasada { background:transparent; text-decoration: line-through; }
.actividad-eliminada #botones   { text-decoration:none !important;  }

















/* Templates para "popup" */
body.popup, body.popup #header, body.popup #container, body.popup #container-inner { background: #fff none; }
body.popup #header *,
body.popup #navigation,
body.popup #sidebar,
body.popup #footer,
body.popup #hvmenu,
body.popup #branding-ze,
body.popup #bottom
{
    display: none;
}



body.popup #aviso_sistema { top: 5px; left: 160px; }

body.popup #header {
    /*
    background-image: url(images/popup_header_facturanet.png);
    */
    display: none;
    height: 0px;
}
body.popup #wrapper { min-width: 1px; }

body.popup #content {
    min-height: 150px;
}

body.popup #content,
body.popup #container,
body.popup #container-inner,
body.popup #wrapper {
    background: #fff none;
    margin: 0;
    padding: 0;
    width: 100%;
}

body.popup h1 { font-size: 1.55em; }








/***************************  DOCUMENTO  *********************************/
/* Templates para "documento" */
body.documento, body.documento #header, body.documento #container #container-inner{ background: #fff none; }
body.documento #header *,
body.documento #navigation,
body.documento #navigation *,
body.documento #sidebar,
body.documento #footer,
body.documento #hvmenu,
body.documento #branding-ze,
body.documento #bottom,
body.documento .dock-container,
body.documento #contacto

{
    display: none;
}


body.documento #container,
body.documento #wrapper {    margin: 0;    padding: 0;    width: 100%; }
/* body.documento #container {    background: #fff none;    padding: 10px;        min-height: 300px;    width: 720px; } */
/* body.documento #wrapper {background:transparent;    margin: 30px auto;    width: 80%;    width: 790px;}*/
/*body.documento { background: #4F4F4F url(images/_fondo-documento.gif) repeat-x; padding: 30px 90px; */
body.documento { background: #fff; padding: 30px 60px 30px 10px;}
body.documento #header {display: none; }
   /* background: #FFF url(images/header_documento.png) no-repeat bottom; */


body.documento #content {border:none;}
/* body.documento {border:none;}*/




@media print
{
    html, body {
        background: transparent none;
        width: 710px;
        border: 0px none; /* border-collapse:collapse;*/

        /*style="margin: 50px 58px auto 41px;"*/
        padding: 0px;
        margin-top:auto;
        margin-bottom:auto;
        margin-right:25px;
        margin-left: 10px;  border:1px solid teal;
    }


    .noprint {display:none}

    .menu-documento { display: none; }
    .anexo thead { background-color: #FFF; color:#000 }
}


/*************************** Fin DOCUMENTO  *********************************/


.iframe-documento { width: 950px; height: 600px; border:1px solid none; margin-left: 30px; }
.iframe-documento-ancho { width: 970px; height: 600px; border:1px solid none; margin-left: 30px; }






















/**
 *
 * Aspecto visual básico
 *
 */

body { font-size: 0.75em; font-family: 'Roboto', 'Trebuchet MS', sans-serif; font-weight:300; /*font-family: 'Open Sans', "Trebuchet MS", sans-serif; */}
A    { color: #036; font-weight: 300; text-decoration: underline; }
A:hover { text-decoration: none; }
dt   { font-weight: 500; margin-left: 15px; }

pre  { margin-left: 10px; color: navy; }
code { color: navy; }
/*strong, b { font-weight: 500; }*/
p    { margin: 0 4px 1em 4px; text-align: left; }
ul { list-style-type: disc; margin-left: 25px; line-height: 150%; }



legend {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 1.1em;
    color: #23609E;
}



fieldset {  padding: 10px;
            border:1px solid #CCC;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border-radius:3px;

            /* -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);*/
        }




.flota-derecha {float:right;}
.flota-izquierda {float:left;}

















.total {color: #1a1a82;  font-weight:bold; text-align: center;}
.centrar {color: black;  text-align: center;}
.destacar {color: black;  text-align: center; font-weight:bold;}
/* mensajes de error, advertencias y avisos */

.notice  { color: black; font-weight:bold; }
.TDedpj  { color: blue; }
.warning { color: #FF9900;  font-weight:bold; }
.error   { color: red;  font-weight:bold; }
.info    { color: #222;  font-weight:bold; }
.aviso   { color: #222;  font-weight:bold; }
.exito   {color: green; }



div.error, div.warning, div.notice, div.info{
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal;
   padding: 15px; margin: 35px auto; clear: both; width: 50%;
   text-align: center;
}

div.aviso {
   border-width: 1px; border-style: solid;
   color: black; font-weight: normal; font-size: 14px;
   padding: 15px; margin: 35px auto; clear: both; width: 70%;
   text-align: center;
}


div.exito {
   border: 1px solid black;
   font-weight: normal;
   padding: 15px; margin: 35px auto; clear: both; width: 50%;
   text-align: center;
   background: #FFFFFF url(images/icono-ok.gif) no-repeat 20px center;
}

body.popup div.error, body.popup div.warning, body.popup div.notice, body.popup div.info{
   width: 80%;
}


div.error div.button, div.warning div.button, div.notice div.button, div.info div.button {
    margin: 20px 0 8px 0; text-align: center;
}

div.error H1,   div.error H2,   div.error H3,
div.warning H1, div.warning H2, div.warning H3,
div.notice H1,  div.notice H2,  div.notice H3,
div.info H1,  div.info H2,  div.info H3{
   background: transparent none; border: none; color: white; padding-top: 6px; padding-bottom: 6px;
}

div.notice  { background: #FFFFFF url(images/icono-notice.gif) no-repeat 20px center; border-color: #FF0000; color: black; padding-left: 50px; text-align: left; }
div.warning { background-color: #FCE444; border-color: #E5BC24; }
div.error   { background-color: #FF4747; border-color: #B02C2C; }
div.info   { background-color: #669933; border-color: #006600; }
div.aviso   { background-color: #B0E0E6; border-color: #4682B4; }





/********************* Tablas *************************************/


.tabla {
   /* table-layout:fixed; Permite hacer wrap (justificar) la tabla, se debe colocar word-wrap:break-word al td*/
    margin: 4px 0px 1px 0px;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    border:1px solid #ccc;
   /* width: 100%; */
}
.tabla td {
    padding: 4px;
    border: 1px solid #999999;
    border-width: 0 0 1px 0;
    word-wrap: break-word;
}

.tabla th { border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla tr.par { }
.tabla tr.impar { }

.tabla thead .titulo {
    font-size: 1.2em;
}

.tabla thead {
    background: #222; /*url(images/content_table_title.jpg) repeat-x;*/
    color: #FFF;
    font-size: 1.05em;
    font-weight: 400;
    text-align: left;
}

.tabla thead th { border-color: #333333; }
.tabla thead td,
.tabla thead th {
    padding: 12px 3px;
    font-weight: 500;
}


.tabla tfoot td,
.tabla tfoot th {
    background-color: #bbb; font-weight: 500;
}

.tabla thead a { font-weight: 300; color:#FFF; }
.tabla a { text-decoration: none; font-weight: 300; }
.tabla a:hover { text-decoration: underline; }
.tabla td h3 {/* color:red;*/}

.tabla div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }


.dataTable table.tabla thead tr {
    background-color: #222 !important;
}


body.cambia-perfil .tabla {width:90%;}





/* Tabla extendida */

.matriz .tabla {margin: 10px auto 1px auto; background-color: #FFF; font-size: 0.9em; border-left:1px dotted #ccc; border-top:1px solid #999999;}
.matriz .tabla td {padding: 2px 4px; border-top: 0; border-right: 1px dotted #ccc; border-bottom:1px solid #999; border-left:0;}
.matriz .tabla th {padding: 2px 4px; border-top: 0; border-right: 1px dotted #ccc; border-bottom:1px solid #999; border-left:0;}








/** Tablas con formularios de edición */
.tabla-edicion td { padding: 1px 1px; }
.tabla-edicion tbody th { font-style: italic; }


.tabla-respuesta {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border:#000E77 1px solid;
    padding:-4px;
    text-decoration:none;
    border-collapse:collapse;
}


/* utilizado en tabla de respuesta OIRS*/
.td_verdeA
{
    background-color: #D0D6B1;


}



/** Tablas */
.tabla_borde {
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    width: 90%;

}
.tabla_borde td { padding: 4px; border: 1px solid #ccc;  }
.tabla_borde th { border: 1px solid #ccc; }
.tabla_borde tr.par { }
.tabla_borde tr.impar { }

.tabla_borde thead .titulo {
    font-size: 1.2em;
}

.tabla_borde thead {
   background: #222 ;
    color: #FFF;
    font-size: 1.05em;
    font-weight: 500;
    text-align: left;

}
.tabla_borde thead tr td { padding: 10px;  }
.tabla_borde thead th { border-color: #333333; }
.tabla_borde thead td,
.tabla_borde thead th {
    padding: 2px 3px;
    font-weight: 500;
}


.tabla_borde tfoot td,
.tabla_borde tfoot th {
    background-color: #bbb; font-weight: 500;
}

.tabla_borde thead a { font-weight: 500; }
.tabla_borde a { text-decoration: none; font-weight: normal; }
.tabla_borde a:hover { text-decoration: underline; }


.tabla_borde div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }









/** Tablas que muestran calendario de vencimientos */
.calendario table { width: 100%; font-size: 0.8em; }
.calendario table thead td { width: 14.2%; font-size: 1.5em; }
.calendario table tbody td { width: 14.2%; border: 1px solid #999999; border-width: 0 0 1px 0; height: 85px; }
.calendario table .dia   { font-size: 2em; font-weight: 500; font-family: georgia, serif; display: block; }
.calendario table .habil   { color: #3366CC; }
.calendario table .feriado { color: #FF6600; }

.calendario .meses   { margin: 0 auto; text-align: center; font-size: 1.4em; }
.calendario .meses a { text-decoration: none; }


.calendario .navegador-meses { font-size: 1.45em; line-height: 2em; }
.calendario .mes-anterior { float: left; }
.calendario .mes-siguiente { float: right; margin-top: -2em; }
.calendario .mes-actual { text-align: center; }

















/** links con icono */


.iconos         { white-space: pre;  }
.icono         { background: url(images/botones.gif?v=20121001) 0 500px no-repeat; margin: 0 0 0 1px; padding: 2px 0 2px 0;  }
.icono img     { width: 20px; height: 14px; border: 0; display: inline;  }

.xml             { background-position: -1477px -44px; }
.certificado     { background-position: -1544px 1px; }
.email-no-leido  { background-position: -1414px 4px; }
.email-leido     { background-position: -1273px 1px; }
.email-por-distribuir { background-position: -1273px -46px; }
.email-nuevo     { background-position: -1273px -23px; }
.email-ok        { background-position: -1344px 4px; }

a.eliminar-actividad       { background-position: -1750px 0; }
a.eliminar-actividad:hover { background-position: -1750px -21px; }

a.historial       { background-position: -1203px 0; }
a.historial:hover { background-position: -1203px -21px; }

a.anexos       { background-position: -783px 0; }
a.anexos:hover { background-position: -783px -21px; }

a.derivar       { background-position: -1703px 0; }
a.derivar:hover { background-position: -1703px -21px; }



/** Redefinici?n de elementos YUI */
.yui-skin-sam .yuimenu .bd{background:transparent;}

.yui-skin-sam .yuimenubar { background:transparent; border:none; line-height:2.1; font-size:100%;  /*float: right;*/}

.yui-skin-sam .yuimenubaritem           { background:transparent; }
.yui-skin-sam .yuimenubaritem-selected  { background:transparent;  }

.yui-skin-sam .yuimenubaritemlabel          { /*background-color:#ff0;*/ border:none 0; margin:0px; padding:0px 20px 1px 20px; color: #222222; font-family: 'Roboto', sans-serif; font-size:12px; cursor:pointer; font-weight:300;  text-transform: uppercase;}
.yui-skin-sam .yuimenubaritemlabel-selected { background:#222; color:#FFF; }

.yui-skin-sam .yuimenuitem              { border-bottom:1px solid #555; line-height:1.6; padding:5px; background-color:#222; }
.yui-skin-sam .yuimenuitem-selected     { color:#222 !important; background:#555;  }

.yui-skin-sam .yuimenuitemlabel             { border:none;  color: #FFF; cursor:pointer;}
.yui-skin-sam .yuimenuitemlabel-selected    { border:none;  color: #FFF; }


.yui-skin-sam .yui-button-disabled, yui-button-disabled:first-child {border:none;}




.yuimenubar a { font-size: 0.9em; letter-spacing:0; font-weight:normal; }
.yuimenubar a:hover { text-decoration: none; }



.yui-skin-sam .yuimenu ul {  padding: 0px;   border-width: 1px 0 0 0;  border-color: #000;   border-style: solid; }


/*********/







table.botones { margin: 0 auto; }



/*
.yui-skin-sam .yuimenubar { background:transparent; border:none; line-height:1.6; font-size:100%; }
.yui-skin-sam .yuimenuitem{ border-bottom:none; line-height:1.6; padding:0; }
.yui-skin-sam .yuimenubaritemlabel { background-color: #106DA8; border:none 0; margin:2px 2px 0; padding:0 20px 1px 15px; color: white; font-family:"Myriad Pro", "Myriad","trebuchet MS", Arial, Helvetica, Sans-serif;  font-size:14px; -moz-border-radius:3px;
 };  color: Color del texto del menú

.yui-skin-sam .yuimenuitemlabel { border:none; }

.yui-skin-sam .yuimenuitem-selected{ background-color:#D6E184;}
.yui-skin-sam .yuimenubaritem-selected { background:transparent; }
.yui-skin-sam .yuimenubaritemlabel-selected { background:#fff url(images/menufondo-selected.gif) top right no-repeat; color:#106DA8; } color del texto menu seleccionado



.yui-skin-sam .yuimenuitemlabel { border:none; }

.yui-skin-sam .yui-button-disabled, yui-button-disabled .first-child {border:none;}

.yuimenubar a { font-size: 0.9em; letter-spacing:0; font-weight:normal; }
.yuimenubar a:hover { text-decoration: none; }
.yuimenubar  { border: none; }
#yuimenu-raiz { padding: 0; }
#menu { visibility: visible; }
*/



/** YUI button (2.3.0+) */
/** disminuyo el alto */
.yui-button button { padding-top: 0.2em;  padding-bottom: 0.2em;  }
.yui-button a      { padding-top: 0.12em; padding-bottom: 0.12em; text-decoration: none; }
.yui-button a:hover { text-decoration: none; }



/** YUI button (2.3.0-) */

/** disminuyo el alto */
.yui-button button { padding: 0.2em 0.5em;  }
.yui-button a      { padding: 0.12em 0.5em; font-weight: normal; text-decoration: none; }
.yui-button a:hover { text-decoration: none; }

/** Corrige error en IE6 que dibuja incorrectamente en splitbutton */
.splitbutton button { padding-right: 20px; }


table.botones { margin: 0 auto; }



/** YUI button editar documento */

.documento_guardar .yui-button button { background:url(images/disk.gif) no-repeat right 3px; padding-right: 20px; }
* html .documento_guardar .yui-button button { background:url(images/disk.gif) no-repeat right  top; padding-right: 20px; }

.documento_cerrar .yui-button button { background:url(images/cancel.gif) no-repeat right  3px; padding-right: 20px; }
* html .documento_cerrar .yui-button button { background:url(images/cancel.gif) no-repeat right  top; padding-right: 20px; }

.documento_previsualizar .yui-button button { background:url(images/zoom.gif) no-repeat right 3px; padding-right: 20px; }
* html .documento_previsualizar .yui-button button { background:url(images/zoom.gif) no-repeat right  top; padding-right: 20px; }

.documento_validar .yui-button, .confirmarFirma submit { background:#ECECE3 url(images/background_firmar.png) repeat-x left center; border-color: #CC6666;}

.documento_validar .submit .first-child,.confirmarFirma .submit .first-child { border-color: #CC6666; }

.documento_validar .submit button, .confirmarFirma .submit button { border:1px solid #FF0000; }

.documento_validar span.submit .hover, .confirmarFirma span.submit .hover { border-color:#CC0000; background-color:#FF0000; }

.botones-documento { text-align: center; }
.botones-documento td { padding: 25px 0; }









/* YUI Aqua Panel Skin CSS */
/*.yui-panel-container.shadow .underlay { background-color:#999; }
.yui-panel { border:none; overflow:visible; background-color:transparent; }

.yui-panel .container-close { top:3px; right:4px; height:18px; width:17px; background-image:url(yui/aqua-hd-close.gif); }
.yui-panel .container-close:hover { background-image:url(yui/aqua-hd-close-over.gif); }

.yui-panel .hd { padding:0; border:none; background:transparent url(yui/aqua-hd-bg.gif); color:#000; height:22px; margin-left:7px; margin-right:7px; text-align:center; overflow:visible; }
.yui-panel .hd span { vertical-align:middle; line-height:22px; }
.yui-panel .hd .tl { width:7px; height:22px; top:0; left:0; background:transparent url(yui/aqua-hd-lt.gif); position:absolute; }
.yui-panel .hd .tr { width:7px; height:22px; top:0; right:0; background:transparent url(yui/aqua-hd-rt.gif); position:absolute; }

.yui-panel .bd { overflow:hidden; padding:4px; border:1px solid #6D6D6D; border-bottom:none; background-color:#FFF; }
.yui-panel .ft { font-size:100%; color:#666; padding:2px; overflow:hidden; border:1px solid #6D6D6D; border-top:none; background-color:#fff; }

.mask { opacity: 0.7; background-color: #333333; }*/


/** Botones dentro de un panel */
.yui-panel button {
    /*background:#ecece3 url(/js/yui/button/assets/background.png) left center;*/
    border: 1px solid #CCCCCC;
    margin: 0;
    cursor: pointer;
    font-size: 90%;
    font-family: 'Roboto', sans-serif;
}

.yui-panel button:hover {
    /*background:#9FCEED url(/js/yui/button/assets/background.png) left center;*/
    border: 1px solid #7099CE;
}











/**
 *
 * YUI datatable "table" usados en busquedas
 *
 * Las paginas de busqueda tienen la siguiente estructura de DIVs
 *
 * + busqueda <clase>
 *    + formulario-busqueda     Contiene el formulario
 *       + tabla-busqueda       Tabla con campos de busqueda
 *    + mensaje-busqueda        Mensaje en caso de no haber encontrado registros
 *    + acciones-busqueda              Conjunto de botones con acciones sobre los documentos seleccionados
 *    + yui-dt resultado-busqueda      Contiene tabla YUI DataTable con los resultados de la busqueda (2 clases)
 *
 *
 * Las paginas de listados de registros para editar tienen la siguiente estructura de DIVs
 *
 * + listado-edicion <clase>
 *    + yui-dt               Contiene tabla YUI DataTable con los resultados de la busqueda (2 clases)
 *    + botones-pie-tabla    Botonera abajo de la tabla, ej: "Crear"
 *
 */

.yui-dt div.opciones { width: 80px; }


/** Oculto texto cargando en tablas para edicion */
.listado-edicion .yui-dt tr td.yui-dt-loading {
    background: none;
    padding-left: 20px;
    text-indent: -10000px;
    color: white;
}

/** agregar a carpeta en documentos por leer **/
.carpeta-editable { background:url(images/folder.gif) top right no-repeat; padding-right:32px; display:block; }

/** Conjunto de botones que están bajo una tabla de listado para edicion */
.botones-pie-tabla {  text-align: center;  margin: 10px; }


/** Resultados de busqueda */
.resultado-busqueda  {  }
.resultado-busqueda .yui-dt table {  width: 100%; }
.resultado-busqueda-mrecibidos { min-height: 50px; }


.acciones-busqueda {
    margin: 0px 10px; height: 35px; overflow: hidden;
}
.acciones-busqueda div.boton {
    float: left; margin: 0 2px;
}



.mensaje_leido {
   list-style: none outside url(/images/leido.png);
}

.mensaje_no_leido {
   list-style: none outside url(/images/noLeido.png);
}

.mensaje_distribuido {
   list-style: none outside url(/images/accept.png);
}

.mensaje_no_distribuido {
   list-style: none outside url(/images/email_error.png);
}


.yui-dt table {
    margin: 0px auto;
    background-color: #FFF;
    border: 1px solid #177EBF;
    border-collapse: collapse;
    font-size: 8pt;
    width: 100%;
}
.yui-dt table th,
.yui-dt table td {
    padding: 0.4em 5px;
}
.yui-dt table tr.yui-dt-even {
    background-color: #FFFFFF;
}
.yui-dt table tr.yui-dt-odd {
    background-color: #DFDFF4;
}

.yui-skin-sam .yui-dt th a,
.yui-dt thead a {
    font-weight:bold;
    color: #177EBF;
    font-size: 9pt;
    text-decoration: underline;
}

.yui-skin-sam .yui-dt th a:hover,
.yui-dt thead a:hover {
    text-decoration: none;
}

.yui-dt thead td,
.yui-dt thead th {
    font-weight:bold;
    color: #177EBF;
    font-size: 9pt;
}

.yui-dt tr td.yui-dt-loading {
    background: url(images/autocomplete_loading.gif) no-repeat 5px -15px;
    padding-left: 20px;
}


/** Checkbox para seleccionar filas (un poco mas anchos para prevenir clicks fuera de zona) */
.yui-dt .seleccionar { display: block; width: 22px; height: 16px; background: url(images/iconos.gif) 3px -250px no-repeat; overflow: hidden; text-indent: -10000px; }
.yui-dt .yui-dt-selected .seleccionar { background: url(images/iconos.gif) 3px -200px no-repeat; }




/** YUI datatable "pager" */
.yui-dt .yui-dt-pagelinks {
    display: block;
    margin: 3px auto;
    text-align: center;
    padding: 3px;
    font-size: 1.15em;
}
.yui-dt .yui-dt-pagelinks * {
    border: 1px solid #999999;
    background-color: #FAFAF7;
    padding: 0px 5px;
    font-weight: 500;
}
.yui-dt .yui-dt-currentpage,
.yui-dt .yui-dt-pagelinks a:hover {
    border: 1px solid #406FAC;
    background-color: #E3F2FC;
    color: #FF002C;
}

/** Oculto links a inicio y final */
.yui-dt .yui-dt-firstpage,
.yui-dt .yui-dt-lastpage,
.yui-dt .yui-dt-firstlink,
.yui-dt .yui-dt-lastlink {
    display: none;
}

/** Selector filas por pagina */
.yui-dt .yui-dt-pageselect {
    float: right;
    margin: -25px 10px 0 0;
}

.yui-dt tr.yui-dt-selected.yui-dt-odd { background-color: #8EEF4C; }
.yui-dt tr.yui-dt-selected.yui-dt-even { background-color: #99EF60; }








.formulario-busqueda {
    margin: 2px 0;
    padding:5px 0;
    border: 2px solid #016FAC;
    background-color: #E9E9E9;
}

.tabla-busqueda td {
    margin: 10px 2px;
    padding: 2px 7px;
    white-space: nowrap;
}


.resumen-busqueda {
    margin-top: 10px;
    padding: 1px 5px 0px;
    background-color: #016FAC;
    color: #E9E9E9;
    width: 360px;
    text-align: center;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    font-weight: 500;
}





























/** Campos con datos numéricos */
input.numero,
input.numerico {
    width: 91px;
}
input.numerico-corto { width: 45px; }


input, select, textarea {  }
textarea { width: 350px; height: 60px;  }


input.rut   { width: 91px; }
input.mails { width: 350px; }
option.nota { color: black; font-style: italic; }
input.path  { width: 350px; font-size: 8pt; }

textarea.xpath { width: 350px; height: 30px; font-size: 8pt; }

input.mantenedor_input_fecha_dia { width: 25px; }
input.mantenedor_input_fecha_ano { width: 40px; }
input.mantenedor_input_password { width: 80px; }
input.mantenedor_input_text { width: 200px; }
textarea.mantenedor_input_memo { width: 750px; height: 350px;  }

.campo-mantenedor-oculto { display: none; }
















/** Elementos de formulario usados para desplegar datos calculados */
input.calculado {
    background: transparent none;
    border: none;
}

/* dato contenido es numérico */
input.autonumero,
.numero input,
.numero {
   text-align: right;
   white-space: nowrap;
}


/* dato contenido es una fechaeditor */
.fecha {
   text-align: center;
   white-space: pre;
}



.fecha-lejana    { color: #339900; font-weight: 500; }
.fecha-cercana   { color: #3366CC; font-weight: 500; }
.fecha-retrasada { color: #D8290D; font-weight: 500; }

.fecha-lejana-oirs    { color: #000000; font-weight: 500; background:#339900;}
.fecha-cercana-oirs   { color: #000000; font-weight: 500; background:#FFFF00;}
.fecha-retrasada-oirs { color: #000000; font-weight: 500; background:#D8290D;}




td.center { text-align: center; }

.nota { color: navy; font-size: 0.9em; font-weight:bold; }
.nota strong { font-size: 1.15em; color: #000; font-weight:bold; }


.mini { font-size: 0.85em; }

.center { text-align: center; }

.checkbox-on  { background: url(images/iconos.gif) no-repeat 0px  -200px; width: 17px; height: 16px; margin: 0px 2px; }
.checkbox-off { background: url(images/iconos.gif) no-repeat 0px  -250px; width: 17px; height: 16px; margin: 0px 2px; }

.nobr { white-space: pre; }




















.ficha {
    color: #000;
}


.titulo-ficha {
    clear: both;
}


.titulo-ficha span {
    /*background: #FF9900 url(images/content_title_right_top.gif) top right no-repeat; */
    padding: 2px 16px 2px 15px;
    font-weight: 500;
    font-size: 9pt;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    color: #666;
   /*border: 0 solid #CCC; border-width: 0 0 1px 0; */
}

.titulo-ficha span span {
background:none;
border:none;
}

.titulo-ficha a {  text-decoration: underline; }


.lenguetas-ficha { display: block; margin: 0 0 8px 0; }
.lenguetas-ficha ul { display: block; list-style-type: none; margin: 0; padding: 0 0 0 0; border: 2px solid black; border-width: 0 0 2px 0; overflow: hidden; }
.lenguetas-ficha li { display: block; float: left; margin: 5px 3px 0 0; padding: 0; }

.lenguetas-ficha li a {
    display: inline;
    background: #FFCC66 url(images/content_title_right_top_2.gif) top right no-repeat;
    padding: 2px 16px 2px 5px;
    font-weight: 500;
    font-size: 8.5pt;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    color: white;
    border: 0 solid black; border-width: 0 0 2px 0;
    text-decoration: none;
}

.lenguetas-ficha li a.activo {
    background: #FF9900 url(images/content_title_right_top.gif) top right no-repeat; font-size: 9pt;
}

.lenguetas-ficha li a:hover { text-decoration: underline; }















/** Formularios de edición */
.formulario-edicion {
    margin: 2px 10px 10px 10px;
    padding: 10px 2px;
    border: 2px solid #1673AE;
    background-color: #E3F2FC;
}




.encTabla1 { background: #D6E7FD url(images/content_table_title.jpg) repeat-x; color: #000000; font-size: 1.1em; font-weight: 500; }
.encTabla2 { text-align: center; color: #1663BF; font-size: 0.85em; font-weight: 400; }
.encTabla3 { text-align: center; color: #1663BF; font-size: 0.85em; font-weight: 400; font-style: italic; }


.comentario { font-size: 0.95em; color: #1663BF; }
.msg_error{ font-size: 1.0em; color: red; }





































/**
 *
 * Mensajes de debug::getStructure()
 *
 */
div.debug { }
div.debug table { background-color: white; color: black; border-collapse: collapse; white-space: pre; font-weight: normal; }
div.debug table td, div.debug table th { border: 1px solid #E8DEFF; padding: 1px 2px; }
div.debug table th { background-color: #0B5C93; color: white; }
div.debug table td { background-color: #CFD4E6; }

div.debug .debug-value-string       {   }
div.debug .debug-value-string span  { background-color: #DFE4F2;  }
div.debug .debug-value-integer      { color: green;      }
div.debug .debug-value-double       { color: blue;       }
div.debug .debug-value-boolean      { color: #D90081;    }
div.debug .debug-value-null         { color: darkorange; }
div.debug .debug-value-resource     { color: #D90081;    }
div.debug .debug-key-object         { color: #FF8730;    }
div.debug .debug-key-resource       { color: #FF8730;    }

div.debug .debug-value-empty-array  { color: darkorange; }
div.debug .debug-value-empty-string { color: darkorange; }
div.debug .debug-value-extra        { font-weight: normal; font-size: 0.8em; cursor: pointer; padding: 1px; color: black; background-color: #FFFFD6 !important; -moz-border-radius:3px; border-radius:3px; }
div.debug .debug-key-extra          { font-weight: 500; font-size: 0.8em; color: white; }



/** Ajustes para formato::structure() */
div.debug.structure { font-size: 90%; }
div.debug.structure table { margin: 2px; }
div.debug.structure th,
div.debug.structure td { padding: 2px 6px; }
div.debug.structure .debug-value-string span  { background-color: transparent;  }
div.debug.structure .debug-value-integer,
div.debug.structure .debug-value-double,
div.debug.structure .debug-value-boolean,
div.debug.structure .debug-value-null,
div.debug.structure .debug-value-resource,
div.debug.structure .debug-key-object,
div.debug.structure .debug-key-resource       { color: #000; }


















/* autorut */
input.autorut {
    width: 91px;
}
input.autorut.invalido {
    color: red;
}




/* autofecha */

/* Elementos de formulario usados para almacenar fechas */
input.autofecha {
   text-align: center;
   width: 74px;
}

span.autofecha-container { white-space: nowrap; }

div.autofecha {
   background-color: white;
   border: 1px solid #1A529B;
   padding: 1px;
}
div.autofecha TABLE {
   background-color: white;
   border-collapse: collapse;
   font-size: 7.5pt;
}
div.autofecha TABLE TD {
   padding: 0px 2px;
}

div.autofecha A {
   text-decoration: none;
   color: black;
}
/* fila (1) de selección del mes y año */
div.autofecha TABLE TR.mes TD {
   text-align: center;
   font-weight: 500;
}
/* fila (2) de despliegue de los días de la semana */
div.autofecha TABLE TR.dias TD {
   text-align: center;
   font-weight: 500;
}
/* filas (3 en adelante) de despliegue de los días de les mes en curso */
div.autofecha TABLE TR.dia TD {
   /*border: 1px solid #ddd;*/
   text-align: right;
}
/* celdas con los días del mes (anterior, actual y el posterior) */
div.autofecha TD.mes {
}
div.autofecha TD.mes a {
    display: block;
}
/* celdas con los días del mes anterior */
div.autofecha TD.anterior A {
   color: gray;
}
/* celdas con los días del mes posterior */
div.autofecha TD.posterior A {
   color: gray;
}
/* celdas con los días del mes actual */
div.autofecha TD.actual {
   background-color: #E9F0F5;
}
/* celda con la fecha actualmente selecionada en el formulario */
div.autofecha TD.activo {
   background-color: #378BE7;
   font-weight: 500;
}
div.autofecha TD.activo A {
   color: white;
}
/* celda con la fecha de hoy */
div.autofecha TD.hoy {
   border: 1px solid red;
}
/* celda con un día feriado (incluye los días sábado) */
div.autofecha TD.feriado A {
   color: red;
}




/* iconos para cambio de mes y año */
div.autofecha A.cambio-fecha {
    width: 12px; height: 14px;
    background: url(/js/autofecha/autofecha-links.gif?v=20111025) no-repeat 0 0;
    display: block;
}


div.autofecha A.ano-anterior  { background-position: 0 -28px; }
div.autofecha A.mes-anterior  { background-position: 0     0; }
div.autofecha A.mes-posterior { background-position: 0 -14px; }
div.autofecha A.ano-posterior { background-position: 0 -42px; }











/** Autocomplete styles */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 8pt;
  text-align: left;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: pointer;
  /*
  cursor: hand;
  */
  padding-left: 2px;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* caracteres que conciden con el patron de busqueda */
#autocomplete .match {
  font-weight: 500;
}

/* Animated throbber */
input.autocomplete {
  background: url(/images/autocomplete_loading.gif) no-repeat 100% 2px;
}
input.throbbing {
  background-position: 100% -18px;
}


div.mantenedor_div_input_classautocomplete { margin-right: 5px; padding-bottom:2em; }
.mantenedor_input_classautocomplete    {  color:#222;  background: url(images/iconos.gif?v=20111228)  no-repeat left  -500px; padding-left:18px;}
.mantenedor_div_input_classautocomplete    { width: 400px; height: 30px;  }






















/** Estilos para páginas específicas */


/** formulario de login */
body.login form {  width: 412px; height: 285px; margin: 40px auto; font-size: 10pt; font-weight: 500; }
body.login form h1 { color: white; padding: 8px 10px; text-align: center; font-size: 14pt; }
body.login form p  { padding: 10px 10px; text-align: center; font-size: 10pt; }
body.login form table.formulario { margin: 20px auto; color: #333333; }
body.login form input { width: 100px; font-size: 10pt; font-weight: 500; }




/** página con mensaje */
body.mensaje div.mensaje {  width:412px; margin:40px auto; font-size: 9pt; }
* html body.mensaje div.mensaje { width:100%; text-align:center; }
body.mensaje div.mensaje h1 { background: #000;color: white; padding: 8px; text-align: center; font-size: 14pt; margin:0 auto; width:400px; border:1px solid #000;}
* html body.mensaje div.mensaje h1 { width:400px; }
body.mensaje div.mensaje .contenido {  background: #FFF; padding:8px; width:400px;border:1px solid #CCC; }
* html body.mensaje div.mensaje .contenido { width:412px; text-align:left; }
body.mensaje div.botones { text-align: center; padding: 30px 0 0 0; }
body.mensaje img { float:left; padding:0 5px 5px 0; }




/** cambio de perfil activo */
body.cambia-perfil td.columna-icono { padding-left: 24px; }
body.cambia-perfil tr.destacado td,
body.cambia-perfil tr.destacado td a { font-weight: 500; }
body.cambia-perfil tr.destacado td.columna-icono { background: url(images/botones.gif) no-repeat -1598px -45px; }


/** pagina de comentarios */
#mantenedor_formulario_resumen { width: 400px; }











/** Campos avanzados para edición de documentos */
.visualizacion_perfiles_seleccionados { width: 600px; overflow: auto; height: 100px; border: 1px solid #cccccc; }





/** Visor para seleccionar destinatarios del documento */
.edicion_visor_seleccion_perfil { }

.edicion_visor_seleccion_perfil .destinatario                { background: url(images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_seleccion_perfil .destinatario span           { background: url(images/vsp/token.gif) right top; }
.edicion_visor_seleccion_perfil .destinatario span span      { background: url(images/vsp/token.gif) right bottom; }
.edicion_visor_seleccion_perfil .destinatario span span span { background: url(images/vsp/token.gif) left bottom; }

.edicion_visor_seleccion_perfil .destinatario:hover,
.edicion_visor_seleccion_perfil .destinatario:hover span,
.edicion_visor_seleccion_perfil .destinatario:hover span span,
.edicion_visor_seleccion_perfil .destinatario:hover span span span { background-image: url(images/vsp/token_hover.gif); }

.edicion_visor_seleccion_perfil .destinatario span span span span { padding: 0 4px; }

.edicion_visor_seleccion_perfil .quitar_destinatario { background: url(images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_seleccion_perfil .quitar_destinatario:hover { text-decoration: none !important; }


.edicion_visor_seleccion_multi_perfil .quitar_destinatario { background: url(images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_seleccion_multi_perfil .quitar_destinatario:hover { text-decoration: none !important; }


.edicion_visor_seleccion_perfil .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_seleccion_perfil .agregar_destinatario_inactivo { color: #99A; }



.edicion_visor_seleccion_perfil  div.yuimenu li,
.edicion_visor_seleccion_perfil  div.yuimenubar li { font-size: 8pt; }

/** Visor para seleccionar destinatarios del documento */
.edicion_visor_perfil_cc { }

.edicion_visor_perfil_cc .destinatario                { background: url(images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_perfil_cc .destinatario span           { background: url(images/vsp/token.gif) right top; }
.edicion_visor_perfil_cc .destinatario span span      { background: url(images/vsp/token.gif) right bottom; }
.edicion_visor_perfil_cc .destinatario span span span { background: url(images/vsp/token.gif) left bottom; }

.edicion_visor_perfil_cc .destinatario:hover,
.edicion_visor_perfil_cc .destinatario:hover span,
.edicion_visor_perfil_cc .destinatario:hover span span,
.edicion_visor_perfil_cc .destinatario:hover span span span { background-image: url(images/vsp/token_hover.gif); }

.edicion_visor_perfil_cc .destinatario span span span span { padding: 0 4px; }

.edicion_visor_perfil_cc .quitar_destinatario { background: url(images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_perfil_cc .quitar_destinatario:hover { text-decoration: none !important; }

.edicion_visor_perfil_cc .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_perfil_cc .agregar_destinatario_inactivo { color: #99A; }

.edicion_visor_perfil_cc  div.yuimenu li,
.edicion_visor_perfil_cc  div.yuimenubar li { font-size: 8pt; }


.edicion_visor_perfil_junta { }

.edicion_visor_perfil_junta .destinatario                { background: url(images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.edicion_visor_perfil_junta .destinatario span           { background: url(images/vsp/token.gif) right top; }
.edicion_visor_perfil_junta .destinatario span span      { background: url(images/vsp/token.gif) right bottom; }
.edicion_visor_perfil_junta .destinatario span span span { background: url(images/vsp/token.gif) left bottom; }

.edicion_visor_perfil_junta .destinatario:hover,
.edicion_visor_perfil_junta .destinatario:hover span,
.edicion_visor_perfil_junta .destinatario:hover span span,
.edicion_visor_perfil_junta .destinatario:hover span span span { background-image: url(images/vsp/token_hover.gif); }

.edicion_visor_perfil_junta .destinatario span span span span { padding: 0 4px; }

.edicion_visor_perfil_junta .quitar_destinatario { background: url(images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.edicion_visor_perfil_junta .quitar_destinatario:hover { text-decoration: none !important; }

.edicion_visor_perfil_junta .agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.edicion_visor_perfil_junta .agregar_destinatario_inactivo { color: #99A; }

.edicion_visor_perfil_junta  div.yuimenu li,
.edicion_visor_perfil_junta  div.yuimenubar li { font-size: 8pt; }



/** pagina confirmar Firma */

body.confirmarFirma .ficha table { margin:0 auto; font-size:120%; }

body.confirmarFirma  .yui-button a { background:url(images/wrench.gif) no-repeat right 3px; padding-right:20px; }



/** Diff de HTML */
ins, del { text-decoration:none; }
del { background:#FFCCCC; }
ins { background:#BBFFBB; }


/* contrasena en los documentos al guardar y firma */
#mantenedor_formulario_clave_firmar {
   width: 100px;
}




















/** Menu dock */
#dock { /*position:relative; border: 1px solid red; top:-20px;*/
        float:right; display: none;
}
.dock-container {
    padding-left: 240px;
    padding-right: 10px;
    position:relative;
    top: -90px; display: none;
}
.dock-item2 span {
    display: none;
}
.dock-item2 img {
    border: 0;
    display: block;
    width: 48px !important;
}






/** cabecera */
body.concurso #header { background: #6799FF url(images/bosque_nativo/header_bkgnd.jpg) repeat-x; }
body.concurso #header-inner { background: url(images/bosque_nativo/header_left.jpg) no-repeat; height: 114px; }
body.concurso #logo-sistema { background: url(images/bosque_nativo/header_right.jpg) no-repeat right; width: 198px; height: 114px; float: right; }

/** cabecera */




/******** Evaluacion de desempeño *************/
.tabla .postula_nav { text-align:right; border-top:1px dotted #D6E184; padding-top:10px; }
.tabla .postula_nav a { color:#4EDCC4; text-decoration:none; font-weight:bold; font-size:14px; vertical-align:top; padding:0 10px;
margin:0 0 0 10px; }

.postula_nav { border-bottom:none 0; }


.lenguetas_concurso {border-bottom:1px dotted #FFF; padding: 6px 2px 0px 2px; background-color: #EEE;  -moz-box-shadow:inset 0px 2px 0px 0px #ffffff;  -webkit-box-shadow:inset 0px 2px 0px 0px #ffffff;  box-shadow:inset 0px 2px 0px 0px #ffffff;}

/*
.fichero-postulacion {  position:relative; top:auto; left:auto; }
.fichero-postulacion li a { background:#99CCCC url(images/corner-ficha.gif) top right no-repeat; padding:5px 60px 5px 7px; text-decoration:none; display:block;  }
.fichero-postulacion li a:hover { background-color:#CCFFCC; text-decoration:none }
.fichero-postulacion li li a { background:#CCFFCC url(images/corner-ficha2.gif) bottom right no-repeat;   }
.fichero-postulacion li li a:hover { background-color:#fff; text-decoration:none; }
.fichero-postulacion ul { padding:0; margin:0; position:relative; top:-26px; left:-1px;  }
.fichero-postulacion li { float:left; padding:0; font-size:12px; border:0 none; height:26px; position:relative; list-style:none;  }
.fichero-postulacion li ul { clear:left; margin-top:26px;  }
.fichero-postulacion .sub-ul { width:650px; clear:both;    }
.fichero-postulacion .lengueta-seleccionada a { background-color:#CDDCDC; }
.fichero-postulacion .lengueta-seleccionada a:hover { background-color:#CDDCDC; }
*/

.fichero-postulacion {
    overflow: hidden;
     height: auto;
    padding-bottom: 7px;
}

.fichero-postulacion li a {
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:3px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    padding:8px 30px;
    text-decoration:none;
    margin:0px 1px;
}

.fichero-postulacion li a:hover {
    background-color:#f6f6f6;
    text-decoration:none
}

.fichero-postulacion li li a {
    background:#CCFFCC url(images/corner-ficha2.gif) bottom right no-repeat;
}

.fichero-postulacion li li a:hover {
    background-color:#fff;
    text-decoration:none;
}

.fichero-postulacion ul {
    padding:0;
    margin:0;
    position:relative;
}

.fichero-postulacion li {
    float:left;
    padding:0;
    font-size:12px;
    border:0 none;
    height:26px;
    list-style:none;
}

.fichero-postulacion li ul {
    clear:left;
    margin-top:26px;
}

.fichero-postulacion .sub-ul {
    width:650px;
    clear:both;
}

.fichero-postulacion .lengueta-seleccionada a {
    background-color:#C19800;
    color:#FFF;
}
.fichero-postulacion .lengueta-seleccionada a:hover {
    background-color:#C19800;
}


.asistencia { color:#000308;  font-size: 1.0em; text-align: center;}
.calificacion { color:#000308;  font-size: 1.2em; text-align: center; }
.subfactor { color:#072a79;  font-size: 1.3em;}



.notaCalificador
{
text-align: center;
font-weight: 500;

}

.btn_eliminar {clear:both; text-align: justify; margin:10px; }
.plantilla {  width:800px; margin:10px;}
.plantilla_edicion { text-align: right;  width:800px; margin-left:auto; margin-right:auto;}

#footer-direccion {
    float: left;
}
#footer-links {
    float: right;
}
#footer-links A { text-decoration: none; }

#fin {
    width: 980px;
    margin: 0px auto 0 auto;
    height: 20px;
    background: url(images/headers.png?v=20111228) 0 -250px no-repeat;
}

.semaforo-rojo   { background: url(images/semaforo.png) 0 0px no-repeat; margin: 0 0 0 1px; padding: 8px 0 7px 0;  }
.semaforo-amarillo    { background: url(images/semaforo.png) 0 -41px no-repeat; margin: 0 0 0 1px; padding: 8px 0 7px 0;  }
.semaforo-verde    { background: url(images/semaforo.png) 0px -84px no-repeat; margin: 0 0 0 1px; padding: 8px 0 7px 0;  }


/*.tablas-cometido .tabla { width: 100%; } */


.url-xml { font-size:11px; font-family: arial,helvetica,sans-serif; }

.caja-check { display: inline-block; padding:5px; border:1px solid #E9E9E9; vertical-align:text-top; width: 250px;}
.mantenedor-campo-cadp_estado .mantenedor_input_multirelacion {display: inline-block; padding:5px; border:1px solid #E9E9E9; vertical-align:text-top;}

.caja-check:hover{ background-color:#ddd; }
.estado-inicial {background-color:#ddd; }
.separador-vertical {border-right:1px dotted white; padding-right:5px; margin-right:5px;}
.caja-datos {height:60px; display:inline; margin-right:10px; float:left; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #C19800;
    background: #C19800;
    font-weight: normal;
    color: #f0f0f0;
}




/*************************/
@media print {

html, body {
        background: transparent none;
        width: 610px;
        /*min-height: 800px;*/
        border: 0px none;
        padding: 0px;
        margin-top:auto;
        margin-bottom:auto;
        margin-right:30px;
        margin-left: 2px;



        /*style="margin: 50px 58px auto 41px;"*/
    }


}

@page
{
    size: auto;   /* auto is the initial value */

    /* this affects the margin in the printer settings */
    margin: 10mm auto 10mm auto;
}

.de-para { width: 800px; margin:auto; text-align:left;}
.de-para:hover img {opacity: 0.7; }



/*CSS Document
* Tablas*/
.tabla-proyectos
{
    margin: 0px auto;
    background-color: #FFF;
    border: 1px solid #F4F4F4;
    border-collapse: collapse;
    font-size: 1em;
}
.tabla-proyectos TBODY TR
{
    border-bottom: 1px solid #F7F7F7;
}
.tabla-proyectos TD
{
    padding: 0.4em 3px;
}
.tabla-proyectos TBODY TR:nth-child(odd)
{
    background-color: #DDD;
}
.tabla-proyectos TBODY TR:nth-child(even)
{
    background-color: #EEE;
}


.tabla-proyectos TR.separador
{
    background-color: #CCD;
}
.tabla-proyectos TR.disabled
{
    color: #AAB;
}
.tabla-proyectos THEAD .titulo
{
    font-size: 1.2em;
}
.tabla-proyectos TD.thead, .tabla-proyectos TH.thead, .tabla-proyectos THEAD
{
    background-color: #6986B6;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: 500;
    text-align: center;
}
.tabla-proyectos THEAD TD, .tabla-proyectos THEAD TH
{
    padding: 2px 9px;
    font-weight: 500;
}
.tabla-proyectos TFOOT TD, .tabla-proyectos TFOOT TH
{
    background-color: #6986B6;
    font-weight: 500;
}
.tabla-proyectos A
{
    text-decoration: none;
}
.tabla-proyectos A:hover
{
    text-decoration: underline;
}
.tabla-proyectos A IMG
{
    text-decoration: none;
}
.tabla-proyectos A:hover IMG
{
    text-decoration: none;
}
.tabla-proyectos TD.titulo
{
    font-weight: 500;
}
.tabla-proyectos TD.descripcion
{
    font-size: 1em;
    color: #666;
    font-style: italic;
    padding: 6px 14px;
}




.ico-check
{
    background: url(images/iconos2.gif) no-repeat 5px 7px;
    margin: 0 0 0 1px;
    padding: 8px 0 7px;

}
.ico-atencion
{
    background: url(images/iconos2.gif) no-repeat 5px -38px;
    margin: 0 0 0 1px;
    padding: 8px 0 7px;
}
.asterisco
{
    font-size: 18px;
    color: #FF0000;
    font-weight: 500;
}






/* acordion */

/*------------- Slide */
.Slide{border:1px solid #ccc; margin:15px 0 20px; border-collapse: collapse;}
.Slide .SL{color:#3B88DA; cursor:pointer; padding:10px; display:block; border:1px solid #ccc; margin:0; border-collapse: collapse;}
.Slide .SL-Off{color:#222; background: url(images/ico_mostrar.png) no-repeat top right;}
.Slide .SL-On{color:#222; background: #ddd url(images/ico_ocultar.png) no-repeat top right;}
.Slide .SL-Cont{padding:5px 30px 5px 10px;}
/* .Slide .SL-Cont table{margin:0 auto 20px;border-collapse: collapse;empty-cells: show;border-spacing:0px; border:1px solid #FFF;background:#DDD;text-align:left;color:#222; }*/
.Slide .SL-Cont th, .slidcont td{padding:.7em .6em;font-size:.95em;line-height:130%;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.Slide .SL-Cont th{ background-color:#e2e2e2; text-align:center; color:#333;}
.Slide .SL-Cont ul {margin: .5em 0 1em;}
.Slide .SL-Cont ul li {margin: 0 0 0.2em;padding-left: 3em;color: #333; /* background: url(flip_rojo.gif) no-repeat;*/ }
.Slide .SL-sub .SL{color:#F00; padding-left: 20px;}


/*------------- Clear Fix */
.cf:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf {display: inline-block;}
* html .cf {height: 1%;}
.cf {display: block;}


/*******************************/





.botonExcel {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #dbdbdb));
  background:-moz-linear-gradient(top, #fafafa 5%, #dbdbdb 100%);
  background:-webkit-linear-gradient(top, #fafafa 5%, #dbdbdb 100%);
  background:-o-linear-gradient(top, #fafafa 5%, #dbdbdb 100%);
  background:-ms-linear-gradient(top, #fafafa 5%, #dbdbdb 100%);
  background:linear-gradient(to bottom, #fafafa 5%, #dbdbdb 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dbdbdb',GradientType=0);
  background-color:#fafafa;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border:1px solid #889399;
  display:inline-block;
  cursor:pointer;
  color:#000000;
  font-family: 'Roboto', 'Trebuchet MS', sans-serif;
  font-size:14px;
  font-weight:normal;
  padding:10px 20px;
  text-decoration:none;
}
.botonExcel:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
  background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
  background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
  background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
  background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
  background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
  background-color:#dbdbdb;
}
.botonExcel:active {
  position:relative;
  top:1px;
}


/****** tablas de reporte anchas ******/
.div-reporte { overflow: auto; width: 99%; max-height: 600px; margin:3px; border:1px solid #eee;}
.div-reporte .tabla_borde TH { font-size:11px; table-layout: fixed; white-space: nowrap; padding:2px;}
.div-reporte .tabla_borde tr.impar { background-color: #F4F4F4; }
.div-reporte .tabla_borde tr.par {background-color: #FFFFDF; }


/*  pestañas tabulacion ***/

   /*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}

    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';

    }

    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }

        .tab-links a {
            padding:5px 15px;
            display:inline-block;
            border-radius:0px 15px 0px 0px;
            background:#FFCF63;
            text-decoration:none;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
            width:150px;;
        }

        .tab-links a:hover {
            background:#FFE4A8;
            text-decoration:none;
        }

    li.active a, li.active a:hover {
        background:#005FA9;
        color:#FFF;
    }

    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
    }

        .tab {
            display:none;
        }

        .tab.active {
            display:block;
        }




/***** julio 2016 *********/

.tabla_gasto { }

.tabla_gasto table {padding:0px;}

.contenedor-documentacion {float:left; margin:auto 3px; }
.contenedor-documentacion  IFRAME {width: 500px; height: 700px; margin:auto;  }
.contenedor-documentacion  IMG {width: 350px; height: auto; margin:auto;  }

body.revisar-doc .contenedor-documentacion  IMG {width: 40%; height: auto; margin:auto; clear:both; text-align:center;}


#autentificacion
{
    padding: 5px;
    width: 300px;
    margin: 20px auto;


    text-align: center;

}

#medio
{
    width: 294px;
    padding: 0px 15px 5px;
    margin: auto;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
}

/***************** INGRESO ******************/
body.login .formulario-form input[type=text], .formulario-form input[type=password], .formulario-form input[type=email], .formulario-form input[type=url], .formulario-form input[type=date], .formulario-form input[type=month], .formulario-form input[type=time], .formulario-form input[type=datetime], .formulario-form input[type=datetime-local], .formulario-form input[type=week], .formulario-form input[type=number], .formulario-form input[type=search], .formulario-form input[type=tel], .formulario-form input[type=color], .formulario-form select, .formulario-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



body.login .inputs
{
    background: #FFF;
    border: 1px solid #C8C8C8;
    color: #777;
    font: 13px Helvetica, Arial, sans-serif;
    margin: 5px 0 10px;
    padding: 15px 0px 15px 10px;
    width: 90%;
}
body.login .inputs:focus
{
    background-color: #FFF;
    border: 1px solid #0070C0;
    outline: none;
}



.ejemplo-rut {
    font-size: 9px;
    word-wrap: break-word;
    text-align: right;
    padding-right: 10px;
}
/***************** BTN INGRESO ***************/
.btn-ingresar
{
    background-color: #AF1D1D;
    border: 1px solid #CC0000;
    border-radius: 2px;
    display: block;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    margin:auto;

}
.btn-ingresar:hover
{
    background-color: #990000;
    color: #FFF;
}
.btn-ingresar:active
{
    position: relative;
    top: 1px;
}



.btn-descargar {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background: #006FB4 url(images/ico-download.png) no-repeat 4px center;
    background-color:#f9f9f9;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    font-size:11px;
    font-weight:500;
    padding:8px 15px 8px 25px;
    text-decoration:none;
}
.btn-descargar:hover {
    background-color:#e9e9e9;
}
.btn-descargar:active {
    position:relative;
    top:1px;
}


/******************/

.btn-actividad {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-image: url(images/todo-ico.svg);
    background-repeat: no-repeat;
    background-position: 4px center;
    background-size: 24px;
    background-color:#f9f9f9;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    font-size:11px;
    font-weight:500;
    padding:8px 15px 8px 35px;
    text-decoration:none;
}
.btn-actividad:hover {
    background-color:#e9e9e9;
}
.btn-actividad:active {
    position:relative;
    top:1px;
}



.btn-firmar {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:#ededed;
    background-image: url(images/signing-document.svg);
    background-repeat: no-repeat;
    background-position: 4px center;
    background-size: 24px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#777777;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    font-size:11px;
    font-weight:500;
    padding:8px 15px 8px 35px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.btn-firmar:hover {
    background-color:#dfdfdf;
}
.btn-firmar:active {
    position:relative;
    top:1px;
}




.btn-opciones {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:#f9f9f9;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
    font-size:11px;
    font-weight:500;
    padding:8px 15px 8px 25px;
    text-decoration:none;
}
.btn-opciones:hover {
    background-color:#e9e9e9;
}
.btn-opciones:active {
    position:relative;
    top:1px;
}

.btn-opciones-ver {
    background: url(images/visibility-button.png) no-repeat 4px center;
}

.btn-opciones-editar {
    background: url(images/edit.png) no-repeat 4px center;
}

.btn-opciones-continuar {
    background: url(images/foward.png) no-repeat 4px center;
}

.btn-opciones-continuar {
    background: url(images/foward.png) no-repeat 4px center;
}

.btn-opciones-eliminar {
    background: url(images/bin.png) no-repeat 4px center;
}

.col1 {float:left; width:100%;  margin: 8px auto; padding:3px; }
.col2 {float:left; width:50%;  margin: 8px auto; padding:3px; }
.col3 {float:left; width:30%;  margin: 8px auto; padding:3px; }
.col4 {float:left; width:25%;  margin: 8px auto;}

.col70 {width:70%;  margin: 8px auto; padding:3px; }

.centrado {text-align: center; margin:auto;}
.txt-der {text-align: right; float:right;}
.txt-izk {text-align: left;}
.inline {display: inline;}

/***************************************************************************************************************************************************************************************/

/************************************************************************************
MEDIA
************************************************************************************/
/* <980px */
@media screen and (max-width: 980px)
{
    #wrapper { width: 98%; min-width: auto; margin:auto; padding:0px; }
    #autentificacion { width: 100%;margin:auto; padding:0px;}
    #content { width: 100%; margin:auto;padding:0px;}
    #container-inner {width: 100%; margin:auto;padding:0px;}
    #caja-login { width: 100%; margin:auto; padding:0px;  text-align: center;}
    body.login #header-inner { background: url(images/logo-login.png?201702) center center no-repeat; height: 250px; width: auto; }
    body.login #content {   min-height: auto; border: none;}
    body.responsive #header-inner { background: url(images/logo-unab-res.png?201701) no-repeat center center; height: 90px;   }
   .ejemplo-rut {font-size: 9px;      text-align: center;    padding: 0px;}
    body.login form { width: 100%; height: auto; margin: auto;  }
    .dock-container {display:none;}

    body.responsive .contenedor-documentacion  {height: auto; width: 100%;  clear:both; background: url(/images/pdf-icon.png?201701) no-repeat center center;}

    body.responsive .contenedor-documentacion  IMG {width: 99%; height: auto; margin:auto;  }

    body.responsive .contenedor-documentacion  IFRAME {width: 99%; height: 500px; margin:auto;  }


    .fecha-actual { display:block;  }

    .yui-skin-sam .yuimenuitemlabel {  padding: 20px; font-size:14px;}

    .col1 { width:100%; text-align: center; }
    .col2 { width:100%; text-align: center; }
    .col3 { width:100%; text-align: center; }
    .col4 { width:100%; text-align: center; }

    .col70 {width:100%; }
}





.observacion { clear:both; background-color: #ffdddd; border-left: 8px solid #AF1D1D; margin-top:auto 20px; padding:10px; font-weight:bold;}
.observacion SPAN { font-weight: normal;}
.observaciones { font-weight: bold;}


.uai__alert {
    padding: 20px;
    color: white;
    margin: 20px;
}
.uai__alert__danger{
    background-color: #f44336;
}

.uai__alert__success{
    background-color: #4CAF50;
}

.uai__alert__info{
    background-color: #2196F3;
}

.uai__alert__warning{
    background-color: #ff9800;
}


.uai__alert__closebtn {
    margin-left: 15px;
    color: white;
    font-weight: 500;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.uai__alert__closebtn:hover {
    color: black;
}

 table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {

    background-position: center left;
}


/******************  CAJAS UAI Y MARCAS *********************************/

body.mod-viaticos #navigation-inner {   border-top: 5px solid #00A297;}
body.mod-accesos #navigation-inner {   border-top: 5px solid #6192B5;}
body.mod-convenio-contrato #navigation-inner {   border-top: 5px solid #F28E00;}
body.mod-otros-haberes #navigation-inner {   border-top: 5px solid #005FAA;}
body.mod-analisis-cuentas #navigation-inner {   border-top: 5px solid #CC0033;}
body.mod-logistica-gestion #navigation-inner {   border-top: 5px solid #49388D;}
body.mod-normativa #navigation-inner {   border-top: 5px solid #00AED9;}
body.mod-auditoria #navigation-inner {   border-top: 5px solid #892261;}
body.mod-viajes #navigation-inner {   border-top: 5px solid #CB5B78;}
body.mod-fondos-concursables #navigation-inner {   border-top: 5px solid #c19800;}
body.mod-actas #navigation-inner {   border-top: 5px solid teal;}

body.mod-viaticos .fa-taxi { color: #00A297;}
body.mod-accesos .fa-key { color: #6192B5;}
body.mod-convenio-contrato .fa-handshake { color: #F28E00;}
body.mod-otros-haberes .fa-money-bill-alt { color: #005FAA;}
body.mod-logistica-gestion .fa-cog { color: #49388D;}
body.mod-normativa .fa-book { color: #00AED9;}
body.mod-auditoria .fa-people-carry  {color:#892261;}
body.mod-viajes .fa-plane  {color:#CB5B78;}
body.mod-viajes .viajes-titulo .fa-plane  {color:#FFF;} 
body.mod-fondos-concursables .fa-hand-holding-usd  {color:#c19800;}
body.mod-analisis-cuenta .fa-clipboard { color: #8d1e81;}
body.mod-contrataciones .fa-file-contract { color: #888870;}
body.mod-repositorio .fa-history { color: teal;}

.dataTable { font-weight: 300; }
.ubicacion-uai { font-weight: 300; font-size: 30px;}
.ubicacion-viaticos {border-bottom:1px solid #00A297; width:100%;  min-width:450px; }
.ubicacion-accesos {border-bottom:1px solid #6192B5; width:100%; min-width:450px; }
.ubicacion-convenio-contrato {border-bottom:1px solid #F28E00; width:100%; min-width:450px; }
.ubicacion-otros-haberes {border-bottom:1px solid #005FAA; width:100%; min-width:450px; }
.ubicacion-logistica-gestion {border-bottom:1px solid #49388D; width:100%; min-width:450px; }
.ubicacion-normativa {border-bottom:1px solid #00AED9; width:100%; min-width:450px; }
.ubicacion-auditoria {border-bottom:1px solid #892261; width:100%; min-width:450px;}
.ubicacion-viajes {border-bottom:1px solid #CB5B78; width:100%; min-width:450px;}
.ubicacion-fondos-concursables {border-bottom:1px solid #c19800; width:25%; min-width:450px;}
.ubicacion-repositorio {border-bottom:1px solid teal; width:100%; min-width:450px;}

.ubicacion-analisis-cuenta {border-bottom:2px solid #8d1e81; width:35%; min-width:450px; }

.ubicacion-contrataciones {border-bottom:2px solid #888870; width:25%; min-width:550px;}

.dataTables_length { margin:10px auto;}


body.mod-viaticos .dataTable {border-top:5px solid #00A297; margin-top:20px;}
/* body.mod-viaticos .dataTable thead {background-color: #00A297; color: #FFF;}*/

body.mod-accesos .dataTable {border-top:5px solid #6192B5;  margin-top:20px;}
/* body.mod-accesos .dataTable thead {background-color: #6192B5;}*/

body.mod-convenio-contrato .dataTable {border-top:5px solid #F28E00;  margin-top:20px;}
body.mod-otros-haberes .dataTable {border-top:5px solid #005FAA;  margin-top:20px;}
body.mod-logistica-gestion .dataTable {border-top:5px solid #49388D;  margin-top:20px;}
body.mod-normativa .dataTable {border-top:5px solid #00AED9;  margin-top:20px;}
body.mod-auditoria .dataTable {border-top:5px solid #892261;  margin-top:20px;}
body.mod-viajes .dataTable {border-top:5px solid #CB5B78;  margin-top:20px;}
body.mod-fondos-concursables .dataTable { border-top: 5px solid #c19800; margin-top: 20px;}
body.mod-analisis-cuenta .dataTable {border-top:5px solid #8d1e81;  margin-top:20px;}
body.mod-contrataciones .dataTable {border-top:5px solid #888870;  margin-top:20px;}
body.mod-repositorio .dataTable {border-top:5px solid teal;  margin-top:20px;}

.caja-uai { display: inline-block; color: #FFFFFF;  font-family: 'Roboto', 'Trebuchet MS', sans-serif;  font-size: 13px; font-weight: 500;  width: 300px; height: 175px; padding: 0px; margin: 15px 5px;}


.icono-caja-uai {   float: left;    width: 30%; height: 175px;  padding: 10px;  color:#FFF;}
.info-caja-uai{ float: left;    width: 65%; color:#FFF;}
.actividades-caja-uai{  width: 100%;    height: 90px;   padding: 10px;}
.solicitudes-caja-uai{  width: 85%; height: 60px;   padding: 10px;}
.dato-caja-uai{ font-size: 44px; color: #FFF; text-decoration:none;}
.urgente-caja-uai{  color: #FDE91B; padding: 10px;text-decoration:none;}
/***********/

#tabs .ui-tabs-nav * {outline: none;}

body.mod-viaticos  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #00A297;
    background: #00A297;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}


body.mod-accesos  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #6192B5;
    background: #6192B5;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}

body.convenio-contrato  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #F28E00;
    background: #F28E00;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}


body.mod-logistica-gestion  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #49388D;
    background: #49388D;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}

body.mod-normativa  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #00AED9;
    background: #00AED9;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}


body.mod-auditoria  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #892261;
    background: #892261;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}


body.mod-viajes  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #CB5B78;
    background: #CB5B78;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}

body.ubicacion-fondos-concursables  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #c19800;
    background: #c19800;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}


body.ubicacion-contrataciones  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #888870;
    background: #888870;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}

body.ubicacion-repositorio  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #408080;
    background: teal;
    font-weight: normal;
    color: #ffffff;
    outline: none;
    outline-style: none;
}


/* ACCESOS */
.color-caja-uai-1
{
    -moz-box-shadow: inset 0px 1px 0px 0px #20bfb2;
    -webkit-box-shadow: inset 0px 1px 0px 0px #20bfb2;
    box-shadow: inset 0px 1px #20BFB2;
    background-color: #00A297;
    border: 1px solid #0D8F84;
    color: #00A297;
}
.color-caja-uai-1 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #00A297; clear: both; padding: 5px;}
.color-caja-uai-1 hr {  border-top: 1px solid #20bfb2;  border-bottom: 1px solid #0D8F84; border-left: none; border-right: none}


/* VI�TICOS */
.color-caja-uai-2
{
    -moz-box-shadow: inset 0px 1px 0px 0px #91B3CB;
    -webkit-box-shadow: inset 0px 1px 0px 0px #91B3CB;
    box-shadow: inset 0px 1px #91B3CB;
    background-color: #6192B5;
    border: 1px solid #3F6785;
    color: #6192B5;
}
.color-caja-uai-2 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #6192B5; clear: both; padding: 5px;}
.color-caja-uai-2 hr {  border-top: 1px solid #91B3CB;  border-bottom: 1px solid #3F6785; border-left: none; border-right: none}


/* CONVENIOS Y CONTRATOS */
.color-caja-uai-3
{
    -moz-box-shadow: inset 0px 1px 0px 0px #FFB755;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FFB755;
    box-shadow: inset 0px 1px #FFB755;
    background-color: #F28E00;
    border: 1px solid #C17000;
    color: #F28E00;
}
.color-caja-uai-3 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #F28E00; clear: both; padding: 5px;}
.color-caja-uai-3 hr {  border-top: 1px solid #FFB755;  border-bottom: 1px solid #C17000; border-left: none; border-right: none}


/* OTROS HABERES */
.color-caja-uai-4
{
    -moz-box-shadow: inset 0px 1px 0px 0px #4D8FC4;
    -webkit-box-shadow: inset 0px 1px 0px 0px #4D8FC4;
    box-shadow: inset 0px 1px #4D8FC4;
    background-color: #005FAA;
    border: 1px solid #00457D;
    color:#005FAA;

}
.color-caja-uai-4 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #005FAA; clear: both; padding: 5px;}
.color-caja-uai-4 hr {  border-top: 1px solid #4D8FC4;  border-bottom: 1px solid #00457D; border-left: none; border-right: none}


/* AN�LISIS DE CUENTAS */
.color-caja-uai-5
{
    -moz-box-shadow: inset 0px 1px 0px 0px #F76672;
    -webkit-box-shadow: inset 0px 1px 0px 0px #F76672;
    box-shadow: inset 0px 1px #F76672;
    background-color: #CC0033;
    border: 1px solid #990000;
    color: #CC0033;
}
.color-caja-uai-5 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #CC0033; clear: both; padding: 5px;}
.color-caja-uai-5 hr {  border-top: 1px solid #F76672;  border-bottom: 1px solid #990000; border-left: none; border-right: none}


/* NORMATIVA*/
.color-caja-uai-6
{
    -moz-box-shadow: inset 0px 1px 0px 0px #4DC6E4;
    -webkit-box-shadow: inset 0px 1px 0px 0px #4DC6E4;
    box-shadow: inset 0px 1px #4DC6E4;
    background-color: #00AED9;
    border: 1px solid #0085A6;
    color: #00AED9;
}
.color-caja-uai-6 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #00AED9; clear: both; padding: 5px;}
.color-caja-uai-6 hr {  border-top: 1px solid #4DC6E4;  border-bottom: 1px solid #0085A6; border-left: none; border-right: none}

/* GESTIÓN DE CAMBIO DE NOMBRE*/
.color-caja-uai-18
{
    -moz-box-shadow: inset 0px 1px 0px 0px #B6D333;
    -webkit-box-shadow: inset 0px 1px 0px 0px #B6D333;
    box-shadow: inset 0px 1px #CFEF40;
    background-color: #94AB2D;
    border: 1px solid #56660D;
    color: #94AB2D;
}
.color-caja-uai-18 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #94AB2D; clear: both; padding: 5px;}
.color-caja-uai-18 hr {  border-top: 1px solid #CFEF40;  border-bottom: 1px solid #56660D; border-left: none; border-right: none}



/* Nombre del Modulo */
.color-caja-uai-7
{
    -moz-box-shadow: inset 0px 1px 0px 0px #B564C9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #B564C9;
    box-shadow: inset 0px 1px #B564C9;
    background-color: #9521B2;
    border: 1px solid #663399;
    color: #9521B2;
}
.color-caja-uai-7 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #9521B2; clear: both; padding: 5px;}
.color-caja-uai-7 hr {  border-top: 1px solid #B564C9;  border-bottom: 1px solid #663399; border-left: none; border-right: none}


/* Nombre del Modulo */
.color-caja-uai-8
{
    -moz-box-shadow: inset 0px 1px 0px 0px #AAA19B;
    -webkit-box-shadow: inset 0px 1px 0px 0px #AAA19B;
    box-shadow: inset 0px 1px #AAA19B;
    background-color: #857870;
    border: 1px solid #665B55;
    color: #857870;
}
.color-caja-uai-8 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #857870; clear: both; padding: 5px;}
.color-caja-uai-8 hr {  border-top: 1px solid #AAA19B;  border-bottom: 1px solid #665B55; border-left: none; border-right: none}


/* Nombre del Modulo */
.color-caja-uai-9
{
    -moz-box-shadow: inset 0px 1px 0px 0px #998BD1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #998BD1;
    box-shadow: inset 0px 1px #998BD1;
    background-color: #49388D;
    border: 1px solid #31255F;
    color: #49388D;
}
.color-caja-uai-9 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #49388D; clear: both; padding: 5px;}
.color-caja-uai-9 hr {  border-top: 1px solid #998BD1;  border-bottom: 1px solid #31255F; border-left: none; border-right: none}


/* Nombre del Modulo */
.color-caja-uai-10
{
    -moz-box-shadow: inset 0px 1px 0px 0px #BFE3DB;
    -webkit-box-shadow: inset 0px 1px 0px 0px #BFE3DB;
    box-shadow: inset 0px 1px #BFE3DB;
    background-color: #6DC1AB;
    border: 1px solid #3A8976;
    color:#6DC1AB;

}
.color-caja-uai-10 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #6DC1AB; clear: both; padding: 5px;}
.color-caja-uai-10 hr { border-top: 1px solid #BFE3DB;  border-bottom: 1px solid #3A8976; border-left: none; border-right: none}


/* Nombre del Modulo */
.color-caja-uai-11
{
    -moz-box-shadow: inset 0px 1px 0px 0px #FFD93E;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FFD93E;
    box-shadow: inset 0px 1px #FFD93E;
    background-color: #C19800;
    border: 1px solid #755E00;
    color: #C19800;
}
.color-caja-uai-11 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #C19800; clear: both; padding: 5px;}
.color-caja-uai-11 hr { border-top: 1px solid #FFD93E;  border-bottom: 1px solid #755E00; border-left: none; border-right: none}


/* Nombre del Modulo */
.color-caja-uai-12
{
    -moz-box-shadow: inset 0px 1px 0px 0px #F2B7BD;
    -webkit-box-shadow: inset 0px 1px 0px 0px #F2B7BD;
    box-shadow: inset 0px 1px #F2B7BD;
    background-color: #E56B78;
    border: 1px solid #981B27;
    color: #E56B78;
}
.color-caja-uai-12 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #E56B78; clear: both; padding: 5px;}
.color-caja-uai-12 hr { border-top: 1px solid #F2B7BD;  border-bottom: 1px solid #981B27; border-left: none; border-right: none}


/* AUDITORIA INTERNA */



.color-caja-uai-13
{
    -moz-box-shadow: inset 0px 1px 0px 0px #F76672;
    -webkit-box-shadow: inset 0px 1px 0px 0px #F76672;
    box-shadow: inset 0px 1px #F2B7BD;
    background-color: #892261;
    border: 1px solid #981B27;
    color: #892261;
}
.color-caja-uai-13 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #892261; clear: both; padding: 5px;}
.color-caja-uai-13 hr { border-top: 1px solid #C8318B;  border-bottom: 1px solid #C8318B; border-left: none; border-right: none}



/* AUDITORIA VIAJES */

.color-caja-uai-14
{
    -moz-box-shadow: inset 0px 1px 0px 0px #b54b3a;
    -webkit-box-shadow: inset 0px 1px 0px 0px #b54b3a;
    box-shadow: inset 0px 1px #b54b3a;
    background-color: #a73f2d;
    border: 1px solid #8C3526;
    color: #CB5B78;
}
.color-caja-uai-14 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #8C3526; clear: both; padding: 5px;}
.color-caja-uai-14 hr { border-top: 1px solid #b54b3a; border-bottom: 1px solid #8C3526; border-left: none; border-right: none; }




/* Fondos 1 */
.color-caja-uai-15
{
    -moz-box-shadow: inset 0px 1px 0px 0px #fdd54d;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fdd54d;
    box-shadow: inset 0px 1px #fdd54d;
    background-color: #c19800;
    border: 1px solid #a6850a;
    color: #c19800;
}
.color-caja-uai-15 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #c19800; clear: both; padding: 5px;}
.color-caja-uai-15 hr { border-top: 1px solid #fdd54d;  border-bottom: 1px solid #a6850a; border-left: none; border-right: none}



/* Fondos 2 */
.color-caja-uai-16
{
    -moz-box-shadow: inset 0px 1px 0px 0px #fdd54d;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fdd54d;
    box-shadow: inset 0px 1px #fdd54d;
    background-color: #b75e12;
    border: 1px solid #904c13;
    color: #b75e12;
}
.color-caja-uai-16 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #b75e12; clear: both; padding: 5px;}
.color-caja-uai-16 hr { border-top: 1px solid #fdd54d;  border-bottom: 1px solid #904c13; border-left: none; border-right: none}




/* Análisis de Cuentas */
.color-caja-uai-17
{
  -moz-box-shadow: inset 0px 1px 0px 0px #F2B7BD;
  -webkit-box-shadow: inset 0px 1px 0px 0px #F2B7BD;
  box-shadow: inset 0px 1px #F2B7BD;
  background-color: #67296D;
  border: 1px solid #461C4A;
  color: #67296D;
}
.color-caja-uai-17 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #67296D; clear: both; padding: 5px;}
.color-caja-uai-17 hr { border-top: 1px solid #F2B7BD;  border-bottom: 1px solid #461C4A; border-left: none; border-right: none}


/* REPOSITORIO ACTAS */

.color-caja-uai-17
{
    -moz-box-shadow: inset 0px 1px 0px 0px #F76672;
    -webkit-box-shadow: inset 0px 1px 0px 0px #F76672;
    box-shadow: inset 0px 1px #78AA36;
    background-color: teal;
    border: 1px solid #006600;
    color: #FFF;
}
.color-caja-uai-17 .nombre-caja-uai { width: 100%; height: auto; border: 1px solid teal; clear: both; padding: 5px; color: teal;}
.color-caja-uai-17 hr { border-top: 1px solid #78AA36;  border-bottom: 1px solid #006600; border-left: none; border-right: none}
.color-caja-uai-17 h3 {color: white;}
/******************************************/



/* CAJA del finanzas administracion */
.color-caja-uai-finanzas
{
    -moz-box-shadow: inset 0px 1px 0px 0px #4DC6E4;
    -webkit-box-shadow: inset 0px 1px 0px 0px #4DC6E4;
    box-shadow: inset 0px 1px #4DC6E4;
    background-color: #00AED9;
    border: 1px solid #0085A6;
    color: #00AED9;
    text-align:center;
}

.color-caja-uai-finanzas .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #00AED9; clear: both; padding: 5px; text-align:left;}
.color-caja-uai-finanzas .nombre-caja-uai a { text-decoration:none; font-weight: 500; color: #00AED9;}
.color-caja-uai-finanzas hr {   border-top: 1px solid #4DC6E4;  border-bottom: 1px solid #0085A6; border-left: none; border-right: none}
.color-caja-uai-finanzas h3 {color: #FFF;}


/* CAJA del Omega */
.color-caja-uai-omega
{
    -moz-box-shadow: inset 0px 1px 0px 0px #BFE3DB;
    -webkit-box-shadow: inset 0px 1px 0px 0px #BFE3DB;
    box-shadow: inset 0px 1px #BFE3DB;
    background-color: #6DC1AB;
    border: 1px solid #3A8976;
    color:#6DC1AB;
    text-align:center;
}

.color-caja-uai-omega .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #6DC1AB; clear: both; padding: 5px; text-align:left;}
.color-caja-uai-omega .nombre-caja-uai a { text-decoration:none; font-weight: 500; color:#6DC1AB;}
.color-caja-uai-omega hr {  border-top: 1px solid #BFE3DB;  border-bottom: 1px solid #3A8976; border-left: none; border-right: none}

.ico_omega_blanco {background: url(/images/omega_blanco.svg) center 2px  no-repeat;    }
.centra-caja {padding-top:35px; text-align:center; width:100%;}
.color-caja-uai-omega h3 {color: #FFF;}


/* CAJA Personas */
.color-caja-uai-personas
{
    -moz-box-shadow: inset 0px 1px 0px 0px #4DC6E4;
    -webkit-box-shadow: inset 0px 1px 0px 0px #4DC6E4;
    box-shadow: inset 0px 1px #F2959C;
    background-color: #E62D3A;
    border: 1px solid #9F131E;
    color: #E62D3A;
    text-align:center;
}

.color-caja-uai-personas .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #E62D3A; clear: both; padding: 5px; text-align:left;}
.color-caja-uai-personas .nombre-caja-uai a { text-decoration:none; font-weight: 500; color: #E62D3A;}
.color-caja-uai-personas hr {   border-top: 1px solid #F2959C;  border-bottom: 1px solid #9F131E; border-left: none; border-right: none}
.color-caja-uai-personas h3 {color: #FFF;}


/* CAJA Contrataciones */
.color-caja-uai-contrataciones
{
    -moz-box-shadow: inset 0px 1px 0px 0px #4DC6E4;
    -webkit-box-shadow: inset 0px 1px 0px 0px #4DC6E4;
    box-shadow: inset 0px 1px #A3A38F;
    background-color: #888870;
    border: 1px solid #6B6B58;
    color: #888870;
    text-align:center;
}

.color-caja-uai-contrataciones .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #6B6B58; clear: both; padding: 5px; text-align:left;}
.color-caja-uai-contrataciones .nombre-caja-uai a { text-decoration:none; font-weight: 500; color: #6B6B58;}
.color-caja-uai-contrataciones hr {   border-top: 1px solid #A3A38F;  border-bottom: 1px solid #6B6B58; border-left: none; border-right: none}
.color-caja-uai-contrataciones h3 {color: #FFF;}

/* ACCESO A WORKFLOW / INCIDENCIAS */
.color-caja-uai-wf
{
    -moz-box-shadow: inset 0px 1px 0px 0px #20bfb2;
    -webkit-box-shadow: inset 0px 1px 0px 0px #20bfb2;
    box-shadow: inset 0px 1px #FF99FF;
    background-color: #A971AE;
    border: 1px solid #82368A;
    color: #A971AE;
}
.color-caja-uai-wf .nombre-caja-uai { width: 100%; height: auto; border: 1px solid #A971AE; clear: both; padding: 5px;}
.color-caja-uai-wf hr { border-top: 1px solid #FF99FF;  border-bottom: 1px solid #82368A; border-left: none; border-right: none}


/******************************************/

.viajes-icons {}




/***** PERFILES UAI ******/
.seccion-cajas-perfil
{
    display: block;
    flex-wrap: nowrap;
}
.caja-perfil
{
    color: #666;
    font-weight: 300;
    width: 500px;
    float: left;
    height: auto;
    margin: 3px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    background: #DDD;
    border: 1px solid #666;
}

.caja-perfil .cabecera-caja a:link {color: blue; padding-left: 10px;}
.caja-perfil .cabecera-caja a:visited {color: blue; padding-left: 10px;}
.caja-perfil .cabecera-caja a:active {color: blue; padding-left: 10px;}

.caja-perfil .cabecera-caja
{
    background: #CCC;
    border-bottom: 1px solid #666;
    font-size: 16px;
    padding:3px;
    font-weight: 400;
}
.caja-perfil:hover {-webkit-transition: 0.3s;   transition: 0.3s;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);}

.caja-perfil a:link {color:white;}
.caja-perfil a:hover {color:#eee;}
.caja-perfil a:visited {color:#DDD;}


.caja-perfil SPAN
{
    font-weight: 300;
    display:block;
    float:left;
    padding:3px;
}

/* Tabla */
.tabla-caja-perfil {font-size: 14px; border-collapse: collapse; text-align:left; }
.tabla-caja-perfil th {padding:3px; font-size:12px; }
.tabla-caja-perfil td {padding:10px; border-left:1px solid #86959C;  }
.tabla-caja-perfil .fa-exclamation-triangle {color:red;}



/**************Cajas DOCUMENTOS *****************/

.contenedor-documentos-uai {padding:10px; width: 25%; float:left;}
.caja-documentos-uai {border: 1px solid #999; width: 100%; text-align: center; padding:10px; }
.caja-documentos-uai H1, H2 {line-height: 2em;}
.caja-documentos-uai p {border: 1px solid #FFF; height: 100px; overflow:auto; margin:10px 0px; text-align: left;  }

.caja-documentos-uai .fa-file,
.caja-documentos-uai .fa-file-pdf,
.caja-documentos-uai .fa-file-word,
.caja-documentos-uai .fa-file-image {color:#CCC;}

/**************Cajas ARCHIVOS *****************/

.seccion-archivos-uai {display:block; }
.seccion-archivos-uai .caja-archivos-uai {width: 200px; height: 100px; float:left; margin:3px; border: 1px solid #999; text-align: center; padding:10px; }
.seccion-archivos-uai .caja-archivos-uai a {text-decoration: none; }

/********************************************/

ul#usuarios{
    list-style-type:none;
    list-style-image:url('/images/close_btn.png');
    width: 325px;
    margin-left: 0;
}
#usuarios li{
    padding: 3px;
    background: #cce5ff;
    margin: 3px;
    cursor: pointer;
    background-position:right;
    text-align:left;
}

/* autocomplete con jQuery */
.z_input_z_autocomplete{
    color:#222;
    background: url(images/iconos.gif?v=20111228)  no-repeat left  -500px;
    padding-left:18px;
}
.z_autocomplete {
    display:none;
    position: absolute;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 5px;
    height: 400px;
    overflow: auto;
    border: 1px solid #babdbe;
    min-width: 330px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    overflow: auto;
    background: #ffffff;
}

.z_autocomplete ul{
    background: #ffffff;
    list-style-type:none;
    width: 100%;
    margin-left: 0;
}

.z_autocomplete li{
    font: 100 12px/1.5 Helvetica, Verdana, sans-serif;
    background: white; /*#eceff1;*/
    cursor: pointer;
    padding: 2px;
    margin: 2px;
}
.z_autocomplete li:hover{
    background-color: #0288d1;
}

.z_autocomplete_no-result{
    display: none;
    background:#fff176;
    height: 25px;
    width: 100%;
    padding: 5px;
}

.z_autocomplete_error{
    display: none;
    background: red;
    color: white;;
    height: 25px;
    width: 100%;
    padding: 5px;
}

/************************************************** TABLA UAI **********************************/

/* Tabla que se usa para los formularios tanto de creación de documentos como de mantenedores */
.tabla-formulario {
   /* table-layout:fixed; Permite hacer wrap (justificar) la tabla, se debe colocar word-wrap:break-word al td*/
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    border:1px solid #ccc;
   width: 100%; 

}
.tabla-formulario td {
    padding: 4px;
    border: 1px solid #999999;
    border-width: 0 0 1px 0;
    word-wrap: break-word;
}

.tabla-formulario th { border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla-formulario tr.par { }
.tabla-formulario tr.impar { }

.tabla-formulario thead .titulo { font-size: 1.2em; }

.tabla-formulario thead {
    background: #222; /*url(images/content_table_title.jpg) repeat-x;*/
    color: #FFF;
    font-size: 1.05em;
    font-weight: 400;
    text-align: left;
}

.tabla-formulario thead th { border-color: #333333; }
.tabla-formulario thead td,
.tabla-formulario thead th {padding: 2px 3px; font-weight: 400; }


.tabla-formulario tfoot td,
.tabla-formulario tfoot th { background-color: #bbb; font-weight: 400; }

.tabla-formulario thead a { font-weight: 300; color:#FFF; }
.tabla-formulario a { text-decoration: none; font-weight: 300; }
.tabla-formulario a:hover { text-decoration: underline; }
.tabla-formulario td h3 {/* color:red;*/}

.tabla-formulario div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }





/************* Tabla que se usa para los listados que se obtienen de las busquedas. */

.tabla-listado {
   /* table-layout:fixed; Permite hacer wrap (justificar) la tabla, se debe colocar word-wrap:break-word al td*/
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    border:1px solid #ccc;
   /* width: 100%; */
}
.tabla-listado td {
    padding: 4px;
    border: 1px solid #999999;
    border-width: 0 0 1px 0;
    word-wrap: break-word;
}

.tabla-listado th { border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla-listado tr.par { }
.tabla-listado tr.impar { }

.tabla-listado thead .titulo {
    font-size: 1.2em;
}

.tabla-listado thead {
    background: #222; /*url(images/content_table_title.jpg) repeat-x;*/
    color: #FFF;
    font-size: 1.05em;
    font-weight: 400;
    text-align: left;
}

.tabla-listado thead th { border-color: #333333; }
.tabla-listado thead td,
.tabla-listado thead th {
    padding: 2px 3px;
    font-weight: 400;
}


.tabla-listado tfoot td,
.tabla-listado tfoot th {
    background-color: #bbb; font-weight: 400;
}

.tabla-listado thead a { font-weight: 300; color:#FFF; }
.tabla-listado a { text-decoration: none; font-weight: 300; }
.tabla-listado a:hover { text-decoration: underline; }
.tabla-listado td h3 {/* color:red;*/}

.tabla-listado div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }



/************* abla que se usa para los filtros y busquedas.. */
.tabla-filtro {
   /* table-layout:fixed; Permite hacer wrap (justificar) la tabla, se debe colocar word-wrap:break-word al td*/
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    border:1px solid #ccc;
   /* width: 100%; */

}
.tabla-filtro td {
    padding: 4px;
    border: 1px solid #999999;
    border-width: 0 0 1px 0;
    word-wrap: break-word;
}

.tabla-filtro th { border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla-filtro tr.par { }
.tabla-filtro tr.impar { }

.tabla-filtro thead .titulo { font-size: 1.2em; }

.tabla-filtro thead {
    background: #222; /*url(images/content_table_title.jpg) repeat-x;*/
    color: #FFF;
    font-size: 1.05em;
    font-weight: 400;
    text-align: left;
}

.tabla-filtro thead th { border-color: #333333; }
.tabla-filtro thead td,
.tabla-filtro thead th {padding: 2px 3px; font-weight: 400; }


.tabla-filtro tfoot td,
.tabla-filtro tfoot th { background-color: #bbb; font-weight: 400; }

.tabla-filtro thead a { font-weight: 300; color:#FFF; }
.tabla-filtro a { text-decoration: none; font-weight: 300; }
.tabla-filtro a:hover { text-decoration: underline; }
.tabla-filtro td h3 {/* color:red;*/}

.tabla-filtro div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }

/**********/

.tabla-documento-encabezado {width: 100%; }
.tabla-documento-encabezado {background-color: #FFF;    border-collapse: collapse;    font-size: 0.8em;    border:1px solid #ccc; }
.tabla-documento-encabezado td {     padding: 4px;     border: 1px solid #999999;     border-width: 0 0 1px 0;     }


/*************************/
.tabla-documento-detalle {}

.tabla-documento-detalle {
   /* table-layout:fixed; Permite hacer wrap (justificar) la tabla, se debe colocar word-wrap:break-word al td*/
    margin: 4px auto 1px auto;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    border:1px solid #ccc;
   /* width: 100%; */

}
.tabla-documento-detalle td {
    padding: 4px;
    border: 1px solid #999999;
    border-width: 0 0 1px 0;
    word-wrap: break-word;
}

.tabla-documento-detalle th { border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla-documento-detalle tr.par { }
.tabla-documento-detalle tr.impar { }

.tabla-documento-detalle thead .titulo { font-size: 1.2em; }

.tabla-documento-detalle thead {
    background: #222; /*url(images/content_table_title.jpg) repeat-x;*/
    color: #FFF;
    font-size: 1.05em;
    font-weight: 400;
    text-align: left;
}

.tabla-documento-detalle thead th { border-color: #333333; }
.tabla-documento-detalle thead td,
.tabla-documento-detalle thead th {padding: 2px 3px; font-weight: 400; }


.tabla-documento-detalle tfoot td,
.tabla-documento-detalle tfoot th { background-color: #bbb; font-weight: 400; }

.tabla-documento-detalle thead a { font-weight: 300; color:#FFF; }
.tabla-documento-detalle a { text-decoration: none; font-weight: 300; }
.tabla-documento-detalle a:hover { text-decoration: underline; }
.tabla-documento-detalle td h3 {/* color:red;*/}

.tabla-documento-detalle div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }

.error_validacion {
    border: 1px solid red;
    border-radius: 0px;
}

/************/



.tabla-edicion-tabla {
   /* table-layout:fixed; Permite hacer wrap (justificar) la tabla, se debe colocar word-wrap:break-word al td*/
    margin: 4px 0px 1px 0px;
    background-color: #FFF;
    border-collapse: collapse;
    font-size: 0.9em;
    border:1px solid #ccc;
    width: 100%; 
}
.tabla-edicion-tabla td {
    padding: 4px;
    border: 1px solid #999999;
    border-width: 0 0 1px 0;
    word-wrap: break-word;
}

.tabla-edicion-tabla th { border: 1px solid #999999; border-width: 0 0 1px 0; }
.tabla-edicion-tabla tr.par { }
.tabla-edicion-tabla tr.impar { }

.tabla-edicion-tabla thead .titulo {
    font-size: 1.2em;
}

.tabla-edicion-tabla thead {
    background: #222; /*url(images/content_table_title.jpg) repeat-x;*/
    color: #FFF;
    font-size: 1.05em;
    font-weight: 400;
    text-align: left;
}

.tabla-edicion-tabla thead th { border-color: #333333; }
.tabla-edicion-tabla thead td,
.tabla-edicion-tabla thead th {
    padding: 12px 3px;
    font-weight: 500;
}


.tabla-edicion-tabla tfoot td,
.tabla-edicion-tabla tfoot th {
    background-color: #bbb; font-weight: 500;
}

.tabla-edicion-tabla thead a { font-weight: 300; color:#FFF; }
.tabla-edicion-tabla a { text-decoration: none; font-weight: 300; }
.tabla-edicion-tabla a:hover { text-decoration: underline; }
.tabla-edicion-tabla td h3 {/* color:red;*/}

.tabla-edicion-tabla div.notice  { margin: 4px 0; width: auto; padding-top: 5px; padding-bottom: 5px; }






/******************** TAB *******/


/* TABS PANTALLA PRINCIPAL */

.tab-puntilla {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}


.tab-puntilla button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 36px;
    transition: 0.3s;
    font-size: 17px;
    color:#FFF;
}


.tab-puntilla button:hover {
    background-color: #ddd;
}


.tab-puntilla button.active {
    background-color:#ccc;
}


.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

h3 a:link {color:blue; margin-top:5px;}
h3 a:hover {color:teal;}
h3 a:visited {color:blue;}

/* TABS HASTA AQUI*/

/*********** PAGINADOR *********/
.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.pagination a.active {
    background-color: #222;
    color: white;
    border: 1px solid #CCC;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
.pagination span {padding:10px;  display:inline-block;}

/************  BUSCAR ************/

.barra-buscar {
  overflow: hidden;
 float:right;

}

.barra-buscar a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.barra-buscar a:hover {
  background-color: #ddd;
  color: black;
}

.barra-buscar a.active {
  background-color: #2196F3;
  color: white;
}

.barra-buscar .search-container {
  float: right;
  
}

.barra-buscar input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;  border:1px solid #ccc;
}

.barra-buscar .search-container button {
  float: right;
  padding: 8px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 14px;
  border: 1px solid #CCC;
  cursor: pointer;
}

.barra-buscar .search-container button:hover {
  background: #ccc;
}




/***************************************************************************************************************************************************************************************/

/************************************************************************************
MEDIA
************************************************************************************/
/* <980px */
@media screen and (max-width: 980px)
{
    #wrapper { width: 98%; min-width: auto; margin:auto; padding:0px; }
    #autentificacion { width: 100%;margin:auto; padding:0px;}
    #content { width: 100%; margin:auto;padding:0px;}
    #container-inner {width: 100%; margin:auto;padding:0px;}
    #caja-login { width: 100%; margin:auto; padding:0px;  text-align: center;}
    body.login #header-inner { background: url(images/logo-login.png?201702) center center no-repeat; height: 250px; width: auto; }
    body.login #content {   min-height: auto; border: none;}
    body.responsive #header-inner { background: url(images/logo-unab-res.png?201701) no-repeat center center; height: 90px;   }
   .ejemplo-rut {font-size: 9px;      text-align: center;    padding: 0px;}
    body.login form { width: 100%; height: auto; margin: auto;  }
    .dock-container {display:none;}

    body.responsive .contenedor-documentacion  {height: auto; width: 100%;  clear:both; background: url(/images/pdf-icon.png?201701) no-repeat center center;}

    body.responsive .contenedor-documentacion  IMG {width: 99%; height: auto; margin:auto;  }

    body.responsive .contenedor-documentacion  IFRAME {width: 99%; height: 500px; margin:auto;  }


    .fecha-actual { display:block;  }

    .yui-skin-sam .yuimenuitemlabel {  padding: 20px; font-size:14px;}

    .col1 { width:100%; text-align: center; }
    .col2 { width:100%; text-align: center; }
    .col3 { width:100%; text-align: center; }
    .col4 { width:100%; text-align: center; }

    .col70 {width:100%; }
}


@media screen and (max-width: 600px)
{

.ubicacion-viaticos {border-bottom:2px solid #00A297; min-width:99%; }
.ubicacion-accesos {border-bottom:2px solid #6192B5; min-width:99%; }
.ubicacion-convenio-contrato {border-bottom:2px solid #F28E00; min-width:99%; }
.ubicacion-otros-haberes {border-bottom:2px solid #005FAA; min-width:99%; }
.ubicacion-logistica-gestion {border-bottom:2px solid #49388D; min-width:99%; }
.ubicacion-normativa {border-bottom:2px solid #00AED9; min-width:99%; }
.ubicacion-auditoria {border-bottom:2px solid #CB5B78; min-width:99%; }
.ubicacion-contrataciones {border-bottom:2px solid #CB5B78; min-width:99%; }
}


.indicador {
    background: red;
    border-radius: 50%;
    padding: 2px 6px;
    color: #FFF;
    margin-left: 10px;
}


/*
@media screen and (max-width: 480px)
{
    #wrapper { width: 100%; min-width: 100%; margin:auto; padding:0px; border:1px solid blue;}
    #autentificacion { width: 90%;margin:auto; padding:0px;}
    #content { width: 100%; margin:auto;padding:0px;}
    #container-inner {width: 100%; margin:auto;padding:0px;}
    #caja-login { width: 100%; margin:auto; padding:0px; border:1px solid blue;}

}
*/

/* 08/10/2018 */

/* Ventana Modal */


/* The Modal (background) */
.uai__func_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.uai__func_modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}

/* The Close Button */
.uai__func_modal-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.uai__func_modal-close:hover,
.uai__func_modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/*******************/
.div_lista_usuarios { overflow:auto; clear:both;}
.div_lista_iconos { float:right;}

.func-ico{
    padding-top: 10px;
    cursor: pointer;
}
.div_lista_nombre {
    float:left;
    padding: 7px;
    background: #cce5ff;
    margin: 3px;
    background-position: right;
    text-align: left;
    width: 96%;
    height: 25px;
}

.indicador {
    background: red;
    border-radius: 50%;
    padding: 2px 6px;
    color: #FFF;
    margin-left: 10px;
}

#aviso_sistema{
    background: #ff5252;
    padding: 5px;
    margin: 5px;
    position: absolute;
    top: 0px;
    right: 5px;
    height: 25px;
    width: 250px;
    z-index: 1000;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: white;
    font-family: 'Roboto', 'Trebuchet MS', sans-serif;
}


/* AUDITORIA - PERIODO CRITICO */

.auditoria__periodo_critico{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}

.auditoria__div_mes{
    border-top: 5px solid #892261;
    width: 100%;
    font-size: large;
    background: #222;
    text-align: center;
    /*margin-right: 1px;
    margin-left: 1px;*/
    color: white;
}

.auditoria__div_mes p {
    font-size: 0.8em;
    text-align: center;
    margin: 0px;
}

.auditoria__div_semanas{
    float: left;
    margin: 0 !important;
}

.auditoria__num_semanas{
    width: 50px;
    border-color: black;
    background-color:#CCC !important;
    float: left;
    font-weight: bold;
    font-size: medium;
    color: black;
    margin: 1px;
    text-align: center;
    height: 30px;
    vertical-align: middle;
    display: table-cell;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-collapse: collapse;
}

.auditoria_periodo_critico_sel{
    border-left:1px solid #999;
    border-right:1px solid #999;
    background: url(/images/achurado.png)!important;
    border-collapse: collapse;
}

.auditoria__mensaje{
    padding: 5px;
    margin: 5px;
}

.auditoria__mensaje p{

}

.auditoria__mensaje.auditoria__info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}

.auditoria__mensaje.auditoria__warning {
    background-color: #fff9c4;
    border-left: 6px solid #fdd835;
}

.auditoria__mensaje.auditoria__error {
    padding: 20px;
    background-color: #ffcccb;
    border-left: 6px solid #b61827;
}

#carta-gantt .activo {border-left:1px solid #999; border-right:1px solid #999; background-color:#CCC !important; border-collapse: collapse;}
#carta-gantt .activo-confirmado {border-left:1px solid #999; border-right:1px solid #999;  background: url(/images/achurado.png)!important; border-collapse: collapse; }
#carta-gantt .confirmado-verde {border-left:1px solid #999; border-right:1px solid #999;  background:#D2F2C4 !important; border-collapse: collapse; }
#carta-gantt .achurado-verde {border-left:1px solid #999; border-right:1px solid #999; background:#D2F2C4 url(/images/achurado.png)!important; }
#carta-gantt .modifica-naranjo {border-left:1px solid #999; border-right:1px solid #999; background:#FF9910 !important; }
#carta-gantt TD {padding:auto 0px;}

#leyenda .activo {border-left:1px solid #999; border-right:1px solid #999; background-color:#CCC !important; border-collapse: collapse;}
#leyenda .activo-confirmado {border-left:1px solid #999; border-right:1px solid #999;  background: url(/images/achurado.png)!important; border-collapse: collapse; }
#leyenda .confirmado-verde {border-left:1px solid #999; border-right:1px solid #999;  background:#D2F2C4 !important; border-collapse: collapse; }
#leyenda .achurado-verde {border-left:1px solid #999; border-right:1px solid #999; background:#D2F2C4 url(/images/achurado.png)!important; }

#carta-gantt tbody tr:hover{
    background-color: #D2B4DE;
    cursor: hand;
}


.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-naranja {
    color: #fff;
    background-color: #ff6f00;
}

.tooltip2 {
    position: relative;
    /* display: inline-block; */
}

.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: start;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 10;
    bottom: 125%;
    left: -200%;
   /* margin-left: -50%; */
    opacity: 0;
    transition: opacity 0.3s;
    overflow: visible !important;
}

.tooltip2 .tooltiptext2::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip2:hover .tooltiptext2 {
    visibility: visible;
    opacity: 1;
    font-size: 1.3em;
}

/*Colores de los resultados de la auditoria*/
.result_aprobado {
    background-color: #00B050 !important;
}

.result_requiere_mejoras {
    background-color: #FFFF00 !important;
}

.result_insuficiente {
    background-color: #FFC000 !important;
}

.result_deficiente {
    background-color: #FF0000 !important;
}

.result_auditoria_curso {
    background-color: #5EB8FF !important;
}


.result_no_evaluada {
    background-color: #8EACBB !important;
}



/**************************/

body.planificar table.dataTable thead th, table.dataTable thead td {
    padding: 7px; 
 }

body.planificar table.dataTable thead .sorting {
    background-image: none; 
}



/*
body.planificar  {  border:1px solid red; }
body.planificar #carta-gantt.dataTable thead th, table.dataTable thead td {
    padding: 7px; border:1px solid red;
 }

body.planificar #carta-gantt.dataTable thead .sorting {
    background-image: none; 
}
*/

table.dataTable thead th, table.dataTable thead td {
    padding: 7px 18px; 
 }


.plan-tri-datos{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.plan-tri-warining{
    color: red;
    font-size: 1rem;
    margin-left: 0.3rem;
}

.plan-tri-info{
    color: mediumblue;
    font-size: 1rem;
    margin-left: 0.3rem;
}

.icon-aprobado {
    color:#00B050;
}

.icon-requiere-mejoras {
    color:#FFFF00;
}

.icon-insuficiente {
    color:#FFC000;
}

.icon-deficiente {
    color:#FF0000;
}

.caja-viajes .fas {font-size:24px;}

/*--------------------------     TABLAS  NOTICIAS      -----------------------------*/
.tabla-viajes { border-collapse: collapse;  width: 99%; margin: auto;}
.tabla-viajes TD { padding: 4px;    border-width: 1px; border-bottom: 1px dotted #DDDDDD;   vertical-align: top;text-align: left !important; }
.tabla-viajes TH { padding: 4px;    border: 1px dotted #DDDDDD; border-width: 0 0 1px;  vertical-align: top; text-align: left !important;}
.tabla-viajes THEAD {font-weight: bold; text-align: left !important;}

.ico-activo-pasaje {color: #007dc1; font-size:20px;}
.ico-activo-hotel {color: #f24537; font-size:20px;}
.ico-activo-viatico {color: #7d5d3b; font-size:20px;}
.ico-activo-seguro {color: #9e1bb8; font-size:20px;}

.ico-inactivo {color: #666666; font-size:20px;}


/*************** MARZO 2019 **************/

.viajes-caja {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background-color:#ffffff;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  border-radius:1px;
  border:1px solid #dcdcdc;
  display:block;
  color:#666666;
  padding:3px;
  text-decoration:none;
  
}
.viajes-titulo {
  display:block;
  color:#ffffff;
  padding:10px;
  font-size:22px;
  font-weight: 300;
}

.viajes-titulo .fas { 
  color:#FFF;
   font-size:28px;
}



.v-principal {
  -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
  -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
  box-shadow:inset 0px 1px 0px 0px #a4e271;
  background-color:#89c403;
  border:1px solid #74b807; 
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  text-align:center;
  font-weight: 500;
}

.v-principal span {margin-left: 30px;}


.v-pasajes {
  -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
  -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
  box-shadow:inset 0px 1px 0px 0px #54a3f7;
  background-color:#007dc1;
  border:1px solid #124d77;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  
}
.v-hospedaje {
-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
  -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
  box-shadow:inset 0px 1px 0px 0px #f5978e;
  background-color:#f24537;
  border:1px solid #d02718;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;

}
.v-viatico {
  -moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
  -webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
  box-shadow:inset 0px 1px 0px 0px #a6827e;
  background-color:#7d5d3b;
  border:1px solid #54381e;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.v-seguro { 
  -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
  -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
  box-shadow:inset 0px 1px 0px 0px #e184f3;
  background-color:#9e1bb8;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:1px solid #a511c0;
}


.v-apagado {
  -moz-box-shadow:inset 0px 1px 0px 0px #FFF;
  -webkit-box-shadow:inset 0px 1px 0px 0px #FFF;
  box-shadow:inset 0px 1px 0px 0px #FFF;
  background-color:#CCC;
  border:1px solid #999;  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;

}


.caja-viajes .fas {font-size:24px;}

/*--------------------------     TABLAS  NOTICIAS      -----------------------------*/
.tabla-viajes { border-collapse: collapse;  width: 99%; margin: auto;}
.tabla-viajes TD { padding: 4px;  border-bottom: 0px; vertical-align: top;text-align: left !important; padding: 10px;}
.tabla-viajes TH { padding: 4px;  border: 0px; vertical-align: top; text-align: left !important;}
.tabla-viajes THEAD {font-weight: bold; text-align: left !important;}

.ico-activo-pasaje {color: #007dc1; font-size:20px;}
.ico-activo-hotel {color: #f24537; font-size:20px;}
.ico-activo-viatico {color: #7d5d3b; font-size:20px;}
.ico-activo-seguro {color: #9e1bb8; font-size:20px;}

.ico-inactivo {color: #666666; font-size:20px;}

.tabla-uai {}

input, textarea, select {padding: 5px; border: 1px #ccc solid; }

.tabla-viajes h1, h2, h3 {    color: #333;    border-bottom: 1px solid #CCC; }


.tabla-viajes .tabla-edicion-tabla { border-top: 5px solid #CB5B78;}


.ajuste-boton-agregar .tabla-edicion-tabla a {
  float: right;
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  background-color:#ffffff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #999;
  display:inline-block;
  cursor:pointer;
  color:#666666;
  font-family:Arial;
  font-size:15px;
  padding:6px 24px;
  text-decoration:none !important;
  text-shadow:0px 1px 0px #ffffff;}

  .ajuste-boton-agregar .tabla-edicion-tabla a img {display: none;}
  
.btn-agregar {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  background-color:#ffffff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #999;
  display:inline-block;
  cursor:pointer;
  color:#666666;
  font-family:Arial;
  font-size:15px;
  padding:6px 24px;
  text-decoration:none !important;
  text-shadow:0px 1px 0px #ffffff;
}
.btn-agregar:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
  background-color:#f6f6f6;
  text-decoration:none !important;
}



.auditoria__mensaje{
    padding: 20px;
}

.auditoria__mensaje p{

}

.auditoria__mensaje.auditoria__info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}

.auditoria__mensaje.auditoria__warning {
    background-color: #fff9c4;
    border-left: 6px solid #fdd835;
}

.auditoria__mensaje.auditoria__error {
    padding: 20px;
    background-color: #ffcccb;
    border-left: 6px solid #b61827;
}



/****** 04-2019 ************/
.caja-check {
    display: inline-block;
    padding: 5px;
    border: 1px solid #E9E9E9;
    vertical-align: text-top;
    border: 1px solid transparent;
    width: 25%;
}


h1 { font-size: 1.75em; padding-left:0px; font-weight:400; border: none;}
h2 { font-size: 1.50em; padding-left:0px; font-weight:400; border: none;}
h3 { font-size: 1.25em; padding-left:0px; font-weight:400; border: none;}
h4 { font-size: 1.10em; padding-left:0px; font-weight:400; border: none;}
h5 { font-size: 0.83em; padding-left:0px; font-weight:400; border: none;}
h6 { font-size: 0.67em; padding-left:0px; font-weight:400; border: none;}


.tabla-documento-contenido {  font-size: 0.8em !important; }




/**************** ORGANIGRAMA ***************/
.orgchart table {}

.orgchart.l2r .node .title { margin-right: 40px;  min-width: 200px; text-align: left;}

.orgchart .lines td {    box-sizing: border-box;    height: 100px;}
.orgchart .lines:nth-child(3) td {    box-sizing: border-box;    height: 60px; }

.orgchart .node .title { margin-right: 40px; text-align: left; }

.orgchart .node .title .fa {  margin-right: 4px; }