html, body {
    background: #ebf3f6;
}

body {
    min-height: 100vh;
    position: relative;
    margin: 0;
    padding-bottom: 100px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    background-color: transparent;
    line-height: 130%;
}

.body-image {
    background: url('images/imagen-de-portada.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.div-align-btn {
    padding-top: 0px;
    padding-bottom: 5px;
}
/********************************************************************* MEDIA QUERIES **********************************************************************/


/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .modal-dialog {
        min-width: 100%;
    }

    .div-align-btn {
        padding-top: 20.8px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .modal-dialog.mdl-producto {
        min-width: 40%;
    }

    .modal-dialog.modal-xs {
        min-width: 50%;
    }

    .modal-dialog.modal-sm {
        min-width: 70%;
    }

    .modal-dialog.modal-md {
        min-width: 40%;
    }

    .modal-dialog.modal-lg {
        min-width: 50%;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .modal-dialog.modal-xs {
        min-width: 20%;
    }

    .modal-dialog.modal-sm {
        min-width: 60%;
    }

    .modal-dialog.modal-md {
        min-width: 40%;
    }

    .modal-dialog.modal-lg {
        min-width: 50%;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .modal-dialog.modal-xs {
        min-width: 20%;
    }

    .modal-dialog.modal-sm {
        min-width: 40%;
    }

    .modal-dialog.modal-md {
        min-width: 40%;
    }

    .modal-dialog.modal-lg {
        min-width: 50%;
    }

    .modal-dialog.modal-xl {
        min-width: 80%;
    }

    .modal-dialog.modal-slider {
        min-width: 63.6%;
    }

    .modal-dialog.modal-alerta-aniversario {
        min-width: 70%;
    }
}

@media (min-width: 1400px) {


    .modal-dialog.modal-sm {
        min-width: 30%;
    }
}

/********************************************************************* MEDIA QUERIES **********************************************************************/


.organigrama * {
    margin: 0px;
    padding: 0px;
}

.organigrama ul {
    padding-top: 20px;
    position: relative;
    display: table;
    margin: auto;
}

.organigrama li {
    float: left;
    text-align: center;
    list-style-type: none;
    padding: 20px 5px 0px 5px;
    position: relative;
}

    .organigrama li::before, .organigrama li::after {
        content: '';
        position: absolute;
        top: 0px;
        right: 50%;
        border-top: 1px solid #005cab;
        width: 50%;
        height: 20px;
    }

    .organigrama li::after {
        right: auto;
        left: 50%;
        border-left: 1px solid #005cab;
    }

    .organigrama li:only-child::before, .organigrama li:only-child::after {
        display: none;
    }

    .organigrama li:only-child {
        padding-top: 0;
    }

    .organigrama li:first-child::before, .organigrama li:last-child::after {
        border: 0 none;
    }

    .organigrama li:last-child::before {
        border-right: 1px solid #005cab;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }

    .organigrama li:first-child::after {
        border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
    }

.organigrama ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #005cab;
    width: 0;
    height: 20px;
}

.organigrama li a {
    border: 1px solid #005cab;
    padding: 1em 0.75em;
    text-decoration: none;
    color: #2b2b2b;
    background-color: rgba(255,255,255,0.5);
    font-family: arial, verdana, tahoma;
    font-size: 12px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}

    .organigrama li a:hover {
        border: 1px solid #fff;
        color: #fff;
        background-color: #005cab;
        display: inline-block;
    }

.organigrama > ul > li > a {
    font-size: 1em;
    font-weight: bold;
}

.organigrama > ul > li > ul > li > a {
    width: 8em;
}



.modal-open .main {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.parpadea {
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}


.responsive .slick-track {
    margin: 0;
}

.card-img-left {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.header, .main, .footer {
    display: block;
    width: 100%;
}

    .main > .container {
        padding-top: 1rem
    }







.footer {
    font-size: .85rem;
}

footer {
    position: absolute;
    bottom: 0;
    min-width: 100%;
}

.header .dropdown-toggle::after {
    display: none;
}

.text-small {
    font-size: 85% !important;
}

.form-signin {
    width: 100%;
    /*    max-width: max-content;*/
    padding: 15px;
    margin: auto;
}

    .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        font-size: 16px;
    }


    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }






/**************************************/
.modal {
    font-size: 90%;
}
/**************************************/
.box {
    display: block;
    position: relative;
    /*text-align: center;*/
    background: #fff;
    border-radius: .5rem;
    margin: 1rem 0;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
}

    .box:hover {
        box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    }

    .box.box-date {
        line-height: 110%;
        display: inline-block;
        min-width: 45px;
        padding: 5px;
        margin: auto;
        border: 1px solid #005cab;
    }

        .box.box-date .month {
            font-size: 12px !important;
            color: #9eadbb;
        }

.title-h2 {
    font-size: 1.6rem;
    line-height: 1;
    top: 4px;
    position: relative;
    font-weight: bold;
    display: inline-block;
}

.date, .title {
    display: block;
    line-height: 1.2rem;
}

.date {
    font-size: 13px;
    color: #c1c1c1;
    margin: 0;
    font-weight: normal;
}

.title {
    font-size: 15px;
    margin: 0 0 .5rem;
    font-weight: bold;
    color: #2b2b2b;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}

    .title.title-h-auto {
        height: auto !important;
    }

.schedule .title {
    margin: 0 !important;
    font-size: 13px;
    line-height: 1.1;
}


.synthesis {
    font-size: .95rem;
    line-height: 1.2;
}

.box-area {
    display: block;
    position: relative;
    margin-bottom: 1.5rem;
}

    .box-area h1.title {
        font-size: 1.4rem;
        line-height: 1.2 !important;
        height: auto !important;
        margin: 1rem 0 .5rem;
    }

    .box-area h2.title {
        font-size: 1.2rem;
        line-height: 1.2 !important;
        height: auto !important;
        margin: 1rem 0 .5rem;
    }

    .box-area h3.title {
        font-size: 1rem;
        line-height: 1.2 !important;
        height: auto !important;
        margin: 1rem 0 .5rem;
    }

    .box-area .fav-icon {
        font-size: 24px;
        line-height: 1;
    }

.table-sm.table-vl td, .table-sm.table-vl th {
    vertical-align: top !important;
}

/********************************************************/
.bg-header {
    text-align: center;
    padding: 3em 0;
    position: relative;
    display: block;
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: center;
}

.bg-header-span {
    color: #fff;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    text-shadow: 0px 0px 10px rgb(66 76 95 / 0.5);
    display: block;
}

.bg-header.bg-releases {
    background-image: url('../Images/header/bg-releases.jpg');
}

.bg-header.bg-formats {
    background-image: url('../Images/header/bg-formats.jpg');
}

.bg-header.bg-system {
    background-image: url('../Images/header/bg-system.jpg');
}

.bg-header.bg-quienes-somos {
    background-image: url('../Images/header/bg-quienes-somos.jpg');
}

.bg-header.bg-videos {
    background-image: url('../Images/header/bg-videos.jpg');
}

/********************************************************/

.section-divider {
    display: block;
    margin: 1em 0;
    position: relative;
    text-align: center;
}

    .section-divider > span {
        display: inline-block;
        margin: auto;
        width: auto;
        min-width: 140px;
        position: relative;
        color: #fff;
        background: #9eadbb;
        font-size: 1em;
        font-weight: bold;
        text-align: center;
        padding: 0.2em;
        border-radius: 90px;
        z-index: 2;
    }

.member {
    line-height: 120%;
    font-size: 13.5px;
}




    .member .text-small {
        font-size: 95% !important;
    }

.btn-float {
    font-size: 15px;
    top: -3em;
    position: relative;
    padding: .5em 1em;
    border-radius: 90px;
    font-weight: bold;
    left: auto;
    color: #005cab;
    text-align: center;
    border: 3px solid #c1d82f;
    background: #fff;
}

    .btn-float:hover {
        color: #fff;
        background: #005cab;
        border: 3px solid #005cab;
    }
/********************************************************/

.fav-icon {
    display: block;
    position: absolute;
    top: .3em;
    right: .5em;
}


.box-video {
    display: block;
    margin: .75rem 0 1rem;
    position: relative;
}

    .box-video > .fav-icon {
        top: .5em !important;
        right: 1.2em !important;
    }

/* *********  Editor design  **************************** */

.editor.btn-toolbar {
    zoom: 1;
    background: #F7F7F7;
    margin: 5px 0;
    padding: 3px 0;
    border: 1px solid #EFEFEF;
}

    .editor.btn-toolbar .btn {
        padding: 3px 10px;
    }


.center {
    width: 100%;
    margin: 1em 0;
    display: block;
    text-align: center;
    float: left
}
/* ****************************************************** */
.dropdown-menu span.dropdown-item-text {
    padding-top: 0px !important;
}
/* ****************************************************** */

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

    .ul-list li {
        position: relative;
        border-bottom: 1px solid #cecece;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
        padding-right: 1.5rem;
    }

        .ul-list li:after {
            content: "\f105";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            position: absolute;
            top: 1.5rem;
            right: 0;
            font-size: 16px;
        }

        .ul-list li:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .ul-list li a {
            text-decoration: none;
            display: block;
        }

            .ul-list li a:hover {
                opacity: .7;
            }

/* ****************************************************** */
.news .date {
    color: #856405;
}


/*AGREGADO POR SOBREESCRITURA DE BOOSTRAP*/

.btn-primary {
    color: #fff;
    background-color: #005cab;
    border-color: #005cab;
}

.bg-primary {
    background-color: #005cab !important;
}

.text-primary {
    color: #005cab !important;
}



.preloader-container {
    color: #333;
    background: rgba(48, 48, 48, 0.3);
    color: rgb(51, 51, 51);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.preloader-backdrop {
    z-index: 10000;
    background-color: #303030;
    filter: alpha(opacity=30);
    opacity: 0.30;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    height: 100%;
}

.preloader-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -45px;
    margin-top: -15px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 10000;
}

.bg-light {
    background-color: #f8f9fa !important;
}


.nav-pills .nav-link {
    font-weight: 500;
    font-size: 13.5px;
}

.nav-link {
    display: block;
    color: #777;
    margin-right: .5rem;
    padding: .3rem 0;
    text-transform: uppercase;
}

a {
    color: #005cab;
    text-decoration: none;
    background-color: transparent;
}


.nav {
    list-style: none;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #005cab;
    border-bottom: 3px solid #232323;
    background-color: transparent !important;
}

.nav-pills .nav-link {
    font-weight: 500;
    font-size: 11.5px;
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
}

.nav-pills .nav-link {
    border-radius: initial;
}


.dropdown-menu span.dropdown-item-text {
    padding-top: 0px !important;
}

.text-small {
    font-size: 85% !important;
}

.dropdown-menu {
    min-width: 13rem;
}

.main > .container {
    padding-top: 1rem;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #777;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.form-control {
    background-color: #fff;
}

    .form-control:focus {
        background-color: #fff;
    }

.container-custom {
    max-width: 87em;
}

.container-custom-2 {
    max-width: 1280px;
}

.text-small {
    font-size: 85% !important;
}


label.i-space {
    margin-bottom: .1em;
    color: #006fcf;
    font-size: .85rem;
}

.lead {
    font-size: 1.25rem !important;
    font-weight: 300;
    color: black !important;
}

.box:hover {
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: black;
    font-size: .8em;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

input[type="file"] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
}

.btn-postback {
    display: none;
}



.btn-outline-primary {
    color: #005cab;
    border-color: #005cab;
}

tr.emptyGrid {
    text-align: center;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}


.bg-green-carnot {
    background-color: #c2d600;
}

.triangulo-equilatero-bottom-left {
    width: 0;
    height: 0;
    border-right: 50px solid transparent;
    border-top: 50px solid transparent;
    border-left: 50px solid #c2d600;
    border-bottom: 50px solid #c2d600;
}

.br-custom {
    border-radius: 10em;
}

/*Inicia estilo pulso*/
.blob {
    /*    background: transparent;*/
    border-radius: 50%;
    margin: 10px;
    height: 20px;
    width: 20px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
/*Fin estilo pulso*/


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

.ha-number {
    position: absolute;
    width: 73%;
    height: auto;
    top: 44%;
    left: 50%;
    margin-left: -62px;
    margin-top: -12px;
    color: #2b2b2b;
    font-size: 6em;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 3px 0px rgb(159 174 187);
}

.ha-label {
    position: absolute;
    width: 78%;
    height: auto;
    top: 84%;
    left: 50%;
    margin-left: -62px;
    margin-top: -12px;
    color: #2b2b2b;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

.profile-img img {
    border: 1px solid #005cab;
    border-radius: 50%;
    padding: 5px;
    height: 135px;
    width: 135px;
}

.profile-img-org img {
    border: 1px solid #005cab;
    border-radius: 50%;
    padding: 5px;
    height: 250px;
    width: 250px;
}

.profile-img-org {
    position: relative;
    z-index: 9;
}

.lead.text-primary {
    color: #005cab !important;
}

.badge-event-alert:after {
    content: "";
    position: absolute;
    background: #1f49b6;
    border: 3px solid #fff;
    width: 16px;
    height: 16px;
    top: -2px;
    right: 12px;
    border-radius: 90px;
}




.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .fade-scale.in {
        opacity: 1;
        transform: scale(1);
    }

.error {
    box-shadow: 0 0 5px #fe4640;
    border: 1px solid #fe4640;
}

.bg-img-confetti {
    background-image: url("../Images/aniversario/confetti-25.gif");
}

.profile-info {
    position: relative;
    background: #ebf9ff;
}

.profile-img {
    position: relative;
    z-index: 9;
}

.bg-dark {
    background-color: #343a40 !important;
}

.profile-info:before {
    content: "";
    width: 100%;
    height: 60px;
    background: #ebf9ff;
    top: -60px;
    left: 0;
    position: absolute;
    z-index: 1;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #005cab;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}


.input-group-prepend-btn {
    margin-left: -1em;
    z-index: 1;
    margin-top: -0.1em;
}

.input-tag {
    font-size: 0.9em !important;
    background: #005cab;
    border-radius: 9px;
    padding: 0.1em 0.5em;
}



span.input-group-text {
    background-color: #005cab !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 2.3em;
    margin-top: 1.5em;
    font-size: 0.9em;
}

a.input-group-text {
    text-decoration: none !important;
}

#ContentPlaceHolder1_txtPuesto {
    width: 100%;
}

span.m-0.d-block.i-space {
    font-size: 0.9em;
}


.pnl-alert {
    padding: .5rem;
    margin-bottom: 0.5rem;
    margin-top: 0.1rem;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
}

.br-r-5 {
    border-radius: 0 0.5em 0.5em 0;
}


.badge-highlight {
    position: absolute;
    font-size: 12px;
    bottom: 2px;
    padding: 0 2.8em;
    color: #ffffff;
    z-index: 9;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #0e5cab;
    text-align: center;
    width: auto;
    left: auto;
    right: -25px;
    z-index: 0;
    border-radius: 0;
    transform: rotate(-45deg);
}

.img-thumbnail-comunicado {
    background-color: #fff;
    border: 1px solid #dee2e6;
    width: 120px;
    height: 120px;
    object-fit: cover;
}



.modal-footer-bienvenido {
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}


.emptyList {
    margin: auto;
    color: gray;
}

.form-group-mb-f {
    margin-bottom: 0.3rem;
}

.btn:focus, .btn.focus {
    box-shadow: none;
}


.nav-pills .nav-link:hover {
    color: #005cab;
}

.form-control-calendar {
    background-color: white;
}



/*BARRA PROGRESO*/

.progress {
    background: #007bff;
    display: block;
    height: 20px;
    text-align: center;
    transition: width .3s;
    width: 0;
    /*background-image: linear-gradient( 45deg, rgb(252,163,17) 25%, transparent 25%, transparent 50%, rgb(252,163,17) 50%, rgb(252,163,17) 75%, transparent 75%, transparent);
    animation: progressAnimationStrike 6s;*/
}

    .progress.hide {
        opacity: 0;
        transition: opacity 1.3s;
    }
/*BARRA PROGRESO*/


.box-video img {
    max-height: 9em;
}


.box-direccion {
    display: block;
    margin: .75rem 0 1rem;
    position: relative;
}

    .box-direccion > .fav-icon {
        top: .5em !important;
        right: 1.2em !important;
    }

    .box-direccion img {
        height: 200px;
    }


.form-group {
    margin-bottom: 1rem;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.bg-bienvenido {
    background-color: #961159 !important;
}

.bg-aniversario {
    background-color: #ec9f00 !important;
}

.color-1 {
    color: #1e52a5 !important;
}

.color-2 {
    color: #961159 !important;
}

.color-3 {
    color: #ec9f00 !important;
}

.color-4 {
    color: #b8c309 !important;
}

.color-5 {
    color: #43a5dc !important;
}

.text-shadow {
    text-shadow: 0px 3px 5px rgb(255 255 255);
}

a.nav-link img {
    max-height: 26px;
    margin: auto;
    display: block;
}

.btn-filter {
    margin-top: 1.5em;
    height: 2.2em;
}

.close {
    font-size: 1.5em;
}

.input-file {
    height: calc(1.5em + 0.5rem + 2px);
}

.btn-file {
    height: 2.5em;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.text-success {
    color: #097923 !important;
}

.text-danger {
    color: #d42b41 !important;
}


.objetfit > img {
    width: 200px;
    height: 200px;
    object-fit: none;
    background-color: black;
    border: 3px solid #ff9daa;
}

.objetfitcover > img {
    width: 200px;
    height: 400px;
    object-fit: cover;
    border: 3px solid #ff9daa;
}

.objetfit-video-list > img {
    width: 246px;
    height: 138px;
    object-fit: none;
    background-color: #9e9e9e;
}

.objetfitcover-video-list > img {
    width: 246px;
    height: 138px;
    object-fit: cover;
}

.objetfitcover-video-home > img {
    width: 246px;
    height: 138px;
    object-fit: cover;
}

.objetfitcover-comunicado-home > img {
    width: 100%;
    height: 303px;
    object-fit: cover;
}

.objetfitcover-comunicado-list > img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}


.objetfitcover-producto-list > img {
    width: 246px;
    height: 138px;
    object-fit: contain;
}


.objetfitcover-producto-modal > img {
    width: 400px;
    height: 138px;
    object-fit: cover;
}

.media-comunicado {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 7.5em;
}

.lbl-titulo-video {
    max-width: 246px;
    font-size: 0.9em;
}


#ContentPlaceHolder1_txtUsuarioTag {
    width: 100%;
}

.objetfitcover-banner-top > img {
    width: 1050px;
    height: 390px;
    object-fit: cover;
}

.objetfitcover-alerta-aniversario > img {
    width: 360px;
    max-height: 294px;
    object-fit: cover;
}

.objetfitcover-alerta-aniversario-fe > img {
    max-width: 800px;
    max-height: 294px;
    object-fit: cover;
}

.objetfitcover-carrusel-be > img {
    width: 266px;
    height: 373px;
    object-fit: cover;
}

.objetfitcover-carrusel-home > img {
    width: 266px;
    height: 373px;
    object-fit: cover;
}

.objetfitcover-carrusel-fe-1 > img {
    width: 765px;
    object-fit: cover;
}

.objetfitcover-carrusel-fe-6 > img {
    height: 410px;
    object-fit: cover;
}


.objetfitcover-banner-top-fe > img {
    width: 1248px;
    height: 390px;
    object-fit: cover;
}



.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #000000b3;
    height: 30px;
}




.objetfitcover-carrusel-fe-6-pv > img {
    width: 100%;
    /*    height: 798px;*/
    object-fit: cover;
}


.objetfit-carrusel-fe-6-pv-2 > img {
    width: 100%;
    /*    height: 797px;*/
    object-fit: fill;
}

a:hover {
    text-decoration: none;
}

.slick-dots li button:before {
    font-size: 11px !important;
}

.text-gray {
    color: #97999a !important;
}




span.input-group-text.agenda {
    background-color: #005cab !important;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 2.5em;
    margin-top: 1.7em;
    font-size: 0.9em;
}

.note-editor.note-frame, .note-editor.note-airframe {
    border: 1px solid #00000032;
    min-width: 100%
}

.aspNetDisabled.btn.btn-primary {
    cursor: not-allowed;
    background-color: #3274ad;
}

.text-secondary, a.text-secondary {
    color: #7d8084 !important;
}



.img-thumbnail-producto {
    background-color: #fff;
    width: 85%;
    height: auto;
    object-fit: cover;
}

.note-modal .modal-dialog {
    min-width: 30%;
}

.note-modal .modal-header {
    display: initial;
}


/*  ================================== Highcharts */
.highcharts-figure, .highcharts-data-table table {
    min-width: 360px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    /*    max-width: 1500px;*/
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

#container {
    overflow-x: scroll !important;
    max-width: 1500px;
    margin: auto;
}

    #container h4 {
        text-transform: none;
        font-size: 11px;
        font-weight: normal;
    }

    #container p {
        font-size: 10px;
        line-height: 12px;
        font-weight: bold;
    }

#container3 h4 {
    text-transform: none;
    font-size: 11px;
    font-weight: normal;
}

#container3 p {
    font-size: 10px;
    line-height: 12px;
}

#subcontainer h4 {
    text-transform: none;
    font-size: 1.2em;
    font-weight: normal;
}

#subcontainer p {
    /*font-size: 12px;
    line-height: 12px;*/
}

#divGraficoPrincipal h4 {
    text-transform: none;
    font-size: 1.2em;
    font-weight: normal;
}

#divGraficoPrincipal p {
    font-size: 1em;
    font-weight: bolder;
    line-height: 12px;
}
/**/


@media screen and (max-width: 600px) {
    #container3 h4 {
        font-size: 2.3vw;
        line-height: 3vw;
    }

    #container3 p {
        font-size: 2.3vw;
        line-height: 3vw;
    }
}

.bootstrap-tagsinput {
    line-height: 1.8em;
    min-width: 100%;
    pointer-events: none;
}

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: white;
        pointer-events: all;
    }

.producto-info {
    font-size: 13px;
    color: #868585;
    margin: 0;
    font-weight: bold;
}

.validation-dynamic span {
    font-size: 0.8em;
    color: #e01818;
}


.span-contador {
    font-size: 0.8em;
    float: right;
}

.well {
    max-height: 400px;
}

.well-validacion {
    max-height: 400px;
    overflow-y: scroll;
}

.img-alertas {
    max-height: 294px;
}


.objetfitcover-banner-footer > img {
    width: 1050px;
    height: 150px;
    object-fit: cover;
}


.objetfitcover-banner-footer-fe > img {
    width: 1248px;
    height: 150px;
    object-fit: cover;
}


.lbl-categoria-app {
    font-size: 1.7em;
    color: #43a5dc;
    font-weight: bold;
}



/*
.objetfitcover-carrusel2-be > img {
    width: 270px;
    height: 270px;
    object-fit: cover;
}*/

.objetfitcover-carrusel2-be > img {
    width: 278px;
    height: 204px;
    object-fit: cover;
}

.objetfitcover-carrusel2-fe-6 > img {
    height: 204px;
    object-fit: cover;
}


.box.box-date-event {
    line-height: 150%;
    display: inline-block;
    min-width: 45px;
    padding: 5px;
    margin: auto;
    border: 1px solid #005cab;
}




.footer-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5em;
}

.footer-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5em;
}

    .footer-inner:hover {
        box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    }


.slick-dotted.slick-slider {
    margin-bottom: 43px !important;
}

.slick-dots {
    bottom: -2.5em !important;
}

.login {
    background-color: #c3d0d978;
    border-radius: 1em;
}

.btn-inicio {
    background-color: #f2f2f4;
}

.input-login {
    background-color: #60808d;
    font-weight: bolder;
    color: white;
    height: auto;
    padding: 10px;
    font-size: 16px;
    border: none;
}

    .input-login:focus {
        background-color: #60808d;
        font-weight: bolder;
        color: white;
        height: auto;
        padding: 10px;
        font-size: 16px;
        border: none;
    }


span.input-group-addon {
    margin-top: auto;
    margin-bottom: auto;
    color: #9eadbb;
    background-color: #60808d;
}

.input-group-text-login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    white-space: nowrap;
    background-color: #60808d;
    border-radius: 0.25em 0 0 0.25em;
}


.input-login:disabled, .input-login[readonly] {
    background-color: #60808d;
    color: white;
    opacity: 1;
}

.login-footer {
    background: linear-gradient(45deg, #e7f9ff, #c3e3eea3);
    border-radius: 0 0 1em 1em;
    height: 2.5em;
}


.btn-action {
    width: 45px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #005cab;
    background-color: #005cab;
    border-top-color: rgb(0, 123, 255);
    border-right-color: rgb(0, 123, 255);
    border-bottom-color: rgb(0, 123, 255);
    border-left-color: rgb(0, 123, 255);
}


.textbutton input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.buttontext {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.imagenBusqueda {
    max-height: 120px;
}

.box-video {
    display: block;
    margin: 0.75rem 0 1rem;
    position: relative;
}

.textbusqueda input {
    height: 48px;
}

.textbusqueda i {
    font-size: 1.25rem;
    padding-right: 45px;
    padding-top: 7px;
    padding-left: 10px;
    margin-top: 5px;
}

.textbusqueda-line {
    height: 38px !important;
}

.timeline {
    list-style-type: none;
    display: flex;
    align-items: top;
    justify-content: center;
    margin: 2.5em 0 0;
    font-size: .8rem;
}

    .timeline .li {
        transition: all 200ms ease-in;
        width: 33.333%;
        position: relative;
        margin-bottom: 30px;
    }

.status {
    padding: 0px 30px;
    display: flex;
    justify-content: center;
    border-top: 2px solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
    line-height: 1;
    color: #9eadbb;
}

    .status:before {
        content: "";
        width: 20px;
        height: 20px;
        background-color: white;
        border-radius: 25px;
        border: 1px solid #ddd;
        position: absolute;
        top: -10px;
        margin-left: -10px;
        left: 50%;
        transition: all 200ms ease-in;
    }


.title-status {
    font-weight: 600;
    position: relative;
    top: -6px;
    color: #fff;
}

.li.keep .status {
    border-top: 2px solid #072b3a;
    color: #072b3a;
}

    .li.keep .status:before {
        background-color: #ffffff;
        border: 2px solid #072b3a;
        transition: all 200ms ease-in;
    }

.li.keep .title-status {
    font-weight: 600;
    color: #072b3a;
}

.li.complete .status {
    border-top: 2px solid #21Bf43;
    color: #21Bf43;
}

    .li.complete .status:before {
        background-color: #21Bf43;
        border: none;
        transition: all 200ms ease-in;
    }

.li.complete .title-status {
    font-weight: 600;
    color: #21Bf43;
}

.li.errorR .status {
    border-top: 2px solid #721c24;
    color: #721c24;
}

    .li.errorR .status:before {
        background-color: #721c24;
        border: none;
        transition: all 200ms ease-in;
    }

.li.errorR .title-status {
    font-weight: 600;
    color: #721c24;
}

.li.section-1 {
    color: #e46e00;
}

    .li.section-1 .status {
        border-top: 2px solid #e46e00;
    }

        .li.section-1 .status:before {
            background-color: #e46e00;
            border: none;
            transition: all 200ms ease-in;
        }

.li.section-2 {
    color: #6cbc63;
}

    .li.section-2 .status {
        border-top: 2px solid #6cbc63;
    }

        .li.section-2 .status:before {
            background-color: #6cbc63;
            border: none;
            transition: all 200ms ease-in;
        }

.li.section-3 {
    color: #38afe5;
}

    .li.section-3 .status {
        border-top: 2px solid #38afe5;
    }

        .li.section-3 .status:before {
            background-color: #38afe5;
            border: none;
            transition: all 200ms ease-in;
        }


.li .custom-control.custom-switch {
    margin-left: 15px;
    position: absolute;
    bottom: -30px;
    height: 24px;
}

.li .custom-control-label {
    line-height: 23px;
}

.opacity-25 {
    opacity: .25;
}


.fileinput-remove, .fileinput-upload, .fileinput-cancel {
    margin-top: 0 !important;
}

.file-caption {
    height: 40px;
}

.icono-integridad {
    color: #a722c0;
}

.icono-equidad {
    color: #4bd000;
}

.icono-innovacion {
    color: #4ad9f8;
}

.icono-pasion {
    color: #eb641a;
}

.li-primary {
    color: #10497b;
}