p {
    padding: 0;
    margin: 0;
}

#updateCuerpo {
    display: block;
    height: 100%;
}

#view #ficha_updatePanelFicha { height: 100%; }

/*============== MENUV2 ===============*/

#LoginView_Login { margin: auto; }

.logOut {
    border: solid gray;
    border-width: 0 0 0 1px;
    border-right: 0px !important;
}

.Menu { padding-top: 0px; }

.menuLogo {
    display: block;
    width: 90px;
    height: 32px;
    background-size: 70px, 1px;
    background-image: url(../imagenes/logo200.png), url(../imagenes/vacioAmarillo.png);
    background-position: 3px 3px, top left;
    background-repeat: no-repeat, repeat;
    background-attachment: scroll;
    /*background: url(../imagenes/vacio.png) repeat scroll 0 0 transparent;*/
    border-right: 1px solid gray;
}

.menuTDParche { *margin-top: 1px; }

.relleno {
    background-color: Red;
    background-image: url('../imagenes/vacioAmarillo.png');
    background-repeat: repeat-x;
    height: 32px;
    width: 100%;
}

.staticMenuHover {
    /*visibility:hidden;*/
    filter: alpha(opacity=70);
    opacity: .70;
}

.staticMenu { margin-top: 0px; }

.subMenu {
    background-color: #451d0e;
    color: Black;
    filter: alpha(opacity=60);
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    font-weight: bolder;
    margin-top: 1px;
    opacity: .60;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
}

.subMenuHover {
    filter: alpha(opacity=90);
    opacity: .90;
}

.panelSubMenu {
    background: #ECF068;
    display: none;
    /*width: 200px;*/
    left: -900px;
    position: absolute;
    z-index: 150;
}

.itemMenu {
    background: #D8DD15;
    border: 0px;
    border-bottom: 1px solid lightgray;
    color: Black;
    display: block;
    min-width: 100px;
    padding: 5px 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.topItemMenu, .topItemMenu_Right {
    background: url("../imagenes/vacioAmarillo.png") repeat scroll 0 0 transparent;
    border-right: 1px solid gray;
    color: #202020;
    display: block;
    font-size: 12px;
    line-height: 32px;
    padding: 0 8px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF, 0 -1px 1px #808080;
    white-space: nowrap;
}

.topItemMenu_Right {
    border-left: 1px solid gray;
    border-right: 0px;
}

    .topItemMenu:hover, .topItemMenu_Right:hover {
        background: url("../imagenes/vacioHover.png") repeat scroll 0 0 transparent;
        color: #E6E6E6;
        cursor: pointer;
        text-shadow: 0 -1px 1px #D0D0D0, 0 1px 1px black;
    }

.over { background-color: #A0A0A0; }

/*============== PAGINAMAESTRA ===============*/

input { padding: 2px; }

input, select { border: 1px solid #999; }

input:focus, select:focus {
    -webkit-box-shadow: 0px 0px 5px #4D90FE;
    border: 1px solid #4D90FE;
    box-shadow: 0px 0px 5px #4D90FE;
    outline: none;
}

html {
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    /*height:100%;*/
    margin: 0px;
    overflow-y: hidden;
    width: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.contenedor {
    margin: auto;
    margin-left: 5px;
    /*width:95%;*/
    margin-right: 5px;
}

.tablaContenedor {
    background: yellow;
    background: red;
    margin: auto;
}

.cuerpo {
    height: 100%;
    /*height: 500px;*//* debe ajustarse por javascript */
    width: 100%;
}

.fichaExplorador {
    bottom: 0px;
    float: left;
    height: 100%;
    width: 20%;
}

.fichaExplorador_Hidden {
    height: 0%;
    width: 0%;
}

.panelExplorador { height: 100%; }

.fichaSubFicha {
    float: left;
    height: 100%;
    width: 79.5%;
}

.fichaSubFicha > div, .fichaSubFicha_FullScreen > div { height: 100%; }

.panelSubFicha { height: 100%; }

.panelSubFicha_NoApartados {
    /*background: url("../imagenes/fondo_panel.jpg") repeat-x scroll center top #DEDEDE;*/
    background: #F3F3F3;
    border: 1px solid gray;
    float: left;
    height: 100%;
    overflow-x: auto;
    overflow-y: scroll;
    padding: 10px;
    
    width: 100%;
}

.panelSubFicha_NoApartados2 {
    /*background: url("../imagenes/fondo_panel.jpg") repeat-x scroll center top #DEDEDE;*/
    background: #F3F3F3;
    border: 1px solid gray;
    float: left;
	
    height: 100%;
    width: 100%;
}

.panelSubFicha_NoApartados3 {
    border: 1px solid gray;
    float: left;
    
    height: 100%;
    /*overflow-y : scroll;
	overflow-x : auto;*/
    overflow: auto;
    position: relative;
	
    width: 100%;
    /*background: url("../imagenes/fondo_panel.jpg") repeat-x scroll center top #DEDEDE;*/
}

.panelSubFicha_NoApartados4 {
    /*background: url("../imagenes/fondo_panel.jpg") repeat-x scroll center top #DEDEDE;*/
    background: #F3F3F3;
    float: left;
    
    height: 100%;
    /*overflow-y : scroll;
	overflow-x : auto;*/
    overflow: hidden;
    position: relative;
	
	
    width: 100%;
}



/* AjaxToolkit Tabs */

.tabContainer { height: 100%; }

.tabContainer .ajax__tab {
    margin-top: 0 !important;
}

.tabContainer .ajax__tab_header {
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    height: 21px;
}

.tabContainer .ajax__tab_outer {
    background: url("../imagenes/tabs/hover_right.gif") no-repeat right;
    float: left;
    height: 21px;
    padding-right: 4px;
}

.tabContainer .ajax__tab_inner {
    background: url("../imagenes/tabs/hover_left.gif") no-repeat;
    padding-left: 4px;
}

.tabContainer .ajax__tab_tab {
    background: url("../imagenes/tabs/hover_center.gif") repeat-x;
    color: black;
    float: left;
    height: 13px;
    margin: 0;
    padding: 4px;
}

.tabContainer .ajax__tab_hover .ajax__tab_outer { background: url("../imagenes/tabs/hover_right.gif") no-repeat right; }

.tabContainer .ajax__tab_hover .ajax__tab_inner { background: url("../imagenes/tabs/hover_left.gif") no-repeat; }

.tabContainer .ajax__tab_hover .ajax__tab_tab {
    background: url("../imagenes/tabs/hover_center.gif") repeat-x;
    color: #F3F3F3;
}

.tabContainer .ajax__tab_active .ajax__tab_outer { background: url("../imagenes/tabs/active_right.gif") no-repeat right; }

.tabContainer .ajax__tab_active .ajax__tab_inner { background: url("../imagenes/tabs/active_left.gif") no-repeat; }

.tabContainer .ajax__tab_active .ajax__tab_tab {
    background: url("../imagenes/tabs/active_center.gif") repeat-x;
    color: black;
}

.tabContainer .ajax__tab_body {
    background-color: #F3F3F3;
    /*background: url("../imagenes/fondo_panel.jpg") repeat-x;*/
    background-position: top;
    /*border: 1px solid #999999;*/
    /*border: solid 1px gray;*/
    border: 0;
    border-top: 1px solid gray;
    box-sizing: border-box;
    /*border-top: 0;*/
    float: left;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0px;
    position: relative;
    width: 100%;
}

/*FIX: los grid de flexigrid pueden ser más anchos que el espacio y aunque incluyen
un scroll, al cambiarle el posicionamiento de relative a static su overflow afecta
al contenendor de la subficha por esto es necesario ocultar el overflow-x*/

.tabContainer .ajax__tab_body { overflow-x: hidden; }

.tabContainer .ajax__tab_panel { padding: 10px; }

.hoverNode { background: yellow; }

.input { background: blue; }

.span { background: red; }

.divSpan { background: yellow; }

.divInput { background: green; }

.ArbolBotonera {
    background-color: #6699cc;
    color: white;
    padding: 0px 0px 0px 0px;
    position: absolute;
    visibility: hidden;
    z-index: 100;
}

.ArbolBotonera .botonBotonera {
    background-color: #6699cc;
    border: 0px;
    color: White;
    font-size: small;
    margin: 0px;
    text-align: left;
    width: 100%;
}

.ArbolBotonera .hover { background-color: #88AAEE; }

.dragItem {
    background-color: #6699cc;
    color: white;
    display: inline-block;
    white-space: nowrap;
    z-index: 100;
}

.tablaBordes td { border: 1px solid gray; }

.buttonAspa {
    background-image: url('../imagenes/boton/cancelarIcon.png');
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-top: 12px;
    white-space: nowrap;
}

.buttonUpdate {
    background-image: url('../imagenes/update.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.buttonUpdate_active { background-position: -16px 0; }

.buttonLink {
    color: Gray;
    display: block;
    font-weight: normal;
    padding-bottom: 4px !important;
    padding-top: 3px !important;
    text-align: center;
    text-decoration: none;
}

.button, input.button, .PanelFullScreen__CloseButton {
    background: #E5E5E5;
    border: 1px solid #A0A0A0;
    font-family: sans-serif;
    font-size: 11px;
    padding: 1px 5px 1px 5px;
}

.button:hover, input.button:hover, .PanelFullScreen__CloseButton:hover {
    background: #D5D5D5;
    border: 1px solid black;
    font-family: sans-serif;
    font-size: 11px;
    padding: 1px 5px 1px 5px;
}

.buttonAtencion {
    background: #FFE0E0;
    border: 1px solid red;
    color: red;
    font-family: sans-serif;
    font-size: 11px;
}

.buttonGrande {
    background: #E5E5E5;
    border: 1px solid #A0A0A0;
    font-family: sans-serif;
    padding: 2px 10px 3px 10px;
}

.buttonGrande:hover {
    background: #D5D5D5;
    border: 1px solid black;
    font-family: sans-serif;
    padding: 2px 10px 3px 10px;
}

.buttonAlarm {
    background: #D86D6D;
    border: 1px solid #801515;
    color: White;
}

.buttonAlarm:hover {
    background: #AC3A3A;
    border: 1px solid black;
}

.fileUploadGrande {
    background: #E5E5E5;
    border: 1px solid #A0A0A0;
    font-family: sans-serif;
    padding: 2px;
}

.dropDownListGrande {
    background: #E5E5E5;
    border: 1px solid #A0A0A0;
    font-family: sans-serif;
    padding: 4px;
}

.label, .enlace, .enlace:visited, .enlace:active, .labelSelected, .checkBox {
    color: #444444;
    font-family: Century Gothic;
    font-size: 12px;
    font-weight: bold;
}

.checkBox-small {
    display: inline-block;
    font-size: 11px;
    font-family: sans-serif;
}

.checkBox-small input {
    vertical-align: bottom;
    margin: 0 2px 0 4px;
}

.label .obligatorio {
    color: Black;
}

.obligatorio { color: Black; }

.enlaceObligatorio:hover, .enlace:hover { color: Blue; }

.label .noObligatorio { color: inherit !important; }

.labelSelected {
    background: #B0B0B0;
    color: White;
}

.titulo {
    background: #B0B0B0;
    clear: both;
    color: White;
    display: block;
    padding: 3px 0px;
    text-indent: 5px;
    width: 100%;
}

.enlace:hover { color: Blue; }

.textBoxFixed {
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    width: 150px;
}



.textBox, .dropDownList {
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    width: 100%;
}

select.dropDownList {
    box-sizing: border-box;
    height: 23px;
    padding: 2px;
}

input.textBox {
    box-sizing: border-box;
    height: 23px;
    padding: 2px 5px;
}

.limsMultiDropDownList { padding-right: 3px; }

.SeleccionMultiple_Table {
    border-collapse: collapse;
    width: 100%;
}

.SeleccionMultiple .SeleccionMultiple_TextBox, .SeleccionMultiple .SeleccionMultiple_BodyList { width: 100%; }

.SeleccionMultiple .SeleccionMultiple_Column1 { width: 100%; }

.SeleccionMultiple .SeleccionMultiple_Column2 input { width: 25px; }

.SeleccionMultiple .SeleccionMultiple_BodyList {
    background-color: White;
    border-color: Gray;
    border-style: inset;
    border-width: 2px 1px 1px 2px;
}

.autocomplete_completionListElement {
    background: white;
    border: buttonshadow;
    border-style: solid;
    border-width: 1px;
    color: windowtext;
    cursor: 'default';
    font-family: Century Gothic;
    font-size: 12px;
    height: 200px;
    list-style-type: none;
    margin: 0px !important;
    overflow: scroll;
    overflow: auto;
    padding: 0px;
    text-align: left;
    visibility: hidden;
    z-index: 200;
}

.limsSelectorDocumentos_Table { width: 100%; }

.limsSelectorDocumentos_PopUp, .limsSelectorDocumentos_PopUpInner { width: 360px; }

.autocomplete_highlightedListItem {
    background-color: Highlight;
    color: White;
    height: 30;
    overflow: hidden;
    padding: 1px;
    width: 300px;
}

.autocomplete_listItem {
    height: 30;
    overflow: hidden;
    padding: 1px;
    width: 300px;
}

.tablaMaquetacion {
    border-collapse: collapse;
    /*border: solid 1px black;*/
    padding: 0px;
    table-layout: fixed; /* En pruebas, hace que en IE se descuadren las fichas tras redimensioar la ventana */
    width: 100%;
}

.tablaMaquetacion td {
    border: 0px;
    margin: 0px;
    vertical-align: top;
    /*padding-right:8px;*/
    /*border: solid 1px black;*/
}

.tablaMaquetacion td.label {
    padding: 1px 1px 1px 1px;
    text-align: left;
    white-space: nowrap;
    width: 16%;
}

.tablaMaquetacion td.label label.label,
.tablaMaquetacion td.label a.label,
.tablaMaquetacion td.label span.label {
    box-sizing: border-box;
    display: inline-block;
    height: 23px;
    max-width: 100%;
    overflow: hidden;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tablaMaquetacion td.label label.label:hover,
.tablaMaquetacion td.label a.label:hover,
.tablaMaquetacion td.label span.label:hover {
    background: #F3F3F3;
    display: inherit;
    height: 23px;
    overflow: inherit;
    padding-right: 1px !important;
    position: absolute;
}

.tablaMaquetacion td.textBox { padding-right: 1px; }

.tablaMaquetacion.unaColumna td.textBox,
.tablaMaquetacion.unaColumna td.dropDownList { width: 84%; }

.tablaMaquetacion.dosColumnas td.textBox, .tablaMaquetacion.dosColumnas td.dropDownList { width: 34%; }

.tablaMaquetacion.tresColumnas td.textBox, .tablaMaquetacion.tresColumnas td.dropDownList { width: 17%; }

.tablaMaquetacion.tresColumnas td.primerCampo, .tablaMaquetacion.tresColumnas td.primerCampo { width: 18%; }

.tablaMaquetacion.dosColumnas td.textBox, .tablaMaquetacion.tresColumnas td.textBox {
    padding-right: 1px;
    /*padding-right:2px;*/
}

.tablaMaquetacion.dosColumnas td.textBoxCalendar, .tablaMaquetacion.tresColumnas td.textBoxCalendar {
    padding-right: 8px;
    width: 30%;
}

.tablaMaquetacion.dosColumnas td.calendar, .tablaMaquetacion.tresColumnas td.calendar {
    padding-right: 8px;
    text-align: right;
    width: 4%;
}

.textArea {
    box-sizing: border-box;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    height: 200px;
    padding: 2px 5px;
    width: 100%;
}

.textAreaMini {
    box-sizing: border-box;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    height: 35px;
    padding: 2px 5px;
    width: 100%;
}

.textAreaPequeño {
    box-sizing: border-box;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    height: 70px;
    padding: 2px 5px;
    width: 100%;
}

.textAreaMediano {
    box-sizing: border-box;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    height: 120px;
    padding: 2px 5px;
    width: 100%;
}

.textAreaGrande {
    box-sizing: border-box;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    height: 380px;
    padding: 2px 5px;
    width: 100%;
}

.textArea1Lineas {
    box-sizing: border-box;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    height: 22px;
    padding: 2px 5px;
    width: 100%;
}

.textArea2Lineas {
    box-sizing: border-box;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    height: 45px;
    padding: 2px 5px;
    width: 100%;
}

.textArea3Lineas {
    box-sizing: border-box;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    height: 71px;
    padding: 2px 5px;
    width: 100%;
}

.textBox .textArea {
    box-sizing: border-box;
    height: 100px;
    padding: 2px 5px;
}

.botonera {
    height: 20px;
    margin-left: 30%;
    text-align: right;
    width: 70%;
}

.advertenciaLabel, .procedimientosBaja {
    background-color: #adb3ff;
    /*color:Red;*/
    font-weight: bold;
    text-decoration: underline;
}

.labelAviso1 {
    background-color: red;
    color: white;
    padding: 1pt;
}

.labelAlerta, .alerta {
    /*color:Red;*/
    font-weight: bold;
}

.noticeBoxWarning {
    background-color: #ff9800;
    color: white;
    display: block;
    font-weight: bold;
    padding: 10px;
}

.nivel1 {
    color: Red;
    font-weight: bold;
}

.nivel2 {
    color: #d98000;
    font-weight: bold;
}

.nivel3 {
    color: Gray;
    font-style: italic;
    font-weight: bold;
}


.treeview, .treeview:hover, td.treeview, td.treeview:hover {
    border: 1px solid transparent;
    color: #444444;
    font-family: "Century Gothic", helvetica;
    font-size: 12px;
    text-decoration: none;	
}

.treeview:hover, td.treeview:hover {
    background: #E5E5E5;
    border: 1px solid black;
    color: Black;
}

.selectedNode {
    /*background:#EBF4FB;	*/
    background: #dedede;
    border: 2px solid black;
    font-style: oblique;
    font-weight: bold;
    color: Black;
}

.selectedNode_KeyBoard { text-decoration: underline !important; }

.nodo1 { color: Blue; }

.nodo2 { color: Green; }

.nodo3 { }

.nodo4 { }

.popUp {
    background-color: #6699cc;
    border: 1px solid gray;
    color: White;
    font-size: small;
    padding: 5px;
    text-decoration: none;
}

.popUp span { display: block; }

.popUp .imagen {
    float: left;
    height: 42px;
    margin-right: 8px;
    width: 42px;
}

.popUp input {
    clear: both;
    margin-top: 5px;
}

.popup {
    background-color: #6699cc;
    border: 1px solid gray;
    color: White;
    font-size: small;
    height: 40px;
    left: 50%;
    margin-left: -100px;
    margin-top: 5px;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0px;
    width: 200px;
    z-index: 200;
}

.popupError {
    background: #E0E0E0 none repeat scroll 0 0;
    border: solid 1px black;
    color: black;
    height: 300px;
    left: 50%;
    margin-left: -150px;
    margin-top: 100px;
    padding: 10px;
    width: 300px;
    z-index: 200;
}

.popupError .errorText { height: 40px; }

.popupError textarea {
    font-size: 11px;
    height: 220px;
    margin: 0;
    width: 100%;
}

.popupError .errorButtons {
    height: 30px;
    margin-top: 10px;
    width: 100%;
}

.popupError .errorButtons input { width: 70px; }

.modalBackground {
    background-color: white;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    margin: 0px;
    opacity: 0.50;
    padding: 0px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
}

.modalBody {
    height: 100%;
    left: 0;
    margin: 0px;
    padding: 0px;
    position: absolute;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}

.modalPopUp {
    background: #E0E0E0 none repeat scroll 0 0;
    border: solid 1px black;
    color: black;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: 80px;
    width: 400px;
    z-index: 200;
}

.modalPopUp_tittle {
    background: url('../imagenes/tabs/hover_center.gif') repeat-x scroll 0pt 0pt transparent;
    border-color: black;
    border-style: solid;
    border-width: 0px 0px 1px;
    display: block;
    padding: 2px;
    text-align: center;
}

.modalPopUp_message {
    display: block;
    padding: 10px;
}

.modalPopUp_buttonPanel { padding: 10px; }

.modalPopUp_buttonPanel .hover { border-color: Black; }

.validador { background: red; }

.callout { visibility: hidden !important; }

.oculto {
    display: none;
    left: -1000px;
    position: absolute;
}

.hidden { display: none; }

.UpdateProgress_Apartado {
    background-color: #6699cc;
    color: White;
    font-size: small;
    /*margin-left:-100px;*/
    height: 20px;
    left: 50%;
    padding: 5px;
    /*position:relative;
	position:absolute;*/
    position: fixed;
    text-align: center;
    width: 200px;
}

.calendarTextBox_body { width: 100%; }

.calendarTextBox_table {
    border-collapse: collapse;
    table-layout: fixed;
}

td.calendarTextBox_tdInput { padding-right: 1px !important; }

input.calendarTextBox_TextBox {
    box-sizing: border-box;
    height: 23px;
    padding: 2px 5px;
    width: 100%;
}


.ArbolExplorador .leyendaButton, .ArbolExplorador .filtroButton, .ArbolExplorador .accesoDirectoButton,
.ArbolExplorador .filtrarButton, .ArbolExplorador .limpiarButton {
    background-color: #F0F0F0;
    border: 0px;
    border: 1px solid #A0A0A0;
    color: gray;
    font-size: x-small;
    margin-top: 2px;
    padding: 2px;
}

.ArbolExplorador .toggle {
    background: #E8E8E8;
    border-style: dotted;
}

.ArbolExplorador .hover {
    background: #E8E8E8;
    border: 1px solid #545454;
    color: #545454;
}

.ArbolExplorador .filtroPanel .filtrarButton, .ArbolExplorador .filtroPanel .limpiarButton { margin: 2px; }

.ArbolExplorador .filtro_Activo, .ArbolDoble .filtro_Activo, .ArbolSeleccion .filtro_Activo {
    background-color: Gray;
    color: White;
}

.ArbolDoble .orderSelector, .ArbolSeleccion .orderSelector {
    background: #E5E5E5;
    border: 1px solid #A0A0A0;
    float: right;
    font-family: sans-serif;
    font-size: 11px;
}

.ArbolExplorador .accesoDirectoPanel {
    background: #F0F0F0;
    border-bottom: 1px solid #A0A0A0;
}

.ArbolExplorador .label_ExploradorAutocomplete {
    display: block;
    float: left;
    font-size: 10px;
    overflow: hidden;
    text-indent: 3px;
    width: 60px;
}

.ArbolExplorador .button_ExploradorAutocomplete {
    display: block;
    float: right;
    margin-top: 3px;
    overflow: hidden;
    text-align: right;
    width: 20px;
}

.ArbolExplorador .textBoxContainer_ExploradorAutocomplete {
    display: block;
    margin-left: 60px;
    margin-right: 20px;   
    
    overflow: visible;
}

.ArbolExplorador .textBoxContainer_ExploradorAutocomplete input {
    font-size: 10px;
    /*border:0px; */
    width: 100%;    
}

.PanelSuperior {
    background-color: #E9E9E9;
    height: 21px;
    padding-right: 2px;
    text-align: left;
    border-bottom: 1px solid gray;
}

.leyendaPanel {
    position: absolute;
    /*display: none;*/
    /*visibility:hidden;*/
}

.leyendaPanel, .filtroPanel {
    /*position:absolute;*/
    /*display: none;*/
    /*visibility:hidden;*/
    background: #F0F0F0;
    border: solid 1px #A0A0A0;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    /*margin-top:20px;*/
	
    z-index: 10;
}

.filtroPanel {
    font-size: xx-small;
    position: absolute;
    width: 170px;
    /*width:96%;*/
    /*padding: 0 2%;*/
}

.filtroPanel_body {
    max-height: 450px;
    overflow-y: scroll;
}

.filtroPanel_Inline {
    background: #F0F0F0;
    border: solid 1px #A0A0A0;
    font-size: xx-small;
    padding: 0 0 3px 3px;
}

.filtroPanel_Inline table { width: 100%; }

.filtroPanel_Inline .limpiarButton { margin-left: 4px; }

.filtroPanel_Inline table input {
    border: 1px solid gray;
    font-size: x-small;
    margin: 0px;
    padding: 0px;    
}


.leyendaPanel {
    color: #606060;
    width: 300px;
}

.ArbolExplorador .cerrarFiltroButton {
    float: right;
    width: 20px;
}

.invalid {
    background: #FFE0E0;
    border: Red solid 1px;
}

.validator {
    left: -1000px;
    position: absolute;
}

.testValidator {
    background: #FFE0E0;
    border: red solid 1px;
    display: block;
    font-size: x-small;
    position: absolute;
    top: -1000px;
}

.limsComboBox_Button {
    background-image: url("../imagenes/ComboBoxArrow.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    margin: 0px;
    padding: 0px;
    width: 16px;
    border: 0;
}

.limsComboBox_TextBox {
    border: 0 none;
    height: 14px;
    vertical-align: top;
    width: 100%;
}

.limsComboBox_List {
    margin: 0px;
    padding: 0px;
    z-index: 200;
    z-index: 200;
    z-index: 200;
}

table.limsComboBox {
    border:1px solid #999;
    margin-bottom: 1px;
    padding: 0px;
    width: 100%;
}

td.limsComboBox_TextBox {
    border: 0pt none;
    padding: 0px;
}

td.limsComboBox_Button {
    border: 0pt none;
    text-align: center;
    vertical-align: middle;
    width: 16px;
}

/*============== GRIDVIEW ===============*/

.Grid, .GridCompacto {
    border: 0px;
    border-color: #9C9C9C;
    border-style: solid;
    /*color:#333333;*/
    color: #FFFFFF;
    font-family: Century Gothic;
    /*font-family:Times New Roman;*/
    font-size: 12px;
    /*margin-bottom: 10px;*/
	
    table-layout: fixed;
    text-align: center;
}

.Grid .AlternatingRowStyle, .GridCompacto .AlternatingRowStyle {
    /*background-color:#E6E6FA;*/
    /*background-color:#f0f8ff;*/
    background-color: #FFFFFF;
    border: 1px solid black;
    color: Black;
}

.Grid .EditRowStyle,
.Grid .EditRowStyleSeparador,
.GridCompacto .EditRowStyle,
.GridCompacto .EditRowStyleSeparador {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    color: Black;
    font-family: Century Gothic;
    font-size: 12px;
}

.Grid .EditRowStyleSeparador, .GridCompacto .EditRowStyleSeparador { border-top: 3px solid gray; }

.Grid .DeletedRowStyle, .GridCompacto .DeletedRowStyle {
    background-color: #F5A9A9;
    border-style: solid;
    border-width: 1px;
    color: Gray;
    font-family: Century Gothic;
    font-size: 12px;
    font-style: italic;
}

.Grid .NewRowStyle, .GridCompacto .NewRowStyle {
    background-color: #E3F6CE;
    border-style: solid;
    border-width: 1px;
    color: Black;
    font-family: Century Gothic;
    font-size: 12px;
}

.Grid .EditedRowStyle, .GridCompacto .EditedRowStyle {
    background-color: #F2F5A9;
    border-style: solid;
    border-width: 1px;
    color: Black;
    font-family: Century Gothic;
    font-size: 12px;
}


.Grid .EmpyDataRowStyle, .GridCompacto .EmpyDataRowStyle { }

.Grid .FooterStyle, .GridCompacto .FooterStyle {
    background-color: #CCCCCC;
    color: Black;
}

.Grid .HeaderStyle, .GridCompacto .HeaderStyle {
    background-image: url("../imagenes/GridView/header.jpg");
    border: solid 1px Black;
    color: Black;
    /*background-color:#507CD1;*/
    font-family: Century Gothic;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    white-space: nowrap;
}

.Grid td input[type=text] {
    padding: 0px;
}

.Grid > tbody > tr > td, .GridCompacto > tbody > tr > td {
    border-right: solid 1px #D1D1D1;
    overflow: hidden;
    padding: 0px;
    white-space: nowrap;
}

.GridCompacto td {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 1px;
}

.Grid .InsertRowStyle td, .GridCompacto .InsertRowStyle td {
    border: 0px;
    text-align: left;
}

.tableHeader {
    background-image: url("../imagenes/GridView/header.jpg");
    border: 1px solid black;
    color: Black;
    font-family: Century Gothic;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    text-align: center;
}

.Grid th, .GridCompacto th {
    border-bottom: solid 1px #9C9C9C;
    /*padding-left: 5px;
	padding-right: 5px;*/
    border-right: solid 1px #D1D1D1;
    font-size: 11px;
    line-height: 11px;
    overflow: hidden;
    padding: 0px;
    white-space: pre-line;
    white-space: nowrap;
}

.GridCompacto th {
    padding-left: 2px;
    padding-right: 1px;
}

.Grid .PagerStyle, .GridCompacto .PagerStyle {
    background-color: #999999;
    color: Black;
}

.Grid .RowStyle, .GridCompacto .RowStyle {
    background-color: #FFFFFF;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    color: Black;
}

.Grid .SelectedRowStyle, .GridCompacto .SelectedRowStyle {
    background-color: LightGray;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    color: Black;
    font-weight: bolder;
}

.Grid .RowBaja, .Grid .RowBaja input, .Grid .RowBaja select {
    background-color: #F27979
    color: White;
    font-style: bold;
}

.Grid .InsertRowStyle, .GridCompacto .InsertRowStyle { border-top: 2px solid Black; }


/*.SelectedRowStyle
{
	background-color:#008A8C;
	color:White;	
}*/

.Grid .HoverRowStyle, .GridCompacto .HoverRowStyle {
    background-color: #E0E0E0;
    border-style: solid;
    border-width: 1px;
    color: Black;
    font-family: Century Gothic;
    font-size: 12px;
}

.Grid .RowCommandColumn, .GridCompacto .RowCommandColumn {
    background-color: white;
    background-image: none;
}

.Grid .calendarTextBox_table, .GridCompacto .calendarTextBox_table { table-layout: auto; }

.Grid .calendarTextBox_table .calendarTextBox_tdHour {
    border-left: 1px solid lightgray !important;
    border-right: 1px solid lightgray !important;
    padding-right: 0px !important;
}

.Grid .textAreaMini, .GridCompacto .textAreaMini {
    box-sizing: border-box;
    font-family: Century Gothic;
    font-size: 12px;
    height: 35px;
    padding: 2px 5px;
}

.Grid .textArea2Lineas, .GridCompacto .textArea2Lineas {
    box-sizing: border-box;
    font-family: Century Gothic;
    font-size: 12px;
    height: 35px;
    padding: 2px 5px;
    width: 200px;
}

.Grid .textAreaPequeño, .GridCompacto .textAreaPequeño {
    box-sizing: border-box;
    font-family: Century Gothic;
    font-size: 12px;
    height: 50px;
    padding: 2px 5px;
    width: 250px;
}

.Grid .limsSelectorDocumentos_Table, .GridCompacto .limsSelectorDocumentos_Table { width: 220px; }

.Grid .limsSelectorDocumentos_PopUp, .Grid .limsSelectorDocumentos_PopUpInner,
.GridCompacto .limsSelectorDocumentos_PopUp, .GridCompacto .limsSelectorDocumentos_PopUpInner {
    text-align: left;
    width: 210px;
}

.Grid caption, .GridCompacto caption {
    background: #B0B0B0;
    color: White;
    font-family: Century Gothic;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    text-align: left;
}

.Grid tr.detailSelected { background-color: #d3e7f9; }

.Grid .AlternativeRowStyle { background-color: #D5D5D5; }

.flexigrid .ColumHighlight { background-color: #FFF9C3; }

.HeaderHighlight { background-color: #FFF38B !important; }

.FichaGrid {
    background: white;
    width: 100%;
}

.FichaGrid, .FichaGrid tr, .FichaGrid th, .FichaGrid td, .FichaGrid tr.EditRowStyle, .FichaGrid tr.InsertRowStyle {
    border: 0px;
    border-collapse: separate !important;
}

.FichaGrid .HeaderStyle { display: none; }

.FichaGrid .InsertRowStyle td { background: #DEDEDE; }

.FichaGrid .InsertRowStyle input { background: #DEDEDE; }

.FichaGrid .InsertRowStyle td.RowCommandColumn { background-color: Transparent; }

.FichaGrid td.RowCommandColumn { width: 71px; }

.FichaGrid caption {
    background: #B0B0B0;
    color: White;
    font-family: Century Gothic;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    text-align: left;
}

.FichaGrid .textAreaPequeño {
    font-family: Century Gothic;
    font-size: 12px;
    height: 70px;
}

/*============ FIN GRIDVIEW =============*/

.arbolSeleccion td.treeview input:checked + span {
    background-color: #E3F6CE;
    border: 1px solid Green;
    color: Green;
}

.ArbolDoble .tablaArbol, .ArbolSeleccion .tablaArbol {
    table-layout: fixed;
    width: 100%;
}

.ArbolDoble .contenedorArbol, .ArbolSeleccion .contenedorArbol {
    background: white;
    border: 1px gray solid;
}

.ArbolDoble .panelArbol {
    height: 450px;
    overflow: scroll;
    width: 100%;
}

.ArbolSeleccion .panelArbol {
    background: white;
    border: 1px solid #ccc;
	
    bottom: 0;
    box-sizing: border-box;
    overflow: scroll;
    position: relative;
    top: 0;
    width: 100%;
}

.ArbolDoble .arbol, .ArbolSeleccion .arbol {
    margin-left: 6px;
    margin-top: 6px;
    /*width: 100%;*/
}

.ArbolDoble .sombraSup, .ArbolSeleccion .sombraSup {
    background: url('../imagenes/arbol/sombraMini_sup.png') repeat-x;
    font-size: 0px;
    height: 6px;
    line-height: 6px;
    margin-bottom: -6px;
    margin-left: 6px;
    margin-left: 0px;
    margin-right: 16px;
    position: relative;
    z-index: 3;
}

.ArbolDoble .sombraEsq, .ArbolSeleccion .sombraEsq {
    background: url('../imagenes/arbol/sombraMini_esq.png') no-repeat;
    font-size: 0px;
    height: 6px;
    line-height: 6px;
    width: 6px;
}

.ArbolDoble .sombraIzq, .ArbolSeleccion .sombraIzq {
    background: url('../imagenes/arbol/sombraMini_izq.png') repeat-y;
    height: 434px;
    margin-bottom: -434px;
    position: relative;
    width: 6px;
}

.ArbolDoble .panelBotones, .ArbolSeleccion .panelBotones {
    height: 100%;
    width: 100%;
}

.botonera .botonBotonera {
    background-repeat: no-repeat;
    color: #606060;
    font-family: sans-serif;
    font-size: 12px;
    margin-left: 8px;
    padding-left: 14px;
    text-decoration: none;
}

.botonera .botonBotonera:hover {
    background-repeat: no-repeat;
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    margin-left: 8px;
    padding-left: 14px;
    text-decoration: underline;
}

/*.botonera .hover{	border-bottom:1px solid #D0D0D0!important;
	padding-top: 0px;
	padding-bottom: 1px;
}*/

.imageLinkButton {
    background-repeat: no-repeat;
    color: #606060;
    font-family: sans-serif;
    font-size: 12px;
    padding-left: 14px;
    text-decoration: none;
}

.imageLinkButton:hover {
    background-repeat: no-repeat;
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    padding-left: 14px;
    text-decoration: underline;
}

.gridExternalDiv { overflow-x: auto; }

.gridInternalDiv { width: 0px; }

.botonera div { display: inline; }

.botoneraHijos, .botoneraAscendientes, .botoneraHerramientas { display: inline; }

.watermarked {
    color: Gray;
    font-style: italic;
}

.webMap {
    color: #AAAAAA;
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    font-weight: bold;
    width: 30%;
}

.tag, .tagOk, .tagError {
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-family: Century Gothic;
    font-size: 11px;
    padding: 0px 10px 0px 10px;
    text-align: center;
}

.tagOk {
    background-color: #E3F6CE;
    border-color: Green;
    color: Green;
    font-weight: bold;
}

.tagError {
    background-color: #F5A9A9;
    border-color: #D00000;
    color: #D00000;
    font-weight: bold;
}

.correcto {
    background-color: #E3F6CE;
    border-color: Green;
    color: Green;
}

.Grid .correcto {
    background-color: #E3F6CE;
    color: Green;
}

.incorrecto {
    background-color: #F27979;
    color: White;
    font-style: bold;
}

.Grid .incorrecto {
    background-color: #F27979;
    color: White;
    font-style: bold;
}

.Grid tr.incorrecto td.incorrecto {
    background-color: #F27979;
}

.advertencia {
    background-color: #adb3ff;
    border-color: #D00000;
    color: #D00000;
}

.Grid .advertencia {
    background-color: #adb3ff;
    border-color: #D00000;
}

.advertencia2 {
    background-color: #ffc97c;
    border-color: #D00000;
    color: #D00000;
}

.Grid .advertencia2 {
    background-color: #ffc97c;
    border-color: #D00000;
}

/*==================================*/

#cuerpo_ficha_updatePanelCabecera { overflow: hidden; }

#cuerpo_ficha_updatePanelFicha { height: 100%; }

.panelFicha {
    /*background:url("../imagenes/fondo_panel.jpg") repeat-x scroll center top #DEDEDE;*/
    background: #F3F3F3;
    border: 1px solid gray;
    height: 100%;
    overflow-x: auto;
    overflow-y: scroll;
    padding: 0;
    width: 100%;
}

.panelApartado {
    background-color: #F3F3F3;
    /*background: url("../imagenes/fondo_panel.jpg") repeat-x;*/
    background-position: top;
    border: solid 1px gray;
    height: 100%;
    overflow-x: auto;
    overflow-y: scroll;
    padding: 0px;
    position: relative;
    width: 100%;
}

.updateProgressGlobal .hiddenBackground {
    background: white;
    filter: alpha(opacity=1);
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 900;
}

.updateProgressGlobal .shadowBackground {
    background: white;
    filter: alpha(opacity=40);
    height: 100%;
    left: 0;
    opacity: .40;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 800;
}

.updateProgressGlobal .instantMsg {
    background-color: #6699cc;
    border: solid gray;
    border-width: 1px 0 0 1px;
    bottom: 0;
    color: White;
    display: block;
    font-size: smaller;
    padding: 2px;
    position: absolute;
    right: 0;
    z-index: 1000;
}

.updateProgressGlobal .slowMsg,
.updateProgressGlobal .tooSlowMsg {
    background-color: #6699cc;
    border: 1px solid gray;
    border-style: solid;
    border-width: 1px;
    color: white;
    font-family: verdana, tahoma, helvetica;
    font-size: 9px;
    left: 50%;
    margin-left: -100px;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 10px;
    vertical-align: middle;
    width: 200px;
    z-index: 1000;
}

.updateProgressGlobal .imgWrapper {
    float: left;
}
.updateProgressGlobal .txtWrapper {
    margin-left: 25px;
}

.ImageUpload_Image {
    border: 1px solid gray;
    margin-bottom: 3px;
    max-width: 250px;
}

.spliterBar {
    background: #C0C0C0;
    cursor: w-resize;
    float: left;
    height: 100%;
    width: 4px;
}

.spliterBar_hover {
    background: #A0A0A0;
    cursor: w-resize;
    float: left;
    height: 100%;
    width: 4px;
}

.timer {
    background: none repeat scroll 0 0 Orange;
    border: 1px solid gray;
    bottom: 0;
    display: block;
    font-family: verdana;
    font-size: 10px;
    position: absolute;
}

#panelTimerLog {
    background: none repeat scroll 0 0 white;
    border: 1px solid black;
    bottom: 0;
    font-family: Sans-Serif;
    font-size: 10px;
    position: absolute;
    right: 0;
    z-index: 100;
}

.TextBoxLabel {
    background: transparent;
    border: 0px;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}


/** CssClass de leyendas **/

/** GestionMuestra **/

.itemBaja, .muestra0, .lote0 {
    background: white;
    color: #B0B0B0;
    font-style: italic;
}

/* gris */

.itemPendienteResultado, .muestra1, .lote1 { background: #FFB8B8; }

/* rojo */

.itemPendienteValidar, .muestra2, .lote2 { background: #fff6a6; }

/* amarillo */

.itemFinalizado, .muestra3, .lote3 { background: #c1ecbd; }

/* verde */

.itemInformeEmitido, .muestra4, .lote4 { background: #adb3ff; }

/* azul */

.itemRechazado, .muestra5, .lote5 {
    background: #B0B0B0;
    color: White;
}

/* gris */

.estado0, .Grid .estado0 {
    background: white;
    color: #B0B0B0;
    font-style: italic;
}

/* gris */

.estado1, .Grid .estado1 { background: #FFB8B8; }

/* rojo */

.estado2, .Grid .estado2 { background: #fff6a6; }

/* amarillo */

.estado3, .Grid .estado3 { background: #ffc97c; }

/* naranja */

.estado4, .Grid .estado4 { background: #c1ecbd; }

/* verde */

.estado5, .Grid .estado5 { background: #adb3ff; }

/* azul */

.nodoIncorrecto { background: #FFB8B8; }

.nodoCorrecto { background: #c1ecbd; }

.nodoAdvertencia { background: #fff6a6; }

.columnaAlternativa { background: #E0E0E0; }

.leyendaItemFantasma {
    background: white;
    color: #B0B0B0;
    font-style: italic;
}

.leyendaNivel0 { }

/* gris */

.leyendaNivel1 { background: #c1ecbd; }

/* verde */

.leyendaNivel2 { background: #fff6a6; }

/* amarillo */

.leyendaNivel3 { background: #f1c591; }

/* naranja */

.leyendaNivel4 { background: #FFB8B8; }

/* rojo */

.leyendaNivel5 { }

/* violeta */

.BotoneraWizard {
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
}

.disabledRow { display: none; }

/**** MENSAJES ****/

.mensajesContainer {
    background-color: #E9E9E9;
    border: 1px solid black;
}

.mensajesContainer .cabeceraContainer {
    background-color: #D0D0D0;
    border-bottom: 1px solid #C0C0C0;
    font-style: italic;
    padding: 2px;
    position: relative;
}

.mensajesContainer .mensajesRemitente { font-weight: bold; }

.mensajesContainer .mensajesDestinatario { font-weight: bold; }

.mensajesContainer .mensajesFecha {
    position: absolute;
    right: 100px;
}

.mensajesContainer .mensajesAsuntoContainer {
    border-bottom: 1px solid #C0C0C0;
    font-weight: bold;
    padding: 5px;
}

.mensajesContainer .mensajeBodyContainer {
    background: white;
    padding: 2px 5px;
}

.mensajesContainer .respuestaContainer {
    display: none;
    padding: 10px;
}

.mensajesRespuestasContainer { padding-left: 20px; }

.mensajesRespuestasContainer .cabeceraContainer {
    background-color: #E9E9E9;
    border-bottom: 1px solid #C0C0C0;
    color: #606060;
    font-style: italic;
    padding: 2px;
    position: relative;
}

.mensajesRespuestasContainer .mensajesFecha { color: Black; }

.mensajesRespuestasContainer .mensajesContainer {
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 0px;
    border-top: 0px;
}



.downloadButton {
    background-image: url("../imagenes/download.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

/* Flexigrid */

.flexme { border-collapse: separate !important; }

/*Elimina los relative que trae por defecto para que los popup puedan salir fuera
del panel con scroll*/

.flexigrid div.bDiv { position: static; }

.flexigrid { position: static; }

/*.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
.flexigrid div.bDiv tr.trOver.trSelected td, */

/*,.flexigrid tr.trSelected td.sorted, .flexigrid tr.trSelected td */

/*
.flexigrid div.bDiv tr.trSelected:hover td, 
.flexigrid div.bDiv tr.trSelected:hover td.sorted, 
.flexigrid div.bDiv tr.trSelected td, 
.flexigrid div.bDiv tr.trSelected td.sorted{
    background: white ;
    //background: transparent;
    border-bottom: 1px solid #DDDDDD ;
    border-left:  1px solid #FFFFFF;
    border-right:  1px solid #DDDDDD;
}*/

/*.flexigrid div.bDiv tr:hover td,.flexigrid div.bDiv tr:hover td.sorted,.flexigrid div.bDiv tr.trOver td.sorted,.flexigrid div.bDiv tr.trOver td
{
    background: white ;
}*/

.flexigrid div.bDiv tr:hover td, .flexigrid div.bDiv tr:hover td.sorted, .flexigrid div.bDiv tr.trOver td.sorted, .flexigrid div.bDiv tr.trOver td { background: white; }

.flexigrid div.bDiv td {
    /*border-bottom: 1px solid #DDDDDD !important;*/
    border-bottom: 1px solid #DDDDDD;
    border-top: 0;
}

.flexigrid table { border-collapse: separate !important; }



.flexigrid input.Grid_TextBoxField,
.flexigrid input.Grid_TextBoxField_AutoComplete,
.flexigrid input.calendarTextBox_TextBox,
.flexigrid textarea.Grid_TextBoxField,
.flexigrid textarea.Grid_TextBoxField_AutoComplete,
.flexigrid textarea.calendarTextBox_TextBox {
    background: transparent;
    border-bottom: 1px solid transparent;
    border-left: 0px solid lightGray;
    border-right: 0px solid lightGray;
    border-top: 0px solid lightGray;
    font-family: Century Gothic, helvetica;
    font-size: 11px;
    height: 18px;
    width: 100%;
}

.flexigrid td.calendarTextBox_tdInput { padding-right: 0px !important; }

.flexigrid input.Grid_TextBoxField:hover,
.flexigrid input.Grid_TextBoxField:focus,
.flexigrid input.Grid_TextBoxField_AutoComplete:focus
.flexigrid input.calendarTextBox_TextBox:hover,
.flexigrid input.calendarTextBox_TextBox:focus,
.flexigrid textarea.Grid_TextBoxField:hover,
.flexigrid textarea.Grid_TextBoxField:focus,
.flexigrid textarea.Grid_TextBoxField_AutoComplete:focus
.flexigrid textarea.calendarTextBox_TextBox:hover,
.flexigrid textarea.calendarTextBox_TextBox:focus {
    background: white;
    border-bottom: 1px solid black;
}

.flexigrid select.Grid_DropDownField {
    background: transparent;
    border: 0px solid lightGray;
    font-size: 11px;
    height: 18px;
    width: 100%;
}

.flexigrid div.colWrap { font-size: 11px; }

.flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div, .flexigrid div.hDiv th.thOver div {
    padding: 0px;
}

.flexigrid div.hDiv th, div.colCopy { height: 20px; overflow:hidden; }



div.fileExplorerTree, div.fileExplorerTree div {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

div.fileExplorerTree table, div.fileExplorerTree table tr, div.fileExplorerTree table tr td,
div.fileExplorerTree td {
    background: white !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*Flexigrid FillParent*/

.flexigirdFillParent { }


.flexigrid div.hDiv .RowCompact th div,
.flexigrid div.bDiv .RowCompact td div { padding: 1px; }

.flexigrid div.hDiv .RowCompact th { height: 18px; }


.flexigrid div.bDiv table.compactFlexme td div {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px;
}

/* Fin Flexigrid */

.fileNodes {
    color: Black;
    padding-left: 2px;
    text-decoration: none;
}

/*Estado para las muestras de microal*/

.microal_muestra0 {
    background: white; /* normal */
}

.microal_muestra1 {
    background: #fff6a6; /* amarillo */
    color: Black;
}

.microal_muestra2 {
    background: #ffb54c; /* naranja */
    color: Black;
}

.microal_muestra3 {
    background: #ff4343; /* rojo */
    color: Black;
}

.microal_muestra4 {
    background: #bb78c9; /* morado */
    color: Black;
}

.microal_muestra5 {
    background: #c1ecbd; /* verde */
    color: Black;
}

.microal_muestra6 {
    background: #adb3ff; /* verde */
    color: Black;
}


table.TableWizard { table-layout: fixed; }

div.calendarTextBox_CalendarExtender {
    color: Black;
    padding: 0;
    /*position:relative;*/
    z-index: 10;
}

/* FIX: El posicionamiento de los popup del calendar no se hace correcto si se
situa dentro de un div con posicion relativa y scroll. El problema se debe a que
el extender calcula las coordenas mal al no tener en cuenta que un div absolute
dentro de un relativo, se situa siempre dentro del relativo sin salirse por lo que
sus coordenadas son respecto su padre relativo.

Se soluciona poniendo el popup como position relative pero en este caso no es viable
pues se necesita que salga de contenedores con tamaño fijo u overflow hidden, cosa
que solo se puede hacer poniendo su posicion como absoluta*/

.calendarTextBox_CalendarExtender {
    overflow: visible !important;
    position: absolute;
}

.calendarTextBox_CalendarExtender .ajax__calendar_container { top: 0px !important; }

/* FIX: Para que el estilo del Flexigrid no altere los calendar internos*/

div.calendarTextBox_CalendarExtender div {
    border: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}

div.calendarTextBox_CalendarExtender table.calendarTextBox_table { border: 0px !important; }

div.calendarTextBox_CalendarExtender table.calendarTextBox_table td { border: 0px !important; }

.calendarTextBox_CalendarExtender .ajax__calendar_container {
    background-color: white !important;
    border: 1px solid black !important;
    cursor: default;
    font-family: tahoma, verdana, helvetica;
    font-size: 11px;
    padding: 4px !important;
    position: absolute;
    text-align: center;
    width: 170px;
}

.calendarTextBox_CalendarExtender .ajax__calendar_body {
    height: 139px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 170px;
}

.calendarTextBox_CalendarExtender .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    height: 139px;
    left: 0px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 170px;
}

.calendarTextBox_CalendarExtender div.ajax__calendar_days table { border: 0px !important; }

.calendarTextBox_CalendarExtender div.ajax__calendar_days td {
    background: transparent !important;
    border: 0px !important;
}

.calendarTextBox_CalendarExtender .ajax__calendar_container TABLE { font-size: 11px; }

.calendarTextBox_CalendarExtender .ajax__calendar_header {
    height: 20px;
    width: 100%;
}

.calendarTextBox_CalendarExtender .ajax__calendar_prev {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 15px;
    width: 15px;
}

.calendarTextBox_CalendarExtender .ajax__calendar_next {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 15px;
    width: 15px;
}

.calendarTextBox_CalendarExtender .ajax__calendar_title {
    cursor: pointer;
    font-weight: bold;
}

.calendarTextBox_CalendarExtender .ajax__calendar_footer { height: 15px; }

.calendarTextBox_CalendarExtender .ajax__calendar_today {
    cursor: pointer;
    padding-top: 3px !important;
}

.calendarTextBox_CalendarExtender .ajax__calendar_dayname {
    height: 17px;
    padding: 0 2px !important;
    text-align: right !important;
    width: 17px;
}

.calendarTextBox_CalendarExtender .ajax__calendar_day {
    cursor: pointer;
    height: 17px;
    padding: 0 2px !important;
    text-align: right !important;
    width: 18px;
}

.calendarTextBox_CalendarExtender .ajax__calendar_month {
    cursor: pointer;
    height: 44px;
    overflow: hidden;
    text-align: center;
    width: 40px;
}

.calendarTextBox_CalendarExtender .ajax__calendar_year {
    cursor: pointer;
    height: 44px;
    overflow: hidden;
    text-align: center;
    width: 40px;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_container {
    background-color: #ffffff;
    border: 1px solid #646464;
    color: #000000;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_footer { border-top: 1px solid #f5f5f5; }

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_dayname { border-bottom: 1px solid #f5f5f5; }

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_day { border: 1px solid #ffffff; }

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_month { border: 1px solid #ffffff; }

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_year { border: 1px solid #ffffff; }

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_active .ajax__calendar_month {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_other .ajax__calendar_day {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_hover .ajax__calendar_title { color: #0066cc; }

.calendarTextBox_CalendarExtender .ajax__calendar .ajax__calendar_hover .ajax__calendar_today { color: #0066cc; }

.calendarTextBox_CalendarExtender td { border: 0; }

div.ArbolTablaFillParent, div.ArbolTablaFillParent table.tablaMaquetacion {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

div.ArbolTablaFillParent div.ArbolDoble, div.ArbolTablaFillParent div.ArbolSeleccion {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 250px;
}

div.ArbolTablaFillParent .ArbolDoble td.contenedorArbol, div.ArbolTablaFillParent .ArbolSeleccion td.contenedorArbol {
    border: 0px;
    vertical-align: top;
}

div.ArbolTablaFillParent div.sombraSup {
    bottom: 16px;
    height: auto;
    height: auto;
    margin-bottom: 0;
    position: absolute;
    top: 22px;
    width: 234px;
    z-index: 3;
}

div.ArbolTablaFillParent div.sombraIzq {
    bottom: 16px;
    height: auto;
    height: auto;
    margin-bottom: 0;
    position: absolute;
    top: 22px;
    width: 6px;
    z-index: 2;
}

div.ArbolTablaFillParent table.tablaMaquetacion {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

div.ArbolTablaFillParent .ArbolDoble .panelArbol, div.ArbolTablaFillParent table.tablaArbol,
div.ArbolTablaFillParent .ArbolSeleccion .panelArbol {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 22px;
    width: 250px;
}

div.ArbolTablaFillParent div.flexigrid { /*position:absolute;*/ }

div.ArbolTabla_FixedWrapper {
    height: 500px;
    position: relative;
}

div.tituloVersionWrapper_developerVersion .label {
    background: red;
    color: white !important;
    padding: 5px;
    text-decoration: blink;
}

div.tituloVersionWrapper_testVersion .label {
    background: yellow;
    padding: 5px;
}

div.tituloVersionWrapper_oldVersion .label {
    background: lightblue;
    padding: 5px;
}

.registroVersion_1 { background-color: #F7D358 !important; }

.registroVersion_2 { background-color: #FFB8B8 !important; }

.tooltip + label.label,
.tooltip + a.label,
.tooltip + span.label { padding-right: 15px; }

._tooltip_panel {
    background-color: #fff6a6;
    border: 1px solid black;
    color: Black;
    font-family: Helvetica;
    font-size: x-small;
    font-weight: normal;
    margin-top: -20px;
    max-width: 40%;
    padding: 3px;
}

._tooltip_image {
    float: right;
    padding-top: 4px;
}

/** Inicio estilos columnas condiciones limites **/

.condiciones_header_general { background: none; }

.condiciones_item_general { background: none; }

.condiciones_header_legislacion { background: #FFADAD !important; }

.condiciones_item_legislacion { background: #FFE1E1 !important; }

.condiciones_header_cliente { background: #FFF38B !important; }

.condiciones_item_cliente {    background-color: #FFF9C3 !important;  }

.condiciones_header_laboratorio { background: #DACCFF !important; }

.condiciones_item_laboratorio { background: #E3D9FF !important; }

.condiciones_header_contrato { background: #E7C16C !important; }

.condiciones_item_contrato { background: #EBD9AF !important; }

.condiciones_item_reglasValidacion { background: #A5DAF3 !important; }

/** Fin **/

.color1_header { background: #DACCFF !important; }

.color1_item { background: #E3D9FF !important; }

.color2_header { background: #E7C16C !important; }

.color2_item { background: #EBD9AF !important; }

/** Fix first table Div **/

/** es para acceder al estilo del div que crea ASP para contener los grid y que descontrola la posicion por ejemplo de los autocomplete selector*/

div.fixGridViewDiv > div:first-child { position: relative; }

/** mensajesViewer **/

.mensajesViewer .title {
    font-size: 18px;
    font-weight: bold;
}

.mensajesViewer .conversacion {
    font-family: Century Gothic;
    font-size: 12px;
}

.mensajesViewer .conversacion .headerExpanded,
.mensajesViewer .conversacion .headerCollapsed {
    border-left: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-top: 1px solid #B0B0B0;
    cursor: pointer;
    height: 45px;
    padding: 5px;
    position: relative;
}


.mensajesViewer .conversacion .headerExpanded { background: white; }

.mensajesViewer .conversacion .headerCollapsed { background: #EAEAEA; }

.mensajesViewer .conversacion .remitente { }

.mensajesViewer .conversacion .asunto {
    font-weight: bold;
    margin-left: 20px;
}

.mensajesViewer .conversacion .headerExpanded .fecha {
    position: absolute;
    right: 80px;
    top: 5px;
}

.mensajesViewer .conversacion .headerCollapsed .fecha {
    position: absolute;
    right: 5px;
    top: 5px;
}

.mensajesViewer .btnResponder {
    color: Black;
    display: block;
    text-decoration: none;
}

.mensajesViewer div.para { color: Gray; }

.mensajesViewer .conversacion .content {
    border-left: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    padding: 20px 5px;
}

.mensajesViewer .mensajeRespuestasContainer, .mensajesViewer .mensajeReenvioContainer, .mensajesViewer .mensajeReenvioClienteContainer {
    background: white;
    border-left: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    padding: 5px;
}

.mensajesViewer .conversacion .resumen { font-style: italic; }

.mensajesViewer .conversacion .content { background: white; }

.mensajesViewer .botoneraMensajes {
    margin-bottom: 4px;
    padding-top: 4px;
    /*border-top: 1px solid lightgray;*/
}

.mensajesViewerLite_PopUp {
    background: white;
    border: 1px solid #A0A0A0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 300px;
    z-index: 2;
}

.mensajesViewerLite {
    max-height: 500px;
    overflow-x: hide;
    overflow-y: auto;
    padding: 4px 4px 1px 4px;
}

.mensajesViewerLite .item {
    background: #E9E9E9;
    color: #545454;
    margin-bottom: 3px;
    padding: 2px 8px;
}

.mensajesViewerLite .item:hover { background: #E0E0E0; }

.mensajesViewerLite a { text-decoration: none; }

/** Fin **/

.toolBar { color: #545454; }

.toolBar a {
    color: black;
    font-family: "Century Gothic", helvetica;
    font-weight: bold;
}

.ghost_background {
    filter: alpha(opacity=1);
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    /*background: red;*/
    z-index: 199;
}

.map_noMap {
    background: none repeat scroll 0 0 #E4E4E4;
    border: 1px solid gray;
    font-size: 200%;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
}

.map_noMapMessage {
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -150px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 300px;
}

/*Evitar que firefox permita redimensionar los textarea*/

textarea { resize: none; }

/*******PRESUPUESTOS*********/

.presupuesto .ajax__tab_body { background: #FFF38B; }

.pedido .ajax__tab_body { background: #DACCFF; }

.CheckBoxList {
    background: white;
    border-color: lightgray;
    border-style: inset;
    border-width: 2px;
    display: block;
    margin: 0;
    overflow-y: scroll;
    padding: 0;
}

.AlmacenMovimiento_EstadoConforme, .AlmacenMovimiento_ProductosBalancePositivo {
    background: #c1ecbd !important;
    color: Black;
}

.AlmacenMovimiento_EstadoNoConforme, .AlmacenMovimiento_ProductosBalanceNegativo {
    background: #FFB8B8 !important;
    color: Black;
}

.AlmacenMovimiento_EstadoPendiente {
    background: #B0B0B0 !important;
    color: Black;
}

.AlmacenMovimiento_ConsumoFuturoSuperadoAviso { background: #FFADAD !important; }

/****************** PanelFullScreen ******************/

.PanelFullScreen--Active {
    bottom: 0px;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 12px;
    z-index: 1000;
}

.PanelFullScreen .PanelFullScreen__BackPanel {
    background-color: White;
    bottom: 0px;
    display: none;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: -1;
}

.PanelFullScreen--Active .PanelFullScreen__BackPanel { display: block; }

.PanelFullScreen--Active .PanelFullScreen__Open { display: none; }

.administrator {
    background-color: #d00000;
    padding: 5px;
}

/*** ArbolSeleccion Filtro Inline ***/

.ArbolSeleccion .filtroPanel_Inline {
    border: solid #ccc;
    border-width: 1px 1px 0 1px;
}

.ArbolSeleccion .filtroPanel_body { overflow: auto; }

.ArbolSeleccion .filtroPanel_Inline .filtroPanel_body > table > tbody > tr { display: inline-block; }

.ArbolSeleccion .filtroPanel_Inline .filtroPanel_body > table > tbody > tr:nth-child(odd) { width: 30%; }

.ArbolSeleccion .filtroPanel_Inline .filtroPanel_body > table > tbody > tr:nth-child(even) { width: 70%; }

.ArbolSeleccion .filtroPanel_Inline .filtroPanel_body > table > tbody > tr > td { width: 100%; }

.ArbolSeleccion .filtroPanel_Inline input[type="text"] {
    border: 1px solid #ccc;
    margin-top: 1px;
}

.ArbolSeleccion .filtroPanel_Inline .button { margin-right: 2px; }

.contentBlock { margin-top: 10px; }

.contentBlock:first-child { margin-top: inherit; }

.wizardEtiquetasMetodo,
.wizardActualizarMetodo {
    border: 1px solid #B0B0B0;
    height: 650px;
    margin: 5px auto;
    width: 600px;
}

.wizardEtiquetasMetodo .stepWrapper,
.wizardActualizarMetodo .stepWrapper {
    padding: 5px;
    vertical-align: top;
}

.wizardNavigationWrapper { padding: 5px; }

.wizardNavigationWrapper input { margin: 5px; }

.wizardActualizarMetodo .descripcion {
    display: block;
    margin: 5px;
}

.wizardActualizarMetodo .stepBlock { margin-bottom: 5px; }

.wizardActualizarMetodo .stepMuestrasItemFields {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr 3fr;
    margin: 5px 0 0 30px;
}

.wizardActualizarMetodo .stepMuestrasItemFields span { margin-left: 10px; }

.disabled {
    background: lightgray;
    font-style: italic;
}

.flexigrid div.bDiv table.compactFlexme .disabled td div { color: gray; }

.msgGuardando {
    position: absolute;
    top: 0;
    left: 50%;
    
}
.msgGuardando div {
    position: relative;
    left: -50%;
    z-index: 100;
    background-color: #6699cc;
    color: White;
    border: solid gray;
    border-width: 1px;
    padding: 5px;
    top: 16px;
    z-index: 1000;
}

.reorderList ul {
    list-style: none;
    padding: 0;
}

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

.reorderList .itemArea {
    border: 1px solid #A0A0A0;
    padding: 1px 3px;
    margin: 1px;
    cursor: move;
    background: #F0F0F0;
}

.reorderList .icon:after {
    content: '\2807';
    color: #A0A0A0;
}

ul.dragVisualContainer{
    list-style: none;
    padding: 0;
}

ul.dragVisualContainer .itemArea{
    border: 1px solid #A0A0A0;
    background: #F0F0F0;
    padding: 1px 10px;
    margin: 1px;
    cursor: move;
}

.reorderList div.placeableArea {
    border: 1px dashed #A0A0A0;
    background: #F0F0F0;
    padding: 1px 3px;
    margin: 1px 0;
    cursor: move;
}

td.sinCorrespondencia {
    color: gray;
    background: #F3F3F3;
}

div.checkBoxListWrapper {
    overflow: auto;
    background: white;
    border: thin solid lightgray;
}

div.dialog {
    background: white;
    border: 1px solid black;
    padding: 5px;
}

div.collapsibleContainer {
    border: solid #B0B0B0;
    border-width: 0 1px 1px 1px;
    background: #E8E8E8;
}

div.collapsibleHeader {
    background: #B0B0B0;
    clear: both;
    color: White;
    display: block;
    padding: 3px 0;
    text-indent: 5px;
    width: 100%;
}

div.collapsibleHeader:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #E8E8E8;
}

table.collapsibleTable {
    border-collapse: collapse;
    border-style: hidden;
    background: white;
}

table.collapsibleTable td, table.collapsibleTable th {
    border: 1px solid #B0B0B0;
}

.flexigrid div.bDiv td.cellBottom {
    vertical-align: bottom !important;
}

div.arbolExploradorErrorMessage {
    margin: 2pt;
    padding: 2pt;
    border: 1px solid gray;
    background-color: lightgray;
}

div.arbolExploradorErrorMessage span {
    display: block;
}

div.modalPanel {
    background: white;
    border: 1px solid gray !important;
}

div.modalPanel div.modalPanelTitle {
    background: #B0B0B0;
    color: White;
    display: block;
    padding: 3px 5px !important;
    clear: both
}

div.modalPanel div.modalPanelBody {
    background: white;
    padding: 10px !important;
}

div.modalPanel div.modalPanelFooter {
    background: #B0B0B0;
    padding: 3px 5px !important;
    text-align: right;
}

.validacionParent {
    display: flex;
    flex-flow: row wrap;
}

.validacionChild {
    box-sizing: border-box;
    flex: 50%;
}

@media (max-width: 1000px) {
    .validacionParent {
        flex-direction: column;
    }
}