/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.css-animated {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body {
    /*line-height: 1;   Hace cosas raras en FireFox */
    font-size: 62.5%; /* Hace que una fuente de 10pt equivalga a 1em */
    font-family: Arial, Helvetica, sans-serif;
    background-color: #495d79;
}

ol, ul {
    list-style: none;
}

    ol.disc-list, ul.disc-list {
        list-style: disc;
        padding-left: 20px;
    }

code {
    background: #dce7f0;
    border: 1px solid #cccdd1;
    font-family: courier, monospace;
    padding: 2px;
    display: inline-block;
}

blockquote, q {
    quotes: none;
    border-left: 2px solid #ccc;
    margin-left: 1.5rem;
    padding-left: 1rem;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

/* No olvides definir estilos para focus */
:focus {
    outline: 0;
}

/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* En el código HTML es necesario añadir cellspacing=0 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table thead tr {
        position: sticky;
        top: 0;
        z-index: 1;
    }

/* ENCABEZADOS */
h2 {
    font-size: 2em;
    font-weight: bold;
    color: #205380;
}

h2 {
    font-size: 1.8em;
    font-weight: bold;
    color: #205380;
}

h3 {
    font-size: 1.4em;
    font-weight: bold;
    color: #205380;
    margin-top: 1em;
    position: relative;
    height: 1%;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: #205380;
}

.mensaje, #pageMessage {
    color: #2b87d3;
    font-size: 1.2em; /*font-weight: bold;*/
    margin: 1em 0;
}

#logo {
    width: 246px;
    height: 127px;
    color: White;
    font-size: 36px;
    line-height: 127px;
    text-align: left;
}

.logo_instancia {
    position: absolute;
    top: 2px;
    left: 17px;
    width: 115px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    overflow: hidden;
}

    .logo_instancia img {
        /*vertical-align: middle;*/
    }

/* ERRORES */

.input-validation-error,
.ui-multiselect-state-default.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    margin: 0 10px 10px 10px;
}

    .validation-summary-errors li {
        font-size: 1.2em;
        font-weight: bold;
        color: #284863;
        margin: 1em 0;
        padding-left: 20px;
        background: url(/Content/Images/errorAviso.gif) no-repeat 0 0;
    }

.field-validation-error {
    display: block;
    color: Red;
    font-weight: bold;
    padding: .5em 0;
}

/*AVISO CADUCIDAD CONTRASEÑA*/
#avisoCaducaPass {
    font-size: 1.2em;
    font-weight: bold;
    color: #990000;
    margin: 1em 0;
    padding-left: 20px;
    background: url(/Content/Images/errorAviso.gif) no-repeat 0 0;
}

/* PAGINA DE ERROR Y MENSAJES */

#pagina_mensaje {
    padding: 100px;
    height: auto !important;
    height: 300px;
    min-height: 300px;
    word-break: break-all;
}

    #pagina_mensaje p {
        font-size: 3em;
        font-weight: bold;
        color: #205380;
        position: relative;
        margin-left: 150px;
    }

        #pagina_mensaje p:before, #pagina_mensaje p .before {
            content: '.';
            overflow: hidden;
            text-indent: 100em;
            position: absolute;
            left: -150px;
            top: -50px;
            width: 120px;
            height: 100px;
            display: block;
        }

    #pagina_mensaje.pagina_error p:before, #pagina_mensaje.pagina_error p .before {
        background: url(/Content/Images/error.gif);
    }

    #pagina_mensaje.pagina_success p:before, #pagina_mensaje.pagina_success p .before {
        background: url(/Content/Images/success.png);
    }

/* PAGINA DE NOTIFICACION */

#pagina_notificacion {
    padding: 100px;
    height: auto !important;
    height: 300px;
    min-height: 300px;
}

    #pagina_notificacion p {
        font-size: 3em;
        font-weight: bold;
        color: #205380;
        position: relative;
        margin-left: 150px;
    }

        #pagina_notificacion p:before, #pagina_notificacion p .before {
            content: '.';
            overflow: hidden;
            text-indent: 100em;
            position: absolute;
            left: -150px;
            top: -50px;
            width: 128px;
            height: 128px;
            display: block;
            background: url(/Content/Images/notificacion.png);
        }

/* HTML HELPERS */

.null {
    color: gray;
}

/* TABLAS */

table {
    width: 100%;
    font-size: 1.2em;
}

    table.layout-fixed {
        table-layout: fixed;
    }

.fieldcontent table {
    max-width: 100%;
}

.field table {
    font-size: 1em;
}

th {
    text-align: left;
    padding: .5em 1em;
    background: #F1F7FC;
    border: solid 2px white;
}

tr:hover td {
    background-color: #f4fdd7;
}

tr:hover {
    background-color: #f4fdd7;
}

tr.highlight {
    font-weight: bold;
}

td {
    padding: .5em .9em;
    background: #f7f7f7;
    border: solid 2px white;
    word-break: break-all;
}

    td.botonera {
        white-space: nowrap;
    }

table.table-verticalalign-middle td {
    vertical-align: middle;
}

table td.row-child-details {
    background-color: #fff;
}

    table td.row-child-details pre {
        white-space: pre-wrap;
    }

table td[data-field] select,
table td[data-field] input {
    width: 100%;
}

/* LAYOUT PRINCIPAL */
#topsection {
    background: #323f52 url(/Content/Images/cabeceraFondo.gif) repeat-x top;
    border-bottom: solid 10px #f1f7fc;
    width: 100%;
}

#maincontainer {
    background: white;
    width: 100%;
}

    #maincontainer:after {
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
        content: '.';
    }

    #maincontainer #wrapSubMenus {
        /*position: absolute;*/
        width: 100%;
        background-color: #f1f7fc;
        display: none;
        /*z-index: 99;
                top:127px;*/
    }

        #maincontainer #wrapSubMenus #submenus {
            width: 100%;
            display: table;
            table-layout: fixed;
            padding: 0 36px;
        }

        #maincontainer #wrapSubMenus a {
            display: table-cell;
            text-align: center;
            padding: 10px 0px;
            font-size: 1.4em;
            color: #334054;
            text-decoration: none;
        }

            #maincontainer #wrapSubMenus a.activa, #maincontainer #wrapSubMenus a.activa:hover {
                font-weight: bold;
                background-color: white;
            }

            #maincontainer #wrapSubMenus a:hover {
                background-color: #c6dff6;
                color: #334054
            }

#contentwrapper {
    float: left;
    width: 100%;
}

#contentcolumn {
    margin-left: 256px; /*Set left margin to LeftColumnWidth*/
}

/* Margen eliminado de contentcolumn */
.sinMargenIzquierdo {
    margin-left: 0px !important;
}

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

.pequeñoMargenSuperior {
    margin-top: 12px;
}

.pequeñoMargenInferior {
    margin-bottom: 12px;
}

#leftcolumn {
    float: left;
    width: 256px; /*Width of left column*/
    margin-left: -100%;
}

#footer {
    clear: left;
    position: relative;
    width: 100%;
    background: #495d79 url(/Content/Images/pieFondo.gif) repeat-x;
    min-height: 0;
    overflow: hidden;
    height: auto !important; /*112px*/
}

.innertube {
    position: relative;
    margin: 0 36px;
    height: 1%;
}

#leftcolumn .innertube {
    margin: 36px 10px 36px 36px;
}

/* CABECERA */

/* Info sesión */
#info_sesion {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.1em;
    color: #ffffff;
    background: url(/Content/Images/sesionFondo.gif) repeat-x;
}

    #info_sesion img {
        vertical-align: middle;
    }

    #info_sesion span {
        margin: 0 12px;
    }

    #info_sesion #lista-idiomas-width {
        margin: 0 45px;
    }

    #info_sesion #usuario {
        color: #dbf0fb;
    }

    #info_sesion strong {
        color: #dbf0fb;
        margin-left: 8px;
    }

    #info_sesion a {
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        margin-left: 8px;
    }

        #info_sesion a:hover {
            text-decoration: underline;
        }

.ultima_sesion {
    display: block;
}

/* Menú principal */
#menu_principal {
    position: absolute;
    bottom: 0;
    right: 0;
}

    #menu_principal .opciones {
        float: right;
        overflow: hidden;
        background: transparent;
    }

        #menu_principal .opciones li {
            float: left;
            display: block;
        }

        #menu_principal .opciones a {
            display: block;
            font-size: 1.4em;
            color: #ffffff;
            text-decoration: none;
            padding: 0.571em;
        }

            #menu_principal .opciones a:hover {
                text-decoration: underline;
            }

        #menu_principal .opciones li.seleccionada {
            background: #f1f7fc url(/Content/Images/menuIzquierdaSeleccion.gif) no-repeat left top; /*default background color of tabs, left corner image*/
        }

            #menu_principal .opciones li.seleccionada a {
                font-weight: bold;
                color: #205380;
                background: transparent url(/Content/Images/menuDerechaSeleccion.gif) no-repeat right top; /*right corner image*/
            }

        #menu_principal .opciones .submenu {
            display: none;
            position: absolute;
        }

            #menu_principal .opciones .submenu li {
                float: none;
                display: inline-block
            }

                #menu_principal .opciones .submenu li a {
                    font-weight: normal;
                }

        #menu_principal .opciones li:hover .submenu {
            display: block;
            background: #323f52;
            width: 100%;
            z-index: 999;
        }

        #menu_principal .opciones li.seleccionada:hover .submenu {
            display: block;
            background: #f1f7fc;
            width: 100%;
            z-index: 999;
        }

            #menu_principal .opciones li.seleccionada:hover .submenu li.seleccionada a {
                font-weight: bold;
            }

#crear_incidencia {
    float: right;
    position: relative;
    background: #284863;
    padding: 0.75em;
    margin-left: 32px;
}

    #crear_incidencia a {
        font-size: 1.2em;
        font-weight: bold;
        color: White;
        text-decoration: none;
    }

        #crear_incidencia a:hover {
            text-decoration: underline;
        }

    #crear_incidencia img {
        vertical-align: middle;
        margin-right: 6px;
    }

    #crear_incidencia:before, #crear_incidencia .before {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 3px;
        display: block;
        background: url(/Content/Images/crearIncidenciaIzquierda.gif);
    }

    #crear_incidencia:after, #crear_incidencia .after {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        right: 0;
        top: 0;
        width: 3px;
        height: 3px;
        display: block;
        background: url(/Content/Images/crearIncidenciaDerecha.gif);
    }

/* PIE */

/*#footer .asac p:before,
#footer .asac p .before {
    content: 'hola';
    display: inline-block;
    width: 15px;
    height: 20px;
    background: url(http://instancia1:85/Content/Images/pieIE.gif);
    overflow: hidden;
    text-indent: 100em;
}*/

/*#footer:after {
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
    content: '.';
}*/

#footer .box {
    margin: 2em 0 -8.5em;
    padding: 0 1em 10em;
}

#footer .asac {
    border-left: 1px solid #2E5574;
    border-right: 1px solid #2E5574;
    float: left;
    font-size: 1.1em;
    color: #ffffff;
    width: 25em;
}

    #footer .asac a {
        color: #ffffff;
    }

#footer .os {
    border-left: 1px solid #2E5574;
    border-right: 1px solid #2E5574;
    float: right;
    line-height: 6em;
    text-align: center;
    width: 20em;
}

#footer .navigators {
    border-left: 1px solid #2E5574;
    float: right;
    line-height: 8em;
    text-align: center;
    width: 20em;
}

    #footer .navigators img, #footer .os img {
        margin-right: 0.5em;
        vertical-align: middle;
    }

    #footer .navigators a, #footer .os a {
        opacity: 0.6;
    }

        #footer .navigators a:hover, #footer .os a:hover {
            opacity: 1;
        }

#footer .mobile-view {
    border-left: 1px solid #2E5574;
    float: right;
    text-align: center;
    width: 20em;
}

#footer .box.mobile-view a {
    color: white;
    font-size: 1.1em;
}

    #footer .box.mobile-view a:hover {
        opacity: 0.7;
    }

    #footer .box.mobile-view a img {
        display: inline-block;
        vertical-align: middle;
    }

    #footer .box.mobile-view a span {
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
        line-height: 6em;
    }

/* FILTRO */

.filtro {
    background: #f9fbfc;
}

    .filtro .margen {
        padding: 0 15px;
    }

    .filtro .titulo {
        position: relative;
        font-size: 1.6em;
        line-height: 2.25em;
        height: 1%; /* haslayout */
        font-weight: bold;
        color: #2b87d3;
        background: #cfe0f2 url(/Content/Images/filtroTituloFondo.gif) repeat-x top;
    }

        .filtro .titulo:after, .filtro .titulo .after {
            content: '.';
            overflow: hidden;
            text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
            position: absolute;
            right: 0;
            top: 0;
            width: 3px;
            height: 36px;
            display: block;
            background: url(/Content/Images/filtroTituloDerecha.gif);
        }

        .filtro .titulo:before, .filtro .titulo .before {
            content: '.';
            overflow: hidden;
            text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
            position: absolute;
            left: 0;
            top: 0;
            width: 3px;
            height: 36px;
            display: block;
            background: url(/Content/Images/filtroTituloIzquierda.gif);
        }

    .filtro .seccion {
        font-size: 1.2em;
        line-height: 2.25em;
        color: #284863;
        border-top: solid 1px #d1ddeb;
        padding: 5px 0;
    }

    .filtro .enlinea {
        width: 130px;
        display: inline-block;
        border-top: none;
        text-align: left;
    }

    .filtro .IE {
        display: block;
        float: left;
        text-align: left;
    }

    .filtro .tipologia {
        background-color: #f4fdd7;
    }

    .filtro .seccion .titulo_seccion {
        font-weight: bold;
        position: relative;
        cursor: pointer;
        height: 1%;
    }

        .filtro .seccion .titulo_seccion .icono {
            visibility: collapse;
            display: inline-block;
            width: 9px;
            height: 100%;
            position: absolute;
            left: -5px;
            background-image: url(/Content/Images/filtroExpandirCampo.gif);
            background-repeat: no-repeat;
            cursor: pointer;
            overflow: hidden;
            text-indent: 100em;
        }

    .filtro .icono_visible {
        padding-left: 20px;
    }

        .filtro .icono_visible .icono {
            visibility: visible !important;
        }

    .filtro .seccion .titulo_seccion .contraer {
        background-position: 100% 50%;
    }

    .filtro .seccion .titulo_seccion .expandir {
        background-position: 0 50%;
    }

    .filtro .icono_visible .titulo_seccion .texto_titulo {
        cursor: pointer;
    }

.texto_titulo_oscuro {
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;
}

.texto_titulo_claro {
    font-size: 1.2em;
    font-weight: bold;
    color: Gray;
}

.MarcarTodoArbol {
    margin-left: 0.1em;
}

.filtro .seccion .fila .texto_titulo_oscuro {
    font-size: 1em;
}

.filtro .seccion .fila .texto_titulo_claro {
    font-size: 1em;
}

.filtro .seccion .fila {
    min-height: 2.25em;
}

.filtro .seccion .sin_alto {
    height: auto !important;
}

.filtro .seccion .campo {
    float: left;
    width: 50px;
    margin-left: -100%;
}

.filtro .seccion .labelcheckbox {
    float: left; /*width: 165px;*/
    margin-left: -165px;
}

.ancho_filtro_fijo {
    width: 145px;
}

.recortado {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filtro .seccion .wrapper {
    float: left;
    width: 100%;
}

.filtro .seccion .wrapper_mini {
    float: left;
    width: 100%;
}

    .filtro .seccion .wrapper_mini label {
        float: left;
        width: 50px;
        text-overflow: ellipsis;
    }

    .filtro .seccion .wrapper_mini div {
        float: right !important;
        width: 100px !important;
        margin: 0 !important;
    }

        .filtro .seccion .wrapper_mini div.contenido.valor_filtro.largo {
            width: 150px !important;
        }

.filtro .seccion .contenido {
    margin-left: 50px;
}

.filtro .seccion .valor_filtro {
    position: relative;
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
    background: white;
    padding: .2em .3em;
    line-height: 1em;
}

    .filtro .seccion .valor_filtro input {
        border: 0;
        width: 100%;
        padding: 0;
        margin: 0;
    }

.filtro .seccion .checkbox {
    float: right;
    z-index: 100;
}

    .filtro .seccion .checkbox input {
    }

.filtro .seccion select {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
}

.filtro .pie {
    position: relative;
    font-size: 1.2em;
    padding: 1.9em 0;
    background: #f1f7fc;
    border-top: solid 1px #d1ddeb;
    width: 100%;
    text-align: center;
}

    .filtro .pie:after, .filtro .pie .after {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        right: 0;
        bottom: 0;
        width: 7px;
        height: 7px;
        display: block;
        background: url(/Content/Images/filtroPieDerecha.gif);
    }

    .filtro .pie:before, .filtro .pie .before {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        left: 0;
        bottom: 0;
        width: 7px;
        height: 7px;
        display: inline-block;
        background: url(/Content/Images/filtroPieIzquierda.gif);
    }

/* FILTRO FLUID WIDTH */
.filtro-fluid-width .filtro .seccion .wrapper_mini div {
    width: calc(100% - 60px) !important;
}

.filtro-fluid-width .filtro .seccion .labelcheckbox {
    position: absolute;
    margin-left: 0;
}

/* ESTADO FILTRO */

#estado_filtro {
    font-size: 1.2em;
    color: #6a6a6a;
    margin: 1em 0;
    line-height: 2.5em;
}

    #estado_filtro .campo {
        font-size: 1.08em;
        color: #274761;
        border: solid 1px #94ca2c;
        background-color: #f4ffdf;
        padding: 0 .3em;
        margin: 0 1px;
        display: inline-block;
        line-height: 1.5em;
    }

    * html #estado_filtro .campo {
        height: 20px;
        margin: 2px;
        vertical-align: middle;
    }

        #estado_filtro .campo span {
            display: inline-block;
            line-height: 1.5em;
            vertical-align: middle;
        }

        #estado_filtro .campo strong {
            display: inline-block;
            line-height: 1.5em;
            font-weight: bold;
            vertical-align: middle;
        }

        #estado_filtro .campo a {
            text-decoration: none;
            display: inline-block;
            vertical-align: middle;
            width: 12px;
            height: 1.5em;
            margin-left: .3em;
            background: url(/Content/Images/estadoFiltroBorrar.gif) no-repeat 0 50%;
        }

        * html #estado_filtro .campo a {
            bottom: 0;
            top: .2em;
        }

        *:first-child + html #estado_filtro .campo a {
            bottom: 0;
        }

/* LAYOUT PAGINAS */

.titulo_pagina {
    background: #c2d9ef url(/Content/Images/paginaFondoEncabezado.gif) repeat-x bottom;
    border-top: solid 1px #bccde0;
    border-bottom: solid 3px #c6dff6;
    padding-left: 10px;
    margin: 36px 0 12px 0;
}

    .titulo_pagina h2 {
        margin: 1.39em 0 .56em 0;
    }

#topsection_pagina {
    background: #c2d9ef url(/Content/Images/paginaFondoEncabezado.gif) repeat-x bottom;
    border-top: solid 1px #bccde0;
    border-bottom: solid 3px #c6dff6;
    padding-left: 10px;
    margin: 36px 0 12px 0;
}
.h2 {
    margin: 1.39em 0 .56em 0;
    display: inline-block;
    font-size: 2em;
    font-weight: bold;
    color: #205380;
}
    #topsection_pagina h2 {
        margin: 1.39em 0 .56em 0;
        display: inline-block;
    }

        #topsection_pagina h2 > * {
            margin-left: 10px;
        }

    #topsection_pagina .buttons {
        float: right; /*margin-top: -5.8em;*/
    }

#contentwrapper_pagina {
    float: left;
    width: 100%;
}

#contentcolumn_pagina {
    margin-right: 234px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn_pagina {
    float: left;
    width: 234px; /*Width of right column in pixels*/
    margin-left: -234px; /*Set left margin to -(RightColumnWidth) */
}

#footer_pagina {
    clear: left;
    width: 100%;
    margin: 2em 0;
}

.innertube_pagina {
    margin-right: 36px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
}

/* Menú de acciones */

.menu_acciones {
    border-top: dashed 1px #cccdd1;
    margin-bottom: 36px;
}

    .menu_acciones li {
        border-bottom: dashed 1px #cccdd1;
        line-height: 2.6em;
    }

    .menu_acciones a {
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        text-decoration: none;
        color: #284863;
        padding-left: 30px;
        background-repeat: no-repeat;
        background-position: 3px 50%;
    }

        .menu_acciones a:hover {
            background-color: #f1f7fc;
            color: #333333;
        }

    .menu_acciones .sla a {
        background-image: url(/Content/Images/menuAccionesInforme.gif);
    }

    .menu_acciones .edicion a,
    .acceso-directo-incidencias .boton .EdicionesIncidencias-Create {
        background-image: url(/Content/Images/menuAccionesEdicion.gif);
    }

    .menu_acciones .ejecucion a {
        background-image: url(/Content/Images/ejecutar.png);
    }

    .menu_acciones .crear_accion a {
        background-image: url(/Content/Images/stopwatch_start.png);
    }

    .menu_acciones .ejecutando a {
        background-image: url(/Content/Images/ajax-loader.gif);
    }

    .menu_acciones .copiar-permisos-de a {
        background-image: url(/Content/Images/copy-permissions-from.png);
    }

    .menu_acciones .copiar-permisos-a a {
        background-image: url(/Content/Images/copy-permissions-to.png);
    }

    .menu_acciones .DebeCambiarPass a {
        background-image: url(/Content/Images/listadoCaducarPass.png);
    }

    .menu_acciones .GenerarPass a {
        background-image: url(/Content/Images/listadoGenerarPass.png);
    }

    .menu_acciones .borrar a {
        background-image: url(/Content/Images/listadoIconoBorrar.gif);
    }

    .menu_acciones .ver_grafo a {
        background-image: url(/Content/Images/listadoIconoVerGrafo.png);
    }

    .menu_acciones .ver_borrado a {
        background-image: url(/Content/Images/listadoIconoVerBorrado.png);
    }

    .menu_acciones .intervencion a,
    .acceso-directo-incidencias .boton .Intervenciones-Create {
        background-image: url(/Content/Images/menuAccionesIntervencion.gif);
    }

    .menu_acciones .anotacion a,
    .acceso-directo-incidencias .boton .Anotaciones-Create,
    .menu_acciones .anotaciones-create a {
        background-image: url(/Content/Images/menuAccionesAnotacion.gif);
    }

    .menu_acciones .horario a {
        background-image: url(/Content/Images/menuAccionesHorario.png);
    }

    .menu_acciones .cambio_estado a,
    .acceso-directo-incidencias .boton .CambiosEstado-Create,
    .menu_acciones .cambiosestado-create a {
        background-image: url(/Content/Images/menuAccionesEstado.gif);
    }

    .menu_acciones .asignar_grupo a,
    .acceso-directo-incidencias .boton .AsignacionesGrupo-Create,
    .menu_acciones .asignacionesgrupo-create a {
        background-image: url(/Content/Images/menuAccionesAsignacionGrupo.gif);
    }

    .menu_acciones .comunicar a,
    .acceso-directo-incidencias .boton .Comunicaciones-Create {
        background-image: url(/Content/Images/menuAccionesComunicar.png);
    }

    .menu_acciones .acoger a,
    .acceso-directo-incidencias .boton .Incidencias-AcogerIncidencia {
        background-image: url(/Content/Images/menuAccionesAcoger.gif);
    }

    .menu_acciones .asignar a,
    .acceso-directo-incidencias .boton .Asignaciones-Create,
    .menu_acciones .asignaciones-create a {
        background-image: url(/Content/Images/menuAccionesAsignacion.gif);
    }

    .menu_acciones .informe a,
    .acceso-directo-incidencias .boton .Incidencias-GenerarInforme {
        background-image: url(/Content/Images/menuAccionesInforme.gif);
    }

    .menu_acciones .resultados-tabla a {
        background-image: url(/Content/Images/load-table-icon.png);
    }

    .menu_acciones .upload a,
    .acceso-directo-incidencias .boton .UploadFicheros-Create {
        background-image: url(/Content/Images/menuAccionesUpload.gif);
    }

    .menu_acciones .copia a {
        background-image: url(/Content/Images/listadoIconoCopiar.gif);
    }

    .menu_acciones .hija a,
    .acceso-directo-incidencias .boton .Incidencias-CreateHija {
        background-image: url(/Content/Images/menuAccionesArbol.gif);
    }

    .menu_acciones .escalar a {
        background-image: url(/Content/Images/menuAccionesEscalar.png);
    }

    .menu_acciones .desbloquear a {
        background-image: url(/Content/Images/menuAccionesDesbloquear.gif);
    }

    .menu_acciones .posicionar a {
        background-image: url(/Content/Images/menuAccionesPosicionar.png);
    }

    .menu_acciones .planificar a,
    .acceso-directo-incidencias .boton .Planificaciones-Create {
        background-image: url(/Content/Images/menuAccionesPlanificar.png);
    }

    .menu_acciones .valoracion a,
    .acceso-directo-incidencias .boton .Valoraciones-Create {
        background-image: url(/Content/Images/menuAccionesValorar.png);
    }

    .menu_acciones .imputar a {
        background-image: url(/Content/Images/listadoIconoImputar.png);
    }

    .menu_acciones .qr a {
        background-image: url(/Content/Images/icon-qr.png);
    }

    .menu_acciones .html a {
        background-image: url(/Content/Images/html-icon.png);
    }

    .menu_acciones .loader a {
        background-image: url(/Content/Images/ajax-loader.gif) !important;
    }

    .menu_acciones .suplantar a {
        background-image: url(/Content/Images/listadoIconoSuplantar.png);
    }

    .menu_acciones .sync a {
        background-image: url(/Content/Images/menuAccionesSync.png);
    }

    .menu_acciones .generarIncidencia a {
        background-image: url(/Content/Images/NuevaIncidencia.png);
    }

    .menu_acciones .generarIncidencias a {
        background-image: url(/Content/Images/NuevaIncidenciaWizard.png);
    }

    /* REPORT-FORMAT */
    .menu_acciones .informe .report-format {
        background: url(/Content/Images/down-arrow-icon-27-min.png) center no-repeat;
        height: 26px;
        width: 27px;
        display: inline-block;
        float: right;
        cursor: pointer;
    }

        .menu_acciones .informe .report-format:hover {
            background-color: #f1f7fc;
        }

    .menu_acciones .informe ul.report-format-list {
        display: none;
        border-top: dashed 1px #cccdd1;
    }

        .menu_acciones .informe ul.report-format-list li:hover {
            background: #f1f7fc;
        }

        .menu_acciones .informe ul.report-format-list a {
            font-weight: normal;
            background-image: none;
        }

    .menu_acciones .accion-item-option {
        height: 26px;
        width: 27px;
        display: inline-block;
        float: right;
        cursor: pointer;
    }

        .menu_acciones .accion-item-option:hover {
            background-color: #f1f7fc !important;
        }

        .menu_acciones .accion-item-option.config-item-option {
            background: url(/Content/Images/config-item-option.png) center no-repeat;
        }

/* FORMULARIOS */

/*READONLY*/
.readonly {
    color: grey;
}

    .readonly label {
        pointer-events: none;
    }

    .readonly .valor_filtro {
        pointer-events: none;
    }

    .readonly .valor_filtro,
    .readonly .fieldcontent .fieldvalue,
    input[readonly]:not([disabled]),
    textarea[readonly]:not([disabled]),
    button[readonly]:not([disabled]),
    select[readonly]:not([disabled]) {
        color: grey;
        background: #CCC;
        background-color: #CCC;
        border: 1px solid darkgrey;
        padding: 2px 1px;
    }

textarea[readonly]:not([disabled]) {
    padding: 2px;
}

button[readonly],
select[readonly],
input[readonly][type='checkbox'],
input[readonly][type='radio'] {
    pointer-events: none;
}

.readonly button,
.readonly select,
.readonly input[type='checkbox'],
.readonly input[type='radio'] {
    pointer-events: none;
}
/*FORMWRAPPER*/

.formwrapper {
}

    .formwrapper h3 {
        margin-top: 36px;
        margin-bottom: .5em;
    }

.margen_izquierdo {
    margin-left: 36px;
}

.margen_superior_ficha {
    margin-top: 36px;
}

.margen_inferior_ficha {
    margin-bottom: 36px;
}

.margen_inferior_tabla {
    margin-bottom: 12px;
}

.titulo_ficha {
    border-bottom: solid 1px #dce7f0;
    position: relative;
    height: 1%;
}

.detalles_entidad .titulo_ficha {
    border-bottom: solid 1px #ebebeb;
}

.titulo_ficha .borde_ficha {
    border-bottom: solid 6px #f5fafd;
}

.detalles_entidad .titulo_ficha .borde_ficha {
    border-bottom: solid 6px #f3f3f3;
}

.titulo_ficha .recorte_sombra_texto {
    padding-right: 10px;
    overflow: hidden;
}

    .titulo_ficha .recorte_sombra_texto .mensaje {
        position: absolute;
        left: 215px;
    }

.titulo_ficha .texto {
    font-size: 1.4em;
    font-weight: bold;
    color: #2b87d3;
    padding: 1em;
    background: #f5fafd url(/Content/Images/formularioFondoTitulo.gif) repeat-x top;
    width: 172px;
    position: relative;
    margin-bottom: -6px;
    box-shadow: 3px 6px 6px rgba(0,0,0,.3);
    -moz-box-shadow: 3px 6px 6px rgba(0,0,0,.3);
}

.detalles_entidad .titulo_ficha .texto {
    color: #818181;
    background: #f3f3f3 url(/Content/Images/formularioFondoTituloBN.gif) repeat-x top;
}

.titulo_ficha .texto:before {
    content: '.';
    overflow: hidden;
    text-indent: 100em;
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background: white url(/Content/Images/formularioEsquinasTitulo.png) no-repeat 0 0;
}

.detalles_entidad .titulo_ficha .texto:before {
    background: white url(/Content/Images/formularioEsquinasTitulo.png) no-repeat 0 100%;
}

.titulo_ficha .texto:after {
    content: '.';
    overflow: hidden;
    text-indent: 100em;
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    right: 0;
    background: white url(/Content/Images/formularioEsquinasTitulo.png) no-repeat 100% 0;
}

.detalles_entidad .titulo_ficha .texto:after {
    background: white url(/Content/Images/formularioEsquinasTitulo.png) no-repeat 100% 100%;
}

.titulo_ficha .texto {
    display: inline-block;
}

.titulo_ficha .texto-extra {
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    color: #2b87d3;
    padding: 1em;
    position: relative;
    margin-bottom: -6px;
}

    .titulo_ficha .texto-extra input[type='checkbox'] {
        position: relative;
        top: 1px;
    }

.titulo_ficha .acciones_relacionadas {
    position: absolute;
    right: 0;
    top: 6px; /* Idem. al margin-bottom del texto del título */
    font-size: .86em;
    font-size: 1.2em;
    font-weight: bold;
    color: #2e5e88;
}

.titulo_ficha input[type=text] {
    width: 100%;
    color: black;
    font: 400 13.333px Arial;
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
    background: white;
    padding: .2em .5em;
    margin-top: -.3em;
}

/*
    Clases específicas para el campo Visibilidad de los Grupos de Secciones,
    Revisar más adelante
*/

.titulo_ficha_field {
    position: absolute;
    left: 185px;
    top: 15px;
}

    .titulo_ficha_field label {
        font-size: 1.2em;
        margin-right: 5px;
        font-weight: bold;
        color: #333333;
    }

/*.formwrapper h4{
color: #333333;
background-color: #F1F7FC;
padding: .3em 1.25em;
}*/

.wrapper-border {
    border-style: solid;
    border-width: 1px 0;
    border-top-color: #ffffff;
    border-bottom-color: #dce7f0;
}

    .wrapper-border .fieldwrapper:last-child {
        border-bottom: 0;
    }

    .wrapper-border .fieldwrapper:first-child {
        border-top: 0;
    }

.allfieldwrapper {
    background-color: #F1F7FC;
    overflow: hidden;
    min-height: 0;
    border-style: solid;
    border-width: 1px 0;
    border-top-color: #ffffff;
    border-bottom-color: #dce7f0;
}

    .allfieldwrapper .fieldtittle {
        margin: auto;
        width: 100%;
        text-align: center;
        background: #d7ebf9;
        border-bottom: dotted 1px #aed0ea;
    }

    /*allfieldwrapper_checklist*/
    .allfieldwrapper > ul.allfieldwrapper_checklist > li {
        border-style: solid;
        border-width: 1px 0;
        border-top-color: #ffffff;
        border-bottom-color: #dce7f0;
    }

        .allfieldwrapper > ul.allfieldwrapper_checklist > li > label {
            display: block;
            padding: .7em 1.25em;
        }

            .allfieldwrapper > ul.allfieldwrapper_checklist > li > label > * {
                vertical-align: middle;
            }

ul.allfieldwrapper_checklist li:hover {
    background: #f9fbfc;
}

.fieldwrapper {
    background-color: #F1F7FC;
    overflow: hidden;
    padding-left: 200px;
    min-height: 0;
    border-style: solid;
    border-width: 1px 0;
    border-top-color: #ffffff;
    border-bottom-color: #dce7f0;
}

* html .formwrapper .fieldwrapper {
    position: relative;
    height: 1%;
}

.fieldwrapper.fieldwrapper-error .fieldtittle {
    color: red;
}

.fieldwrapper.fieldwrapper-error .fieldvalue {
    border-color: red;
}

.fieldwrapper.no-title {
    padding-left: 0;
}

.detalles_entidad .fieldwrapper {
    background-color: #f6f6f6;
    border-bottom-color: #e5e5e5;
}

.formwrapper .alt,
.fieldwrapper.alt {
    background-color: #f7f9fb;
}

.fieldwrapper .captcha {
    font-size: 1.2em;
    padding-left: 1em;
}

.fieldwrapper.readonly {
    border: 1px solid transparent;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    /*border-color: #87ebff;
    border-color: #7bc7f8;*/
    padding: 15px;
}

    .fieldwrapper.readonly .fieldtittle {
        margin-left: 0;
        width: auto;
        padding: 0;
        color: #31708f;
    }

    .fieldwrapper.readonly .fieldcontent {
        border: 0;
    }

    .fieldwrapper.readonly .fieldvalue {
        border: none;
        background: transparent;
        padding: 0;
    }

    .fieldwrapper.readonly textarea,
    .fieldwrapper.readonly input {
        background: transparent;
        color: #31708f;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1.5em;
        overflow: hidden;
        resize: none;
    }

.detalles_entidad .alt {
    background-color: #f9f9f9;
}

.tabla {
    padding: .7em 1.25em;
}

    .tabla .titulo_tabla {
        font-size: 1.2em;
        font-weight: bold;
        margin: .5em 0;
    }

    .tabla .contenedor_tabla {
        max-height: 600px;
        height: auto !important;
        overflow: auto;
        width: 100%;
    }

.contenedor_tabla.scroll {
    max-height: 500px;
    overflow: auto;
}

.tabla a {
    text-decoration: none;
    color: #333333;
}

    .tabla a:hover {
        text-decoration: underline;
    }

.alt th {
    background: #f7f7f7;
}

.detalles_entidad th {
    background: #f6f6f6;
}

.detalles_entidad .alt th {
    background: #f8f8f8;
}

.alt td {
    background: #F1F7FC;
}

.detalles_entidad td {
    background: #f8f8f8;
}

.detalles_entidad .alt td {
    background: #f6f6f6;
}

.fieldtittle {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;
    margin-left: -200px;
    padding: .7em 1.25em;
    width: 170px;
    box-sizing: content-box;
}

* html .fieldtittle {
    display: inline;
}

    .fieldtittle .fieldbutton {
        float: right;
    }

.detalles_entidad .fieldtittle {
    color: #3c3c3c;
}

.iconoTipologia {
    float: right;
}

.iconoTipologiaIncidencia {
    float: left;
}

.texto .iconoTipologia {
    float: right;
    max-height: 32px;
    margin-top: -8px;
}

.field {
    float: left;
    width: 100%;
}

.seccion .field {
    float: none;
}

.fieldcontent {
    border-left: 1px solid #FFFFFF;
    font-size: 1.2em;
    color: #333333;
    padding: .7em 1.25em 100em;
    margin-bottom: -99.7em;
    min-height: 0;
}

.ui-dialog-content .fieldcontent {
    margin-bottom: 0;
    padding: 0.7em 1.25em;
}

.ui-dialog-content .fieldwrapper {
    font-size: 0.8em;
}

.ui-dialog-content .message-box {
    font-size: 1.2em !important;
}

* html .fieldcontent {
    position: relative;
    height: 1%;
}

.detalles_entidad .fieldcontent {
    color: #3c3c3c;
}

/* AÑADIMOS !important por colisión de clases con grid.css */
.field.field-show-edit span.show,
.field.field-show-edit span.edit {
    vertical-align: middle;
    display: inline-block !important;
}

.field.field-show-edit span.edit,
.field.field-show-edit.edit-mode span.show {
    display: none !important;
}

.field.field-show-edit.edit-mode span.edit {
    display: inline-block !important;
}

ul.lista_checks {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #ABADB3 #E2E3EA #E2E3EA #ABADB3;
    border-style: solid;
    border-width: 1px;
    height: 100px;
    margin-bottom: 1em;
    overflow: auto;
    padding: 0 0.5em;
}

.lista_checks li {
    width: 95%; /* hasLayout */
}

.lista_checks ul li {
    margin-left: 1em;
}

.lista_checks_contenedor {
    height: 100px;
    margin-bottom: 0.7em;
}

    .lista_checks_contenedor.ui-resizable {
        max-width: 100%;
    }

.fieldcontent .field-enable-check {
    float: left;
    margin-left: -40px;
}

.fieldcontent .fieldvalue {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
    background: white;
    padding: .2em .5em;
    margin-top: -.3em;
    position: relative;
}

    .fieldcontent .fieldvalue tags.tagify {
        border: none;
    }

.fieldcontent > span {
    word-break: break-word;
}

* html .fieldcontent .fieldvalue {
    height: 1%;
}

    .fieldcontent .fieldvalue input {
        border: 0;
        width: 100%;
        padding: 0;
    }

.fieldcontent .fieldvalue_lectura {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
    background: #CCCCCC;
    padding: .2em .5em;
    margin-top: -.3em;
}

* html .fieldcontent .fieldvalue_lectura {
    height: 1%;
}

    .fieldcontent .fieldvalue_lectura input {
        border: 0;
        width: 100%;
        padding: 0;
        background: #CCCCCC;
    }

.fieldcontent.select select[readonly] {
    width: 100%;
    background: #CCCCCC;
}

.fieldcontent .fieldvalue textarea {
    border: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 5em;
    padding: 0;
    margin: 0;
    overflow: auto;
}

.fieldcontent .fieldvalue_scroll {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
    background: white;
    padding: .2em .5em;
    margin-top: -.3em;
    max-height: 300px;
    overflow-y: scroll;
}

    .fieldcontent .fieldvalue_scroll h3 {
        height: auto;
    }

a.EnlaceDato {
    text-decoration: none;
    color: #333;
}

    a.EnlaceDato img {
        border: 0;
        /*float: right;
        position: absolute;*/
        padding-left: 0.5em;
    }

    a.EnlaceDato:hover {
        background-color: #f0ffb2;
        color: #2b87d3;
        /*text-shadow: 0px 0px 1px black;*/
    }

.field .select select {
    width: 100%;
    margin: -2px 0;
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
}

    .field .select select.arbol-select, .field .select select.arbol-select + .ui-multiselect {
        width: calc(100% - 21px) !important;
    }

.field .check input {
    /*margin: 5px 0;*/
}

.fieldcontent .input-validation-error {
    border: 0;
    background-color: white;
}

.fieldcontent select.input-validation-error {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
}

.field .listas * {
    display: block;
    margin: auto;
}

.field .listas .columna {
    float: left;
    width: 33%;
    text-align: center;
    overflow: hidden;
}

.field .listas .botones .botonin {
    margin: .5em;
}

.field .listas .botonin {
    display: inline-block;
    margin: 1em 0;
}

span.input-wrapper {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
    background: white;
    padding: .2em .5em;
    margin-top: -.3em;
    display: table;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

    span.input-wrapper input {
        padding: 0;
        margin: 0;
        border: none;
        display: table-cell;
        width: 100%;
        position: relative;
    }

        span.input-wrapper input.input-validation-error {
            border: 1px solid #ff0000;
            background-color: #ffeeee;
        }

    span.input-wrapper.with-check input[type='checkbox'] {
        display: inline-block;
        width: auto;
        position: absolute;
    }

    span.input-wrapper.with-check input {
        padding-left: 20px;
    }

    span.input-wrapper textarea {
        border: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 5em;
        padding: 0;
        margin: 0;
        overflow: auto;
        display: table-cell;
        position: relative;
    }

    span.input-wrapper .control-addon {
        display: table-cell;
        width: 1%;
    }

.formulario_dialogo label {
    margin-bottom: 0.3em;
    display: block;
}

.formulario_dialogo .ui-tabs-panel {
    padding: 10px;
}

.formulario_dialogo .ui-tabs .ui-tabs-nav {
    font-size: 1em;
}

.pie_ficha {
    height: auto !important;
    height: 10px;
    min-height: 10px;
    background-color: #ecf4fb;
    position: relative;
    overflow: visible;
    border-top: solid 1px white;
}

.detalles_entidad .pie_ficha {
    background-color: #f3f3f3;
}

.pie_ficha:before {
    content: '.';
    overflow: hidden;
    text-indent: 100em;
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: white url(/Content/Images/formularioEsquinasPie.png) no-repeat 0 0;
}

.detalles_entidad .pie_ficha:before {
    background: white url(/Content/Images/formularioEsquinasPie.png) no-repeat 0 100%;
}

.pie_ficha:after {
    content: '.';
    overflow: hidden;
    text-indent: 100em;
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: white url(/Content/Images/formularioEsquinasPie.png) no-repeat 100% 0;
}

.detalles_entidad .pie_ficha:after {
    background: white url(/Content/Images/formularioEsquinasPie.png) no-repeat 100% 100%;
}

.pie_ficha .buttons {
    padding: 15px;
    line-height: 2.2em;
    text-align: right;
    background: #ecf4fb url(/Content/Images/formularioFondoBotonera.png) repeat-x bottom;
    position: relative;
}

    .pie_ficha .buttons:before {
        content: '.';
        overflow: hidden;
        text-indent: 100em;
        display: block;
        width: 4px;
        height: 4px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: white url(/Content/Images/formularioEsquinasBotonera.png) no-repeat 0 0;
        z-index: 2;
    }

    .pie_ficha .buttons:after {
        content: '.';
        overflow: hidden;
        text-indent: 100em;
        display: block;
        width: 4px;
        height: 4px;
        position: absolute;
        bottom: 0;
        right: 0;
        background: white url(/Content/Images/formularioEsquinasBotonera.png) no-repeat 100% 0;
        z-index: 2;
    }

.buttons {
    padding: 15px;
    line-height: 2.2em;
    text-align: right;
}

    .buttons .botonazo {
        margin-left: 1em;
    }

/* Explicaciones a la derecha */

.formwrapper .seccion_formulario {
    overflow: hidden;
    height: 1%;
}

    .formwrapper .seccion_formulario .contentwrapper {
        float: left;
        width: 100%;
    }

    .formwrapper .seccion_formulario .contentcolumn {
        margin-right: 230px; /*Set right margin to RightColumnWidth*/
    }

    .formwrapper .seccion_formulario .rightcolumn {
        float: left;
        width: 210px; /*Width of right column in pixels*/
        margin-left: -210px; /*Set left margin to -(RightColumnWidth) */
    }

.formwrapper .panel .titulo .margen {
    margin-right: 230px;
}

/* BOTONAZO */

.botonazo {
    display: inline-block;
    height: 33px;
    background-image: url(/Content/Images/botonazoSprite.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 2px;
    vertical-align: middle;
}

    .botonazo.Gris {
        background-position: 0 100%;
    }

    .botonazo .fondo {
        display: inline-block;
        height: 33px;
        overflow: hidden;
        padding-right: 2px;
        background-image: url(/Content/Images/botonazoSprite.gif);
        background-repeat: no-repeat;
        background-position: 100% 0;
        position: relative;
        right: -2px;
    }

    .botonazo.Gris .fondo {
        background-position: 100% 100%;
    }

    .botonazo input {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: White;
        height: 33px;
        vertical-align: middle;
        cursor: pointer;
        border: 0;
        background-image: url(/Content/Images/botonazoSprite.gif);
        background-position: 50% 0;
        background-color: #1a69ac;
        padding: 0 10px;
        overflow: visible;
    }

    .botonazo.Gris input {
        background-position: 50% 100%;
        background-color: #616161;
    }

    .botonazo a {
        font-size: 14px;
        font-weight: bold;
        color: White;
        text-decoration: none;
        height: 33px;
        line-height: 33px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px;
        background-image: url(/Content/Images/botonazoSprite.gif);
        background-position: 50% 0;
        background-color: #1a69ac;
    }

    .botonazo.Gris a {
        background-position: 50% 100%;
        background-color: #616161;
    }

    .botonazo button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: White;
        height: 33px;
        vertical-align: middle;
        cursor: pointer;
        border: 0;
        background-image: url(/Content/Images/botonazoSprite.gif);
        background-position: 50% 0;
        background-color: #1a69ac;
        padding: 0 10px;
        overflow: visible;
    }

    .botonazo.Gris button {
        background-position: 50% 100%;
        background-color: #616161;
    }

    .botonazo button .botonazo-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
    }

/* BOTONIN */

.botonin {
    display: inline-block;
    height: 29px;
    background-image: url(/Content/Images/botoninSprite.gif);
    background-repeat: no-repeat;
    background-position: 0 0; /*margin-right: 8px;*/
    margin: 0 2px;
    vertical-align: middle;
}

    .botonin.KO {
        background-position: 0 100%;
    }

    .botonin .fondo {
        display: inline-block;
        height: 29px;
        overflow: hidden;
        padding-right: 2px;
        background-image: url(/Content/Images/botoninSprite.gif);
        background-repeat: no-repeat;
        background-position: 100% 0;
        position: relative;
        right: -2px;
    }

    .botonin.KO .fondo {
        background-position: 100% 100%;
    }

    .botonin a img {
        vertical-align: text-bottom;
    }

    /*.botonin button{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: White;
height: 29px;
vertical-align: middle;
cursor: pointer;
border: 0;
background: transparent;
padding: 0 10px;
overflow: visible;
}*/

    .botonin input {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: White;
        height: 29px;
        vertical-align: middle;
        cursor: pointer;
        border: 0; /*background: transparent;*/
        background-color: #247cc4;
        padding: 0 10px;
        overflow: visible;
    }

    .botonin.KO input {
        background-color: #a2a4a6;
    }

    .botonin a {
        font-size: 13px;
        font-weight: bold;
        color: White;
        text-decoration: none;
        height: 29px;
        line-height: 29px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 6px; /*background: transparent;*/
        background-color: #247cc4;
    }

    .botonin.KO a {
        background-color: #a2a4a6;
    }

    .botonin .buscar {
        background-image: url(/Content/Images/botoninIcono.gif);
        background-repeat: no-repeat;
        background-position: 10px 50%;
        padding-left: 30px;
    }

    .botonin.DNG {
        background: #c42424;
        border-radius: 3px;
    }

        .botonin.DNG .fondo {
            background: #c42424;
            border-radius: 3px;
        }

        .botonin.DNG input {
            background: #c42424;
        }

    .botonin.WRNG {
        background: #FF5722;
        border-radius: 3px;
    }

        .botonin.WRNG input {
            background: #FF5722;
        }

        .botonin.WRNG .fondo {
            background: #FF5722;
            border-radius: 3px;
        }

/* Boton Light Schema */
.panel-botones-topsection {
    display: inline;
    float: right;
    margin: 2em 3.56em .56em 0;
}

.boton-topsection {
    background-color: #e1eefd;
    background-image: url(/Content/Images/boton_degradado_bg.jpg);
    background-repeat: repeat-x;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #8aa8c8;
    box-shadow: 0px 0px 2px #8aa8c8;
    height: 26px;
    cursor: pointer;
}

    .boton-topsection:hover {
        background-image: url(/Content/Images/boton_degradado_hover_bg.jpg);
    }

    .boton-topsection a {
        text-decoration: none;
    }

    .boton-topsection img {
        vertical-align: bottom;
        margin-right: 0.3em;
    }

.texto-boton-topsection {
    color: #1e4967;
    font-weight: bold;
    padding: 0 0.5em 0 0.3em;
}

.boton-topsection .desplegable {
    border-left: 1px solid #8aa8c8;
    padding-left: 0.4em;
}

/* LISTADO */

.listado a {
    color: #000000;
    text-decoration: none;
}

    .listado a:hover {
        text-decoration: underline;
    }

.listado caption {
    padding: .5em 1em;
    background: #d7ebf9;
    font-weight: bold;
    border-bottom: dotted 1px #aed0ea;
}

.listado tfoot .totals-row td {
    padding: .5em 1em;
    background: #d7ebf9;
    font-weight: bold;
    border: none;
    border-bottom: solid 1px #aed0ea;
}

.detalles_entidad .listado tfoot .totals-row td {
    background: aliceblue;
    border-bottom: darkblue;
}

.listado tfoot .totals-row td.title-cell {
    text-align: right;
}

.table-form input, .table-form textarea {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #abadb3;
    /*padding: .2em .5em;*/
    width: 100%;
    height: 100%;
}

.table-form textarea {
    margin-top: 6px;
}

.table-form input[type="text"] {
    padding: 5px;
}

table.table-form td {
    text-align: left;
    vertical-align: middle;
}

td.percent-width-30 {
    width: 30%;
}

td span.delete-right-icon {
    background: url(/Content/Images/listadoIconoBorrar.gif);
}

.cell-icon-hovering {
    position: relative;
}

tr.cell-icon-hovering .cell-icon {
    visibility: hidden;
    text-indent: -1000px;
    height: 16px;
    width: 16px;
    position: absolute;
    right: 0.5em;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
}

    tr.cell-icon-hovering:hover .cell-icon, tr.cell-icon-hovering .cell-icon:hover {
        visibility: visible;
    }

table.dataTable tbody th.details-control,
table.dataTable tbody td.details-control {
    text-align: center;
}

table.dataTable tfoot tr th {
    border-top: 1px solid white;
}

table.dataTable tbody tr td.contraer-texto {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0px;
}
/* Movimientos Inventario */
td.cellValue.cantidad {
    max-width: 55px;
}

.cellValue.cantidad input {
    width: 100%;
    max-width: 100px;
    background: transparent;
    border: 0;
}

    .cellValue.cantidad input:focus {
        outline: 0;
        background-color: white !important;
        border: 2px inset !important;
    }

.menu_superior_tabla {
    padding: .5em 1em;
    background: #d7ebf9;
    font-weight: bold;
    border-bottom: dotted 1px #aed0ea;
    font-size: 1.2em;
    text-align: center;
}

tr.cell-icon-hovering .cell-icon:hover {
    opacity: 0.7;
}

tr.cell-icon-hovering td {
    position: relative;
}

tr.group td {
    padding: .5em 1em;
    background: #d7ebf9;
    font-weight: bold;
    border-bottom: dotted 1px #aed0ea;
    text-align: center;
}

/* PAGINADOR */

.paginador {
    font-size: 1.2em;
    color: #284863;
}

    * html .paginador * {
        vertical-align: middle;
    }

    .paginador strong {
        font-weight: bold;
    }

    .paginador .elementos_pagina, .paginador .elementos_totales, .paginador .botones {
        white-space: nowrap;
        margin-right: 1em;
    }

    .paginador .paginas {
        border: solid 1px #83a0c1;
        padding: 1em;
        display: inline-block;
        position: relative;
        border-radius: 3px;
        -moz-border-radius: 3px;
    }

        .paginador .paginas:before, .paginador .paginas .before {
            content: '.';
            overflow: hidden;
            text-indent: 100em;
            position: absolute;
            left: -10px;
            top: 1.5em;
            width: 10px;
            height: 10px;
            display: block;
            background: url(/Content/Images/paginadorFlechaBocadillo.gif);
        }

    .paginador .botones * {
        margin-right: .5em;
    }

    .paginador .botones a {
        color: #284863;
        text-decoration: none;
        border: solid 1px #83a0c1;
        border-radius: 3px;
        -moz-border-radius: 3px;
        padding: .2em;
    }

        .paginador .botones a:hover {
            background-color: #c2d9ef;
        }

        .paginador .botones a.seleccionado {
            font-weight: bold;
            color: white;
            text-decoration: none;
            background-color: #247cc4;
            border: solid 1px #247cc4;
            border-radius: 3px;
            -moz-border-radius: 3px;
            padding: .2em;
        }

    .paginador .boton_inactivo {
        color: #c7c7c7;
        border: solid 1px #c7c7c7;
        border-radius: 3px;
        -moz-border-radius: 3px;
        padding: .2em;
    }

    .paginador .boton {
        border: none 0 transparent;
        font-weight: bold;
        color: white;
        background-color: #247cc4;
        border-radius: 3px;
        -moz-border-radius: 3px;
        padding: .2em 1em;
        cursor: pointer;
    }

    .paginador .ir {
        /*white-space: nowrap;*/
    }

        .paginador .ir .texto {
            width: 3em;
        }

/* FICHA INCIDENCIA */

.listado_incidencias {
}

    .listado_incidencias .fecha {
        width: 7%;
        padding-left: .3%;
    }

    .listado_incidencias .fechaUltimaActividad {
        width: 7%;
        padding-left: .3%;
    }

    .listado_incidencias .ticket {
        width: 5%;
        padding-left: .3%;
    }

    .listado_incidencias .prioridad {
        width: 4%;
        padding-left: .3%;
    }

    .listado_incidencias .bolaestado {
        width: 2%;
        padding-left: .3%;
    }

    .listado_incidencias .tipologia, .listado_incidencias .estado, .listado_incidencias .usuario, .listado_incidencias .empresa, .listado_incidencias .tecnico {
        width: 10%;
        padding-left: .3%;
    }

    /* SE UTILIZÓ EN LOS DISEÑOS PARA COLOREAR ESTADO, YA NO HACE FALTA */
    /*.listado_incidencias .estado{
text-align:center;
}*/

    .listado_incidencias .asunto {
        width: 40%;
        padding-left: .3%;
    }

    .listado_incidencias .after {
        display: block;
        clear: both;
    }

    .listado_incidencias .cabecera {
        font-size: 1.2em;
        font-weight: bold;
        color: #274761;
        background: #eff5fa url(/Content/Images/listadoFondoCabecera.gif) repeat-x top;
        border-top: solid 1px #b5c5d9;
        height: 1%;
        position: sticky;
        top: 0;
        z-index: 1;
        border-bottom: 1px solid #c6dff6;
    }

        .listado_incidencias .cabecera .margen {
            margin: 1px;
            padding: 1.5em 1em;
        }

        .listado_incidencias .cabecera .campos {
            overflow: hidden;
            position: relative;
            height: 1%;
        }

            .listado_incidencias .cabecera .campos a {
                color: #274761;
                text-decoration: none;
            }

                .listado_incidencias .cabecera .campos a:hover {
                    text-decoration: underline;
                }

            .listado_incidencias .cabecera .campos span {
                float: left;
            }

            .listado_incidencias .cabecera .campos .seleccionar {
                float: right;
                padding-left:.3%;
            }

/*Añadido para el ToogleMarcarIncidencia*/
.ficha_incidencia .campo.marcada, .cabecera .marcada, .resumen_incidencia span.marcada {
    background-image: url(/Content/Images/estrellitas-marcar.png);
    height: 16px;
    width: 16px;
    padding: 0 !important;
    float: right !important;
    margin: 0;
    background-position: 0px 48px;
}

.campo.marcada:hover, #resumen_incidencia_ajax .marcada:hover {
    opacity: 0.7;
    cursor: pointer;
}

.ficha_incidencia .campo.marcada.switch-on, .resumen_incidencia .marcada.switch-on {
    background-position: 0px 32px;
}

.cabecera .marcada {
    background-position: 0px 16px;
}

.ficha_incidencia {
    margin-top: .5em;
    background: white;
    border: solid 1px #e2e8f1;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    .ficha_incidencia .margen {
        background: #e9f2fa url(/Content/Images/fichaIncidenciaFondo.gif) repeat-x top;
        padding: 1em;
        margin: 1px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        position: relative;
    }

    * html .ficha_incidencia .margen {
        height: 1%;
    }

    .ficha_incidencia .esquina_prioridad {
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        background-image: url(/Content/Images/fichaIncidenciaPrioridad.gif);
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        -moz-border-top-left-radius: 3px;
        overflow: hidden;
    }

    .ficha_incidencia .esquina_estado,
    .ficha_incidencia .esquina_empresa {
        position: absolute;
        top: 0;
        left: -12px;
        width: 15px;
        height: 15px;
        background-image: url(/Content/Images/fichaIncidenciaPrioridad.gif);
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        -moz-border-top-left-radius: 3px;
        overflow: hidden;
    }

    .ficha_incidencia span.index-asignacion-grupo {
        width: 16px;
        height: 16px;
        background-image: url(/Content/Images/menuAccionesAsignacionGrupo.gif);
        float: right;
        margin-right: 2px;
        cursor: pointer;
    }

    /*SE UTILIZABA EN LOS DISEÑOS DE COLOR ESTADO, EN DESUSO*/
    .ficha_incidencia .fondo_estado {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 20px;
        height: 10px;
        background-image: url(/Content/Images/fichaIncidenciaEstado.png);
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .ficha_incidencia .fondo_estado_abajo {
        background-position: 0 -28px;
        top: 28px;
    }

    .ficha_incidencia .campos {
    }

    .ficha_incidencia .campo {
        display: block;
        float: left;
        color: #1c3b56;
        word-wrap: break-word;
        position: relative;
        padding: 1em 0 1em 0.3%;
        margin: -1em 0;
    }

    .ficha_incidencia .valor {
        font-size: 1.2em;
    }

        .ficha_incidencia .valor img {
            vertical-align: middle;
        }

    .ficha_incidencia .hover_valor {
        cursor: pointer;
    }

        .ficha_incidencia .hover_valor:hover {
            background-color: #f0ffb2;
        }

    .ficha_incidencia .asunto .valor {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.3em;
    }

        .ficha_incidencia .asunto .valor a {
            color: #1c3b56;
            text-decoration: none;
        }

    .ficha_incidencia .agrupacion {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.3em;
        cursor:pointer;
    }

    .ficha_incidencia .botones {
        display: none;
        position: absolute;
        left: -4px;
        margin-top: 2px;
        padding: 6px 4px;
        border: 1px solid #bbc8da;
        background-color: #fff;
        white-space: nowrap;
        z-index: 2;
        border-radius: 5px;
        box-shadow: 3px 3px 6px rgba(0,0,0,.3);
        -moz-border-radius: 5px;
        -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.3);
    }

    *:first-child + html .ficha_incidencia .botones {
        /* hack para IE7 */ /*display: block;   /* Se mostrará por JavaScript */
        position: relative;
        height: 1%;
        top: 0;
        left: -14px;
        overflow: visible;
    }

        *:first-child + html .ficha_incidencia .botones .boton {
            float: left;
            margin: 4px 2px;
        }

        .ficha_incidencia .botones:before, .ficha_incidencia .botones .before {
            content: '.';
            overflow: hidden;
            text-indent: 100em;
            position: absolute;
            left: 5px;
            top: -5px;
            width: 6px;
            height: 5px;
            display: block;
            background: url(/Content/Images/fichaIncidenciaBocadilloBotones.gif);
        }

    .ficha_incidencia .hover_campo:hover .botones {
        display: block;
    }

    .ficha_incidencia .botones a {
        color: #247cc4;
    }

        .ficha_incidencia .botones a:hover {
            text-decoration: none;
        }

    .ficha_incidencia .botones .boton .c {
        padding: .5em;
    }

    .ficha_incidencia .botones .desactivado {
        color: gray;
        text-decoration: underline;
    }

    .ficha_incidencia .seleccionar {
        float: right;
    }

.acciones-masivas {
    display: inline-block;
    position: relative;
}

.acciones-masivas .menu_acciones {
    margin-bottom: 0px;
}

.acciones-masivas .content {
    display: none;
    position: absolute;
    margin-top: 2px;
    padding: 6px 4px;
    border: 1px solid #bbc8da;
    background-color: #fff;
    white-space: nowrap;
    z-index: 2;
    border-radius: 5px;
    box-shadow: 3px 3px 6px rgba(0,0,0,.3);
    -moz-border-radius: 5px;
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.3);
    min-width: 100%;
}   

/* RESUMEN INCIDENCIA */

.resumen_incidencia,
.resumen_tarea_proyecto {
    font-size: 1.2em;
    color: #284863;
    background: #f1f7fc;
    margin-bottom: 36px;
}

/*AÑADIDO PARA EL MINI MAPA*/
.mapa_incidencia {
    margin-top: 36px;
}

    .mapa_incidencia .seccionMapita {
        border-top: solid 1px #d1ddeb;
    }

.resumen_incidencia .margen,
.resumen_tarea_proyecto .margen {
    padding: 0 15px;
}

.resumen_incidencia .titulo,
.resumen_tarea_proyecto .titulo {
    position: relative;
    height: 1%; /* haslayout */
    background: #cfe0f2 url(/Content/Images/filtroTituloFondo.gif) repeat-x top;
    padding-top: .8em;
    padding-bottom: .8em;
    overflow: hidden;
}

    .resumen_incidencia .titulo b,
    .resumen_tarea_proyecto .titulo b {
        font-size: 1.33em;
        font-weight: bold;
        color: #2b87d3;
    }

    .resumen_incidencia .titulo:before,
    .resumen_incidencia .titulo .before,
    .resumen_tarea_proyecto .titulo:before,
    .resumen_tarea_proyecto .titulo .before {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 36px;
        display: block;
        background: url(/Content/Images/filtroTituloIzquierda.gif);
    }

    .resumen_incidencia .titulo:after,
    .resumen_incidencia .titulo .after,
    .resumen_tarea_proyecto .titulo:after,
    .resumen_tarea_proyecto .titulo .after {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        right: 0;
        top: 0;
        width: 3px;
        height: 36px;
        display: block;
        background: url(/Content/Images/filtroTituloDerecha.gif);
    }

.resumen_incidencia .seccion,
.resumen_tarea_proyecto .seccion {
    border-top: solid 1px #d1ddeb;
    padding: 7px 15px;
    word-break: break-all;
}

    .resumen_incidencia .seccion strong,
    .resumen_tarea_proyecto .seccion strong {
        font-weight: bold;
    }

    .resumen_incidencia .seccion img,
    .resumen_tarea_proyecto .seccion img {
        vertical-align: middle;
    }

.resumen_incidencia .pie,
.resumen_tarea_proyecto .pie {
    position: relative;
    font-size: 1.2em;
    padding: 7px 0;
    border-top: solid 1px #d1ddeb;
    width: 100%;
    text-align: center;
}

    .resumen_incidencia .pie:before,
    .resumen_incidencia .pie .before,
    .resumen_tarea_proyecto .pie:before,
    .resumen_tarea_proyecto .pie .before {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        left: 0;
        bottom: 0;
        width: 7px;
        height: 7px;
        display: inline-block;
        background: url(/Content/Images/filtroPieIzquierda.gif);
    }

    .resumen_incidencia .pie:after,
    .resumen_incidencia .pie .after,
    .resumen_tarea_proyecto .pie:after,
    .resumen_tarea_proyecto .pie .after {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        right: 0;
        bottom: 0;
        width: 7px;
        height: 7px;
        display: block;
        background: url(/Content/Images/filtroPieDerecha.gif);
    }

/* BOTÓN */

.boton {
}

    .boton a, .boton .submit {
        position: relative;
        background: #247cc4;
        color: white !important;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        padding: 0 2px; /*line-height: .8em;*/
        vertical-align: middle;
    }

    .boton input {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1em;
        border: Transparent solid 1px; /* "none" no funciona bien en IE8 */
        overflow: visible;
        background-color: Transparent;
        color: white;
        padding: 0 .3em 0 2em;
        margin: 0 0 0 -2em;
        cursor: pointer;
    }

    .boton .KO, .boton a.KO {
        background: #c9ddf0;
        color: #1c3b56 !important;
    }

    .boton .Desactivado, .boton a.Desactivado {
        background: #d9d9d9;
        color: gray !important;
        cursor: default;
    }

    .boton .lt {
        display: block;
        width: 2px;
        height: 2px;
        overflow: hidden;
        background-image: url(/Content/Images/botonEsquinas.gif);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: -2px;
        left: 0;
    }

    .boton .KO .lt, .boton a.KO .lt {
        background-position: -4px 0;
    }

    .boton .Desactivado .lt, .boton a.Desactivado .lt {
        background-position: -8px 0;
    }

    .boton .lb {
        display: block;
        width: 2px;
        height: 2px;
        overflow: hidden;
        background-image: url(/Content/Images/botonEsquinas.gif);
        background-repeat: no-repeat;
        background-position: 0 -2px;
        position: absolute;
        bottom: -2px;
        left: 0;
    }
    /* html .lb{ bottom: -5px; }  /* La corrección varía según el tamaño del botón */

    .boton .KO .lb, .boton a.KO .lb {
        background-position: -4px -2px;
    }

    .boton .Desactivado .lb, .boton a.Desactivado .lb {
        background-position: -8px -2px;
    }

    .boton .rt {
        display: block;
        width: 2px;
        height: 2px;
        overflow: hidden;
        background-image: url(/Content/Images/botonEsquinas.gif);
        background-repeat: no-repeat;
        background-position: -2px 0;
        position: absolute;
        top: -2px;
        right: 0;
    }

    .boton .KO .rt, .boton a.KO .rt {
        background-position: -6px 0;
    }

    .boton .Desactivado .rt, .boton a.Desactivado .rt {
        background-position: -10px 0;
    }

    .boton .rb {
        display: block;
        width: 2px;
        height: 2px;
        overflow: hidden;
        background-image: url(/Content/Images/botonEsquinas.gif);
        background-repeat: no-repeat;
        background-position: -2px -2px;
        position: absolute;
        bottom: -2px;
        right: 0;
    }
    /* html .rb{ bottom: -5px; }    /* La corrección varía según el tamaño del botón */

    .boton .KO .rb, .boton a.KO .rb {
        background-position: -6px -2px;
    }

    .boton .Desactivado .rb, .boton a.Desactivado .rb {
        background-position: -10px -2px;
    }

    .boton .c {
        padding: 2px .3em; /*padding: 1em;     /* Aquí podríamos fijar el tamaño del botón. */
        margin: -2px 0;
        background: #247cc4;
        position: relative;
        display: block;
    }

    .boton .KO .c, .boton a.KO .c {
        background: #c9ddf0;
    }

    .boton .Desactivado .c, .boton a.Desactivado .c {
        background: #d9d9d9;
    }

    .boton .icono {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: .5em;
        vertical-align: middle;
        background-image: url(/Content/Images/botonIconos.gif);
        background-repeat: no-repeat;
    }

    .boton .activado .editar {
        background-position: 0 0;
    }

    .boton .desactivado .editar {
        background-position: -15px 0;
    }

    .boton .activado .agregar {
        background-position: 0 -15px;
    }

    .boton .desactivado .agregar {
        background-position: -15px -15px;
    }

    .boton .activado .listado {
        background-position: 0 -30px;
    }

    .boton .desactivado .listado {
        background-position: -15px -30px;
    }

    .boton .activado .filtrar {
        background-position: 0 -45px;
    }

    .boton .desactivado .filtrar {
        background-position: -15px -45px;
    }

    .boton .activado .ver {
        background-position: 0 -60px;
    }

    .boton .desactivado .ver {
        background-position: -15px -60px;
    }

    .boton .sin_icono {
        display: inline-block;
        height: 15px;
        vertical-align: middle;
    }

/* TABLERO */

/*Accesos directos incidencias*/
    .acceso-directo .boton .icono {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: .5em;
        vertical-align: middle;
        background-repeat: no-repeat;
    }

.acceso-directo .cargando {
    background-image: url(/Content/Images/ajax-loader.gif);
    padding-left: 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    line-height:16px;
}

/**/
#tablero {
    padding: 36px 36px 0 36px;
}

    #tablero .panel {
        /*margin-bottom: 36px;*/
        padding-bottom: 36px;
    }

        #tablero .panel .listado_incidencias .contenido {
            height: 10px;
            padding: 0;
        }

    #tablero .contentwrapper {
        float: left;
        width: 100%;
    }

    #tablero .contentcolumn {
        margin-right: 330px; /*Set right margin to RightColumnWidth*/
    }

    #tablero .rightcolumn {
        float: left;
        width: 310px; /*Width of right column in pixels*/
        margin-left: -310px; /*Set left margin to -(RightColumnWidth) */
    }

    #tablero .link_nueva {
        font-family: Arial Black, Helvetica, sans-serif;
        font-size: 1.6em;
        color: #284863;
        text-decoration: none;
        line-height: 1.2em;
        display: block;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
        height: 1%;
    }

        #tablero .link_nueva img {
            margin-right: 1em;
            float: left;
        }

        #tablero .link_nueva b {
            color: #247cc4;
        }

    #tablero .vacio {
        font-size: 1.2em;
        font-style: italic;
        color: #274761;
    }

    #tablero .video_demo {
        font-family: Arial Black, Helvetica, sans-serif;
        font-size: 1.6em;
        color: #284863;
        text-decoration: none;
        line-height: 1.2em;
        display: block;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
        height: 1%;
        float: right;
    }

        #tablero .video_demo img {
            margin-right: 1em;
            position: relative;
            z-index: 2;
        }

    #tablero #CuadroMandosContenidoFullscreenButton {
        position: absolute;
        right: 14px;
        top: 14px;
    }

* html #videos_demo {
    /*IE6 hack*/
    padding-left: 180px;
    margin-left: -180px;
}

#videos_demo {
    /*float:right;     margin-left:180px;     position:relative;*/
    top: 0;
    left: 180px; /*Set left value to WidthOfFrameDiv*/
    right: 0;
    bottom: 0;
    overflow: auto;
    background: #fff;
}

#titulo_videos_demo {
    background-image: url(/Content/Images/tableroAyuda.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    width: 180px;
    overflow: hidden;
    padding-top: 10px;
}

#necesita_ayuda {
    float: right;
    width: 100px;
    font-size: 2em;
    font-weight: bold;
    line-height: 0.8em;
    text-align: center;
    color: #00569d;
}

#consulte_videos {
    margin-top: 55px;
    clear: both;
    color: #2b87d3;
    font-size: 1.5em;
}

/* PANEL */

.panel {
}

    .panel .titulo {
        overflow: hidden;
        height: 1%;
        position: relative;
    }

        .panel .titulo .texto {
            float: left;
            font-size: 1.4em;
            font-weight: bold;
            color: #2b87d3; /*color: #205380;*/
            background: #ecf4fb;
            padding: 1em;
            position: relative;
            border-bottom: solid 1px white;
        }

    .panel .texto:before, .panel .texto .before {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 3px;
        display: block;
        background: url(/Content/Images/panelEsquinas.gif);
    }

    .panel .texto:after, .panel .texto .after {
        content: '.';
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        right: 0;
        top: 0;
        width: 3px;
        height: 3px;
        display: block;
        background: url(/Content/Images/panelEsquinas.gif);
        background-position: right 0;
    }

    .panel .contenido {
        background: #ecf4fb;
        padding: 1em;
        position: relative;
        height: 1%;
        color: #284863;
    }

    .panel .esquina {
        position: absolute;
        width: 3px;
        height: 3px;
        display: block;
        background-image: url(/Content/Images/panelEsquinas.gif);
        overflow: hidden;
    }

    .panel .si {
        left: 0;
        top: 0;
    }

    .panel .sd {
        top: 0;
        right: 0;
        background-position: right 0;
    }

    .panel .ii {
        bottom: 0;
        left: 0;
        background-position: 0 bottom;
    }

    .panel .id {
        bottom: 0;
        right: 0;
        background-position: right bottom;
    }

/* PASOS EXPLICADOS */

.explicacion {
    overflow: hidden;
}

    .explicacion .numero {
        display: block;
        float: left;
        font-family: Arial Black, Helvetica, sans-serif;
        color: #a2a2a2;
        font-size: 4.8em;
        font-weight: bold;
        width: 40px;
    }

    .explicacion .texto {
        display: block;
        float: left;
        font-size: 1.4em;
        color: #284863;
        width: 160px;
    }

/* TOOLTIP */
.tooltip {
    cursor: help;
    text-decoration: none; /*border-bottom: 1px dotted #000000;     outline: none;*/
}

.tooltip_icono_ayuda {
    float: right;
}

.iconoTooltip:hover {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    filter: alpha(opacity=35);
}

a.tooltip input {
    cursor: help;
}

a.tooltip span {
    display: none;
    margin: 2.7em 0 0 1em;
    padding: 0.5em 0.8em 0.8em 2em;
    color: Black;
    background: #DCE7F0;
    border: 1px solid #4080BF;
}

a.tooltip:hover span {
    /*display:inline;     position:absolute;     border:1px solid #cccccc;     background:#ffffff;     color:#666666;*/
    display: inline;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute; /*left: 1em; 	top: 2em;*/
    z-index: 99;
    margin-left: 0;
    width: 30%;
    font-weight: normal;
    word-break: break-word;
}

    a.tooltip:hover span img {
        border: 0;
        margin: -1em 0 0 -4em;
        float: left;
        position: absolute;
    }

        a.tooltip:hover span img.tooltip_content_image {
            position: static;
            max-width: 100%;
            margin: 0 auto;
            margin-top: 5px;
            border: 1px solid #205380;
        }

a.tooltip:hover em {
    font-size: 1.8em;
    font-weight: bold;
    color: #205380;
    display: block;
    padding: 0.2em 0 0.6em 0.5em;
}
/* THUMBNAIL */
.thumbanil {
    cursor: default;
    text-decoration: none;
}

a.thumbanil dfn {
    cursor: default;
    text-decoration: none;
    color: #333;
    font-style: normal;
}

a.thumbnail:visited, a.thumbnail:active {
    cursor: default;
    text-decoration: none;
    color: #333;
}

a.thumbanil span {
    display: none;
    padding: 0.5em 0.5em 0.5em 0.5em;
    color: black;
    background: white;
    border: 1px solid #4080BF;
    margin-top: -100px;
    margin-left: -100px;
    width: 120px;
    height: 80px;
}

a.thumbanil:hover span {
    display: inline;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute;
    z-index: 99;
    text-align: center;
}

.flecha_thumbnail {
    position: absolute;
    top: 91px;
    left: 60px;
}
/*a.thumbanil:hover img {
    border: 0;
    margin: -1em 0 0 -4em;
    float: left;
    position: absolute;
}*/

/* PANEL BUSCADOR USUARIOS */

.buscador_usuarios {
}

    .buscador_usuarios .acciones_relacionadas {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -15px;
        font-size: .86em;
        font-size: 1.2em;
        font-weight: bold;
        color: #2e5e88;
    }

    .buscador_usuarios .fieldwrapper {
        background-color: Transparent;
        padding-left: 200px;
    }

        .buscador_usuarios .fieldwrapper .fieldtittle {
            margin-left: -200px;
            width: 170px;
        }

        .buscador_usuarios .fieldwrapper .fieldcontent {
            background-color: Transparent;
            border: 0;
        }

    .buscador_usuarios .num_usuarios {
        font-size: 1.2em;
        font-weight: bold;
        margin: .5em 0;
    }

    .buscador_usuarios .tabla_usuarios, #tecnicos_asignados.tabla_usuarios {
        max-height: 400px;
        height: auto !important;
        height: 400px;
        overflow: auto;
        width: 100%;
    }

/* PANEL RESUMEN ACTIVIDAD */

.resumen_actividad {
}

    .resumen_actividad .contenido {
        font-size: 1.2em;
    }

    .resumen_actividad .seccion {
        border-bottom: solid 1px #d1ddeb;
        padding: 7px 15px;
        margin: 0 -1em;
    }

        .resumen_actividad .seccion strong {
            font-weight: bold;
        }

        .resumen_actividad .seccion a {
            color: #284863;
            text-decoration: none;
            word-break: break-all;
        }

            .resumen_actividad .seccion a:hover {
                text-decoration: underline;
            }

    .resumen_actividad ul {
        padding: 1em 0 0 1em;
    }

/* FICHA HITO */

.acciones_hitos {
    float: right;
    padding: 0.2em;
}

.ver_detalle {
    display: none;
    width: 15px;
    height: 15px;
    background: url(/Content/Images/botonIconos.gif) 0 -60px;
    cursor: pointer;
    vertical-align: middle;
}

.ficha_hito {
    font-size: 1.2em;
    height: 1%;
    color: #333333;
}

.detalles_entidad .ficha_hito {
    color: #3c3c3c;
}

.ficha_hito .encabezado {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    border-top: solid 1px White;
    border-bottom: solid 1px #DCE7F0;
    overflow: hidden;
    height: 1%;
}

.detalles_entidad .ficha_hito .encabezado {
    border-bottom-color: #E5E5E5;
}

.ficha_hito .margen {
    display: block;
    padding: 0.5em 1.25em;
    margin: 0;
}

.ficha_hito .contenedor_fecha { 
    border-right: solid 1px #DCE7F0;
    border-left: solid 1px #FFFFFF;
    width: 36%;
    display: flex;
    flex: 36 0 auto;
    background-color: #F1F7FC;
}

.ficha_hito .fecha {
    display: block; /*margin: 0 32% 2px 32%;*/
    font-weight: bold;
}

    .ficha_hito .fecha .margen {
        display: block;
        margin: 0 1px;
        background-color: #F1F7FC;
    }

.detalles_entidad .ficha_hito .contenedor_fecha {
    background-color: #F6F6F6;
}

.detalles_entidad .ficha_hito .fecha .margen {
    background-color: #F6F6F6;
}

.ficha_hito .accion {
    width: 32%;
    background-color: #F1F7FC;
    white-space: nowrap;
    font-weight: bold;
    border-right: solid 1px #DCE7F0;
    display: flex;
    flex: 36 0 auto;
}

.detalles_entidad .ficha_hito .accion {
    background-color: #F6F6F6;
}

.ficha_hito .usuario {
    width: 28%;
    background-color: #F1F7FC;
    font-weight: bold;
}

.detalles_entidad .ficha_hito .usuario {
    background-color: #F6F6F6;
}

.ficha_hito .detalle {
    display: block;
    clear: left;
    width: 100%; /*margin-bottom: 2px;*/
    background-color: #f7f9fb;
    border-top: solid 1px white;
    border-bottom: solid 1px #DCE7F0;
}

.detalles_entidad .ficha_hito .detalle {
    background-color: #F9F9F9;
    border-bottom-color: #E5E5E5;
}

.ficha_hito .detalle .margen {
    padding-left: 2.5em;
}

.ficha_hito .detalle .campo {
    font-weight: bold;
}

.ficha_hito .detalle .valor a {
    color: #333333;
}

.ficha_hito .detalle .valor ol {
    list-style: inside decimal;
}

.ficha_hito .detalle .valor ul {
    list-style: inside;
}

    .ficha_hito .detalle .valor ul ul {
        padding-left: 15px;
    }

.ficha_hito .detalle .valor img {
    max-width: 100%;
}

.detalles_entidad .detalle .valor a {
    color: #3c3c3c;
}

.valor {
    word-break: break-word;
}

    .valor pre {
        white-space: pre-wrap;
    }

.fieldwrapper .vistaPreviaUploadFicheroWrapper {
    position: relative;
    overflow: hidden;
    width: fit-content;
}

    .fieldwrapper .vistaPreviaUploadFicheroWrapper .vistaPreviaUploadFichero {
        margin-top: 5px;
    }

    .fieldwrapper .vistaPreviaUploadFicheroWrapper .vistaPreviaUploadFicheroOverlay {
        background: url(/Content/Images/eye-transparent.png) center no-repeat;
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        background-size: contain;
        text-indent: -9999px;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0.7);
        cursor: pointer;
    }

        .fieldwrapper .vistaPreviaUploadFicheroWrapper .vistaPreviaUploadFicheroOverlay:hover {
            opacity: 1;
        }

    .fieldwrapper .vistaPreviaUploadFicheroWrapper a.lnkDownloadFile {
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        color: #333333;
    }

.fieldwrapper img.vistaPreviaUploadFichero,
.fieldwrapper canvas.vistaPreviaUploadFichero {
    vertical-align: middle;
    cursor: pointer;
}

.fieldwrapper canvas.vistaPreviaUploadFichero {
    background: url(/Content/Images/ajax-loader.gif) center no-repeat !important;
}

    .fieldwrapper canvas.vistaPreviaUploadFichero.vistaPreviaUploadFicheroTexto {
        width: 150px;
    }

.ui-dialog img.vistaPreviaUploadFichero {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: auto !important;
}

.ui-dialog .vistaPreviaUploadFicheroDialogContent {
    height: auto !important;
}

.vistaPreviaUploadFicheroDialogContent .vistaPreviaUploadFicheroTextoDialogContent {
    overflow-x: hidden;
    padding: 10px;
    background-color: white;
    white-space: pre-wrap;
}

.vistaPreviaUploadFicheroDesc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000a3;
    padding: 10px;
    color: white;
    border-top: 1px solid white;
    display: none;
}

.ui-dialog .vistaPreviaUploadFicheroDialogContent:hover .vistaPreviaUploadFicheroDesc {
    display: block;
}

.ui-dialog video.vistaPreviaUploadFichero {
    max-height: 100% !important;
}

video + .vistaPreviaUploadFicheroDesc {
    bottom: auto;
    top: 0;
}

.vistaPreviaUploadFicheroCanvas {
    background: url(/Content/Images/ajax-loader-big.gif) center no-repeat !important;
}

.vistaPreviaUploadFicheroPagination {
    margin-bottom: 5px;
}

    .vistaPreviaUploadFicheroPagination .vistaPreviaUploadFicheroPaginationPagesInfo {
        margin-left: 5px;
    }

/* MAPA */
#map {
    margin-top: 5px;
    width: /*100%*/ auto;
    margin-left: -200px;
    height: 555px;
}

#mapaYleyenda {
    background: #F5FAFD;
    width: 100%;
    height: 452px;
}

#mapa {
    float: left;
    border: solid 1px #DCE7F0;
    width: 80%;
    height: 450px;
}

#map_leyend {
    padding: 10px; /*margin-left:80%;*/
    height: 450px;
    overflow: scroll;
}

/*.gm-style-iw {
    height: auto;
}*/

.infoWindow {
    width: 260px;
    /*max-height: 150px;*/
}

.infoWindowFF {
    width: 280px;
    /*max-height: 150px;*/
}

    .infoWindow h2, .infoWindowFF h2 {
        color: #144F97;
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 0 0.5em 0;
    }

.infoWindowStreet {
    /*width: 280px;
    height: 300px;*/
}

#pano {
    width: 600px;
    height: 300px;
    border: solid 1px #144F97;
}

.infoWindowStreet h2 {
    color: red;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 0.5em 0;
}

.infoWindow p, .infoWindowFF p, .infoWindowStreet p {
    margin-bottom: 1.5em;
    background: url('Images/back-interesting-link-bold.gif') 0 5px no-repeat;
    padding-left: 1em;
}

    .infoWindow p a, .infoWindowFF p a {
        vertical-align: middle;
        color: #0a56a8;
        text-decoration: none;
    }

        .infoWindow p a:hover, .infoWindow p a:hover {
            background-color: #f0ffb2;
        }

#cargandoMapa {
    display: inline-block;
    vertical-align: middle;
}

/* MINI MAPA INCIDENCIA */

#mapita {
    width: 100%;
    height: 300px;
}
/* MAPA Justificante */
body.incidencias-justificante #mapita {
    margin-left: -200px;
    width: auto;
    margin-top: 5px;
}
/* VERSIÓN */
.version {
    position: relative;
    color: #8d8d8d;
    z-index: 2;
    font-size: 0.9em;
    top: -0.23em;
}
/* Select Tipologias Enlazados */
.fieldtittle #treeTipologia {
    float: right;
    margin-right: -10px;
}

.tipologias_nivel {
}

    .tipologias_nivel select {
        margin-bottom: 4px !important;
    }

/* Clase para ocultar segmentos */
.oculto {
    display: none;
}

.hidden {
    visibility: hidden;
}
/* Clase que marca un elemento como ocultable */
.ocultable {
}

.translucido {
    opacity: 0.5;
}

/* Status Color */
.status-color-success {
    color: green;
}

.status-color-warning {
    color: orange;
}

.status-color-failed {
    color: red;
}

.status-color-danger {
    color: red;
    background: #fef1ec;
    border: 1px solid black;
    padding: 1px;
}

.status-clock {
    width: 16px;
    height: 16px;
    background-image: url(/Content/Images/status-clock.png);
    float: right;
}

.status-clock-success {
    background-position: 0 0;
}

.status-clock-warning {
    background-position: 0 -16px;
}

.status-clock-failed {
    background-position: 0 -32px;
}

.status-clock-danger {
    background-position: 0 -48px;
}

/* Estilos span / p */
.verde {
    color: green;
}

.rojo {
    color: red;
}

.naranja {
    color: orange;
}

.azul {
    color: #2b87d3;
}

.negrita {
    font-weight: bold;
}

.centrado {
    text-align: center;
}

.alineado_derecha {
    text-align: right;
}

.message-box.ui-state-highlight,
.message-box.ui-state-error {
    padding: 10px;
    font-size: 1.4em;
}

.input-hint-message {
    font-size: 1em;
    background: white;
    border: 1px solid rgb(198, 223, 246);
    padding: 10px;
}

#importandoLDAP {
    float: left;
    padding: .8em 0 0 1em;
    display: none;
}

.barraProgresoFicheroField {
    display: none;
}

.ajax_loader_fieldtittle {
    float: right;
    display: none;
}

.ajax_loader_dialogo {
    float: left;
    padding: .8em 0 0 1em;
    display: none;
}

.ajax_loader_incidencias {
    display: none;
    vertical-align: middle;
}

.ajax_loader {
    background: url(/Content/Images/ajax-loader.gif) no-repeat center;
    text-indent: -99999px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
}

.ajax_loader_inline {
    background: url(/Content/Images/ajax-loader.gif) no-repeat right center;
    padding-right: 20px;
}

.titulo_ficha .recorte_sombra_texto .texto .ajax_loader {
    position: absolute;
    right: 1em;
}

/* Formulario diálogo */

.formulario_dialogo input, .formulario_dialogo select, .formulario_dialogo textarea {
    width: 100%;
}

.formulario_dialogo fieldset.bordered {
    border: 1px solid #aed0e9;
    padding: 10px;
}

.formulario_dialogo .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
}

    .formulario_dialogo .input-group * {
        box-sizing: border-box;
    }

    .formulario_dialogo .input-group input {
        display: table-cell;
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #8aa8c8;
    }

    .formulario_dialogo .input-group .input-group-addon {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle;
        display: table-cell;
        box-sizing: border-box;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        background-color: #247cc4;
        border: 1px solid #247cc4;
        color: white;
    }

        .formulario_dialogo .input-group .input-group-addon.input-group-addon-right {
            border-left: 0;
        }

        .formulario_dialogo .input-group .input-group-addon.input-group-addon-left {
            border-right: 0;
        }

        .formulario_dialogo .input-group .input-group-addon.input-group-addon-button {
            cursor: pointer;
        }

            .formulario_dialogo .input-group .input-group-addon.input-group-addon-button:hover {
                background-color: #d0e0f2;
                border-color: #8aa8c8;
                color: black;
            }

.formulario_dialogo input[type='checkbox'] {
    width: auto;
    vertical-align: middle;
}

.form-item-wrapper {
}

.form-item-wrapper-full-width label
.form-item-wrapper-full-width input,
.form-item-wrapper-full-width textarea,
.form-item-wrapper-full-width select {
    width: 100%;
}

.form-item-wrapper-inline label,
.form-item-wrapper-inline input,
.form-item-wrapper-inline textarea,
.form-item-wrapper-inline select {
    width: auto;
}

    .form-item-wrapper-inline input[type='number'] {
        max-width: 55px;
    }

    .form-item-wrapper-inline input[type='checkbox'] {
        vertical-align: middle;
    }

.form-item-wrapper.display-inline-block:last-child {
    margin-right: 0;
}

.form-item-wrapper.display-inline-block {
    margin-right: 2px;
}

/* Input 'oculto' horario semanal parte */
.input_disabled {
    border: none;
    text-align: center;
    background: transparent;
}

.guardar_parteHorario {
    display: none;
}

/* I18N */

#topsection_idiomas #lista-idiomas {
    right: auto;
    left: -14px;
}

#lista-idiomas {
    display: inline;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    color: White;
}

    #lista-idiomas ul, #lista-idiomas li {
        display: inline;
        font-weight: bold;
    }

    #lista-idiomas .flecha_abajo_borde {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid dimgrey;
        position: absolute;
        top: 1em;
        left: 1em;
    }

    #lista-idiomas .flecha_abajo {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid whitesmoke;
        position: absolute;
        top: 1em;
        left: 1em;
    }

#topsection_idiomas #lista-idiomas .flecha_abajo.active {
    border-top-color: greenyellow;
}

#lista-idiomas .flecha_abajo.active {
    border-top-color: black;
}

/* Language DropDownList */
#topsection_idiomas #lista-idiomas .dropdown dd {
    position: relative;
    margin-left: 6px;
}

#lista-idiomas .dropdown dd {
    position: relative;
}

#lista-idiomas .dropdown img {
    margin-top: 0.1em;
    border: 1px solid black;
}

#lista-idiomas .dropdown a {
    text-decoration: none;
    outline: 0;
    font: 12px Arial, Helvetica, sans-serif;
    display: block;
    width: 100px;
    overflow: hidden;
}

#topsection_idiomas #lista-idiomas .dropdown dt a {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#lista-idiomas .dropdown dt a {
    background: #1693CD;
    padding: 5px 10px 6px 15px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
    color: #fff;
}

#topsection_idiomas #lista-idiomas .dropdown dt a:hover {
    background: none;
}

    #topsection_idiomas #lista-idiomas .dropdown dt a:hover em {
        text-decoration: underline;
    }

#lista-idiomas .dropdown dt a:hover {
    background: #27A3DE;
}

#topsection_idiomas #lista-idiomas .dropdown dt a.active {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#lista-idiomas .dropdown dt a.active {
    background: #1693CD;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px dotted #323F52;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
    color: #fff;
}

#topsection_idiomas #lista-idiomas .dropdown dd ul {
    margin-left: 10px;
    width: 118px;
}

#lista-idiomas .dropdown dd ul {
    background: #323F52;
    border: 1px solid #676768;
    color: #C5C0B0;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    padding: 2px 0 5px 0;
    list-style: none;
    border-top: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
}

#topsection_idiomas #lista-idiomas .dropdown dd ul li a {
    padding: 2px 0px;
}

#lista-idiomas .dropdown dd ul li a {
    padding: 2px 9px;
}

    #lista-idiomas .dropdown dd ul li a em, #lista-idiomas .dropdown dt a em {
        font-style: normal;
        float: left;
        width: 70px;
        cursor: pointer;
        margin-top: 2px;
    }

    #lista-idiomas .dropdown dd ul li a em {
        color: #AAA;
    }

    #lista-idiomas .dropdown dd ul li a:hover {
        background-color: rgba(255,255,255,.1);
    }

        #lista-idiomas .dropdown dd ul li a:hover em {
            color: #fff;
        }

.google-translate-titulo-icon {
    width: 16px;
    height: 16px;
    background: url(/Content/Images/google-translate-icon.png) no-repeat;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    text-indent: -9999px;
}

/* Permisos */ /* Nota: La clase clickable no es necesariamente exclusiva para los permisos */
.clickable {
    cursor: pointer;
}

.clickable-rows tr:not(.row-child-details) {
    cursor: pointer;
}
/* Definimos ésta clase como entrada numérica para permitir sólo entrada numérica en esos campos */
.entrada_numerica {
    /* Inicialmente no tiene un estilo definido */
}

/* Conversaciones */

#LstConversaciones {
    /*max-height: 30em;     overflow-x: hidden;     overflow-y: scroll;*/
}

    #LstConversaciones .ficha_hito {
        font-size: 1.1em;
    }

.input-mensaje-conversacion {
    /*width: 89%;*/ /* Ojo, habría un modo mejor de hacer esto? */
    padding: 0.4em;
    vertical-align: middle;
    display: inline-block;
    /*margin-top: 0.2em;*/
    /*width: calc(100% - 61px);*/
    width: calc(100% - 100px);
}

.fieldwrapper .mensaje {
    font-weight: bold;
}

.ajax_loader_conversacion {
    display: inline-block;
    vertical-align: middle;
    /*padding-left: 1em;*/
    position: absolute;
    top: 14px;
    left: 180px;
}

.icono-hito {
    float: left;
    margin: 0.4em 0.2em 0 0.2em;
}

.mensajes_conversacion {
    display: none;
    border-top: solid 3px #DCE7F0; /*padding-bottom:0.7em;*/
}

    .mensajes_conversacion .fieldwrapper {
        font-size: 0.8em;
        border-style: dashed;
    }

    .mensajes_conversacion .fieldtittle label {
        word-break: break-word;
    }

    .mensajes_conversacion .fieldcontent {
        margin: auto;
        padding: 0.7em 0 0 0;
    }

/* Panel Imputación Horas Diario Recurso */
.imputacion_diario_recurso {
}

#tabla_diario_recurso {
    position: relative;
}

    #tabla_diario_recurso .loading-filas {
        position: absolute;
        z-index: 100;
        width: 100%;
        height: 100%;
        background-color: rgba(241, 247, 252, 0.5);
    }

.titulo_centrado {
    position: relative;
    height: 1%; /* haslayout */
    background: #cfe0f2 url(/Content/Images/filtroTituloFondo.gif) repeat-x top;
    padding-top: .6em;
    padding-bottom: .6em;
    overflow: hidden;
    text-align: center;
    font-size: 1.4em;
    color: #2b87d3;
    text-shadow: 0px 1px 0px white;
}

    .titulo_centrado .boton {
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: text-top;
        margin-left: 0.5em;
        cursor: pointer;
    }

    .titulo_centrado .horario {
        background-image: url(/Content/Images/menuAccionesHorario.png);
    }

.cabecera_imputacion {
    font-size: 1.2em;
    font-weight: bold;
    color: #274761;
    background: #eff5fa url(/Content/Images/listadoFondoCabecera.gif) repeat-x top;
    border-top: solid 1px #b5c5d9;
    border-bottom: 1px solid #b2c4d7;
    height: 1%;
}

    .cabecera_imputacion .campos {
        overflow: hidden;
        position: relative;
        height: 1%;
    }

        .cabecera_imputacion .campos a {
            color: #274761;
            text-decoration: none;
        }

            .cabecera_imputacion .campos a:hover {
                text-decoration: underline;
            }

        .cabecera_imputacion .campos > span {
            float: left;
            padding: 6px 0.3%;
            border-left: 1px solid #dce7f0;
            border-right: 1px solid #b5c5d9;
        }

    .cabecera_imputacion.totales .totales-title {
        min-height: 21px;
        display: block;
        line-height: 21px;
    }

    .cabecera_imputacion.totales .proyectotarea .totales-title {
        text-align: right;
    }

    .cabecera_imputacion.totales input.imputaciones_total {
        width: 80%;
        padding: 0.3em;
        text-align: center;
        font-weight: bold;
        background-color: beige;
        border: 1px solid burlywood;
        color: black;
    }

.imputacion_diario_recurso .campos .horas {
    width: 4%;
    text-align: center;
}

.imputacion_diario_recurso .proyecto, .imputacion_diario_recurso .tarea {
    width: 10%;
}

.imputacion_diario_recurso.campo_horas .proyecto, .imputacion_diario_recurso .tarea {
    width: 8%;
}

.imputacion_diario_recurso .proyectotarea {
    width: 20%;
}

.imputacion_diario_recurso.campo_horas .proyectotarea {
    width: 16%;
}

.imputacion_diario_recurso .dia {
    /*width: 11%;*/
    width: 16%;
    text-align: center;
}

.imputacion_diario_recurso.fin_semana .dia {
    width: 11.425%;
}
/*.fin_semana {
    display: none;
}*/
.fila_imputacion {
    background-color: #F1F7FC;
    border-style: solid;
    border-width: 1px 0;
    border-top-color: #ffffff;
    border-bottom-color: #adbccb;
    overflow: hidden;
}

.imputacion_diario_recurso .alt {
    background-color: #F7F9FB;
}

.imputacion_diario_recurso .colalt {
    background-color: rgba(218, 218, 218, 0.27);
}

.fila_imputacion .campos {
    height: 100%;
    overflow: hidden;
}

.fila_imputacion .alt {
    background-color: #EFEFEF;
}

.fila_imputacion .campo {
    /*display: block;*/
    float: left;
    word-wrap: break-word;
    position: relative;
    padding: 4px 0.3%;
    height: 58px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #dce7f0;
}

.fila_imputacion .horas input {
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #F1F7FC;
    border: 1px solid;
    border-color: #ACADB1 #E2E3E8 #E2E3E8 #ACADB1;
}

.fila_imputacion .horas .campo-horas-wrapper {
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #F1F7FC;
    border: 1px solid;
    border-color: #ACADB1 #E2E3E8 #E2E3E8 #ACADB1;
    color: grey;
    padding: 2px 1px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.fila_imputacion .campo.proyecto select,
.fila_imputacion .campo.tarea select {
    width: 100%;
    height: 4em;
    margin-top: 2px;
    margin-left: -0.5em;
}

.fila_imputacion .campo.proyectotarea button.ui-multiselect {
    padding: 0;
    border: 1px solid #aaaaaa;
    margin-top: 1px;
}

.fila_imputacion .campo.proyectotarea select,
.fila_imputacion .campo.proyectotarea button.ui-multiselect {
    width: 100%;
    height: 25px;
    font-size: 11px;
    color: #205380;
    font-weight: bold;
}

    .fila_imputacion .campo.proyectotarea select + select,
    .fila_imputacion .campo.proyectotarea button.ui-multiselect + select,
    .fila_imputacion .campo.proyectotarea button.ui-multiselect ~ button.ui-multiselect {
        margin-top: -1px;
        color: initial;
        font-weight: initial;
    }

    .fila_imputacion .campo.proyectotarea button.ui-multiselect > span:not(.ui-icon) {
        height: 25px;
        font-size: 11px;
        display: block;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 4px;
    }

.fila_imputacion .campo.proyectotarea > span {
    width: 100%;
    height: 25px;
    font-size: 11px;
    color: #205380;
    font-weight: bold;
    display: block;
    border: 1px solid #aaaaaa;
    background: rgba(255, 255, 255, 0.50);
    line-height: 25px;
    overflow: hidden;
    word-break: break-all;
    padding: 0 4px;
}

    .fila_imputacion .campo.proyectotarea > span > a {
        float: right;
        background: #f8fbfe;
        height: 25px;
        padding: 0 4px;
    }

        .fila_imputacion .campo.proyectotarea > span > a:hover {
            opacity: 0.7;
        }

    .fila_imputacion .campo.proyectotarea > span + span {
        margin-top: -1px;
        color: initial;
        font-weight: initial;
    }

.fila_imputacion .campo .ui-widget {
    overflow: hidden;
}

.fila_imputacion .campo textarea {
    width: 96%;
    height: 4em;
    margin-top: 2px;
    margin-left: -0.5em;
}

.dia .unidad_medida {
    width: 25%;
    float: left;
    text-align: center;
    word-wrap: normal;
    padding-top: 2px;
}

.tipos_trabajo_1 .dia .unidad_medida {
    width: 100%;
}

.tipos_trabajo_2 .dia .unidad_medida {
    width: 50%;
}

.tipos_trabajo_3 .dia .unidad_medida {
    width: 33.33%;
}

.tipos_trabajo_4 .dia .unidad_medida {
    width: 25%;
}

.tipos_trabajo_5 .dia .unidad_medida {
    width: 20%;
}

.tipos_trabajo_6 .dia .unidad_medida {
    width: 16.66%;
}

.tipos_trabajo_7 .dia .unidad_medida {
    width: 14.28%;
}

.tipos_trabajo_8 .dia .unidad_medida {
    width: 12.5%;
}

.tipos_trabajo_9 .dia .unidad_medida {
    width: 11.11%;
}

.tipos_trabajo_10 .dia .unidad_medida {
    width: 10%;
}

.unidad_medida .titulo {
}

.unidad_medida .elementos {
}

.unidad_medida .detalles {
    display: none;
}

.unidad_medida .elementos input {
    width: 80%;
    text-align: center;
}

    .unidad_medida .elementos input[readonly]:not([disabled]) {
        font-weight: bold;
        background-color: white;
    }

    .unidad_medida .elementos input[readonly].tipo-trabajo-disabled:not([disabled]) {
        cursor: default;
        background-color: #f4f6f7;
        color: #545454;
        border-color: #c3c6c8;
        font-weight: normal;
    }

#Semana_Anterior {
    position: absolute;
    left: 0;
    padding-left: 0.5em;
}

#Semana_Siguiente {
    position: absolute;
    right: 0;
    padding-right: 0.5em;
}

#fin_semana_toggle {
    position: absolute;
    right: 0;
    padding-right: 0.5em;
    border: none;
}

.nuevas_filas {
    float: left;
}

    .nuevas_filas input[type="number"] {
        width: 30px;
        text-align: center;
        height: 30px;
        vertical-align: middle;
    }

.ajax_loader_buttons {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 0.5em;
}

.ajax_loader_titulo_ficha {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.5em;
}

.ajax_loader_tareas {
    display: inline-block;
    position: absolute;
    top: 28px;
    right: 20px;
}

.ajax_loader_big_center {
    display: none;
    position: absolute;
    vertical-align: middle;
    text-align: center;
}

.ajax_loader_big_container_center {
    background: url(/Content/Images/ajax-loader-big.gif) no-repeat center;
    background-color: rgba(210, 210, 210, 0.5);
    /*height: 27px;
    width: 1501px;*/
    min-height: 20px;
    min-width: 220px;
    position: absolute;
    z-index: 10;
}

.ajax_loader_big_center_bg {
    background-image: url(/Content/Images/ajax-loader-big.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

#detalles_tooltip {
    display: none;
    position: absolute;
    z-index: 1000;
    border: 1px solid #2b87d3;
    background: #eff5fa url(/Content/Images/listadoFondoCabecera.gif) repeat-x top;
    padding: 0.1em 0.6em;
    border-radius: 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
    width: 232px;
    padding-bottom: 5px;
}

    #detalles_tooltip .detalles {
        width: 100%;
    }

        #detalles_tooltip .detalles input {
            width: 147px;
        }

            #detalles_tooltip .detalles input[type="checkbox"] {
                width: auto; /*margin-right: 4.5em;*/
            }

    #detalles_tooltip #cerrar_detalles {
        position: absolute;
        right: 0.1em;
    }

.etiqueta_diario {
    /*line-height: 25px;*/
    font-size: 1.1em; /*padding-right: 0.3em;     text-align: right;     width:74px;     display:inline-block;*/
    color: #274761;
    font-weight: bold;
}

.etiqueta_diario_descripcion {
    display: block;
    padding-top: 5px;
}

#leyenda_diario {
    border: 1px solid #2b87d3;
    background: #eff5fa url(/Content/Images/listadoFondoCabecera.gif) repeat-x top;
    padding: 1em;
    border-radius: 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 20%; /*margin-top: 10px;*/
    margin-bottom: 1.5em;
    font-size: 11px;
}

    #leyenda_diario .titulo_leyenda {
        font-weight: bold;
        text-decoration: underline;
        font-size: 1.4em;
        padding-bottom: 0.5em;
        color: #274761;
        text-shadow: 0px 1px 0px white;
    }

    #leyenda_diario p {
    }

        #leyenda_diario p input {
            vertical-align: middle;
        }

        #leyenda_diario p label .title {
            font-weight: bold;
            color: #2b87d3;
        }

/* POPOVER REJILLA IMPUTACIONES */
.rejilla-lista-imputaciones-popover {
    background: #d2e1f0 url(/Content/Images/bg-popover-imputaciones.png) repeat-x top !important;
    border-color: #9baabd !important;
}

    .rejilla-lista-imputaciones-popover .arrow {
        border-bottom-color: #9baabd !important;
    }

    .rejilla-lista-imputaciones-popover .popover-content {
        padding: 0;
    }

.rejilla-lista-imputaciones-item {
    padding: 9px 14px;
    /*border-bottom: 1px solid #c6d8e7;*/
    border-bottom: 1px solid #9baabd;
}

    .rejilla-lista-imputaciones-item + .rejilla-lista-imputaciones-item {
        border-top: 1px solid #ffffff;
    }

    .rejilla-lista-imputaciones-item:last-child {
        border-bottom: none;
    }

    .rejilla-lista-imputaciones-item label {
        color: #274761;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: bold;
    }

    .rejilla-lista-imputaciones-item > .form-item-wrapper {
        margin-bottom: 2px;
    }

    .rejilla-lista-imputaciones-item textarea[readonly] {
        max-height: 400px;
        overflow-y: auto !important;
        resize: horizontal;
    }

.rejilla-reparto-imputaciones {
    max-width: 455px !important;
}

    .rejilla-reparto-imputaciones table {
        border: none;
    }

        .rejilla-reparto-imputaciones table.diasSemana label {
            padding-left: 5px;
            padding-right: 5px;
        }

    .rejilla-reparto-imputaciones tr,
    .rejilla-reparto-imputaciones td,
    .rejilla-reparto-imputaciones tr:hover,
    .rejilla-reparto-imputaciones tr:hover td,
    .rejilla-reparto-imputaciones td:hover {
        background-color: transparent;
    }

    .rejilla-reparto-imputaciones td {
        border: none;
        padding: .2em;
        background: none;
        text-align: center;
    }

        .rejilla-reparto-imputaciones td label {
            text-wrap: nowrap;
        }

.rejilla-reparto-plantillas .rejilla-lista-imputaciones-item.clickable:hover {
    background-color: #d4e1f1;
}

.rejilla-reparto-imputaciones .wrapFilasReparto {
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
}

    .rejilla-reparto-imputaciones .wrapFilasReparto::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .rejilla-reparto-imputaciones .wrapFilasReparto::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .rejilla-reparto-imputaciones .wrapFilasReparto::-webkit-scrollbar-thumb,
    .rejilla-reparto-imputaciones .wrapFilasReparto::-webkit-scrollbar-thumb,
    .rejilla-reparto-imputaciones .wrapFilasReparto::-webkit-scrollbar-thumb {
        background-color: darkgrey;
    }

.rejilla-reparto-imputaciones .titulo-reparto {
    font-size: 1.4em;
    font-weight: bold;
}

.rejilla-reparto-imputaciones .titulo-reparto {
    font-size: 1.4em;
    font-weight: bold;
}

.rejilla-reparto-imputaciones .message-box {
    font-size: 0.9em;
    margin-top: 10px;
}

.rejilla-reparto-imputaciones .txt-reparto-unitario {
    margin-left: 10px;
    color: navy;
    font-size: 1.2em;
}

.rejilla-reparto-imputaciones .wrapFilasReparto {
    padding: 0px;
}

/* ACCIONES RÁPIDAS */
.acciones_rapidas_container {
    float: right;
    position: relative;
    background: #284863;
    padding: 0.75em;
    margin-left: 32px;
}

    .acciones_rapidas_container a {
        font-size: 1.2em;
        font-weight: bold;
        color: White;
        text-decoration: none;
    }

        .acciones_rapidas_container a:hover {
            text-decoration: underline;
        }

    .acciones_rapidas_container img {
        vertical-align: middle;
        margin-right: 6px;
    }

    .acciones_rapidas_container:before, #crear_incidencia .before {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 3px;
        display: block;
        background: url(/Content/Images/crearIncidenciaIzquierda.gif);
    }

    .acciones_rapidas_container:after, #crear_incidencia .after {
        content: '.';
        overflow: hidden;
        text-indent: 100em; /* Muevo el punto muuuy a la derecha pa que no se vea */
        position: absolute;
        right: 0;
        top: 0;
        width: 3px;
        height: 3px;
        display: block;
        background: url(/Content/Images/crearIncidenciaDerecha.gif);
    }

    .acciones_rapidas_container:hover {
        background: #232d3d;
    }

#lista-accionesRapidas {
    display: inline; /*position: absolute;*/
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    color: White;
}

    #lista-accionesRapidas ul, #lista-accionesRapidas li {
        display: inline;
        font-weight: bold;
    }

    #lista-accionesRapidas .flecha_abajo_borde {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent; /*border-top: 6px solid dimgrey;*/
        position: absolute;
        top: 1.2em;
        left: 1em;
    }

    #lista-accionesRapidas .flecha_abajo {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid greenyellow;
        position: absolute;
        top: 1.2em;
        left: 1em;
    }
    /*#lista-accionesRapidas .flecha_abajo.active
{
    border-top-color: black;
}*/

    /* AccionesRapidas DropDownList */
    #lista-accionesRapidas .dropdown dd {
        position: relative;
    }

    #lista-accionesRapidas .dropdown img {
        margin-top: 0.1em;
        border: 1px solid black;
        display: none;
    }

    #lista-accionesRapidas .dropdown a {
        text-decoration: none;
        outline: 0;
        /*font: 12px Arial, Helvetica, sans-serif;*/
        display: block;
        width: 140px;
        overflow: hidden;
    }

    #lista-accionesRapidas .dropdown dt a {
        /*background: #284863;*/
        padding: 2px 20px 0px 20px;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0; /*-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5); 	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5); 	box-shadow: 0 3px 7px rgba(0,0,0,.5);*/
        color: #fff;
    }

        #lista-accionesRapidas .dropdown dt a:hover {
            background: #232d3d;
        }

    /*#lista-accionesRapidas .dropdown dt a.active {
    background: #1693CD;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px dotted #323F52;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
    color: #fff;
}*/

    #lista-accionesRapidas .dropdown dd ul {
        background: #232d3d;
        /*border: 1px solid #676768;*/
        display: none;
        position: absolute;
        z-index: 999;
        top: 7px;
        left: -7px;
        padding: 2px 0 5px 0;
        list-style: none;
        border-top: none;
        margin: 0;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
        box-shadow: 0 3px 7px rgba(0,0,0,.5);
    }

        #lista-accionesRapidas .dropdown dd ul li a {
            padding: 2px 9px;
            width: 155px;
            border: 1px solid transparent;
        }

            #lista-accionesRapidas .dropdown dd ul li a em, #lista-accionesRapidas .dropdown dt a em {
                font-style: normal;
                float: left;
                width: 140px;
                text-align: left;
                cursor: pointer;
            }

            #lista-accionesRapidas .dropdown dd ul li a em {
                color: #FFF;
                padding: 0.3em 0 0.3em 0;
            }

            #lista-accionesRapidas .dropdown dd ul li a:hover {
                background-color: black;
                border-top: 1px solid #424d5c;
                border-bottom: 1px solid #424d5c;
            }

                #lista-accionesRapidas .dropdown dd ul li a:hover em {
                    color: #fff;
                }

/* INCIDENCIAS CREAR */
/* Mensaje bienvenida */
#mensaje_bienvenida {
    margin: auto;
    width: 720px;
    height: 100px;
    margin-top: 12px;
    background: url("/Content/Images/BGBienvenida.png") no-repeat;
    padding: 1.3em;
}

    #mensaje_bienvenida img {
        float: left;
    }

#texto_mensaje_bienvenida {
    font-size: 1.6em;
    padding: 0.7em 1em 1em 1em;
}

    #texto_mensaje_bienvenida .resaltado {
        font-weight: bold;
        font-size: 1.2em;
        color: #07779c;
    }

/* oAuth Styles */

.boton_login_twitter {
    display: inline-block;
    background: url(/Content/Images/twitter-button-mini.png) no-repeat 0 0;
    width: 71px;
    height: 22px; /*float: left;*/
    margin-bottom: -3px;
    cursor: pointer;
}

/* WorkflowGraph */
#WorkflowGraph {
    text-align: center;
}
/* Dialog Titlebar */
.no-dialog-titlebar .ui-dialog-titlebar {
    display: none;
}

.no-dialog-titlebar-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog-mh500 .ui-dialog-content {
    max-height: 500px;
}

/* PROGRESS BAR */
.progress-bar-container {
    background-color: #ffffff;
    border: 1px solid #dce7f1;
    line-height: 0;
}

.progress-bar-fill {
    display: inline-block;
    height: 1em;
}

/* SHAPES */
.square {
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1em;
}

/* DISPLAYS */
.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

/* MARGINS */
.margin-right-1em {
    margin-right: 1em;
}

.margin-left-30px {
    margin-left: 30px;
}

.margin-left-40px {
    margin-left: 40px;
}

.margin-right--20px {
    margin-right: -20px;
}

.margin-right-5px {
    margin-right: 5px;
}

.margin-left-5px {
    margin-left: 5px;
}

.margin-top-5px {
    margin-top: 5px;
}

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

.margin-right-10px {
    margin-right: 10px;
}

.margin-left-10px {
    margin-left: 10px;
}

.margin-top-10px {
    margin-top: 10px;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}

.margin-right-15px {
    margin-right: 15px;
}

.margin-left-15px {
    margin-left: 15px;
}

.margin-top-15px {
    margin-top: 15px;
}

.margin-bottom-15px {
    margin-bottom: 15px;
}

.margin-right-20px {
    margin-right: 20px;
}

.margin-left-20px {
    margin-left: 20px;
}

.margin-top-20px {
    margin-top: 20px;
}

.margin-bottom-20px {
    margin-bottom: 20px;
}

.margin-right-0 {
    margin-right: 0px;
}

.margin-left-0 {
    margin-left: 0px;
}

.margin-top-0 {
    margin-top: 0px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}
/* WIDTHs */
.w100 {
    width: 100%;
}

.w100-20px {
    width: calc(100% - 20px);
}

.w30 {
    width: 30% !important;
}

.w50 {
    width: 50% !important;
}

.w8 {
    width: 8% !important;
}

.w30px {
    width: 30px;
}

.w40px {
    width: 40px;
}

.w50px {
    width: 50px;
}

.wAuto {
    width: auto;
}

.wAutoInput input,
.wAutoInput select,
.wAutoInput textarea {
    width: auto;
}

.mw100 {
    max-width: 100%;
}

.mw200px {
    max-width: 200px;
}

.maxw200px {
    max-width: 200px;
}

.maxw130px {
    max-width: 130px;
}

.maxw120px {
    max-width: 120px;
}

.maxw65px {
    max-width: 65px;
}

.maxw75px {
    max-width: 75px;
}

.minw200px {
    min-width: 200px;
}

.maxw100px {
    max-width: 100px;
}

.minw100px {
    min-width: 100px;
}

/* HEIGHTS */
.mh170px {
    max-height: 170px;
}

.mh180px {
    max-height: 180px;
}

.mh200px {
    max-height: 200px;
}

.mh400px {
    max-height: 400px;
}

.maxh200px {
    max-height: 200px;
}

.maxh400px {
    max-height: 400px;
}

.mh90 {
    max-height: 90%;
}

.mh80 {
    max-height: 80%;
}

.m80 {
    height: 80%;
}

.mh70 {
    max-height: 70%;
}

.mh60 {
    max-height: 60%;
}

.h500px {
    height: 500px;
}

.height-14px {
    height: 14px;
}

/* FLOATS */
.f-right {
    float: right;
}

.f-left {
    float: left;
}

.clear-both {
    clear: both;
}
/* ALIGNS */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* V-ALIGNS */
.v-align-middle {
    vertical-align: middle;
}

.v-align-text-bottom {
    vertical-align: text-bottom;
}

/* PADDINGS */
.no-padding {
    padding: 0;
}

.no-padding-important {
    padding: 0 !important;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-vertical-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-vertical-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-right-20 {
    padding-right: 20px;
}

.line-heigh-2_5-em {
    line-height: 2.5em;
}

/* WORD-BREAK */
.word-break-all {
    word-break: break-all;
}

.word-break-word {
    word-break: break-word;
}

.word-keep-all {
    word-break: keep-all;
}

/* OVERFLOW */
.overflow-auto {
    overflow: auto;
}

.overflow-visible {
    overflow: visible;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

/* BORDERS */
.border-bottom-dashed {
    border-bottom: dashed 1px #cccdd1;
}

.border-bottom-separator:last-child {
    border: none;
}

.border-top-dashed {
    border-top: dashed 1px #cccdd1;
}

.border-top-separator:first-child {
    border: none;
}

.simple-border {
    border: 1px solid;
}

/* FONT-SIZE */
.font-size-08 {
    font-size: 0.8em;
}

.font-size-09 {
    font-size: 0.9em;
}

abbr {
    background: url(/Content/Images/enlaceAyuda.png) center no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    text-indent: -9999px;
}

    abbr:hover {
        opacity: 0.7;
    }

/* CONTRATOS */

.ver_horas {
    width: 15px;
    height: 15px;
    background: url(/Content/Images/stopwatch_start.png) no-repeat center;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}

/* Informe Planificación */
div#PlanificacionWrapper {
    padding: 20px 0;
    overflow: hidden;
    font-size: 12px;
}

.planificacion-hito-item {
    width: 220px;
    text-align: center;
}

.planificacion-hito-item-wrapper {
    display: inline-block;
    vertical-align: top;
}

.planificacion-hito-item-pasado .planificacion-hito-item-estado-box {
    opacity: 1;
}

.planificacion-hito-item-actual .planificacion-hito-item-estado-box {
    background-image: url(/Content/Images/stripes.png);
    opacity: 1;
}

.planificacion-hito-item-estado-box {
    height: 100px;
    border-radius: 10px;
    opacity: 0.5;
}

span.planificacion-hito-item-estado-nombre {
    display: inline-block;
    height: 100px;
    line-height: 100px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-shadow: 0px 0px 5px black;
    overflow: hidden;
}

.planificacion-hito-item-fecha, .planificacion-hito-item-planificado {
    text-transform: uppercase;
    font-size: 10px;
    color: grey;
}

.planificacion-hito-item-planificado {
    text-align: right;
}

.planificacion-hito-item-separator, .planificacion-hito-item {
    margin-top: 20px;
    float: left;
}

.planificacion-hito-item-separator {
    width: 50px;
    height: 122px;
    background: url(/Content/Images/right-arrow-icon-50.png) no-repeat center;
}

span.planificacion-hito-item-planificado-ok {
    height: 12px;
    width: 12px;
    display: inline-block;
    background: url(/Content/Images/tick-green-12.png);
    vertical-align: bottom;
}

span.planificacion-hito-item-planificado-no {
    height: 12px;
    width: 12px;
    display: inline-block;
    background: url(/Content/Images/error-icon-12.png);
    vertical-align: bottom;
}

/* RESUMEN PLANIFICACION */
a.informe-planificacion {
    background: url(/Content/Images/menuAccionesInforme.gif);
    height: 16px;
    width: 16px;
    display: inline-block;
    float: right;
}

a.resumen-planificacion-fila-toogle {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: rgb(43, 135, 211);
    margin-left: -10px;
    margin-right: 5px;
}

.seccion.margen.detalle-resumen-planificacion.icono_visible {
    background-color: rgb(247, 247, 247);
}

.separador-horizontal {
    border-bottom: 1px dotted lightgray;
    margin: 5px 0;
}

/* ACCIONES PROGRAMADAS */
#lista_ejecuciones {
    counter-reset: line-number;
}

    #lista_ejecuciones > div {
        counter-increment: line-number;
        padding: 1px;
    }

        #lista_ejecuciones > div:before {
            content: counter(line-number)": ";
            min-width: 1.5em;
            display: inline-block;
            text-align: right;
            margin-right: 5px;
            font-weight: bold;
        }

/* Instancia - KML Dialogo */
#kml-tab-url,
#kml-tab-file,
#kml-icon-tab-url,
#kml-icon-tab-file {
    min-height: 40px;
}

.fila.margen select + button {
    width: 152px !important;
}

.toggle-side-button {
    width: 30px;
    height: 30px;
    background-color: #e1eefd;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    border: 1px solid #8aa8c8;
    box-shadow: 0px 0px 2px #8aa8c8;
    display: inline-block;
    position: absolute;
    left: 0;
    margin-top: 48px;
    cursor: pointer;
}

    .toggle-side-button .toggle-side-button-mic-icon {
        background: url(/Content/Images/mic-toggle.png) no-repeat;
        margin-top: 7px;
        margin-left: 7px;
        width: 16px;
        height: 16px;
        display: inline-block;
    }

    .toggle-side-button.off .toggle-side-button-mic-icon {
        background-position-y: 100%;
    }

/* NO-FILTER */
.maincontent-placeholder.no-filter #contentcolumn {
    margin-left: 72px;
}

.maincontent-placeholder.no-filter #leftcolumn {
    position: absolute;
    left: -256px;
}

.toggle-filter-button {
    width: 30px;
    height: 30px;
    background-color: #e1eefd;
    /*background-image: url(/Content/Images/boton_degradado_bg.jpg);
    background-repeat: repeat-x;*/
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    border: 1px solid #8aa8c8;
    box-shadow: 0px 0px 2px #8aa8c8;
    display: inline-block;
    position: absolute;
    left: 0;
    margin-top: 48px;
}

    .toggle-filter-button:hover {
        /*background-image: url(/Content/Images/boton_degradado_hover_bg.jpg);*/
    }

    .toggle-filter-button .ver_detalle {
        display: inline-block;
        margin-top: 6px;
        margin-left: 6px;
    }

        .toggle-filter-button .ver_detalle.loading {
            background: url(/Content/Images/ajax-loader.gif);
            cursor: no-drop;
        }

#leftcolumn .hide-filter {
    background: url(/Content/Images/left-arrow-icon-27-min.png) center no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    float: left;
    margin-left: -7px;
    margin-right: 5px;
    margin-top: 7px;
    cursor: pointer;
}

    #leftcolumn .hide-filter:hover {
        background-color: #f1f7fc;
    }

#filtro_incidencias .filter-dialog-button {
    float: right;
    background: url(/Content/Images/filter_dialog_icon.png) center no-repeat;
    margin-top: 7px;
    vertical-align: middle;
    cursor: pointer;
    width: 21px;
    height: 21px;
    border: 1px solid #c6def6;
}

    #filtro_incidencias .filter-dialog-button:hover, #filtro_incidencias .filter-dialog-button:active, #filtro_incidencias .filter-dialog-button:focus {
        background-color: #f1f7fc;
    }

.formulario_dialogo ul.list-selector {
    margin: 10px 0;
}

    .formulario_dialogo ul.list-selector li {
        border: 1px dashed #c6def6;
        margin-bottom: 4px;
        background: #f9fbfc;
        padding: 10px 14px;
        cursor: pointer;
    }

        .formulario_dialogo ul.list-selector li:hover {
            background: #e1eefd;
            border-color: #c2d9ef;
            border-style: solid;
        }

        .formulario_dialogo ul.list-selector li.active {
            border: 2px solid #c6def6;
            background: white;
            color: #2b87d3;
            font-weight: bold;
        }

/* FILTER AJAX LOADER */
.fila.loading {
    background: url(/Content/Images/ajax-loader.gif) no-repeat;
}

/* ToS Footer */
.text-dialog-content {
    overflow-x: hidden;
    padding: 10px;
    background-color: white;
    white-space: pre-wrap;
}

/* SWITCH CHECK */
.switch-check {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    vertical-align: middle;
}

    .switch-check input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch-check .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #a2a4a6;
        -webkit-transition: .4s;
        transition: .4s;
        vertical-align: middle;
    }

        .switch-check .slider:before {
            position: absolute;
            content: "";
            height: 14px;
            width: 14px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch-check input:checked ~ .slider {
        background-color: #2196F3;
    }

    .switch-check input:focus ~ .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .switch-check input:checked ~ .slider:before {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px);
    }

    /* Rounded sliders */
    .switch-check .slider.round {
        border-radius: 22px;
    }

        .switch-check .slider.round:before {
            border-radius: 50%;
        }

    /* small version */
    .switch-check.switch-check-small {
        width: 32px;
        height: 18px;
    }

        .switch-check.switch-check-small .slider:before {
            height: 10px;
            width: 10px;
        }

        .switch-check.switch-check-small input:checked ~ .slider:before {
            -webkit-transform: translateX(14px);
            -ms-transform: translateX(14px);
            transform: translateX(14px);
        }

/* SWITCH CHECK BUTTON */
.switch-check-button {
    display: inline-block;
    padding: 6px;
    border: 1px solid #8aa8c8;
    box-shadow: 0px 0px 2px #8aa8c8;
    background: #f1f7fc;
    cursor: pointer;
}

    .switch-check-button.round {
        border-radius: 8px;
    }

    .switch-check-button .switch-check-button-text {
        margin-left: 6px;
        vertical-align: middle;
        font-size: 14px;
        user-select: none;
    }

    .switch-check-button .switch-check {
        /*border: 1px solid #8aa8c8;*/
    }

    .switch-check-button:hover {
        background: #e1eefd;
        background: #fff;
    }

/* TINY MCE */
.tox-statusbar__branding {
    display: none;
}

.tox .tox-edit-area__iframe {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/* wysiwyg - content */
/*.fieldwrapper .field .fieldcontent > span ul,
.fieldwrapper .field .fieldcontent > span ol {
    list-style: disc;
}*/

.fieldwrapper .field .fieldcontent > span ul {
    list-style: inside;
}
.fieldwrapper .field .fieldcontent > span ol {
    list-style: inside decimal;
}
    .fieldwrapper .field .fieldcontent > span ul ul,
    .fieldwrapper .field .fieldcontent > span ol ol {
        padding-left: 15px;
    }

/*.fieldwrapper .field .fieldcontent > span img {
    max-width: 100%;
}*/
.fieldcontent > span img {
    max-width: 100%;
}
/* SUPLANTANDO */
div#suplantando {
    padding: 6px 50px;
    font-size: 14px;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 0.8s linear infinite;
    -o-animation: progress-bar-stripes 0.8s linear infinite;
    animation: progress-bar-stripes 0.8s linear infinite;
    transition: width .6s ease;
    background-color: #FF9800;
    color: black;
    font-weight: bold;
    border-bottom: 2px solid #FF5722;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

/* ICONS */
.icono-12 {
    height: 12px;
    width: 12px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999999px;
}

.icono-tick {
    background: url(/Content/Images/tick-green-12.png);
}

.icono-error {
    background: url(/Content/Images/error-icon-12.png);
}

/* ANGULARJS Directives */
/* auto-resize textarea */
textarea[auto-resize] {
    resize: none;
}

/* TOAST CONTAINER */
html body #toast-container > div {
    font-size: 1.5em;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    opacity: 1;
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    animation: slide-from-right .8s ease-in-out forwards;
    width: 400px;
}

    html body #toast-container > div:hover {
        -moz-box-shadow: 0 0 12px #999;
        -webkit-box-shadow: 0 0 12px #999;
        box-shadow: 0 0 12px #999;
    }

.toast-title {
    padding-bottom: 8px;
}

/* BOOSTRAP COMPONENTS STRIP */
/* POPOVER */

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    /*font-family: Georgia,"Times New Roman",Times,serif;*/
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 16px;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

/* Xperta popover */
.popover {
    font-size: 1em;
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

    .popover > .arrow {
        border-width: 11px
    }

        .popover > .arrow, .popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

            .popover > .arrow:after {
                content: "";
                border-width: 10px
            }

    .popover.top > .arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999999;
        border-top-color: rgba(0,0,0,0.25);
        border-bottom-width: 0
    }

        .popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #ffffff;
            border-bottom-width: 0
        }

    .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999999;
        border-right-color: rgba(0,0,0,0.25);
        border-left-width: 0
    }

        .popover.right > .arrow:after {
            bottom: -10px;
            left: 1px;
            content: " ";
            border-right-color: #ffffff;
            border-left-width: 0
        }

    .popover.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999999;
        border-bottom-color: rgba(0,0,0,0.25)
    }

        .popover.bottom > .arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #ffffff
        }

    .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999999;
        border-left-color: rgba(0,0,0,0.25)
    }

        .popover.left > .arrow:after {
            right: 1px;
            bottom: -10px;
            content: " ";
            border-right-width: 0;
            border-left-color: #ffffff
        }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 16px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

/* NG loading bar */
html #loading-bar .bar {
    background: #b9d111;
    height: 4px;
}

    html #loading-bar .bar .peg {
        -webkit-box-shadow: #b9d111 1px 0 6px 1px;
        box-shadow: #b9d111 1px 0 6px 1px;
        height: 4px;
    }

html #loading-bar-spinner .spinner-icon {
    border-top-color: #b9d111;
    border-left-color: #b9d111;
}

/* MULTISELECT */
.ui-multiselect-filter input {
    width: 144px !important;
}

.ui-multiselect.ui-state-focus {
    font-weight: normal;
    background: #F1F7FC;
}

.subformwrapper .titulo_ficha .recorte_sombra_texto .fieldwrapper {
    padding-left: 0px !important;
    box-shadow: none;
    background: none !important;
    border-style: solid;
    border-bottom-color: #dce7f0;
}

.fieldwrapper > .texto {
    background: none;
    box-shadow: none;
    margin-left: -200px;
}

.subformwrapper > .titulo_ficha .fieldwrapper {
    border: 0px !important;
}

.fieldwrapper > .texto::after {
    background: none !important;
}

.fieldwrapper > .texto::before {
    background: none !important;
}

.subtitulo {
    color: #205380;
}

/* TAGS */
tags.tagify {
    border: none;
}

/* ARTICULOSKB */
/*.articulo-grupos-item .subformwrapper:first-child .borrar-seccion {
    display: none;
}*/
.borrar-seccion {
    position: absolute;
    right: 15px;
    top: 8px;
}

.fieldwrapper-separator {
    overflow: hidden;
    min-height: 1em;
    border-style: solid;
    border-width: 1px 0;
    border-top-color: #ffffff;
    border-bottom-color: #dce7f0;
    background-color: #d7ebf9;
    box-shadow: none;
    position: relative;
}

    .fieldwrapper-separator .alt {
        background-color: #f7f9fb;
    }

.fieldwrapper_separator > .texto {
    background: none;
    box-shadow: none;
    margin-left: -200px;
}
/* TAGIFY */
.fieldvalue-tagify-dropdown.tagify__dropdown {
    margin-top: 3px;
}

    .fieldvalue-tagify-dropdown.tagify__dropdown .tagify__dropdown__wrapper {
        padding: .2em .5em;
    }

/* CodeJar */
.codejar-wrap {
    padding-left: 35px;
}

    .codejar-wrap .codejar {
        padding-left: 12px !important;
    }

.codejar {
    margin: 0 !important;
    background: transparent !important;
}

.codejar-linenumbers {
    color: #acacac !important;
    background: #f5fafd !important;
    mix-blend-mode: darken !important;
}

.tableXP {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
    /* *****************************************/
    /* SELECTOR DE COLUMNAS */
    /*
    .tableXP .dropbtn {
        background-color: #387dc6;
        color: white;
        padding: 8px;
        margin: 8px 0px 8px;
        font-weight:bold;
        border: none;
        cursor: pointer;
    }

    .tableXP .dropdown {
        float: right;
        position: relative;
        display: inline-block;
    }

    .tableXP .dropdown-content {
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        right: 0;
        z-index: 1;
    }

        .tableXP .dropdown-content a {
            color: black;
            padding: 6px 16px;
            text-decoration: none;
            display: block;
            margin: 5px;
            border: grey solid 1px;
        }

    .tableXP .dropdown a:hover,.tableXP .dropdown a.selected {
        background-color: #ddd;
    }

    */

    .tableXP .dt-buttons > .dt-button {
        margin-bottom: 0px;
    }

    .tableXP .dropdown-colvis {
        position: absolute;
        right: 0;
    }

        .tableXP .dropdown-colvis .dt-button-collection {
            right: 0;
            left: auto
        }

    .tableXP .dt-button-collection {
        top: auto;
        position: absolute;
        min-width: 160px;
        overflow: auto;
        left: 0;
        /*z-index: 1;*/
        width: auto;
        min-width: 250px;
    }

    .tableXP .dt-list {
        white-space: nowrap;
        max-height: 200px;
        overflow: auto;
    }

    .tableXP .dt-filter {
        padding: 5px 0px 10px 0px;
        margin: 0px 0px 10px 0px;
        border-bottom: solid 1px silver;
    }

    .tableXP .dt-button-collection-content {
        display: flex;
    }

    .tableXP .dt-incidencias {
        padding-right: 5px;
    }

    .tableXP .dt-wrap-plus {
        float: right;
        padding-left: 5px;
        min-width: 250px;
    }

        .tableXP .dt-wrap-plus .dt-property {
            padding: 5px 0px;
        }

    .tableXP .dt-acciones {
        padding: 10px 0px 0px 0px;
        margin: 10px 0px 0px 0px;
        text-align: right;
        white-space: nowrap;
        border-top: solid 1px silver;
    }

        .tableXP .dt-acciones[role="button"] input[type="button"] {
            border: none;
            color: white;
        }

        .tableXP .dt-acciones[role="button"] input[type="number"] {
            width: 5em;
            text-align: right;
        }

        .tableXP .dt-acciones .dt-number {
            padding-top: 5px
        }

        .tableXP .dt-acciones .dt-plus {
            float: left;
            height: 29px;
            padding: 5px;
            color: white;
            background-color: #387dc6;
            font-size: 1.5em;
            border-radius: 5px;
            cursor: pointer;
        }

    .tableXP > .tableBody {
        overflow-y: auto;
    }
/* *****************************************/

/* ************************************************************************************** */
/*BEGIN. Control generación masiva de incidencias */
.ctrlGeneracionMasivaIncidencias {
    height: 100%-auto;
}

    .ctrlGeneracionMasivaIncidencias .btnAnadir {
        cursor: pointer;
    }

        .ctrlGeneracionMasivaIncidencias .btnAnadir:disabled {
            background-position: bottom;
            cursor: default;
        }

    .ctrlGeneracionMasivaIncidencias div.tableXP .tableBody {
        min-height: 300px;
        max-height: calc(100vh - 125px - 65px);
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP {
        margin-top: 10px;
    }

    .ctrlGeneracionMasivaIncidencias div.tableBody select,
    .ctrlGeneracionMasivaIncidencias div.tableBody input {
        width: 100%;
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader {
        font-size: 1.2em;
        font-weight: bold;
        background: #F1F7FC;
        height: 1%;
        border: solid 2px white;
    }

        .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader > div {
            padding: 0.5em 0em;
        }

        .ctrlGeneracionMasivaIncidencias div.tableXP div.rowIncidencia div:not([class^="rowIncidencia"]),
        .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader > div {
            display: inline-block;
        }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div:not([class^="rowIncidencia"]) {
        padding: 5px;
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody {
    }

        .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia {
            border: solid 2px white;
            border-top: none;
            background: #f7f7f7;
        }

            .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.rowIncidencia {
                border: none;
                border-top: solid 2px white;
            }

            .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia img.colapsar {
                cursor: pointer;
            }

    .ctrlGeneracionMasivaIncidencias .addRow {
        float: right;
        cursor: pointer;
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.Referencia,
    .ctrlGeneracionMasivaIncidencias div.tbIncidencias div.tableHeader div.Referencia {
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.Asunto,
    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader div.Asunto {
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.Usuario,
    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader div.Usuario {
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.Tipologia,
    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader div.Tipologia {
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.Tecnico,
    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader div.Tecnico {
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.Contrato,
    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader div.Contrato {
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.Workflow,
    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader div.Workflow {
    }

    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableBody div.rowIncidencia div.Prioridad,
    .ctrlGeneracionMasivaIncidencias div.tableXP div.tableHeader div.Prioridad {
    }

    .ctrlGeneracionMasivaIncidencias .footer {
        margin-top: 30px;
        text-align: right;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    .ctrlGeneracionMasivaIncidencias.locked {
        pointer-events: none;
    }

/*END. Control generación masiva de incidencias */
/* ************************************************************************************** */

/* AAT CODE */
.aat-code {
    padding: 5px;
    border: 2px solid #8abbd8;
    background: #c2dcec;
    word-break: break-all;
    display: inline-block;
    margin: 5px 0;
    font-weight: bold;
}

    .aat-code img {
        vertical-align: middle;
        cursor: pointer;
        margin-left: 5px;
    }

.vermas, .vermenos {
    text-align: right;
    width: 100%;
    padding-top: 5px;
    color: #3f88d6;
    cursor: pointer;
}

.layerUpdate {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(81,81,81,0.51);
}

/* Speech2Text */
.fieldwysiwyg .dictate-button {
    z-index: 2;
    margin-left: -40px;
}

.dictate-button {
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url('/Content/Images/speech2text.png') no-repeat;
    cursor: pointer;
    position: absolute;
    display: none;
}

    .dictate-button:hover {
        opacity: 0.7;
    }

    .dictate-button.active {
        background-position-y: 100%;
        display: inline-block;
    }

    .dictate-button.focus {
        display: inline-block;
    }

    .dictate-button.disabled {
        opacity: 0.3;
        pointer-events: none;
    }

    .dictate-button.focus + input,
    .dictate-button.active + input,
    .dictate-button.focus + textarea,
    .dictate-button.active + textarea {
        padding-left: 20px !important;
        width: calc(100% - 20px) !important;
        min-width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
    }

/* Input file recorder */
.record-button {
    display: inline-block;
    background: red;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    transition: border-radius 0.3s ease-in-out;
    vertical-align: text-bottom;
    cursor: pointer;
}

    .record-button:hover {
        opacity: 0.7;
    }

    .record-button.active {
        border-radius: 0;
    }

    .record-button.disabled {
        opacity: 0.3;
        pointer-events: none;
    }

    .record-button + input[type='file'] {
        margin-left: 10px;
    }

/* Password Toggle */
.password-toggle {
    width: 24px;
    display: inline-block;
    background: url(/Content/Images/eye-24.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4px;
    cursor: pointer;
}

    .password-toggle:hover {
        opacity: 0.7;
    }

    .password-toggle.off {
        background-image: url(/Content/Images/eye-24-slash.png);
    }

.scroll-y {
    overflow-y: auto;
}

#filtro_incidencias_ajax .scroll-y::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#filtro_incidencias_ajax .scroll-y::-webkit-scrollbar-thumb {
    background: transparent;
}

#filtro_incidencias_ajax .scroll-y:active::-webkit-scrollbar-thumb,
#filtro_incidencias_ajax .scroll-y:focus::-webkit-scrollbar-thumb,
#filtro_incidencias_ajax .scroll-y:hover::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

#filtro_incidencias_ajax .scroll-y {
    max-height: calc(100vh - 137px - 36px - 36px - 2.25em - 1.2em - 1.9em - 1.9em);
    max-height: -moz-calc(100vh - 137px - 36px - 36px - 2.25em - 1.2em - 1.9em - 1.9em);
    max-height: -webkit-calc(100vh - 137px - 36px - 36px - 2.25em - 1.2em - 1.9em - 1.9em);
}

.preview-icon {
    cursor: pointer;
    margin: 0px 5px;
}

#estadisticasProyecto .textbar,
#graficaTareaHorasEstimadas .textbar,
#graficaTareaHorasEstimadasRestantes .textbar {
    width: 60px;
}

#estadisticasProyecto .backgroundbar,
#graficaTareaHorasEstimadas .backgroundbar,
#graficaTareaHorasEstimadasRestantes .backgroundbar {
    margin-left: 60px;
}

.wrap-image-clickable {
    cursor: pointer;
}

.wrap-image.disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.wrap-image-clickable.disabled {
    cursor: default;
}

/* COOKIES BANNER */
div#cookie_banner {
    right: 0;
    top: auto;
    bottom: 0;
    left: auto;
    max-width: 50%;
    position: fixed;
    font-size: 16px;
    padding: 42px;
    z-index: 10;
    display: none;
}

div#cookie_banner_buttons {
    margin-top: 20px;
    text-align: right;
    color: white;
}

#cookie_banner_buttons a {
    color: white;
}


.mensajes_conversacion .editandoConversacion,
#pieConversaciones_edit input[type="text"] {
    background-color: #fce4ea
}

.mensajes_conversacion .copyCell {
    width: 90%;
}

.mensajes_conversacion .editCell {
    width: 10%;
    text-align: center;
    cursor: pointer;
}

.mensajes_conversacion .btnEliminarFichero {
    margin-left: 10px;
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}