body{ font-family: 'Inter', sans-serif; background-color: #F8F8F8}
#top{background-color: #FFF;}
.navbar{padding: 0;}
.navbar-nav li a{ color: #555555; font-weight: 500; font-size: 14px;}
.nav-login li{ margin-right: 5px;}
.nav-login li a{font-weight: 500;}
.jumbotron-image{ height:100vh; background-color: #F9F9F9; background-image: url('/assets/images/incaa_fondo_home.jpg'); background-repeat: no-repeat; background-position: right;-webkit-box-shadow: 0px 17px 29px -9px #919191;box-shadow: 0px 17px 29px -9px #919191; }
.jumbotron-image-preguntas{ background-color: #F9F9F9; background-position: top left; background-repeat: none; background-image: url('/assets/images/preguntas_frecuentes.png');  }
.text-home h3{ color: #0000FF; text-align: center; font-weight: 500; margin-bottom: 15px;}
.text-home .card-text{  text-align: justify}

.Footer ul li{ margin: 10px 0;}
.Footer ul li a{text-transform: uppercase; color: #FFF; font-weight: 500; text-decoration: none; font-size: 1.083em;  }
.Footer .copyright{text-align: right; color: #FFF; font-size: 0.833em}
#login .card{ box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75); border-radius: 10px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);}
#login a{  text-decoration: none;}
.bold-500{font-weight: 500}
.bold-700{font-weight: 700}
#NavBarSite li a{  color: #000;}
#NavBarSite .borderbotom{ border-bottom: 3px solid #FFFFFF}
#NavBarSite .borderbotom:hover{ border-bottom: 3px solid #0000FF}
#NavBarSite .dropdown-menu {border: none; border-radius: 0;}
#NavBarSite .dropdown-menu li{border-bottom: 1px solid #0000FF; }
#NavBarSite .dropdown-menu li a{ padding: 10px; font-weight: 400;}
#NavBarSite .dropdown-menu li:last-child{border-bottom: none}
#NavBarSite li{ margin-right: 15px;}
#NavBarSite li ul li{ margin-right: 0;}
#BusquedaTramites #formulariobusqueda label{display: none;}
.navbar-brand img{
    width: 200px;
}

a.navbar-brand{
    width: 25%;
}

.btn-info{
    background-color: #17067c;
    border: none;
}

.btn-info:hover{
    color: #ffff;
}

.btn-dark{
    border: none;
}

.btn-dark:hover{
    background-color: #4b4949;
}

/*.btn-dark{
    background-color: #006fb4;
    border: none;
} */

.sumacorrecta{    color: #5cb85c;  }
.sumaincorrecta{    color: #d9534f; }

.lista-datos, .tag_fecha{font-size: 12px; }
@media all and (min-width: 992px) {
    #NavBarSite .nav-item .dropdown-menu{ display: none; padding: 0}
    #NavBarSite .nav-item:hover .nav-link{   }
    #NavBarSite .nav-item:hover .dropdown-menu{ display: block; }
    #NavBarSite .nav-item .dropdown-menu{ margin-top:3px; }
}
#loading-overlay {width: 100%; display:none;height: 100%;min-height:1500px;position: absolute;top: 0;left: 0;z-index: 1001;background-color: #fff;opacity: .7;}
#loading-overlay-spinner {height: 100%;width: 100%;position: fixed;background:url(/imagenes/loading.gif) no-repeat 50% 40%;}


.form-material .form-input {margin: 10px 0; width: 100%;}
.form-material .form-input label {position: relative; margin-top:5px; display: block;width: 100%;min-height: 50px;}
.form-material .form-input .placeholder {position: absolute;display: block;top: 23px;z-index: 2;font-size: 16px;transition: all 200ms ease-in-out;width: 100%;cursor: text; background-color: transparent;}
.form-material .form-input input,
.form-material .form-input textarea {position: absolute;top: 15px;z-index: 1;width: 100%;font-size: 16px;border: 0;border-bottom: 1px solid #000;transition: border-color 200ms ease-in-out;outline: none;padding: 5px;margin: 0;}
.form-material .form-input textarea {min-height: 30px;padding: 8px 0;}
.form-material .form-input input {height: 30px;}
.form-material .form-input input:focus,
.form-material .form-input input:valid,
.form-material .form-input textarea:focus,
.form-material .form-input textarea:valid {border-bottom: 2px solid #000;}
.form-material .form-input input:focus + .placeholder,
.form-material .form-input input:valid + .placeholder,
.form-material .form-input textarea:focus + .placeholder,
.form-material .form-input textarea:valid + .placeholder {top: -6px;cursor: inherit;font-size: 14px;color: #000; }

.card-home .card-title{ border-bottom: 1px solid #0000FF; padding-bottom: 10px; font-weight: 400; text-transform: uppercase;}
video { width: 100% !important;height: auto !important;}
.carousel .card-text{ font-weight: 300; font-size: 0.83em; }
.table-tramites td{font-size: 0.90rem}
.table-tramites thead tr{ background-color: #F5F4F4;}
.table-tramites thead.internal tr{ background-color: #dbd9d9;}
.table-tramites thead.internal tr th{ color: #555555;}
.table-tramites th{ position: relative;     vertical-align: middle;  color:#0000FF; font-weight: 400; border-bottom: none; }
.table-tramites th:after {content: ' ';height: 60%;width: 1px;position: absolute;right: 0;top: 20%;background-color: #CCCCCC;}
.table-tramites th:last-child:after, .table-tramites .no-border:after {content: ' ';height: 0%;}

.rendiciones-table-internal {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 1em;
    font-family: sans-serif;
    min-width: 400px;
    width: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}
.titulo-detalle h3{ font-weight: 400;}
.titulo-detalle h4{ font-weight: 300;}
.bg-detalle{background-color: #505151}
.bg-card-gray{background-color: #F8F8F8; border-radius: 5px;}
.include-file{font-size: 0.833em;}


.menu_lateral #menu li {display: flex;color: #999;}
.menu_lateral #menu time {position: relative;padding: 0 1.5em 0 0; min-width: 50px;}
.menu_lateral #menu time::after {content: "";position: absolute;z-index: 2;right: -1px;top: 0;transform: translateX(50%);border-radius: 50%;background: #fff;border: 3px #ccc solid;width: .8em;height: .8em;}
.menu_lateral #menu span {padding: 0 1.5em 1.5em 1.5em;position: relative;}
.menu_lateral #menu span::before {content: "";position: absolute;z-index: 1;left: 0;height: 100%;border-left: 2px #ccc solid;}
.menu_lateral #menu strong {display: block;font-weight: bolder;}
.menu_lateral #menu { margin: 0; padding:0 }
.menu_lateral #menu,
.menu_lateral #menu *::before,
.menu_lateral #menu *::after { box-sizing: border-box;}
.menu_lateral #menu li a{ text-decoration: none; font-weight: 500; font-size: 0.875em;  color: #555;}
.menu_lateral #menu li.selected a{  font-weight: 700;}
.menu_lateral #menu li.selected time{  font-weight: 700; color: #555}
.menu_lateral #menu li.selected time::after{ border-color: #0000FF;}
.menu_lateral #menu li.ok time::after{ background-color: #0000FF; border-color: #0000FF;}
.menu_lateral #menu li.incompleto time::after{ background-color: #FFFFFF; border-color: #FB9A68;}
.menu_lateral #menu li.selected span::before {border-color: #0000FF;}
.menu_lateral #menu li.ok span::before {border-color: #0000FF;}
.menu_lateral #menu li.incompleto span::before {border-color: #FB9A68;}
.menu_lateral #menu li:last-child span::before {border-left: 0;}
.positionBotonera{bottom: 50px; right: 50px;}

.preguntas li {margin-top: 15px;}
.preguntas li .pregunta{font-size: 1.00em; font-weight: 500;}
.preguntas li .respuesta{ margin-top: 10px; margin-left: 10px;}

.preguntas {list-style: none;padding: 0; margin-left: 10px;}
.preguntas li {padding-left: 1.3em;}
.preguntas li .pregunta:before {content: "\f00d"; color: #0d6efd;  font-weight: 900;position: absolute; font-family: "Font Awesome 6 Free";display: inline-block;margin-left: -1.3em;width: 1.3em;}
.preguntas li .pregunta.collapsed:before{content: "\2b";}

.positionBotonera {position: sticky !important;position: -webkit-sticky;top: 5rem;overflow-y: auto;height: calc(100vh - 5rem);}
.botonera{background: #FAFAFA;padding: 5px 10px; border-radius: 5px; display: inline-block}

#DetallePresentacion h3{ border-bottom: 2px solid #0000FF; padding-bottom: 10px;}
#DetallePresentacion label{font-weight: 700;}
.qq-upload-button{ font-size:1em; padding:5px 10px !important; width:100% !important; margin-top:10px; background:#0000ff !important; border-color:#0000ff !important}
.qq-upload-list li{background:none !important}

#TotalPuntos, #TotalPorcentaje {position: fixed;bottom: 40px;right: 50px;}
.sticky-top{z-index: 900}
.obligatorio{color: #900000}

.tipoantecedentes li{ list-style-type:none; margin:0; margin-bottom:5px;}
.tipoantecedentes li a{ display:block; background:#EFEFEF; color:#555; border:1px solid #666; padding:5px 10px;}
.tipoantecedentes li a.seleccionado, .tipoantecedentes li a:hover{background:#D9EDF7;  color:#000;}
label{font-weight: 500;}
.valorsobra, .valorfalta {
    color: #F00;
    margin: 10px 50px 0 0;
    font-weight: bold;
}
.valorok {
    color: #090;
    margin: 10px 50px 0 0;
    font-weight: bold;
}

.titulonombrearchivo {
    border: 1px solid #666;
    padding: 8px;
    margin-top: 10px;
}
.eliminar {
    text-align: right;
}
.textodoc{

}
.textoremove{

}


.bannerHomeText {
    position: absolute;
    width: 40%;
    margin: 0 10%;
    top: 4rem;
    left: 8rem;
    font-size: 1em;
}

.load-sistema{ background: url(../images/loading.gif?v=1.1) no-repeat; height: 70px; background-size: 150px; background-position: center 0px; }
.carousel-item img{width: 100%;}
.bckgSite{height: 350px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat;}

@media only screen and (max-width: 974px) {
    #NavBarSite ul li{ width: 100%; margin: 0;}
    #NavBarSite .dropdown-menu li a{ display: block}
    #NavBarSite ul .nav-item{ border-bottom: 3px solid #FFFFFF}
    #NavBarSite ul .nav-item:hover{ border-bottom: 3px solid #0000FF}
    .bckgSite{width: auto; height:300px; background-size: cover}
    .bannerHomeText {
        position: absolute;
        top: 20px;
        width: 60%;
        margin: 0 10%;
        left: 0;
        font-size: 0.83em;
    }
}

#dropPresentaciones .dropend .dropdown-menu{display: none !important;}
#dropPresentaciones .dropend:hover .dropdown-menu{display: block !important;}
@media only screen and (max-width: 768px) {
    .bckgSite{width: auto; height:250px; background-size: cover}
    .bannerHomeText {
        position: absolute;
        top: 20px;
        width: 80%;
        margin: 0 10%;
        left: 0;
        font-size: 0.83em;
    }
}