﻿

/* VERIFICADOS USADOS EN GESTION DE SERVICIOS */

.barraAcciones {
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    color: #FFF;
    background: var(--color-azulGTO);
    vertical-align: bottom;
    min-height: 30px !important;
    height: 40px !important;
    font-weight: bold;
    border: 0px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    display: block;
    vertical-align: middle;
    padding: 3px 9px !important;
}

/* FIN VERIFICADOS */

iframe:focus {
    outline: none;
}


iframe[seamless] {
    display: block;
}



#pie {
    width: 100%;
}

#pie div {
    height: 8px;
}

#lineaPie {
    background-color: #00a7e2;
    width: 100%;
}

#ejes {
    clear: both;
    margin-bottom: 0px;
    overflow: auto;
}

    #ejes div {
        float: left;
        width: 33.33%;
    }

#eje1 {
    background-color: #ee6e10;
}

#eje2 {
    background-color: #9bc01c;
}

#eje3 {
    background-color: #e32781;
}

.fab {
    background: @fab-color;
    width: @fab-size;
    height: @fab-size;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5),3px 3px 3px rgba(0,0,0,0.25);
    position: fixed;
    bottom: @fab-margin;
    right: @fab-margin;
    font-size: 2.6667em;
    display: inline-block;
    cursor: default;
}

    .fab span {
        vertical-align: middle;
    }

    .fab.child {
        right: @fab-child-margin;
        width: @fab-child-size;
        height: @fab-child-size;
        display: none;
        opacity: 0;
        font-size: 2em;
    }

.black() when (lightness(@fab-color) > 50%) {
        .fab

    {
        color: #000;
    }
}

.black(); .backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ECECEC;
    opacity: 0.9;
    display: none;
}





/*body {
    background-color: #ffffff;
    color: #333;
    font-family: Verdana, Arial,Helvetica;
    margin: 10px;
    padding: 0;
}*/

.inputText {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00a6e3;
    color: #333;
    font-family: Verdana,Arial,Helvetica;
    font-size: 9pt;
    margin: 5px 0 6px;
    padding: 5px;
    width: 100%;
}

.mayusculas {
    text-transform: uppercase;
}

.minusculas {
    text-transform: lowercase;
}

a:link, a:visited,
a:active, a:hover {    
    text-decoration: none;
}

a:hover {
    /*background: #DBEBF6;*/
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.pie-izq {
    height: 14px;
    background: url('../Images/Compartidas/verde.png');
    background-repeat: repeat-x;
    width: 35%;
}

.pie-centro {
    height: 14px;
    background: url('../Images/Compartidas/naranja.png');
    background-repeat: repeat-x;
    width: 30%;
}

.pie-derecho {
    height: 14px;
    background: url('../Images/Compartidas/magenta.png');
    background-repeat: repeat-x;
    width: 35%;
}

.linkAction {
    text-decoration: none;
}

.fondo-encabezado {
    float: left;
    height: 90px;
    background-color: #00a7e2;
    width: 100%;
}

.encabezado-seccion {
    text-align: center;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    background-color: #EDEDED;
    height: 30px;
    font-family: Verdana, Arial,Helvetica;
}

.float-left {
    float: left;
    margin-left: 0%;
}

.float-text {
    float: left;
    margin-left: 70px;
    margin-top: 10px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 32px;
    color: white;
}

.float-text-tit2 {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    font-family: Verdana;
    font-weight: normal;
    font-size: 22px;
    color: white;
}

.float-right-encabezado {
    float: right;
    padding: 7px;
    color: #ffffff;
    font-family: Verdana, Arial,Helvetica;
    font-weight: bold;
    font-size: 10px;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid var(--color-RedGTO-grisMedio);
}

h1,
h4, h6 {
    color: var(--color-RedGTO-gisOscuro);
    margin-bottom: 0;
    padding-bottom: 0;
}

h5, h2, h3 {
    color: var(--color-RedGTO-gisOscuro);
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

#body {
    background-color: #ffffff;
    clear: both;
    padding-bottom: 0px;
    border: 0px solid #ACCFE8;
    /*border-width: 1px 1px 1px 1px;*/
    min-width: 850px;
}

.main-content {
    /*background: url("../Images/accent.png") no-repeat;*/
    padding-left: 0px;
    padding-top: 0px;
}

.featured + .main-content {
    /*background: url("../Images/heroAccent.png") no-repeat;*/
}

header .content-wrapper {
    padding-top: 20px;
}

/*footer {
    clear: both;
    background-color: #ffffff;
    font-size: .8em;
    height: 100px;
}*/




/* login
----------------------------------------------------------*/


/* menu
----------------------------------------------------------*/



/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        /*background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;*/
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }


/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
    /*
    fieldset legend {
        display: none;
    }
    */
    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

/*label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}*/

label.checkbox {
    display: inline;
}



.califAprobada {
    /*background-color: #96c11F;*/
    border: 2px solid #769C0E;
    border-radius: 5px;
}

.califNoAprobada {
    /*background-color: #96c11F;*/
    border: 2px solid #E20511;
    border-radius: 5px;
}

.noCalificacion {
    /*background-color: #96c11F;*/
    border: 2px solid #f27321;
    border-radius: 5px;
}


select {
    border: 1px solid #00a6e3;
    background: #fff;
    font-family: Verdana, Arial,Helvetica;
    color: #333;
    font-size: 9pt;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 99%;
    border-radius: 5px;
}

.radio {
    border: 1px solid #00a6e3;
    background: #fff;
    color: #333;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    width: 5px !important;
}


textarea {
    background: #fff;
    font-family: Verdana, Arial,Helvetica;
    color: #333;
    font-size: 9pt;
    margin: 1px 0 1px 0;
    padding: 0px;
    width: 99%;
    border: 1px solid #00a6e3;
    border-radius: 5px;
}


input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}



/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 9pt;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 9pt;
    font-weight: bold;
    margin: 2px 0 1px 0;
}

.error {
    color: #e80c4d;
}

#success {
    Font-family: Helvetica,Verdana,Arial;
    font-size: 9pt;
    color: #ffffff;
    background-color: #8BC53F;
    text-align: center;
    font-weight: normal;
    padding-bottom: 4px;
    padding-top: 6px;
}

.success {
    Font-family: Helvetica,Verdana,Arial;
    font-size: 9pt;
    color: #ffffff;
    background-color: #8BC53F;
    text-align: center;
    font-weight: normal;
    padding-bottom: 4px;
    padding-top: 6px;
}



/* tables
----------------------------------------------------------*/
.tabla-pie {
    border-collapse: collapse;
    border-spacing: 0px 0px 0px 0px;
    margin-top: 0.0em;
    border: 0px 0px 0px 0px none;
    width: 100%;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }


tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */    

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
}

.field-validation-comfirmation {
    color: black;
    display: block;
    margin-top: 8px;
    text-align: left;
    color: #0A3E57;
}

.field-validation-valid {
    display: none;
}


.validation-summary-valid {
    display: none;
}


/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active {
    text-shadow: none;
}

/* ESTILOS AGREGADOS PARA DISEÑAR PAGINA LAYOUT*/
.page {
    width: 100%;
    background-color: #fff;
    margin: 0px auto 0px auto;
    margin: 0%;
    padding: 0%;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fff;
    width: 100%;
}

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 20px 0px 20px 40px;
        color: #696969;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.main {
    padding: 0px 0px;
    margin: 0;
    min-height: 100%;
    border: 1px solid #ACCFE8;
    border-width: 1px 1px 1px 1px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

/*.footer {
    background-color: #ffffff;
    color: #696969;
    width: 100%;
    padding: 20px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    font-size: 0.80em
}*/


#titulo {
    color: #004a80;
    display: inline-block;
    font-family: "Intro";
    font-size: 18pt;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 0;
    padding: 8px;
}

    #titulo div {
        float: none;
    }



.textoDependencia {
    font-family: 'Intro Light Regular',Arial,Helvetica,sans-serif;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    display: block;
    font-size: 30px;
    color: #00457f;
    text-align: center;
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 15px;
    font-variant: small-caps;
    font-variant-ligatures: normal;
    font-variant-caps: small-caps;
    font-variant-numeric: normal;
}

.nombrePortal {
    font: 85%/140% 'Intro Light Regular',Arial,Helvetica,sans-serif;
    font-size: 12pt;
    color: #ffffff;
    text-align: left;
    margin: 0px;
    /*-webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
    font-weight: bold;
}

.tituloMenu {
    color: #ffffff;
    font-family: Verdana, Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    background-color: #2461ab;
    border-color: -moz-use-text-color #0D4674 #0D4674;
    border-image: none;
    border-right: 1px solid #0D4674;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: -1px -1px 0;
    padding: 4px 0;
    height: 25px;
    width: 99%;
    text-align: left;
    vertical-align: middle;
}

.criterios_titulo {
    font: #0A3E57;
    text-align: center;
    font-family: Verdana, Arial,Helvetica;
    font-size: 10pt;
    font-weight: bold;
    background-color: #F7F7F7;
    height: 40px;
}

.itemHeader {
    background-color: #00497F;
    border-color: #00497F;
    border-right-color: rgb(0, 73, 127);
    border-image: none;
    border-right: 1px solid #0D4674;
    border-right-style: solid;
    border-right-width: 1px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: -1px -1px 0;
    padding: 4px 0px 0px 0px;
    padding-top: 4px;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    color: #ffffff;
    font-family: Verdana, Arial,Helvetica, sans-serif;
    font-weight: bold !important;
    font-size: 12px;
    vertical-align: bottom;
    padding-top: 5px;
}

.itemHeader2 {
    text-decoration: none;
    font-weight: bold;
    color: #3366CC;
    background-color: #00497F;
    display: block;
    padding: 0px;
    width: 100%;
    text-align: left;
    vertical-align: bottom;
    border: 1px solid #ACCFE8;
    border-width: 0px 1px 1px 0;
}

.itemHeader span label {
    color: #ffffff;
    font-family: Verdana, Arial,Helvetica;
    font-weight: bold !important;
    font-size: 10pt;
    vertical-align: middle;
}

.item {
    text-decoration: none;
    color: #00a6e3;
    background: #ffffff;
    display: block;
    padding: 0px;
    width: 100%;
    text-align: left;
    vertical-align: bottom;
    border-width: 0px 1px 1px 0;
    max-width: 220px;
    font-family: Verdana, Arial,Helvetica,sans-serif;
    font-weight: bold !important;
    font-size: 9pt;
    padding: 4px 0px 0px 0px;
    padding-left: 0px;
    border: 1px solid #ddd;
    padding-left: 7px;
}

.itemSub {
    text-decoration: none;
    color: #00497F;
    background: #ffffff;
    display: block;
    padding: 0px;
    width: 100%;
    text-align: left;
    vertical-align: bottom;
    border: 1px solid #ddd;
    border-width: 0px 1px 1px 0;
}

.pie-pagina {
    text-align: center;
    color: #8d8d8d;
    font-family: Verdana, Arial,Helvetica;
    font-size: 10pt;
    font-weight: bold;
    /*
    -Intro Bold a 12 pt.
-Color en valor Hexadecimal: #8d8d8d     
    */
}

.item a {
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    margin-left: 3px;
    width: 100%;
    outline-width: medium;
}



    .item a:hover {
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        font-weight: normal;
        text-decoration: none;
        margin-left: 3px;
        width: 100%;
    }

.itemSub a {
    color: #0000FF;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color: #364696;
    margin-left: 3px;
}

    .itemSub a:hover {
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        font-weight: bold;
        text-decoration: none;
        margin-left: 3px;
    }

.ul-menu {
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    list-style: none;
}

.item:hover {
    background: #ddd;
    color: #ffffff;
}

.itemSub:hover {
    background: #ddd;
    color: #ffffff;
}

.contenido {
    margin: 0%;
    padding: 0%;
    border: 1px solid #ACCFE8;
    border-width: 1px 1px 1px 1px;
    width: 90%;
    height: 100%;
}

.tabla {
    vertical-align: middle;
    width: 100%;
    border: 0 none;
    border-collapse: inherit;
    border-spacing: 17px !important;
    margin-top: -18px !important;
    min-width: 600px;
}

.left-td {
    width: 5%;
}

.right-td {
    width: 5%;
}

.central-td {
    width: 90%;
}

#columna-izq {
    width: 12.5%;
    float: left; /* El siguiente div flotará a lo largo del lado derecho */
    padding: 0.5px;
    margin: 0.5px 0 0 0;
}

#contenido {
    margin: 0 0 0 12.9%;
    padding: 0.5px;
    border-left: #ACCFE8 solid 1px;
    /* El margen del 21% sangraría el área de
Maquetación con CSS 4
contenido a la derecha */
}


/*FIN ESTILOS LAYOUT DESKTOP*/


td {
}


.TablaLista {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .TablaLista tr td {
        border-width: 1px;
        border-style: solid;
        border-color: white;
    }

    .TablaLista tr th {
        border-width: 1px;
        border-style: solid;
        border-color: white;
        vertical-align: -moz-middle-with-baseline;
        vertical-align: middle !important;
    }

.TablaListaScroll {
    width: 100%;
    table-layout: auto;
}

.invisible {
    display: none;
    width: 0px
}

.visible {
    display: block;
    height: 30px;
    max-height: 30px;
    width: 200px;
    max-width: 220px;
}

.TablaLista .headerTabla {
    /*background-image:url('../Images/layout/imagenes_estilos/fondo-gris-tabla-header.gif');
    background-repeat:repeat-x;*/
    background-color: #2461AB;
    text-align: center;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    height: 30px;
    vertical-align: middle !important;
}

.TablaListaScroll .headerTablaScroll {
    background-color: #2461AB;
    text-align: center;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
}

.headerTabla th {
    text-align: center;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    color: #ffffff;
    vertical-align: middle !important;
    word-wrap: break-word;
}

    .headerTabla th label {
        text-align: center;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: #ffffff;
        vertical-align: middle !important;
        display: block;
        text-align: center;
        padding: 4px 6px !important;
        word-wrap: break-word;
        width: 100%;
    }

.headerTablaScroll th {
    text-align: center;
}

.rowsol0 {
    background-color: #DCF2FC;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
}

.rowsol1 {
    background-color: #bfe9f7;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
}


.row0 {
    background-color: #DCF2FC;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    color: #000000;
}

    .row0 .accionesOcultas {
        background-color: #DCF2FC;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: #000000;
        display:none;
        content: "Ver...";
    }

    .row0:hover {
        background-color: #00a6e3;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: white;
    }

        .row0:hover .accionesOcultas {
            background-color: #00a6e3;
            font-family: Verdana, Arial,Helvetica;
            font-size: 9pt;
            color: white;
            display: block;
            text-align: -moz-left !important;
            text-align: -webkit-left;
        }

            .row0:hover .accionesOcultas form {
                background-color: #00a6e3;
                font-family: Verdana, Arial,Helvetica;
                font-size: 9pt;
                color: white;
                display: block;
                text-align: -moz-left !important;
                text-align: -webkit-left;
            }

.row1 {
    background-color: #bfe9f7;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    color: #000000;
}

    .row1 .accionesOcultas {
        background-color: #bfe9f7;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: #000000;
        display:none;
        content: "Ver...";
    }

    .row1:hover {
        background-color: #00a6e3;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: white;
    }

        .row1:hover .accionesOcultas {
            background-color: #00a6e3;
            font-family: Verdana, Arial,Helvetica;
            font-size: 9pt;
            color: white;
            display: block;
            text-align: -moz-left !important;
            text-align: -webkit-left;
        }

            .row1:hover .accionesOcultas form {
                background-color: #00a6e3;
                font-family: Verdana, Arial,Helvetica;
                font-size: 9pt;
                color: white;
                display: block;
                text-align: -moz-left !important;
                text-align: -webkit-left;
            }


/**/


.barraTitulos {
    width: 100%;
}

    .barraTitulos tbody {
        background-color: #EDEDED;
    }

.divBarraPaginacion {
    background-color: #F7F7F7;
    width: 100%;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    color: #00497F !important;
    text-align: right;
    padding-right: 10px;
    height: 30px;
}

    .divBarraPaginacion a {
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: #00497F;
        text-decoration: none;
    }

/*Estilos de paginación*/
.barraPaginacion {
    width: 100%;
}

    .barraPaginacion tbody tr {
        background-color: #EDEDED;
    }

        .barraPaginacion tbody tr td {
            font-family: Verdana, Arial,Helvetica;
            font-size: 9pt;
            color: #004a80;
            text-align: center;
        }

            .barraPaginacion tbody tr td a {
                font-family: Verdana, Arial,Helvetica;
                font-size: 9pt;
                color: #004a80;
                text-decoration: none;
            }

                .barraPaginacion tbody tr td a:hover {
                    font-family: Verdana, Arial,Helvetica;
                    font-size: 9pt;
                    color: #004a80;
                    text-decoration: none;
                }

/*Fin de estilos paginación */

.separadorPictograma::after {
    content: url('../Images/Compartidas/Iconos/img_barra_gris.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}
/*Estilos para tabla acciones*/

.TablaAcciones {
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    color: #FFFFFF;
    background: #2461AB;
    vertical-align: bottom;
    width: 100%;
    min-height: 30px !important;
    height: 30px !important;
    font-weight: normal !important;
}

    .TablaAcciones div a {
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: #FFFFFF !important;
        background: #2461AB;
        vertical-align: bottom;
        width: 100%;
        min-height: 30px !important;
        height: 30px !important;
        font-weight: normal !important;
    }



.TablaAcciones td {
    margin: 20px;
    padding: 0px 8px;
    border-width: 20px;
    min-height: 30px;
    height: 30px;
    font-weight: normal;
}

.TablaAcciones a:link, .TablaAcciones a:visited,
.TablaAcciones a:active, .TablaAcciones a:hover {
    color: #00497F;
}

.TablaAcciones a:hover {
    color: #00497F;
    font-weight: bold;
}

.field-text label::after {
    content: ':';
}

.modal-body::before {
    content: string('Los campos marcados con * son obligatorios.')
}

/* Utilizado en Gestión de Servicios */
.validation-summary-errors {
    font-weight: normal;
    font-size: 13px;
    color: #F7343E !important;
    background-color: rgba(255, 254, 189, 0.40);
    border-radius: 4px;
    margin: 5px 1% 5px 1%;
    padding: 5px 0 10px 0;
    border: 1px solid #e2de00;
}

.validation-summary-errors > ul {
    margin: 0px;
}



/*
.linkAdd::before {
    content: url('../Images/Compartidas/Iconos/icono_agregar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
    vertical-align:middle;
}

.linkAdd {
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkEdit::before {
    content: url('../Images/Compartidas/Iconos/icono_editar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkEdit::after {
    content: string('Editar');
    padding-left: 23px;
    vertical-align: -webkit-baseline-middle !important;
}

.linkActivo::before {
    content: url('../Images/layout/imagenes_estilos/confirm.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkActivo::after {
    content: string('Inactivo');
    padding-left: 23px;
    vertical-align: -webkit-baseline-middle !important;
}

.linkInactivo::before {
    content: url('../Images/layout/imagenes_estilos/inactivo.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkInactivo::after {
    content: string('Activar');
    padding-left: 23px;
    vertical-align: -webkit-baseline-middle !important;
}

.linkEliminar::after {
    content: string('Eliminar');
    padding-left: 5px;
    vertical-align: -webkit-baseline-middle !important;
}

.linkEliminar::before {
    padding-left: 5px;
    content: url('../Images/Compartidas/Iconos/icono_eliminar.png');
    vertical-align: -moz-middle-with-baseline;
    text-decoration: none;
    vertical-align: -webkit-baseline-middle !important;
}

.linkSave::before {
    padding-left: 23px;
    content: url('../Images/layout/imagenes_estilos/save.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkClean::before {
    padding-left: 33px;
    content: url('../Images/Compartidas/Iconos/ico_limpiar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}




.linkLimpiar::before {
    padding-left: 33px;
    content: url('../Images/Compartidas/Iconos/ico_limpiar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkSearch::before {
    padding-left: 20px;
    background: transparent url('../Images/Compartidas/Iconos/icono_buscar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkBuscar::before {
    content: url('../Images/Compartidas/Iconos/icono_buscar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkCarga::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/seleccion-carga-académica.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkCarga::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkBaja::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/bajas.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkBaja::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkCargaMasiva::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/icono_cargar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkCargaMasiva::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkDescargar::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/icono_descargar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkDescargar::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkExpediente::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/carga-expediente.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkExpediente::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkPlanEstudios::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/Plan-de-estudios.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkPlanEstudios::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkAutorizarGrupo::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/autorizacion-grupos.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
    text-align: -moz-left !important;
    text-align: -webkit-left;
}


.linkAutorizarGrupo::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
    text-align: -moz-left !important;
    text-align: -webkit-left;
}

.linkConfigurarGrupo::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/config-grupos.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkConfigurarGrupo::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkMalla::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/malla-curricular.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkMalla::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkConsulta::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/icono_consultar-convocatoria.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkConsulta::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkArea::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/areas-de-especializacion.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkArea::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkCalificaciones::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/acreditaciones.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}


.linkCalificaciones::after {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkExcel::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/excel.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkExcel {
    padding-left: 23px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}

.linkImprimir {
    padding-left: 21px;
    background: transparent url('../Images/Compartidas/Iconos/icono_reimpresion.png');
    width: 20px;
    height: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    text-decoration: none;
    vertical-align: -webkit-baseline-middle !important;
}

.linkCancelar::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/icono_regresar.png');
    vertical-align: -moz-middle-with-baseline;
    text-decoration: none;
    vertical-align: -webkit-baseline-middle !important;
}

.linkAnterior::before {
    content: url('http://repositorioimagenes/cemsysi/Iconos/ico_atras.png');
    vertical-align: -moz-middle-with-baseline;
    text-decoration: none;
    vertical-align: -webkit-baseline-middle !important;
}


.linkPDF {
    padding-left: 23px;
    background: transparent url('../Images/layout/imagenes_estilos/icono_pdf.png');
    width: 22px;
    height: 22px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    text-decoration: none;
    vertical-align: -webkit-baseline-middle !important;
}

.linkPDF:hover {
        background-color: #00a6e3;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: white;
    }


.linkConcluir {
    padding-left: 23px;
    background: transparent url('../Images/Compartidas/Iconos/concluido.png');
    width: 22px;
    height: 22px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    text-decoration: none;
    vertical-align: -webkit-baseline-middle !important;
}

.linkSeguimiento {
    padding-left: 23px;
    background: transparent url('../Images/layout/icon_select.png');
    width: 22px;
    height: 22px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    text-decoration: none;
    vertical-align: -webkit-baseline-middle !important;
}

.linkSeguimiento:hover {
        background-color: #00a6e3;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        color: white;
    }*/

.linkTabla:hover {
    color: #f4f6f8;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    margin-left: 3px;
    width: 100%;
    text-decoration: none;
}
/*Fin de estilos para tabla acciones*/


/*Estilos para la tabla de criterios de busqueda*/
.tablaCriterios {
    width: 100%;
    padding-left: 0px;
}

    .tablaCriterios thead tr td {
        margin: 3px;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #F7F7F7;
        color: #00497F;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        text-align: -moz-right;
    }

.tablaDatos {
    width: 100%;
    padding-left: 0px;
    background: #F7F7F7;
    font-size: 9pt;
}

    .tablaDatos thead tr td {
        margin: 3px;
        padding-left: 0px;
        padding-top: 3px;
        padding-bottom: 0px;
        background-color: #EDEDED;
        color: #00497F;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        text-align: -moz-center;
    }

/*label {
    display: block !important;
    word-wrap: break-word;
    margin-bottom: .5rem;
    margin: 3px;
}*/


.tablaCriterios tfoot tr td {
    font-family: Verdana, Arial,Helvetica;
    font-size: 10px;
    text-align: center;
}

.tablaCriterios tbody .label {
    margin: 3px;
    padding: 3px;
    color: #000000;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    text-align: right !important;
    width: 30%;
}

    .tablaCriterios tbody .label label::after {
        content: ':';
    }

.labelDetalle {
    margin: 3px;
    padding: 3px;
    color: #0A3E57;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    text-align: right !important;
    width: 15%;
}

.tablaCriterios .labelReducido {
    margin: 3px;
    padding: 3px;
    color: #0A3E57;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    text-align: right !important;
    width: 20%;
}

#tituloBold {
    font-family: "Intro Black";
    font-size: 29pt;
}


.tablaContenido .tituloSeccion {
    margin: 3px;
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 0px;
    background-color: #E6E6E6;
    color: #0a3e57;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    text-align: -moz-right;
}

.tablaContenido {
    width: 100%;
    padding-left: 0px;
}

    .tablaContenido thead tr td {
        margin: 3px;
        padding-left: 50px;
        padding-top: 3px;
        padding-bottom: 0px;
        background-color: #E6E6E6;
        color: #0a3e57;
        font-family: Verdana, Arial,Helvetica;
        font-size: 9pt;
        text-align: -moz-right;
    }

.inputReducido {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00a6e3;
    color: #333;
    font-family: Verdana,Arial,Helvetica;
    font-size: 9pt;
    margin: 5px 0 6px;
    padding: 5px;
    width: 150px;
}

.celAzulCielo {
    background-color: #00A5E2;
    height: 3px;
}

.tablaContenido tfoot tr td {
    font-family: Verdana, Arial,Helvetica;
    font-size: 10px;
    text-align: center;
}

.tablaContenido .label {
    margin: 3px;
    padding: 3px;
    color: #0A3E57;
    font-family: Verdana, Arial,Helvetica;
    font-size: 10pt;
    text-align: right;
    width: 30%;
}

.tablaContenido .labelReducido {
    margin: 3px;
    padding: 3px;
    color: #0A3E57;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    text-align: center;
    width: 20%;
}

.tablaContenido .info {
    margin: 3px;
    padding: 3px;
    /*background-color: #EDEDED;*/
    /*border: solid 1px rgb(231,231,231);*/
    color: rgb(99,99,99);
    font-family: Verdana, Arial,Helvetica;
    font-size: 12px;
    text-align: left;
    width: 70%;
    overflow-wrap: break-word;
}

.tablaContenido .infoReducido {
    /*background-color: #F4F6F8;*/
    /*border: 1px solid #E7E7E7;*/
    color: #636363;
    font-family: Verdana, Arial,Helvetica;
    font-size: 12px;
    margin: 3px;
    padding: 3px;
    text-align: left;
    width: 10%;
    overflow-wrap: break-word;
}

    .tablaContenido .infoReducido input {
        font-family: Verdana, Arial,Helvetica;
        font-size: 10px;
        text-align: left;
        width: 95%;
        border: 1px solid #00a6e3;
        border-radius: 3px;
        overflow-wrap: break-word;
    }

    .tablaContenido .infoReducido .infoReducidoCheck {
        background-color: #F4F6F8;
        border: 1px solid #E7E7E7;
        color: #636363;
        font-family: Verdana, Arial,Helvetica;
        font-size: 12px;
        margin: 3px;
        padding: 3px;
        text-align: left;
        width: 15%;
    }

#separador {
    height: 5px;
}

.tablaCriterios .labelComboReporte {
    margin: 3px;
    padding: 3px;
    color: #0A3E57;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    text-align: right;
    width: 1%;
}

.tablaCriterios .info {
    margin: 3px;
    padding: 3px;
    /*background-color: #f4f6f8;*/
    /*border: solid 1px rgb(231,231,231);*/
    color: rgb(99,99,99);
    font-family: Verdana, Arial,Helvetica;
    font-size: 12px;
    text-align: left;
    width: 70%;
    word-break: break-all !important;
}

.infoDetalle {
    margin: 3px;
    padding: 3px;
    background-color: #f4f6f8;
    border: solid 1px rgb(231,231,231);
    color: rgb(99,99,99);
    font-family: Verdana, Arial,Helvetica;
    font-size: 12px;
    text-align: left;
    width: 85%;
}

.tablaCriterios .infoReducido {
    background-color: #F4F6F8;
    border: 1px solid #E7E7E7;
    color: #636363;
    font-family: Verdana, Arial,Helvetica;
    font-size: 12px;
    margin: 3px;
    padding: 3px;
    text-align: left;
    width: 10%;
    word-wrap: break-word !important;
}

.tablaCaems .infoReducido {
    background-color: #F4F6F8;
    border: 1px solid #E7E7E7;
    color: #636363;
    font-family: Verdana, Arial,Helvetica;
    font-size: 12px;
    margin: 3px;
    padding: 3px;
    text-align: left;
    width: 10%;
    word-wrap: break-word !important;
}

.tablaCriterios .criterios_aplicados {
    font-family: Verdana, Arial,Helvetica;
    font-size: 12px;
}

.criterios_mostrar {
    text-align: right;
}

.ui-widget-header {
    background-image: url('image.png');
    background-color: #E6E6E6;
    color: #004A80;
}

#barranavegacionApp {
    background-color: var(--color-gris3);
    color: var(--color-azulGTO);
    height: 43px !important;
    margin:0px;
    border: 0px;
    border-bottom: solid 3px var(--color-cianGTO) !important;
}

.barranavegacionApp a {
    color: var(--color-azulGTO);
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: super;
}

.celAzulCielo {
    background-color: #00a6e3;
    height: 3px;
}

/*FIN DE MODIFICADO*/

/*Fin de estilos para tablas de criterios de busqueda*/

/* Estilo del Dialog */
.main-dialog-class .ui-widget-header {
    background-color: #E6E6E6;
    font-size: 14px;
    border: 0;
    color: #004A80;
}

.main-dialog-class .ui-widget-content {
    background-image: none;
    background-color: #fff;
    overflow: hidden
}

.ui-widget-header {
    background: url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #308FE1;
    border: 0px;
    color: #004A80;
    font-weight: bold;
}

.ui-tabs .ui-tabs-panel {
    background-color: #fff;
    border-width: 0;
    display: block;
    padding: 1em 1.4em;
}

/* Estilos para Auto compeltar */
#targetUL {
    width: 110px;
    border: 1px solid silver;
    margin-top: 2px;
    list-style: none;
}

    #targetUL li {
        margin-left: -40px;
        border-bottom: 1px solid silver;
        height: 26px;
        padding-left: 5px;
        padding-top: 8px;
        cursor: pointer;
    }


.google-visualization-table-table {
    background: none repeat scroll 0 0 #FFFFFF;
    border-spacing: 0;
    cursor: default;
    font-family: Verdana, Arial,Helvetica;
    font-size: 10pt;
    margin: 0;
    width: 100%;
}

/* Estilos agregados por fer*/
.fieldsetDetalle {
    border: solid 1px rgb(198,214,255);
    margin: 5px;
    padding: 5px;
}

    .fieldsetDetalle legend {
        font-family: Verdana, Arial,Helvetica;
        font-size: 11px;
        color: rgb(0,74,115);
        font-weight: bold;
    }

.tituloRes {
    font-family: Verdana, Arial,Helvetica;
    font-size: 14px;
    color: rgb(0,74,115);
    font-weight: bold;
    word-wrap: break-word !important;
}



/*.inputFile {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    color: #333333;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    margin: 5px 0 6px;
    padding: 5px;
    width: 300px;
}*/




/*-------------------------------------------------------------------------------*/


/*Botones*/
.button-link {
    font-family: Helvetica;
    font-size: 9pt !important;
    background: none !important;
    border: none;
    padding: 0 !important;
    cursor: pointer;
    margin-right: 8px;
    text-decoration: none;
    /*color: black;*/
}

    .button-link:hover {
        text-decoration: none;
    }

/*ActionLinks*/
.action-link {
    font-family: Helvetica;
    font-size: 9pt !important;
    /*color: black;*/
}

/*Mensajes*/

.mensaje.error {
    color: red;
}

.mensaje.info {
    color: blue;
}

.required Label::before {
    content: '*';
    color: #F27321;
    font-weight: bold;
}
/*Modales manuales*/

/*.modal-blocker {
    display: block !important;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    opacity: 0.8 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: black !important;
    z-index: 1 !important;
}

.modal-dialog {
    position: fixed !important;
    background-color: white !important;
    margin-left: -250px !important;
    left: 50% !important;
    top: 10% !important;
    z-index: 1000 !important;
    width: 550px !important;
}

.modal-dialog-medium {
    background-color: white !important;
    margin-left: -325px !important;
    position: fixed !important;
    left: 50% !important;
    top: 10% !important;
    z-index: 1000 !important;
    width: 700px !important;
}

.modal-body {
    padding: 20px;
    color: black;
}

    .modal-body table {
        width: 100%;
    }

    .modal-body select {
        width: 99%;
    }

.modal-header,
.modal-footer {
    padding: 10px 20px !important;
    color: #00497F !important;
    background-color: #E6E6E6 !important;
    font-size: 10pt !important;
    text-decoration-line: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvética;
    height: 30px !important;
}


    .modal-footer a {
        color: #00497F;
        background-color: transparent !important;
        font-family: Verdana, Arial, Helvética;
        font-size: 10pt;
        text-decoration-line: none;
        font-weight: bold;
        height: 30px !important;
    }

    .modal-footer button {
        color: #00497F;
        background-color: #E6E6E6 !important;
        font-family: Verdana, Arial, Helvética;
        font-size: 10pt;
        text-decoration-line: none !important;
        font-weight: bold;
    }


#barraAcciones form button {
    color: #ffffff !important;
    font-family: Verdana, Arial, Helvética;
    font-size: 10pt;
    text-decoration-line: none !important;
    font-weight: bold;
}

.modal-header {
    font-size: medium;
}

.modal-footer {
    text-align: right;
    font-size: 10pt;
}

.modal-cerrar {
    cursor: pointer;
    float: right;
}*/

.spinner-blocker {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

    .spinner-blocker .background {
        opacity: 0.2;
        background-color: black;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .spinner-blocker .img {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        left: 50%;
        margin-left: -16px;
    }



/*Campos*/
.field-text {
    text-align: right;
    vertical-align: middle !important;
    font-family: Verdana,Arial,Helvetica;
    font-size: 9pt;
    color: #333;
    margin: 3px;
    padding: 3px;
    /*vertical-align:top;*/
}

.field-value {
    vertical-align: middle;
    margin: 3px;
    padding: 3px;
    /*background-color: #F4F6F8;
    border: 1px solid #E7E7E7;*/
    color: #636363;
}


    .field-value textarea {
        width: 90%;
        height: 50px;
    }



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

.field-validation-comfirmation {
    color: black;
    display: block;
    margin-top: 8px;
    text-align: left;
    color: #0A3E57;
}

.field-validation-valid {
    display: none;
}



.validation-summary-valid {
    display: none;
}



.tabla-pie {
    border-collapse: collapse;
    border-spacing: 0px 0px 0px 0px;
    margin-top: 0.0em;
    border: 0px 0px 0px 0px none;
    width: 100%;
}




.pie-pagina {
    color: #6A6A6A;
    font-family: Intro Light,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    background: #E6E6E6;
    height: 123px;
    padding-top: 220px;
    text-align: left;
    box-sizing: border-box;
}

    .pie-pagina .navegadores {
        padding-left: 50px;
        width: 33%;
    }

.ChromeRadioJefeSi {
    border: 1.5px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    width: 25px !important;
}

.ChromeRadioJefeNo {
    border: 1px solid #00a6e3;
    background: #fff;
    color: #333;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    width: 25px !important;
}

.ChromeRadio {
    border: 1px solid #00a6e3;
    background: #fff;
    color: #333;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    width: 25px !important;
    margin-left: 0.15rem;
}


.TextArea {
    width: 90% !important;
}

.TextAreaOficios {
    width: 90% !important;
    height: 750px;
}

/*estilos para el correo del PORTAL*/


.panel {
    margin-bottom: 50px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}



.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-headingBotones {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 10pt;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child th,
    .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

    .panel-default > .panel-headingBotones {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-headingBotones + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-headingBotones .badge {
            color: #f5f5f5;
            background-color: #333;
        }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.colorBlanco {
    color: #FFF !important;
}


.backgroundAzul2 {
    background: #2461AB !important;
}


.backgroundGris4 {
    background: #f4f6f8 !important;
    width: 98%;
    box-sizing: border-box;
}

.hoverDiv:hover {
    color: #494c46;
    cursor: pointer;
    background: #f4f6f8 !important;
    border-color: #d8d8d8 #d8d8d8 #e6358a !important;
    border-style: solid !important;
    border-width: 1px 1px 4px !important;
    box-sizing: border-box;
    width: 98%;
}


.backgroundAzul2 {
    background: #2461AB !important;
}

.field-text-left {
    text-align: left;
    vertical-align: middle !important;
    font-family: Verdana,Arial,Helvetica;
    font-size: 9pt;
    color: #0a3e57;
}

.tituloRes {
    Font-family: Helvetica,Verdana,Arial;
    font-size: 14px;
    color: rgb(0,74,115);
    font-weight: bold;
    vertical-align: central;
    word-break: break-word;
}

.mensajeAclaracion {
    Font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    color: #f7343e;
    text-align: justify;
    font-weight: normal;
}


.pictogramaMayorQue {
    color: #00497f;
    font-size: 10pt;
    font-weight: bold;
}



.panel-heading img {
    -webkit-transition: all .9s ease; /* Safari y Chrome */
    -moz-transition: all .9s ease; /* Firefox */
    -o-transition: all .9s ease; /* IE 9 */
    -ms-transition: all .9s ease; /* Opera */
    width: 100%;
}

.panel-heading:hover img {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}





@media only screen and (max-width: 1100px) {
    #contenedorPagina {
        width: 100% !important;
    }
}



.collapsible {
    background-color: #f7f7f7;
    color: #00497f;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    border-top: 1px solid #ccc !important;
}

/* Verificar uso al rehabilitar el MENU*/
    /*.active, .collapsible:hover {
        border-bottom: 2px solid #e6358a !important;
    }*/

    .collapsible:after {
        content: '\002B';
        color: #00497f;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

/* Verificar uso al rehabilitar el MENU*/
/*.active:after {
    content: "\2212";
}*/

.content {
    padding: 0px 10px 0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: white;
    font-size: 12px;
}

.tituloAyuda {
    font-size: 15px;
    font-weight: normal;
    padding: 10px;
    background-color: #F7F7F7;
    color: #00497F;
    height: 40px;
}

.notasSugerenciasAyuda {
    font-size: 12px;
    padding: 10px;
    background-color: #f7f7f7;
    border-left: 5px solid #f27221 !important;
}

.contenidoAyuda {
    font-size: 13px;
    padding: 10px;
}


.mensajeInformativos {
    padding: 5px !important;
    color: #f27221;
    padding: 10px;
    font-size: 10pt;
}


.buttonSiNo {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #e7e7e7;
    color: black;
}


#ico_mostrar_1 {
    cursor: pointer;
}

#ico_ocultar_1 {
    cursor: pointer;
}

#mensajeCamposRequeridos {
    text-align: center !important;
    width: 100%;
    font-size: 14px !important;
}

    #mensajeCamposRequeridos:after {
        content: 'Los campos marcados con * son obligatorios.';
        color: #F27321 !important;
        font-weight: normal !important;
        text-align: center !important;
        width: 100%;
        font-size: 14px !important;
    }

table#barranavegacion {
    width: 100%;
    border: none !important;
    margin: 10px 0px;
}

    table#barranavegacion tr.barranavegacion
    {

    }

label.datosListado-label {
    padding-right: 10px;
    text-align: right !important;
    justify-content: flex-end !important;
    min-width: 60px !important;
    max-width: 140px !important;
}