body, form {
    margin: 0;
}

body {
    font-family: Tahoma, Trebuchet MS;
    color: black;
    background-color: #fff;
}
/* esto es común  */
.separador {
    DISPLAY: inline;
    FONT-SIZE: 10px;
    WIDTH: 5px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Tahoma;
}

.boto {
    DISPLAY: inline;
    FONT-SIZE: 0.68em;
    COLOR: #000066;
    FONT-FAMILY: Tahoma;
}

.novisible {
    display: none;
    visibility: hidden;
}
/* final de estilos para el marco de empleados */

.body-marco {
    background-image: url(Imagenes/F_body.gif);
    background-repeat: repeat-x repeat-y;
}

.body /*	 ventanas directas */ {
    background-color: #fff;
    background-image: url(Imagenes/F_body.gif);
    background-repeat: repeat-x repeat-y;
}

.body-m {
    background-color: #E4E4E4;
}

.body-m1 /* modal de primer nivel */ {
    background-color: #FFFFFF;
    background-image: url(Imagenes/F_body.gif);
    background-repeat: repeat-x repeat-y;
}

.body-m2 /* modal de segundo nivel */ {
    /*	background-color: #D7D7D7;  */
    background-image: url(Imagenes/F_body.gif);
    background-repeat: repeat-x repeat-y;
}

.body-m3 /* modal de tercer nivel = a primer nivel */ {
    /*	background-color: #D7D7D7;  */
    background-image: url(Imagenes/F_body.gif);
    background-repeat: repeat-x repeat-y;
}

.body-mp /* modales paneles multipage */ {
    background-color: #CECECE;
}

.body-listados {
    background-color: #E5E1D8;
}

.body-e /* estructura */ {
    background-color: #fff;
    background-image: url(Imagenes/F_body.gif); /* F_E_body.gif */
    background-repeat: repeat-x repeat-y;
}

.body-ep /* estructura paneles multipage */ {
    background-color: #fff;
    /*background-image: url(Imagenes/F_body.gif); 		/* ./p_selected.gif */
    /*background-repeat:   repeat-x repeat-y; */
}

.body-em1 /* estructura - modal 1 */ {
    background-color: #fff;
    background-image: url(Imagenes/F_body.gif);
    background-repeat: repeat-x repeat-y;
}

.body-cp /* comunicados - público */ {
    background-color: #FFFFFF;
}

.body-cap /* Comunicados - aprobación*/ {
    background-color: #F8F8F8;
}

.body-noDis /* popup no disponible */ {
    background-color: #F5F5F5;
}

.body-warning {
    background-image: url(Imagenes/F_body.gif);
    background-repeat: repeat-x repeat-y;
    background-color: #BAC4CF;
}



/* ----------------------------------------------------------------------CABECERA*/
/* COMPONENTES (estilos dentro de las ventanas */
/*zona cabecera títulos */
.head-title {
    /*FONT-FAMILY: Verdana; 
	FONT-SIZE: 13px;*/
    FONT-WEIGHT: normal;
    color: #485660;
    *DISPLAY: inline;
    float: left; /*si se pone display:inline-block el título cambia de sitio (Mow)*/
}

.head-title-CM {
    FONT-FAMILY: Verdana;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    color: #485660;
    *DISPLAY: inline;
    float: left;
}

.head-title-bidi {
    FONT-FAMILY: Verdana;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    color: #485660;
    *DISPLAY: inline;
}

.head-title-disable {
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    text-transform: uppercase;
    color: #777976;
    *DISPLAY: inline;
    float: left;
}

.head-title-Consulta {
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
    color: #485660;
    *DISPLAY: inline;
    background-image: url(Imagenes/F_body.gif);
    float: left;
}

.head-title-cp /* titulo cabecera en comunicados públicos */ {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    background-color: Transparent;
    *DISPLAY: inline;
    float: left;
}

.head-label-id {
    font-size: 10px;
    font-weight: normal;
    color: #485660;
    background-color: Transparent;
    padding-right: 2px;
    display: inline-block;
}

.head-text-id {
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    background-color: Transparent;
    padding-right: 2px;
    display: inline-block;
}

.head-text-id-bidi {
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    background-color: Transparent;
    display: inline-block;
}

.head-label /* literales como: Clase - Nombre - Creado ... */ {
    font-size: 11px;
    font-weight: normal;
    color: #535353; /*#565656*/
    background-color: Transparent;
    text-align: right;
    display: inline-block;
}

.head-label-bidi /* literales como: Clase - Nombre - Creado ... */ {
    font-size: 11px;
    font-weight: normal;
    color: #535353; /*#565656*/
    background-color: Transparent;
    display: inline-block;
}

.head-text-name /* texto que informa del nombre de la ficha ... dato importante en cabecera */ {
    font-size: 11px;
    font-weight: bold;
    color: #636363; /*#6F6F6F*/
    background-color: Transparent;
    display: inline-block;
}

.head-text-name-bidi {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    color: #636363;
    background-color: Transparent;
    display: inline-block;
}

.head-text-cab /* texto que informa del nombre del usuario en botonera Horizontal  */ {
    font-size: 11px;
    font-weight: bold;
    color: #333333; /*#E8E8E8*/
    background-color: Transparent;
    display: inline-block;
}

.head-text /* texto que informan de la clase - creador ... datos no importantes  */ {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: Transparent;
    display: inline-block;
}

.head-text-bidi {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: Transparent;
    display: inline-block;
}

.head-text-tareas {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    background-color: Transparent;
    display: inline-block;
}

.head-text-date {
    font-size: 10px;
    font-weight: normal;
    color: #575757; /*#6F6F6F*/
    display: inline-block;
}

.head-text-date-bidi {
    font-size: 10px;
    font-weight: normal;
    color: #575757;
    display: inline-block;
}

.head-label-information /* información en cabecera como núm encontrados ... */ {
    font-size: 11px;
    font-weight: normal;
    color: #242424;
    background-color: Transparent;
    display: inline-block;
}

.head-auraportal {
    *display: inline;
    font-size: 13px;
    font-weight: bold;
    color: #989898;
    background-color: Transparent;
    text-align: right;
    vertical-align: baseline;
    float: left;
}

.head-auraportal-bidi {
    *display: inline;
    font-size: 13px;
    font-weight: bold;
    color: #989898;
    background-color: Transparent;
    vertical-align: baseline;
}

.header-link {
    font-size: 13px;
    color: #1D8CD1;
    text-decoration: none;
    float: left;
}

a.header-link:hover {
    text-decoration: underline;
}

.registrado {
    *display: inline;
    font-size: 10px;
    font-weight: normal;
    color: #989898;
    background-color: Transparent;
    text-align: right;
    vertical-align: top;
}
/* fin estilos cabecera */
/* ----------------------------------------------------------------------FIN CABECERA */

/* ---------------------------------------------------------------------- LABEL */
/* zona cuerpo de la página */
.label-enproceso {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #333333;
    TEXT-ALIGN: center;
    float: left;
}

.label-aviso-login {
    *display: inline;
    font-size: 12px;
    font-weight: normal;
    /*font-style: italic;*/
    color: #333333;
    text-align: left;
    /*	padding-right:10px; */
    background-color: Transparent;
    float: left;
}

.label-normal {
    *display: inline;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-align: left;
    padding-right: 2px;
    background-color: Transparent;
    float: left;
}

.label-normal-bidi {
    *display: inline;
    font-size: 11px;
    font-weight: normal;
    color: #102F6D;
    background-color: Transparent;
}

.label-normal-centrado {
    *display: inline;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    background-color: Transparent;
}

.label-normal-centrado-sinNegrita {
    *display: inline;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    background-color: Transparent;
}

.label-normal-derecha {
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    color: #434343; /*#656664*/
    /*text-align:right;*/
    background-color: Transparent;
}

.label-normal-derecha-form {
    font-size: 11px;
    font-weight: bold;
    color: #102F6D;
    text-align: right;
    background-color: Transparent;
    display: inline-block;
}

.label-normal-sinNegrita {
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-align: left;
    padding-right: 2px;
    background-color: Transparent;
    display: inline-block;
}

.tree-message-load {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-align: left;
    padding-right: 2px;
    background-color: Transparent;
    display: inline-block;
}

.label-normal-form {
    font-size: 11px;
    font-weight: bold;
    color: #102F6D;
    text-align: left;
    padding-right: 2px;
    background-color: Transparent;
    display: inline-block;
}

.panel-recio {
    overflow:auto;
}
.label-titulo-derecha {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    text-align: right;
    background-color: Transparent;
    display: inline-block;
}

.label-normal-Consulta-CabeceraInfo {
    *display: inline;
    font-size: 10pt;
    font-weight: bold;
    color: #686667;
    background-color: Transparent;
}

.label-normal-Consulta-Filas {
    *display: inline;
    font-size: 11px;
    font-weight: bold;
    color: #1B3D65;
    background-color: White;    
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 400px;
}

.label-normal-Consulta-Cab {
    *display: inline;
    font-size: 12px;
    font-weight: 600;
    color: #686667;
    text-align: left;
    background-color: Transparent;
    vertical-align: top;
    padding-top: 5px;
    min-width: 40px;
}

.label-normal-Consulta-Cab-verde {
    *display: inline;
    font-size: 11px;
    font-weight: normal;
    color: #818086; /*373700*/
    text-align: left;
    border: 1px solid #A9A8AE;
    background-color: Transparent;
    vertical-align: top;
    padding-left: 5px;
    float: left;
}

.label-information {
    font-size: 11px;
    font-weight: normal;
    color: #40847B;
    background-color: Transparent;
    display: inline-block;
}

.label-information-derecha {
    *display: inline;
    font-size: 11px;
    font-weight: bold;
    color: #40847B;
    background-color: Transparent;
    text-align: right;
    float: left;
}

.label-information-form {
    *display: inline;
    font-size: 11px;
    font-weight: bold;
    color: #505050; /*#40847B*/
    background-color: Transparent;
    float: left;
}

.label-normal-underlined {
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold;
    color: #1B3D65;
    background-color: Transparent;
    display: inline-block;
}

.label-small {
    font-size: 9px;
    color: #485660;
    background-color: Transparent;
    display: inline-block;
}

.label-small-bidi {
    font-size: 9px;
    font-weight: bold;
    color: #485660;
    background-color: Transparent;
    display: inline-block;
}

.label-small-bold {
    font-size: 9px;
    font-weight: bold;
    color: #485660;
    background-color: Transparent;
    display: inline-block;
}

.label-help {
    font-weight: normal;
    font-size: 9px;
    color: #485660;
    background-color: transparent;
    display: inline-block;
}
/* se usa en portal externos */
.label-help2 {
    font-size: 11px;
    font-weight: normal;
    color: #485660;
    background-color: Transparent;
    display: inline-block;
}

.label-importe {
    font-weight: normal;
    font-size: 9px;
    color: #485660;
    background-color: transparent;
    text-align: center;
    display: inline-block;
}

.label-warning {
    font-size: 11px;
    font-weight: normal;
    color: Black;
    display: inline-block;
}

.label-warning-proteccion {
    font-size: 11px;
    color: #800000;
    font-weight: bold;
    display: block;
    margin-top:5px;
}

.label-warning-proteccion2 {
    font-size: 11px;
    color: #800000;
    font-weight: normal;
    display: block;
    margin-top:5px;
}

.label-textbox {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    float: left;
}
/* ----------------------------------------------------------------------FIN LABEL */

.textbox-readonly, .textbox-readonly-bidi, .textbox, .textbox-numeric, .textbox-select, .dropdownlist, .textbox-readonly-underlined, .textbox-numeric-readonly {
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 2px 2px 4px #E3E3E3;
    -webkit-box-shadow: inset 2px 2px 4px #E3E3E3;
    box-shadow: inset 2px 2px 4px #E3E3E3;
}

.text-normal /* solo texto dentro de una tabla (todos los cargos de un usuario ?? )  */ {
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    display: inline-block;
}

.textbox /*textbox, textbox-select y textbox-numeric se sobreescriben en BaseInteface (padding-left > padding-right) para los idiomas de escritura der-izq*/ {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #F8F8F8;
    border: 1px solid #B7B6B5;
    height: 16px;
    padding-left: 5px;
}

    .textbox:hover {
        border: 1px solid #4A494A;
        -moz-box-shadow: inset 4px 10px 6px #E6E4E4;
        -webkit-box-shadow: inset 4px 10px 6px #E6E4E4;
        box-shadow: inset 4px 10px 6px #E6E4E4;
    }

    .textbox:focus {
        border: 1px solid #4E4C4E;
        -moz-box-shadow: 1px 1px 3px #999, inset 2px 1px 2px #C2C0C0;
        -webkit-box-shadow: 1px 1px 3px #999, inset 2px 1px 2px #C2C0C0;
        box-shadow: 1px 1px 3px #999, inset 2px 1px 2px #C2C0C0; /*izquierda, arriba, difuminación, color*/
    }

        .textbox:focus:hover {
            border: 1px solid #4E4C4E;
            -moz-box-shadow: 1px 1px 3px #999, inset 2px 1px 2px #C2C0C0;
            -webkit-box-shadow: 1px 1px 3px #999, inset 2px 1px 2px #C2C0C0;
            box-shadow: 1px 1px 3px #999, inset 2px 1px 2px #C2C0C0;
        }

.textbox-readonly {
    font-size: 11px;
    font-weight: normal;
    color: #2C2C2C; /*#1B3D65*/
    background-color: #DFDFDF;
    border: none;
    border: 1px solid #8B8175; /*#D4D4D4*/
    height: 16px;
    padding-left: 5px;
}

.textbox-readonly-bidi {
    font-size: 11px;
    font-weight: normal;
    color: #2C2C2C;
    background-color: #DFDFDF;
    border: 1px solid #8B8175;
    height: 16px;
    padding-left: 5px;
}

.textbox-readonly-underlined {
    text-decoration: underline;
    font-size: 11px;
    font-weight: normal;
    color: #1B3D65;
    background-color: #F5F5F5;
    border-style: solid;
    border-color: #A8AEB5;
    border-width: 1px;
    height: 16px;
    padding-left: 5px;
}

.textbox-readonly-without-border /* en tareas */ {
    font-size: 11px;
    font-weight: normal;
    color: #1B3D65;
    background-color: Transparent;
    height: 16px;
    padding-left: 0px; /*se sacó para los campos de formularios*/
}

.textbox-readonly-without-border-padding {
    font-size: 11px;
    font-weight: normal;
    color: #1B3D65;
    background-color: Transparent;
    height: 16px;
    padding-left: 5px;
}

.textbox-select {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #1B3D65;
    background-color: #fff;
    border: 1px solid #BCB7B2; /*#A8AEB5   C9C9C9*/
    height: 16px;
    padding-left: 5px;
}

    .textbox-select:focus {
        border: 1px solid #9d9999;
    }

        .textbox-select:focus:hover {
            border: 1px solid #9d9999;
        }

    .textbox-select:hover {
        border: 1px solid #B6B2B6;
    }

.textbox-disable {
    background-color: #E0E0E0;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    border-style: solid;
    border-color: #A8AEB5;
    border-width: 1px;
    height: 16px;
    padding-left: 5px;
}

.textbox-numeric {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #FAF9F5;
    border-style: solid;
    border-color: #A8AEB5;
    border-width: 1px;
    height: 16px;
    padding-right: 5px;
}

    .textbox-numeric:focus {
        border: 1px solid #9A9A9C;
    }

        .textbox-numeric:focus:hover {
            border: 1px solid #9A9A9C;
        }

    .textbox-numeric:hover {
        border: 1px solid #84858B;
    }

.textbox-numeric-disable {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #A8AEB5;
    background-color: #A8AEB5;
    border-style: solid;
    border-color: #A8AEB5;
    border-width: 1px;
    text-align: right;
    height: 16px;
    padding-right: 5px;
}

.textbox-numeric-readonly {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #1B3D65;
    background-color: #F5F5F5;
    border-style: solid;
    border-color: #A8AEB5;
    border-width: 1px;
    text-align: right;
    height: 16px;
    padding-right: 5px;
}

.textbox-numeric-links {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: Transparent;
    text-align: right;
    border-style: none;
    height: 16px;
    padding-right: 5px;
}

.tbox-num-links-bidi {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: Transparent;
    border-style: none;
    height: 16px;
    padding-right: 5px;
}

.textbox-title {
    font-style: italic !important;
}

.textbox-multilinea-rico {
    background-color: #FAF9F5;
    border-style: solid;
    border-color: #A8AEB5;
    border-width: 1px;
}

.textboxsololectura {
    border: solid 1 #A8B0BD;
}

.numeric-links {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: Transparent;
    text-align: right;
    display: inline-block;
}

.checkbox {
    display: inline;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #485660;
    background-color: Transparent;
}

.checkbox-derecha {
    display: inline;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #485660;
    text-align: right;
    background-color: Transparent;
}

.dropdownlist {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    height: 20px;
    border: 1px solid #B6AEAE;
}

.dropdownlist-disable {
    background-color: #E0E0E0;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
}

.multiline {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    Color: #000000;
    background-color: #FAF9F5;
    border-style: solid;
    border-bottom-color: White;
    border-right-color: White;
    border-left-color: #828282;
    border-top-color: #828282;
    border-width: 1px;
    padding-left: 5px;
    padding-top: 5px;
    resize: none;
}

    .multiline:focus {
        border: 1px solid #9A9A9C;
        box-shadow: 1px 1px 3px #999;
        background-color: #FFFFFF;
    }

        .multiline:focus:hover {
            border: 1px solid #9A9A9C;
            box-shadow: 1px 1px 3px #999;
            background-color: #FFFFFF;
        }

    .multiline:hover {
        background-color: #F0F8FB;
    }

.multiline-readonly {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #1B3D65;
    background-color: #F5F5F5;
    border-style: solid;
    border-bottom-color: White;
    border-right-color: White;
    border-left-color: #828282;
    border-top-color: #828282;
    border-width: 1px;
    padding-left: 5px;
    padding-top: 5px;
    resize: none;
}

.multiline-readonly-color {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #E0E0E0;
    border-style: solid;
    border-bottom-color: White;
    border-right-color: White;
    border-left-color: #828282;
    border-top-color: #828282;
    border-width: 1px;
    padding-left: 5px;
    padding-top: 5px;
    resize: none;
}

.multiline-select {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #1B3D65;
    background-color: #F5F5F5;
    border-style: solid;
    border-bottom-color: White;
    border-right-color: White;
    border-left-color: #828282;
    border-top-color: #828282;
    border-width: 1px;
}

.linkbutton /* botones con aspecto window */ {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #D4D0C8;
    BORDER-RIGHT: #a8aeb5 1px solid;
    BORDER-TOP: #a8aeb5 1px solid;
    BORDER-LEFT: #a8aeb5 1px solid;
    BORDER-BOTTOM: #a8aeb5 1px solid;
    text-align: center;
    vertical-align: text-bottom;
}

.button /* botones */ {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #1B3D65;
    background-color: #D5D5D5;
    BORDER-RIGHT: #a8aeb5 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #a8aeb5 1px solid;
    text-align: center;
    vertical-align: text-bottom;
}
/*------------------------------------------------------------------------PANELES */
/* estilos para paneles */
.panel-popup {
    background-color: #E0E0E0;
    border-style: solid;
    border-bottom-color: #828282;
    border-right-color: #828282;
    border-left-color: White;
    border-top-color: White;
    border-width: 1px;
}

.panel /* panel contenedor general  */ {
    /*background-image: url(Imagenes/F_body_panel.gif);*/
    BACKGROUND-COLOR: #fff;
}

.panel-form-tarea /* panel para formularios de la tarea  */ {
    BACKGROUND-COLOR: #C8C8C8;
    background-repeat: repeat-x repeat-y;
    border-style: solid;
    border-bottom-color: White;
    border-right-color: White;
    border-left-color: #828282;
    border-top-color: #828282;
    border-width: 1px;
    box-sizing:border-box;
}

.panel-mp /* panel para multipage */ {
    BACKGROUND-COLOR: #FFFFFF;
}

.panel-mp-lash /* pestaña en panel para crear clases de tareas (como panel-mp pero sin borde inferior) */ {
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    color: #485660;
    BACKGROUND-COLOR: #CECECE;
    border-style: solid;
    border-width: 1px;
    border-right-color: #828282;
    border-left-color: White;
    border-top-color: White;
    border-bottom: none;
}

.panel-2 /* panel dentro de otro panel */ {
    BACKGROUND-COLOR: #FAF9F5;
    border-style: solid;
    border-bottom-color: #9A9D9E;
    border-right-color: #9A9D9E;
    border-left-color: #9A9D9E;
    border-top-color: #9A9D9E;
    border-width: 1px;
}

.subpanel /* panel dentro de otro panel */ {
    background-image: url(Imagenes/F_body_panel.gif);
    background-repeat: repeat-x repeat-y;
    BACKGROUND-COLOR: #C8C8C8;
    border-style: solid;
    border-bottom-color: #828282;
    border-right-color: #828282;
    border-left-color: #828282;
    border-top-color: #828282;
    border-width: 1px;
}

.panel-filtro /* panel contenedor general con filtrados  */ {
    BACKGROUND-COLOR: #FFFFFF;
    border: 1px solid #D4D4D4;
}




.panel-login {
    /*background-image: url(Imagenes/F_body_panel_filtro.jpg);*/
    font-family: Verdana;
    font-size: 9pt;
    background-position: center;
    background-repeat: repeat-y;
    BACKGROUND-COLOR: #FFFFFF;
    border-style: solid;
    border-color: #EFEFEF;
    border-width: 1px;
}

.panel-photo {
    background-color: #F6F6F6;
    border: 1px solid #9F9F9F;
    text-align: center;
    overflow: auto;
}

.panel-tree /* panel contenedor de arboles */ {
    BACKGROUND-COLOR: #FAF9F5;
    border-style: solid;
    border-bottom-color: White;
    border-right-color: White;
    border-left-color: #828282;
    border-top-color: #828282;
    border-width: 1px;
}

.panel-title /* título del panel MAYÚSCULAS */ {
    *display: inline;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #575757; /*#657174*/
    background-color: Transparent;
    text-transform: uppercase;
    float: left;
}

.panel-title-bidi {
    *display: inline;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #657174;
    background-color: Transparent;
    text-transform: uppercase;
}

.panel-title-warning {
    *display: inline;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 11px;
    color: #800000;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}

.subpanel-title /* título en subpanel */ {
    *display: inline;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #717E82;
    background-color: Transparent;
    float: left;
}
/* fin estilos para paneles */
/*------------------------------------------------------------------------FIN PANELES */

/* tabla de niveles arboles y organigrama */
.panel-level {
    position: absolute;
    width: 285px;
    height: 25px;
    padding: 1px;
    border-Color: #DFD3BB;
    /*background-color: #FAF9F5;*/
}

.panel-level-readonly {
    position: absolute;
    width: 285px;
    height: 25px;
    padding: 1px;
    border-Color: #A8AEB5;
    background-color: #F5F5F5;
}

.panel-warning {
    width: 680px;
    height: 185px;
    padding: 1px;
    background-color: #FFFFFF;
    border-style: solid;
    border-bottom-color: White;
    border-right-color: White;
    border-left-color: #828282;
    border-top-color: #828282;
    border-width: 1px;
}

.panel-botonera {
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    background-image: url(Imagenes/panelBotonera.png);
    background-repeat: repeat-x;
}

.textbox-level {
    font-family: Trebuchet MS;
    /*font-size: 11px;*/
    font-size: 1.2rem;
    font-weight: normal;
    color: #000000;
    background-color: Transparent;
    border-style: none;
    height: 19px;
    width: 40px;
}

.td-level {
    width: 17px;
}

.textbox-level-org {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: Transparent;
    border-style: none;
    height: 19px;
    width: 25px;
}

.td-level-org {
    width: 25px;
}
/* fin tabla niveles */

.radiobuttonlist {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #485660;
    border-style: none;
}

.radiobuttonlistnormal {
    font-family: Tahoma;
    font-size: 11px;
    color: #485660;
    border-style: none;
}

.required {
    font-family: Tahoma;
    font-size: 11px;
    color: Red;
    display: none;
}

/* Estilos para la parte WEB*/
div.mensajes-web {
    border-width: 1px;
    border-color: #989898;
    border-style: solid;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*behavior:url(scripts/border-radius.htc);*/
}

.titulo-web {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #510000;
    text-align: left;
    padding-right: 2px;
    background-color: Transparent;
}

.descripcion-web {
    font-family: Tahoma;
    font-size: 11px;
    color: #797979;
    text-align: left;
    padding-right: 2px;
    background-color: Transparent;
}

td.cuerpo-web-estado {
    background-color: #FFFFFF;
    font-size: 8pt;
    color: #464646;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DBDBDB;
    border-right: solid 1px #DBDBDB;
}

div.contenedor-web-estado {
    overflow: auto;
    background-color: #E4E4E4;
}

td.cuerpo-web-tarea-par {
    background-color: #F5F5F5;
    font-size: 8pt;
    color: #464646;
    border-right: solid 1px #DBDBDB;
}

td.cuerpo-web-tarea-impar {
    background-color: #FFFFFF;
    font-size: 8pt;
    color: #464646;
    border-right: solid 1px #DBDBDB;
}

div.contenedor-web-tarea {
    overflow: auto;
    background-color: #E4E4E4;
}

td.cuerpo-web-email {
    background-color: #FFFFFF;
    font-size: 8pt;
    color: #464646;
}


/* Fin Estilos WEB*/

/******************************/
/**  FIN DE LOS COMPONENTES  **/
/******************************/

.calendar-title {
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #4E6A85;
    text-transform: uppercase;
}

.calendar-body {
    background-color: White;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
}


.comunicado_fecha {
    font-size: 9px;
    color: #7F7F7F;
}

.comunicado_titular {
    font-size: 18px;
    color: #333333;
    line-height: 1.3;
    font-weight: 700;
}

.comunicado_textocom {
    font-size: 12px;
    line-height: 1.5;
    color: #7F7F7F;
    text-align: justify;
}

.comunicado_br {
    font-size: 12px;
    line-height: 1.5;
    background-color: #D9D9D9;
    height: 1px;
    border: none;
    margin: 0px;
}

.comunicado_amp {
    TEXT-DECORATION: none;
}

.comunicado_amp_link {
    FONT-SIZE: 7pt;
    COLOR: royalblue;
    FONT-FAMILY: tahoma;
    cursor: pointer;
}

.comunicado_amp:link {
    FONT-SIZE: 7pt;
    COLOR: royalblue;
    FONT-FAMILY: tahoma;
}

.comunicado_amp_visited {
    FONT-SIZE: 7pt;
    COLOR: royalblue;
    FONT-FAMILY: tahoma;
}

.comunicado_amp:visited {
    FONT-SIZE: 7pt;
    COLOR: royalblue;
    FONT-FAMILY: tahoma;
}

.comunicado_amp_hover {
    FONT-SIZE: 7pt;
    COLOR: gray;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: underline;
    cursor: pointer;
}

.comunicado_amp:hover {
    FONT-SIZE: 7pt;
    COLOR: gray;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: underline;
}

/*Estilo para la Monitorizacion Rastreo*/
td.rastreo-cab {
    border-top: solid 1px #909090;
    border-left: solid 1px #909090;
    border-bottom: solid 1px #909090;
    border-right: solid 1px #909090;
}

td.rastreo-cab-med {
    border-top: solid 1px #909090;
    border-bottom: solid 1px #909090;
}

td.rastreo-cab-der {
    border-top: solid 1px #909090;
    border-right: solid 1px #909090;
    border-bottom: solid 1px #909090;
    border-left: solid 1px #909090;
}

td.rastreo-cue {
    border-left: solid 1px #909090;
    border-right: solid 1px #909090;
}

td.rastreo-cue-der {
    border-right: solid 1px #909090;
    border-left: solid 1px #909090;
}

td.rastreo-pie {
    border-left: solid 1px #909090;
    border-bottom: solid 1px #909090;
    border-right: solid 1px #909090;
}

td.rastreo-pie-der {
    border-right: solid 1px #909090;
    border-left: solid 1px #909090;
    border-bottom: solid 1px #909090;
}

td.rastreo-tabla {
    border: solid 1px #000000;
}

td.rastreo-tabla-der {
    border-left: solid 1px #000000;
}

td.rastreo-tabla-pie {
    border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

td.rastreo-tabla-pie-der {
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

.rastreo-texto-cab {
    font-family: Tahoma;
    font-size: 9px;
    color: #999999;
}

.rastreo-texto {
    font-size: 11px;
    color: Black;
}

.rastreo-texto-negro {
    font-size: 11px;
    color: #000000;
}

.rastreo-texto-fecha {
    font-size: 9px;
    color: #999999;
}

.rastreo-texto-fecha-verde {
    font-size: 9px;
    color: #003366;
}

.rastreo-texto-fecha-rojo {
    font-size: 9px;
    color: #800000;
}

.rastreo-texto-azul {
    font-size: 11px;
    color: #003366;
}

.rastreo-texto-amarillo {
    font-size: 11px;
    color: #CC9900;
}

.rastreo-texto-verde {
    font-size: 11px;
    font-weight: bold;
    color: #003366;
    /*	color: #329900; */
}

.rastreo-texto-rojo {
    font-size: 11px;
    color: #800000;
}

/*Botones para el formulario*/

.botonformojo {
    background-image: url(Imagenes/ojo.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

.botonformmas {
    background-image: url(Imagenes/gridinfodoc.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

.botonformeliminar {
    background-image: url(Imagenes/REJECT2.GIF);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

.botoneditarform {
    background-image: url(Imagenes/B_Editar_Tarea.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    display: inline-block;
}


.botonvisorform {
    background-image: url(Imagenes/visor.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 11px;
    float: left;
}

.botongrideditbutton {
    background-image: url(Imagenes/gridedit.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    float: left;
}


/*Sombreado Divisiones*/
/*El '-' delante de la clave, la reconoce IE6 y anterior*/
.shadow-Top-Left {
    float: left;
    background: url(Imagenes/ShadowAlpha_Top_Left.png) no-repeat top left !important;
    -background: url(Imagenes/Shadow_Top_Left.gif) no-repeat top left;
    /*margin: 0px -10px -10px 0px !important;
	-margin: 0px -5px -10px 0px;*/
}

.shadow-Top-Right {
    float: left;
    background: url(Imagenes/ShadowAlpha_Top_Right.png) no-repeat top right !important;
    -background: url(Imagenes/Shadow_Top_Right.gif) no-repeat top right;
    /*margin: 0px 0 -10px 10px !important;
	-margin: 0px 0 -10px 5px;*/
}

.shadow-Bottom-Left {
    float: left;
    background: url(Imagenes/ShadowAlpha_Bottom_Left.png) no-repeat bottom left !important;
    -background: url(Imagenes/Shadow_Bottom_Left.gif) no-repeat bottom left;
    /*margin: 10px -10px 0 0 !important;
	-margin: 10px -5px 0 0;*/
}

.shadow-Bottom-Right {
    float: left;
    background: url(Imagenes/ShadowAlpha_Bottom_Right.png) no-repeat bottom right !important;
    -background: url(Imagenes/Shadow_Bottom_Right.gif) no-repeat bottom right;
    /*margin: 10px 0 0 10px !important;	
	-margin: 10px 0 0 5px;*/
}

.shadow-Border-Bottom {
    float: left;
    background: url(Imagenes/ShadowAlpha_Border_Bottom.png) no-repeat bottom left !important;
    -background: url(Imagenes/Shadow_Border_Bottom.gif) no-repeat bottom left;
}

.shadow-Border-Top {
    float: left;
    background: url(Imagenes/ShadowAlpha_Border_Top.png) no-repeat top right !important;
    -background: url(Imagenes/Shadow_Border_Top.gif) no-repeat top right;
}

.cabecera-login {
    font-family: Arial Narrow, Tahoma;
    font-size: 17px;
    font-weight: bold;
    line-height: 180%;
    color: #848284;
    background-color: #F7F3F7;
    border-style: solid;
    border-color: #EFEFEF;
    border-width: 1px;
    display: inline-block;
}

.botonregistrar {
    background-image: url(Imagenes/BotPlatformGreen-Gray.jpg);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Arial Narrow, Arial;
    font-size: 11pt;
    text-decoration: none;
    color: #EEE;
    text-align: center;
    padding-right: 13px;
    line-height: 22px;
    height: 25px;
    width: 168px;
    display: inline-block;
}

.buscadorBotV {
    width: 80px;
    left: 7px;
    position: relative;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #A8AEB5;
    border-width: 1px;
    height: 19px;
    padding-left: 5px;
}

img.bgImage {
    display: block;
}

.dir {
    direction: ltr;
}

/*----------para input file personalizado----------*/
.divInput {
    float: left;
    margin: auto;
    position: absolute;
    top: -1px;
    z-index: 2;
}

.selectfile {
    z-index: 1;
    position: absolute;
    border: 1px solid #888;
    height: 18px;
    background-color: #ccc;
    text-align: center;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 1.6em;
    top: 0px;
    float: right;
    right: 0px;
}

.selectfile-bidi {
    z-index: 1;
    position: absolute;
    border: 1px solid #888;
    height: 18px;
    background-color: #ccc;
    text-align: center;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 1.6em;
    top: 0px;
}

.Txtfile {
    border: none;
    height: 20px;
    border: 1px solid #A8AEB5;
    font: normal 11px Verdana;
    display: inline-block;
    margin-right: 0px;
    line-height: 1.6em;
}

.fileInput {
    width: 105px;
    border: 0px;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.borderCollapse {
    border-collapse: collapse;
}
/*-------------------------------*/

/************************Miniatures*********************/
.CMMinEmpty {
    position: absolute;
    top: 0px;
    width: 100%;
    background-color: transparent;
}

.CMtabsBGBlack {
    background-color: #000;
}

.CMtabsVeil {
    filter: alpha(opacity=00);
    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Mveil {
    position: absolute;
    background-color: #000;
    filter: alpha(opacity=30);
    -moz-opacity: 0.30; /*0.40*/
    -khtml-opacity: 0.30;
    opacity: 0.30;
    top: 0px;
    left: 0px;
    z-index: 4;
}

.tabButCont {
    position: relative;
    height: 100%;
}

.CMtabsBG {
    position: absolute;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.CMtabDef {
    filter: alpha(opacity=30);
    -moz-opacity: 0.30; /*0.40*/
    -khtml-opacity: 0.30;
    opacity: 0.30;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
}

.CMTabBut {
    position: relative;
    height: 100%;
    width: 100%;
    cursor: pointer;
    text-align: center;
    /*color: #fff;*/
}

.CMtabsClick {
    /*-webkit-box-sizing: border-box; /* Safari/Chrome - para que el borde quede dentro del tamaño */
    /*-moz-box-sizing: border-box; /* Firefox */
    /*box-sizing: border-box; /* Opera/IE 8+ */
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    /*border-left: 1px solid #fff;
	    border-right: 1px solid #fff;*/
}

.label-enproceso {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    float: left;
}


/******************************************************************************************************/
/***********Calendar in List Pages & Group Fields*************************/
.button-view {
    background-image: url(Imagenes/B_View.png);
    width: 72px;
    height: 29px;
    display: inline-block;
    color: #333;
    font-family: Verdana, verdana.ttf;
    font-size: 8pt;
    text-decoration: none;
    text-align: center;
    line-height: 29px;
}

.button-view-selected {
    background-image: url(Imagenes/B_View_Selected.png);
    width: 72px;
    height: 29px;
    display: inline-block;
    color: #333;
    font-family: Verdana, verdana.ttf;
    font-size: 8pt;
    text-decoration: none;
    text-align: center;
    line-height: 29px;
}

/***********Calendar in List Pages & Group Fields*************************/
.button-view {
    background-image: url(Imagenes/B_View.png);
    width: 72px;
    height: 29px;
    display: inline-block;
    color: #333;
    font-family: Verdana, verdana.ttf;
    font-size: 8pt;
    text-decoration: none;
    text-align: center;
    line-height: 29px;
}

.button-view-selected {
    background-image: url(Imagenes/B_View_Selected.png);
    width: 72px;
    height: 29px;
    display: inline-block;
    color: #333;
    font-family: Verdana, verdana.ttf;
    font-size: 8pt;
    text-decoration: none;
    text-align: center;
    line-height: 29px;
}

.button-expand {
    background-image: url(Imagenes/B_Arrow_down.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.button-collapse {
    background-image: url(Imagenes/B_Arrow_up.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.button-oneline {
    background-image: url(Imagenes/B_Oneline.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.button-oneline-press {
    background-image: url(Imagenes/B_Oneline_press.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.button-multiline {
    background-image: url(Imagenes/B_Multiline.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.button-multiline-press {
    background-image: url(Imagenes/B_Multiline_press.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}
/***********Imagenes Grid AuraPortal.WebControls**************************/
.grid-alt {
    background: url(Grid/I_PrioridadAlta.gif) center center no-repeat;
}
.grid-med {
    background: url(Grid/I_PrioridadMedia.gif) center center no-repeat;
}
.grid-baj {
    background: url(Grid/I_PrioridadBaja.gif) center center no-repeat;
}
.grid-ext {
    background: url(Grid/I_Externos.gif) center center no-repeat;
}
.grid-avi {
    background: url(Grid/I_aviso.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-avi , .submenu-grid-task-item .grid-avi{
    background: url(Grid/I_aviso.png) center center no-repeat;
}
.grid-new {
    background: url(Grid/I_sinleer.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-new , .submenu-grid-task-item .grid-new,.gridstyle-modern-Icon .apwc-sch-ev-ico-new{
    background: url(Grid/I_sinleer.png) center center no-repeat;
}
.grid-lei {
    background: url(Grid/I_leida.gif) center center no-repeat;
}
.gridstyle-modern-Icon .grid-lei,.submenu-grid-task-item .grid-lei,.gridstyle-modern-Icon .apwc-sch-ev-ico-read {
    background: url(Grid/I_leida.png) center center no-repeat;
}
.grid-lat {
    background: url(Grid/I_latente.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-lat,.submenu-grid-task-item .grid-lat,.gridstyle-modern-Icon .apwc-sch-ev-ico-mi {
    background: url(Grid/I_latente.png) center center no-repeat;
}
.grid-env {
    background: url(Grid/I_enviada.gif) center center no-repeat;
}
.grid-res {
    background: url(Grid/I_respondida.gif) center center no-repeat;
}
.grid-cur {
    background: url(Grid/I_cursada.gif) center center no-repeat;
}
.grid-dev {
    background: url(Grid/I_rechazada.gif) center center no-repeat;
}
.grid-del {
    background: url(Grid/I_delegada.gif) center center no-repeat;
}
.grid-rec {
    background: url(Grid/I_reclamada.gif) center center no-repeat;
}
.grid-tcon {
    background: url(Grid/I_terminadaconexito.gif) center center no-repeat;
}
.grid-tsin {
    background: url(Grid/I_terminadasinexito.gif) center center no-repeat;
}
.grid-link-fam {
    background: url(Grid/encadenada.png) center center no-repeat;
}
.grid-vis {
    background: url(Grid/vis.gif) center center no-repeat;
}
.grid-altnew {
    background: url(Grid/I_Alerta.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-altnew,.submenu-grid-task-item .grid-altnew {
    background: url(Grid/I_Alerta.png) center center no-repeat;
}
.grid-altlei {
    background: url(Grid/I_AlertaLeida.png) center center no-repeat; 
}
.gridstyle-modern-Icon .grid-altlei {
    background: url(Grid/I_AlertaLeida.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-almlei {
    background: url(Grid/I_AlarmaLeida.png) center center no-repeat;
}
.grid-almlei {
    background: url(Grid/I_AlarmaLeida.png) center center no-repeat;
}
gridstyle-modern-Icon .grid-almlei {
    background: url(Grid/I_AlarmaLeida.png) center center no-repeat;
}
.grid-almnew {
    background: url(Grid/I_Alarma.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-almnew, .submenu-grid-task-item .grid-almnew {
    background: url(Grid/I_Alarma.png) center center no-repeat;
}
.grid-vis {
    background: url(Grid/vis.gif) center center no-repeat;
}
.grid-find {
    background: url(Grid/I_Visor.gif) center center no-repeat;
}
.grid-punto {
    background: url(Grid/IE_Punto.gif) center center no-repeat;
}
.grid-pin {
    background: url(Grid/I_pin.gif) center center no-repeat;
}
.grid-pingris {
    background: url(Grid/I_pin_gris.gif) center center no-repeat;
}
.grid-delete {
    background: url(Grid/delete.gif) center center no-repeat;
}
.grid-loading {
    background: url(Grid/loading.gif) center center no-repeat;
}

.grid-reject {
    background: url(Grid/reject.gif) center center no-repeat;
}
.grid-unknown {
    background: url(Grid/unknown.gif) center center no-repeat;
}
.grid-end {
    background: url(Grid/I_end.png) center center no-repeat;
}
.grid-open {
    background: url(Grid/I_open.png) center center no-repeat;
}
.grid-open-new {
    background: url(Grid/I_open_new.png) center center no-repeat;
}
.grid-delete {
    background: url(Grid/I_delete.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-cej
{
    background: url(Grid/I_Terminate.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-cej, .submenu-grid-task-item .grid-cej {
    background: url(Grid/I_Terminate.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-end, .submenu-grid-task-item .grid-end {
    background: url(Grid/I_end.png) center center no-repeat;
}
.grid-lun {
    background: url(Grid/I_luna.gif) center center no-repeat;
}
.gridstyle-modern-Icon .grid-lun, .submenu-grid-task-item .grid-lun
{
    background: url(Grid/I_postpone.png) center center no-repeat;
}
.grid-pos {
    background: url(Grid/I_postpone.png) center center no-repeat;
}
.gridstyle-modern-Icon .grid-pos, .submenu-grid-task-postpone .grid-pos {
    background: url(Grid/I_postpone.png) center center no-repeat;
}
.grid-task-state {
    background: url(Grid/I_task_state.png) center center no-repeat;
}
.grid-reclaim {
    background: url(Grid/I_Group.png) center center no-repeat;
}
.grid-reclaim-state {
    background: url(Grid/I_Reclaim.png) center center no-repeat;
}
.grid-substitute {
    background: url(Grid/I_Substitute.png) center center no-repeat;
}
/********FIN Imagenes Grid AuraPortal.WebControls*************************/

.bgGroupF {
    background-color:#FFFFFF; /*#F7F7F7;*/
}

.marT {
    margin-top: 10px;
}


/*Para los botones con icono font-awesome*/
.botoniconoawesome {
    text-align: center;
    padding: 6px;
}

.fa-2y {
    font-size: 1rem !important;
}
/********Estilos Ventana Tarea Terminada**********************************/
.msgMessageEndTask {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -150px;
    background-color: #fff;
    width: 300px;
    height: 160px;
    text-align: center;
    padding: 40px 30px 10px 30px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    border: 1px solid #333;
    box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    -webkit-box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    -moz-box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    border-radius: 6px !important;
}
.msgMessageReclaimTask {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -150px;
    background-color: #fff;
    width: 300px;    
    text-align: center;
    padding: 40px 30px 10px 30px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    border: 1px solid #333;
    box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    -webkit-box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    -moz-box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    border-radius: 6px !important;
}
.spanMessageEndTask {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    color: #888;
    line-height: normal;
}

.closeMessageEndTask {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #888;
    cursor: pointer;
}

.closeMessageEndReclaimTask {
    position: absolute;
    top: 5px;
    right: 9px;
    font-size: 18px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.veilMessageEndTask {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
    -khtml-opacity: 0.40;
    opacity: 0.40;
}
/*****Boton Editar Espacio en Paginas (ejecucion)**********/
.edit-space {
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 5px;
    right: 30px;
    background-image: url(Imagenes/gridsign_disabled.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: .7;
}

.edit-space:hover {
    opacity:1;
}

.edit-layout {
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 30px;
    right: 5px;
    background-image: url(Imagenes/edit.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: .7;
}

.edit-layout:hover {
    opacity:1;
}

.edit-announcement {
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 5px;
    right: 55px;
    background-image: url(Imagenes/i_more.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: .7;
}

    .edit-announcement:hover {
        opacity: 1;
    }

    /*****FIN Boton Editar Espacio en Paginas (ejecucion)**********/
/*****Submenu Grid Mis Tareas para Marcar como leído/no leído *****/
.submenu-grid-task {
    position: absolute;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: .85rem;
    z-index: 90000;
}

.submenu-grid-task-arrow-up {
    width: 0;
    height: 0;
    border-bottom: solid 10px #a0a0a0;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-top: 0;
    margin: 0 6px;
    position: relative;
}

    .submenu-grid-task-arrow-up:after {
        width: 0;
        height: 0;
        border-bottom: solid 10px #fff;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        border-top: 0;
        content: '';
        position: absolute;
        left: -10px;
        top: 1px;
    }

.submenu-grid-task-arrow-down {
    width: 0;
    height: 0;
    border-bottom: 0;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-top: solid 10px #a0a0a0;
    margin: 0 6px;
    position: relative;
}

    .submenu-grid-task-arrow-down:after {
        width: 0;
        height: 0;
        border-bottom: 0;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        border-top: solid 10px #fff;
        content: '';
        position: absolute;
        left: -10px;
        top: -11px;
    }

.submenu-grid-task.up .submenu-grid-task-arrow-down {
    display: none;
}

.submenu-grid-task.down .submenu-grid-task-arrow-up {
    display: none;
}

.submenu-grid-task-close {
    font-size: .95rem;
    cursor: pointer;
    padding: 5px 10px;
    display: inline-block;
    border: none;
    background-color: transparent;
    height: 1.5rem;
    color: #666;
    font-weight: 900;
}

.submenu-grid-task-menu {
    border-radius: .25rem;
    -webkit-box-shadow:  0px 0px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow:  0px 0px 8px 0px rgba(0,0,0,0.75);
    box-shadow:  0px 0px 8px 0px rgba(0,0,0,0.75);
    background-color: #ffffff;
    min-width: 200px;
    min-height: 100px;
}

.submenu-grid-task .submenu-grid-task-item:last-child {
    border-bottom: 0;
}

.submenu-grid-task-item {
    /*border-bottom: 1px solid #a0a0a0;*/
    display: -webkit-flex;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 20px;
    cursor: pointer;
}
    /*.submenu-grid-task-item:hover {
    background-color:#c2c2c2;
}*/
.submenu-grid-task-item.disabled {
    pointer-events: none;
    opacity: .5;
}
.submenu-grid-task-item.hidden {
    display:none !important;
}
.submenu-grid-task-item div:first-child {
    width: 20px;
    height: 18px;
}

.submenu-grid-task-postpone {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding:5px 11px;
}

    .submenu-grid-task-postpone div:first-child {
        width: 20px;
        height: 18px;
    }
/*****FIN Submenu Grid Mis Tareas para Marcar como leído/no leído *****/

.div-warning, .div-message {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000000;
    text-align: center;
    padding: .5rem;
    color: #fff;
    background-color: #c82333;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div-warning > div {
    flex-grow: 1;
}
.div-message > div{
    flex-grow: 1;
    display:flex;
    align-items:center;
    justify-content:center;
}
.btn-warning-close {
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    padding: 0;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none;
    border: 0;
    color: #fff;
}
.btn-warning-details {
    padding: 0;
    background: 0 0;
    border: none;
    margin: 0 .5rem;
    cursor: pointer;
    -webkit-appearance: none;    
    color:#fff;
}

.div-message {
    background-color: rgba(23, 133, 176, 0.88);
    padding: 1rem;
    color: #fff;
    -webkit-transition: -webkit-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
.div-message.in {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.div-message.edit {
     background-color: #c82333;     
}

    .div-message.edit > div {
        padding: 5px 10px;
    }

.sub-div-message {
    position: fixed;
    bottom: 0;
    z-index: 10000000;
    display: flex;
    flex-direction: column;
    background-color: rgba(23, 133, 176, 0.88);
    color: #fff;
    padding: .25rem 0;
    -webkit-transition: -webkit-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: bottom;
    border-radius: 5px 5px 0 0;
}
.sub-div-message > button{
    width:1.2rem;
    align-self:flex-end;
}
.sub-div-message.in {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    transform-origin:bottom;
}
.div-mandatory-list {
    padding: 3px .5rem 0 .5rem;
    text-align:start;
    max-height:250px;
    overflow-y:auto;
}
.div-mandatory-list > div {
    padding: 0 .3rem .3rem .3rem;
}

.text-loading {
    background: url(Grid/loading.gif) left center no-repeat;
    border: none;
}