/* GENERAL */
    body{
        background-color: #f3f3f3;
    }

    .first-navbar{
        background-color: white !important;
    }

    .second-navbar{
        background-image: url('http://www.udgvirtual.udg.mx/imagenes/bk_ban.jpg'); 
        background-repeat: repeat-x; 
    }

    .third-navbar{
        background-color: #fff; 
        border-color: #ddd; 
        border-style: solid; 
        border-width: 1px; 
        box-shadow: 
                0 0.46875rem 2.1875rem rgba(0, 0, 0, 0.03), 
                0 0.9375rem 1.40625rem rgba(0, 0, 0, 0.03), 
                0 0.25rem 0.53125rem rgba(0, 0, 0, 0.05), 
                0 0.125rem 0.1875rem rgba(0, 0, 0, 0.03)
    }

    .pre-title{
        color: #999999; 
        font-weight: bold; 
        font-size: 14px;
    }

    .title{
        color: #333333; 
        font-weight: bold;
    }

    .sub-title{
        color: #333333; 
        font-weight: bold;
        font-size: 16px;
    }

    .btn-outline-secondary:hover{
        color: #6c757d;
        background-color: #e7e7e7;
        border-color: #e7e7e7;
    }

    
    .btn-outline-secondary:focus, .btn-outline-secondary:active{
        color: #6c757d !important;
        background-color: #d4d4d4 !important;
        border-color: #d4d4d4 !important;
    }


    .btn-purple{
        background-color: #5194e5;
        border-color: #5194e5;
        color:white !important;
    }

    .btn-purple:hover{
        background-color: #3779c8;
        border-color: #3779c8;
    }

    .custList{
        border-width: thin;
        border-style: solid;
        border-color: lightgray; 
        border-left: none;
        border-right: none; 
        border-top: none;
    }


/* INICIO */
    .shadow-box{
        box-shadow:  10px 10px 20px #d9d9d9, -10px -10px 20px #ffffff;
    }

    .color-box i, .color-box svg{
        font-size: 40px !important;
        margin-left: 20px !important;
        margin-top: 19px !important;
    }

    .counter-numbers{
        margin-top: 0px; 
        font-size: 4rem;
        margin-top: -17px !important;
        color: white; 
        margin-right: 18px !important;
    }

/* BÚSQUEDA */
    .update-documentation{
        border-style: solid; 
        width: fit-content; 
        padding: 17px; 
        font-size: 16px !important;
        border-width:.5px;
        border-radius: 10px; 
        box-shadow: 
                -6px -6px 10px rgba(255, 255, 255, 0.8), 
                6px 6px 10px rgba(0, 0, 0, 0.2); 
        color: #6f6cde !important; 
        cursor: pointer;
    }

    .checkbox-container{
        border-style: solid; 
        border-color: lightgray; 
        border-width: .5px; 
        box-shadow: 
                -6px -6px 10px rgba(255, 255, 255, 0.8), 
                6px 6px 10px rgba(0, 0, 0, 0.2); 
        cursor: pointer; 
        border-radius: 10px;
    }

    
/* ASPIRANTES TODOS */
    .bg-success{
        background-color: #bfedc9!important;
        color: #037500!important;
    }

    .icon-rotates {
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;	
    }

    .icon-rotates.rotate {
        -moz-transition: rotate(90deg);
        -webkit-transition: rotate(90deg);
        transition: rotate(90deg);
    }


    .dropdown.open .icon-rotates {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .show{
        display:content;
    }


    .admission-container{
        border-radius: 15px;
        text-align: center; 
        font-weight: 600;
        letter-spacing: .5px; 
        font-size: 12px;
    }

    .admission-container.admitted{
        background-color: #eff9f4; 
        color: #66c98e; 
    }

    .admission-container.not-admitted{
        background-color: #f9efef;
        color: #c96666;
    }

    .admission-container.not-registration{
        background-color: #fcffd7;
        color: #c4b051;
    }

    .admission-container i, .admission-container svg{
        font-size: 7px !important; 
        margin-bottom: 1px;
    }



/* NUEVO PAQUETE */

.nav-item{
    /*border-left-width:0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 1px;
    border-style: solid;
    border-color: #ddd;*/
    padding-right: 7px;
    padding-left: 7px;
    text-align: center;
}

.card{
    border-width: 0px; border-radius: 10px;
    background: #ffffff;
    box-shadow:  
        10px 10px 20px #d9d9d9, 
        -10px -10px 20px #ffffff;
}

.navbar-toggler{
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 20px;
}

.btn-primary{
    background-color: #3271a3; border-color: #3271a3
}
.btn-success {
    background-color: #459F91;
    border-color: #459F91;
}
.btn-secondary{
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}

.btn-white:hover{
    background-color: #fbfbfb;
    text-decoration: underline;
}

.btn-outline-danger{
    border:none;
    font-weight: 500;
    color: #dc3545 !important;
    background-color: white !important;

}

.name:hover p{
    color:#69a2ff !important;
}

.navbar-brand{text-align: left;}



@media only screen and (max-width: 991px) {
    .navbar-brand{text-align: center;}
}



.toggle{
    /*position: absolute;*/
    top:-19%;
    left:95%;
    transform: translate(-50%,0);
    height: 36px;
    width: 46px;
    /*background: #262626;*/
    margin-top: 8px;
    margin-bottom: 8px;
    
}

.toggle span{
    display: block;
    width: 20px;
    height: 2.5px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    /*background: #7c7c7d;*/
    /*background: #9b9b9c;*/
    background: #b0b1b2;
    transition: .5s;
    box-shadow: 0 1px 1px rgba(0,0,0,.10);
}


.toggle span:nth-child(1){
    transform: translate(-50%,-50%) translateY(-8px);
    transition: .2s;
}

.toggle span:nth-child(4){
    transform: translate(-50%,-50%) translateY(8px);
    transition: .2s;
}

.toggle.active span:nth-child(1){
    transform: translate(-50%,-50%) translateY(-10px);
    opacity: 0;
}

.toggle.active span:nth-child(4){
    transform: translate(-50%,-50%) translateY(10px);
    opacity: 0;
}



.toggle.active span:nth-child(2){
    transform: translate(-50%,-50%) rotate(45deg);
    transition-delay: .2s;
}

.toggle.active span:nth-child(3){
    transform: translate(-50%,-50%) rotate(-45deg);
    transition-delay: .2s;
}

.pagination-info{font-weight: bold;color: #5f5f5f; font-size: 1rem; }
.pagination-info-numbers{font-weight: bold; font-size: 17px;color: #3271a3;}
.page-item.active .page-link{    background-color: #3271a3; border: none;}
.page-item .page-link {border-radius: .25rem;}
.page-link{border: none;}
.page-link a{color: #3271a3;}
    

.nav-item:hover, .nav-item.active{
    border-radius: 3px;
    color: black;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .nav-item .active{
    color: black;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover i{
    color: black;
}