@fab-color: #03A9F4;
@fab-size: 64px;
@fab-margin: 1 / 4 * 3 * @fab-size;
@fab-child-size: 1 / 3 * 2 * @fab-size;
@fab-child-margin: (@fab-size - @fab-child-size) / 2 + @fab-margin;

/* STRUCTURE */
.alert-warning2 {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid;
    border-radius: 4px;
    border-color: #faebcc;
    background-color: #D9E1E2 !important;
    color: #F27321 !important;
    /*padding: 2px !important;*/
}
.wrapper {
    margin-top: 10px;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
}
.contlogform {
    display: flex;
    justify-content: center;
}

#formContent {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 450px;
    /*position: relative;*/
    padding: 40px;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    text-align: center;
}

#formFooter {
    background-color: #f6f6f6;
    border-top: 1px solid #dce8f1;
    padding: 25px;
    text-align: center;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
.inputtextlogin {
    background-color: #f6f6f6;
    color: #0d0d0d;
    padding: 8px 16px;
    text-align: initial;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 3px;
    width: 85%;
    border: 1px solid #7BA7BC;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}


    .inputtextlogin:focus {
        background-color: #fff;
        border-bottom: 2px solid #5fbae9;
    }

    .inputtextlogin:placeholder {
        color: #cccccc;
    }

/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

    .fadeIn.first {
        -webkit-animation-delay: 0.4s;
        -moz-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .fadeIn.second {
        -webkit-animation-delay: 0.6s;
        -moz-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .fadeIn.third {
        -webkit-animation-delay: 0.8s;
        -moz-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    .fadeIn.fourth {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        animation-delay: 1s;
    }

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
    display: block;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 2px;
    background-color: #56baed;
    content: "";
    transition: width 0.2s;
}

.underlineHover:hover {
    color: #0d0d0d;
}

    .underlineHover:hover:after {
        width: 100%;
    }



/* OTHERS */

*:focus {
    outline: none;
}

#icon {
    width: 20%;
}

.Iam {
    /*padding: 2em 5em;*/
    font: normal 40px/50px Montserrat, sans-serif;
    color: #D9E1E2;
}

    .Iam p {
        height: 50px;
        float: left;
        margin-right: 0.3em;
    }

    .Iam b {
        float: left;
        overflow: hidden;
        position: relative;
        height: 50px;
        top: 40px;
    }

    .Iam .innerIam {
        display: inline-block;
        color: #D78825;
        position: relative;
        white-space: nowrap;
        top: 0;
        left: 0;
        /*animation*/
        -webkit-animation: move 5s;
        -moz-animation: move 5s;
        -ms-animation: move 5s;
        -o-animation: move 5s;
        animation: move 5s;
        /*animation-iteration-count*/
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        /*animation-delay*/
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -ms-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
    }
@keyframes move {
    0% {
        top: 0px;
    }

    20% {
        top: -50px;
    }

    40% {
        top: -100px;
    }

    60% {
        top: -150px;
    }

    80% {
        top: -200px;
    }
}

@-webkit-keyframes move {
    0% {
        top: 0px;
    }

    20% {
        top: -50px;
    }

    40% {
        top: -100px;
    }

    60% {
        top: -150px;
    }

    80% {
        top: -200px;
    }
}

@-moz-keyframes move {
    0% {
        top: 0px;
    }

    20% {
        top: -50px;
    }

    40% {
        top: -100px;
    }

    60% {
        top: -150px;
    }

    80% {
        top: -200px;
    }
}

@-o-keyframes move {
    0% {
        top: 0px;
    }

    20% {
        top: -50px;
    }

    40% {
        top: -100px;
    }

    60% {
        top: -150px;
    }

    80% {
        top: -200px;
    }
}

@keyframes move {
    0% {
        top: 0px;
    }

    20% {
        top: -50px;
    }

    40% {
        top: -100px;
    }

    60% {
        top: -150px;
    }

    80% {
        top: -200px;
    }
}
iframe:focus {
    outline: none;
}


iframe[seamless] {
    display: block;
}
@font-face {
    font-family: "Muli-Black";
    src: url("../fuentes/Muli/Muli-Black.ttf");
}

@font-face {
    font-family: "Muli Bold";
    src: url("../fuentes/Muli/Muli-Bold.ttf");
}

@font-face {
    font-family: "Muli Italic";
    src: url("../fuentes/Muli/Muli-Italic.ttf");
}

@font-face {
    font-family: "Muli Light";
    src: url("../fuentes/Muli/Muli-Light.ttf");
}

@font-face {
    font-family: "Muli regular";
    src: url("../fuentes/Muli/Muli-Regular.ttf");
}

#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 {
    font-size:12pt!important;
    font-family: 'Muli regular', Verdana, Arial,Helvetica!important;
   
}

#select2-localizacionIdColonia-results{
    text-align:left!important;

}

.select2-selection__rendered {
    text-align: left !important;
}


body {
    background-color: #ffffff;
    color: #333;
    font-family: 'Muli regular', Verdana, Arial,Helvetica;
    padding: 0;
}

.inputText {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00a6e3;
    color: #333;
    font-family: 'Muli regular', 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 {
    color: #004a80;
    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;
    color: #004a80 !important;
}

.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;
}

h1,
h4, h6 {
    color: #e2e2e2;
    margin-bottom: 0;
    padding-bottom: 0;
}

h5, h2, h3 {
    color: #999;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, 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
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* 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;
}

input {
    background: #fff;
    font-family:'Muli regular', Verdana, Arial,Helvetica!important;
    color: #333;
    font-size: 9pt!important;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 85%;
    border: 3px 0px,0px,0px solid #00a6e3!important;
    border-radius: 3px;
}

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;
}

Input 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:focus, textarea:focus, select:focus {
        border: 1px solid #7ac0da;
    }

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 */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #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;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: normal;
    color: #f00;
    font-size: 10pt
}

.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: 'Muli regular', 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 {
    color: #004a80;
    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: #41748D;
    text-align: center;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    height: 30px;
    vertical-align: middle !important;
}

.TablaListaScroll .headerTablaScroll {
    background-color: #41748D;
    text-align: center;
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
}

.headerTabla th {
    text-align: center;
    font-family: 'Muli regular', Verdana, Arial,Helvetica;
    font-size: 9pt;
    color: #ffffff;
    vertical-align: middle !important;
    word-wrap: break-word;
}

    .headerTabla th label {
        text-align: center;
        font-family: 'Muli regular' 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: ;
        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: ;
        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: center;
    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: #41748D;
    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: #41748D;
        vertical-align: bottom;
        width: 100%;
        min-height: 30px !important;
        height: 30px !important;
        font-weight: normal !important;
    }

.barraAcciones {
    font-family: Verdana, Arial,Helvetica;
    font-size: 9pt;
    color: #00497F;
    background: #F7F7F7;
    vertical-align: bottom;
    width: 100%;
    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;
}

.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: ':';
}



.validation-summary-errors {
    font-weight: bold;
    color: #F7343E !important;
    background-color: #fffebd;
    border-radius: 4px;
    margin-top: 5px;
    padding: 5px 0 10px 0;
    border: 1px solid #e2de00;
}

.validation-summary-errors {
    font-weight: normal;
    color: #F7343E !important;
    font-size: 10pt;
}

.input-validation-error {
    border: 1px solid #F7343E;
    background-color: #fee;
}

.input-validation-error {
    border: 1px solid #F7343E;
    background-color: #fee;
}


.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/icono_limpiar.png');
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle !important;
}




.linkLimpiar::before {
    padding-left: 33px;
    content: url('../Images/Compartidas/Iconos/icono_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-acadé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;
    font-family: 'Muli regular', Verdana, Arial,Helvetica;
    text-align: left!important;
}

/*select
{
    display:block!important;
}*/


.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: 'Muli regular', 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: 'Muli regular', Verdana, Arial,Helvetica;
    font-size: 9pt;
    text-align: right !important;
    width: 15%;
}

.tablaCriterios .labelReducido {
    margin: 3px;
    padding: 3px;
    color: #0A3E57;
    font-family: 'Muli regular', 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: 'Muli regular', Verdana, Arial,Helvetica;
    font-size: 9pt;
    text-align: -moz-right;
}

.tituloSeccion {
    color: #833177;
    font-family: 'Muli Bold', Verdana, Arial,Helvetica;
    font-size: 14pt;
    text-align: center;
}
.divActivo {
    border-bottom: 2px solid #833177!important;
}

.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: 'Muli regular', 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: 'Muli regular', 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: 'Muli regular', Verdana, Arial,Helvetica;
    font-size: 10pt;
    text-align: right;
    width: 30%;
}

.tablaContenido .labelReducido {
    margin: 3px;
    padding: 3px;
    color: #0A3E57;
    font-family: 'Muli regular', 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: 'Muli regular', 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: 'Muli regular', 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;
}


.barranavegacion a {
    color: #00497F;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    vertical-align: super;
}
/*Modificado por Jorge Luis Tapia Muñoz, estandar 2017
    24/03/2017
*/
.barranavegacion {
    background-color: #F7F7F7;
    color: #00497F;
    margin: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px 0px 0px 0px;
    font-size: 9pt;
    height: 40px;
}

.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::before {
    content: '* ' !important;
    color: #F27321 !important;
    font-weight: bold !important;
    font-size:12pt;
}

.alert {
    background-color: #EFC414 !important;
    color: black !important;
    padding: 5px!important;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}




.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: #D78823!important;
    display: block;
    margin-top: 8px;
    text-align: left;
    font-family: "Muli Regular" !important;
}

.field-validation-comfirmation {
    color: black;
    display: block;
    margin-top: 8px;
    text-align: left;
    color: #0A3E57;
}

.field-validation-valid {
    display: none;
}

/*.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}*/

.validation-summary-errors {
    /*font-weight: bold;
    color: #f00;*/
    background-color: #fffebd;
    border-radius: 4px;
    margin-top: 5px;
    padding: 5px 0 10px 0;
    border: 1px solid #e2de00;
}

.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-body {
    padding: 5px 0px 0px 0px;
}

.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);
}




/*Chosen*/

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    font-family: Verdana, Arial, Arial, Helvetica;
    font-size: 9pt;
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-top: 3px;
    height: 28px;
    border: 1px solid #00a6e3;
    border-radius: 5px;
    background-color: #fff;
    background: #fff;
    /*background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);*/
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333 !important;
    margin: 5px,0,6px,0;
    /*padding:5px;*/
    text-decoration: none;
    white-space: nowrap;
    /*line-height: 24px;*/
    width: 99% !important;
    /*height: 28Px;*/
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.15);
        background: url("IconDownCrome.JPG") no-repeat center;
    }
}

@-moz-document url-prefix() {
    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.15);
        background: url("IconDownMoz.JPG") no-repeat center;
    }
}

/*/////////////////////////////////////////////////////////////////////*/
.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    width: 100%;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
}

    .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
        content: ":";
        padding-left: 2px;
        vertical-align: top;
    }


.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}



.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        background: url("chosen-sprite.png") no-repeat 100% -20px;
        font-size: 1em;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    width: 100%;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        word-wrap: break-word;
        -webkit-touch-callout: none;
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default;
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #3875d7;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
            background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
            color: #fff;
        }

        .chosen-container .chosen-results li.no-results {
            color: #777;
            display: list-item;
            background: #f4f4f4;
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: bold;
            cursor: default;
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    /*width: 100%;*/
    height: auto;
    /*border: 1px solid #aaa;*/
    background-color: #fff;
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);*/
    cursor: text;
    /***********************/
    font-family: Verdana, Arial, Arial, Helvetica;
    font-size: 9pt;
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-top: 3px;
    /*height: 28px;*/
    border: 1px solid #00a6e3;
    border-radius: 5px;
    /*background-color: #fff;*/
    background: #fff;
    /*background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);*/
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333 !important;
    margin: 5px,0,6px,0;
    /*padding:5px;*/
    text-decoration: none;
    /*white-space: nowrap;*/
    /*line-height: 24px;*/
    width: 99% !important;
    
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 1px 0;
                padding: 0;
                height: 25px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #333;
                font-size: 9pt;
                font-family: Verdana, Arial, Arial, Helvetica;
                line-height: normal;
                border-radius: 0;
                width: 25px;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            border-radius: 3px;
            background-color: #eeeeee;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
            background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            color: #333;
            line-height: 13px;
            cursor: default;
            word-break:initial;
        }

            .chosen-container-multi .chosen-choices li.search-choice {
                overflow-wrap: break-word!important;
                max-width:300px!important;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url("chosen-sprite.png") -42px 1px no-repeat;
                font-size: 1px;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
            background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4;
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #00a6e3;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 2px;
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: #222 !important;
    }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
        width: 100%;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type="text"] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        background: url("chosen-sprite.png") no-repeat -30px -20px;
        direction: rtl;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url("chosen-sprite@2x.png") !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}


@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;
}

    .active, .collapsible:hover {
        border-bottom: 2px solid #e6358a !important;
    }

    .collapsible:after {
        content: '\002B';
        color: #00497f;
        font-weight: bold;
        float: right;
        margin-left: 5px;
        
    }

.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;
    }

.navbar2 {
    /*width: 100%;*/
    background-color: white;
    text-align: center;
    padding: 10px 5em 2em 2em;
    background-color: white;
}
    /* Navbar links */
    .navbar2 a {
 
    }

        /* Navbar links on mouse-over */
    .navbar2:hover {
       
    }

.navbarcontent {
    min-height: 150px;
    padding: 18px;
    background-color: #CEDFBC
}
    .navbarcontent:hover {
        background-color: #b0c0a0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
.imgbtniniciosesion {
    width: 30px;
}
.btn-link2 {
    font-weight: bold !important;
    color: #004F59 !important;
    font-size: 13pt !important;
}
    .btn-link2:hover {
        background-color: #C6DAE7;
    }