/*IE*/
input[readonly],
textarea[readonly],
select[disabled],
input[disabled] {
    cursor: not-allowed;
}


/*Chrome*/
input:read-only,
textarea:read-only,
select:disabled input:disabled {
    cursor: not-allowed;
}

.logo2 {
    border: 0 none !important;
    padding-right: 1.2em !important;
}

.titulo001 {
    font-family: Georgia,"Times New Roman",Times,serif;
    color: #666;
    font-size: 1.4em;
    border-bottom: 1px dotted #666;
    line-height: 1.45em;
    word-wrap: break-word;
    min-width: 500px;
}

.labelDescriFase {
    font-family: Georgia,"Times New Roman",Times,serif;
    color: #666;
    font-size: 1.65em;
    border-bottom: 1px dotted #666;
    margin-bottom: 1em;
    line-height: 1.45em;
    word-wrap: break-word;
    min-width: 500px;
}

.center_completo001 {
    padding: 0em 2.25em;
}

ul.faq-list {
    font-size: larger !important;
}
/*Sobrescribe algunos estilos de sede electronica*/

.panelOverflow {
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 0%;
    /*width:700px;*/
}

/*.procedimientos table th.nombre {width: 200px;}*/

.quitar_padding {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

    .quitar_padding a {
        color: #555;
    }

/*Para que al pasar el ratón sobre la fila de un grid se resalte*/
/*tr.filaGridResaltada:hover
{
    background-color: rgb(253, 227, 196);
}*/

.Oculto {
    display: none;
}

/* Para que cuando haya paginación, la página actual se ponga negrita y en blanco */
.paginado li.actual a {
    font-weight: bold;
    color: White;
}

/*.tabladatosPlus table tr td { padding: 1px 1px; }*/
.tabladatos table tr td {
    padding: 1px 1px;
}

.centrarCabecera table tr td {
    text-align:center !important;
}

/*.tablaOculta1eraColumna table tr td:first-child {display:none;}*/
.ancho1eraColumna table tr td:first-child {width:15px; text-align:center;}
.centrarColumna {text-align:center !important;}

.grayheader1 {
    background: url(https://sedeaplicaciones.minetur.gob.es/EstilosSedeElectronica/Sitecollectionimages/SedeElectronica/fn-tabla-th.png) no-repeat top right;
    color: #555;
    padding-left: 11px !important;
    height: 25px !important;
    font-weight: bolder;
    vertical-align: middle !important;
}

.grayheader2 {
    background: url(https://sedeaplicaciones.minetur.gob.es/EstilosSedeElectronica/Sitecollectionimages/SedeElectronica/fn-tabla-th.png) no-repeat top right;
    color: #555;
    padding-left: 11px !important;
    height: 25px !important;
    font-weight: lighter;
    vertical-align: middle !important;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.updateProgress {
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    width: 200px;
    height: 110px;
}

    .updateProgress div {
        text-align: center;
        margin: 10% 0px;
    }

/*img.flecha_ordenacion
{
    width: 10px;
    height: 11px;
    display:inline;
    float: right;
}*/



.quitar_padding_derecha {
    padding-right: 0px !important;
}

.quitar_padding_izquierda {
    padding-left: 0px !important;
}


.quitar_margin_izquierda {
    margin-left: 0px !important;
}

.quitar_margin_derecha {
    margin-right: 0px !important;
}

.quitar_margin_arriba {
    margin-top: 0px !important;
}

/*.bt-incompleto {color:red}*/

.bt-incompleto {
    background-image: url("../imagenes/exclama.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 8px;
    padding-left: 1.9em !important;
}

.padding_textos_tabla {
    padding-top: 4px !important;
    padding-bottom: 0px !important;
    padding-left: 4px !important;
}

/*encuadrado con 3% de width*/
.padding_iconos_tabla {
    padding-top: 4px !important;
    padding-left: 2px !important;
}



.textos_rojo {
    color: red;
}

.tooltipImagen
{
    width:16px; 
    height:16px; 
    padding-left:5px;
}

.tooltipnew {
            position: relative;
            display: inline-block;
            /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
        }

            /* Tooltip text */
.tooltipnew .tooltiptextnew {
    visibility: hidden;
    width: 150px;
    background-color: #555;
    color: #fff;
    text-align: left;
    /*padding: 5px 0;*/
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -78px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    font-size:1em;
}


/* Tooltip arrow */
.tooltipnew .tooltiptextnew::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipnew:hover .tooltiptextnew {
    visibility: visible;
    opacity: 1;
}

.tooltipImagenGrid
{
    width:16px; 
    height:16px; 
    padding-top:2px;
}


.tooltipnewGrid {
            position: relative;
            display: inline-block;
            /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
        }

.tooltipnewGrid .tooltiptextnewGrid {
    visibility: hidden;
    width: 185px;
    background-color: #555;
    color: #fff;
    text-align: left;
    /*padding: 5px 0;*/
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -120px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    font-size:1em;
}

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

.tooltipnewGrid:hover .tooltiptextnewGrid {
    visibility: visible;
    opacity: 1;
}

.textos_rojo_important {
    color: red !important;
}

 /*Grid - anchos y columnas*/

.col-1-medio, .col-8-medio {float:left; padding: 5px; box-sizing: border-box;}
.col-8-medio {width: 70%;}
.col-1-medio {width: 15%;}
.col-1-medio {width: 15%;}

/* Tooltip derecha ---------------------------------------------------------------------------------------------------------------------------------------*/
.tooltipnewDerecha {
            position: relative;
            display: inline-block;
            /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
        }

/* Tooltip text */
.tooltipnewDerecha .tooltiptextnewDerecha {
                
    visibility: hidden;
    width:500px;
    background-color: #000000;
    color: #ffffff;
    text-align: left;
    /*padding: 5px 0;*/
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: -25%;
    left: 10%;
    margin-left: 25px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    font-size:1em;
}

/* Tooltip arrow */
.tooltipnewDerecha .tooltiptextnewDerecha::after {
    /*content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;*/
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipnewDerecha:hover .tooltiptextnewDerecha {
visibility: visible;
opacity: 1;
}

/* Tooltip izquierda ---------------------------------------------------------------------------------------------------------------------------------------*/
.tooltipnewIzquierda {
            position: relative;
            display: inline-block;
            /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
        }

/* Tooltip text */
.tooltipnewIzquierda .tooltiptextnewIzquierda {
                
    visibility: hidden;
    width:500px;
    background-color: #000000;
    color: #ffffff;
    text-align: left;
    /*padding: 5px 0;*/
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    font-size:1em;
}

/* Tooltip arrow */
.tooltipnewIzquierda .tooltiptextnewIzquierda::after {
    /*content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;*/
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipnewIzquierda:hover .tooltiptextnewIzquierda {
visibility: visible;
opacity: 1;
}


.ui-dialog {
background: #000000;
color: #000000;
width: 75%;
}

/*Para cambiar el contenido del cuadro de diálogo, tamaño de fuente, color de fuente, ...*/
.ui-dialog .ui-widget-content {
    /*color: #FFFFFF;*/
    font-family: arial;
}

/*Para cambiar el fondo de la cabecera*/
.ui-dialog .ui-widget-header {
    background: #005533;
}

/*Para cambiar el contenido de la cabecera, tamaño de fuente, color de fuente, ...*/
.ui-dialog-titlebar {
    color: #FFFFFF;
    font-family: arial;
}

.alinear_horizontal {
            float: left;
            width: 100px;
            height: 10px;
            margin: 10px;
        }