:root{
    --sad-blue: rgb(29, 113, 184);
    --sad-darkblue: rgb(15, 57, 92);
    --sad-gray: rgb(229, 229, 228);
    --sad-lightblue: rgb(171, 220, 242);
    --sad-grey: rgb(112, 111, 111);
    --sad-bluechill: #1e3799;
    --sad-light: #f5f6fa;
    --sad-bluegradient: radial-gradient( circle farthest-corner at 10% 20%,  rgba(7,121,222,1) 0%, rgba(20,72,140,1) 90% );
    --sad-lightgradient: radial-gradient( circle farthest-corner at 1.9% 6.4%,  rgba(53,58,249,1) 0%, rgba(87,104,241,1) 90% );
    --sad-yellow: #fffa65;
}

#volver-a{
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    z-index: 99 !important;
}

.bg-sad-yellow{
    background: var(--sad-yellow) !important;
}

* {
scrollbar-width: thin;
scrollbar-color: #4159d2 #f2e9e9;
}

*::-webkit-scrollbar {
width: 10px;
}

*::-webkit-scrollbar-track {
background: #cacaca;
}

*::-webkit-scrollbar-thumb {
background-color: #4159d2;
border-radius: 10px;
border: 2px solid #ffffff;
}

#fotografia{
    background-color: lightgray !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 12rem;
    width: 10rem;
    border: 1px double #ddd;
    border-radius: 4px;
}
.control-cv{
    cursor: pointer;
    opacity: .7;
}
.control-cv.block{
    cursor: not-allowed;
    opacity: .3;
}
.control-cv:hover:not(.block){
    opacity: 1;
}

.form-control {
    color: black !important;
}
::placeholder {
    color: rgb(201, 201, 201) !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: rgb(201, 201, 201) !important;
}

::-ms-input-placeholder {
    color: rgb(201, 201, 201) !important;
}

.text-sad-blue{
    color: var(--sad-blue);
}
.text-sad-darkblue{
    color: var(--sad-darkblue);
}
.text-sad-gray{
    color: var(--sad-gray);
}
.text-sad-grey{
    color: var(--sad-grey);
}

.bg-sad-gray{
    background-color: var(--sad-gray);
}

.bg-sad-grey{
    background-color: var(--sad-grey);
}
.bg-sad-light{
    background-color: var(--sad-light);
}
.bg-sad-bluegradient{
    background-image: var(--sad-bluegradient);
}
.bg-sad-lightgradient{
    background-image: var(--sad-lightgradient);
}

.bg-sad-lightblue{
    background-color: var(--sad-lightblue) !important;
}

.bg-sad-blue{
    background-color: var(--sad-blue);
}

.bg-sad-bluechill{
    background-color: var(--sad-bluechill);
}

.bg-sad-darkblue{
    background-color: var(--sad-darkblue);
}

.btn-lightred{
    background: #fab1a0 !important;
    color: black !important;
}
.btn-lightred:hover{
    background: #ff7675 !important;
    color: black !important;
}

.btn-lightblue{
    background: #AEE7FF !important;
    color: black !important;
}
.btn-lightblue:hover{
    background: #7DD9FF !important;
    color: black !important;
}

.btn-blue{
    background: #64B5F6 !important;
    color: white !important;
}
.btn-blue:hover{
    background: #1976D2 !important;
    color: white !important;
}

.btn-yellow{
    background: #fffdb9 !important;
    border: 1px solid #fff0a2;
    color: #000 !important;
}
.btn-yellow:hover{
    background: #fff0a2 !important;
    color: #000 !important;
}

.btn-green{
    background: #4cd137 !important;
    color: white !important;
}
.btn-green:hover{
    background: #61fd49 !important;
    color: black !important;
}


.btn-sad{
    background: var(--sad-darkblue) !important;
    color: white !important;
}
.btn-sad:hover{
    background: #034882 !important;
    color: white !important;
}

.titular{
    font-size: 20px;
}


.enlace-seccion{
    text-decoration: none !important;
    color:#2f3640;
    border-top: 1px transparent solid;
    border-bottom: 1px transparent solid;
    transition: .1s linear;
    z-index: 900 !important;
}
.enlace-seccion:not(:last-child){
    border-bottom: 1px var(--sad-gray) solid;
    z-index: 900 !important;
}


.enlace-seccion:hover{
    background-color: white;
    border-radius: 8px;
    transform: scale(1.06);
    border: 1px var(--sad-grey) solid;
    z-index: 1000 !important;
    transition: .1s linear;
    position: relative;
}

.megamenu>div a{
    color:var(--sad-grey) !important;
    transition: .1s linear;
}

.megamenu>div a:hover{
    color: var(--sad-blue) !important;
    transform: translateX(10px);
    transition: .1s linear;
}

.megamenu>div a:hover::before{
    font-family:'FontAwesome';
    content: "\f054               ";
}

#menu-vitae{
    padding-right: 2rem;
    padding-bottom: 1.2rem;
}
#menu-tiempo-avance{
    padding-bottom: 1.2rem;
}

#menu-perfil{
    padding-left: 2rem;
    padding-bottom: 3rem;
}


.nav-item .dropdown .show{
    color: red !important;
}


@media only screen and (max-width: 1090px) {
    .tarjeta{
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
}

@media (max-width: 576px) {
    .display-4{
        font-size: 1.8rem !important;
    }
}
@media (max-width: 350px) {
    .display-4{
        font-size: 1.2rem !important;
    }
}

.panel-perfil{
    height: 12rem !important;
    width: 12rem !important;
    margin: 0 !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: inline-block;
}

.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
    width: 100%;
	left: 0;
    right: 0;
	padding: 15px;
}

.modal{
    z-index: 1000;
}
.modal-backdrop{
    z-index: 999;
}
.modal-backdrop.show{
    opacity: .8;
}



.modal.modal-fullscreen .modal-dialog {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    max-width: none;
}

.modal.modal-fullscreen .modal-content {
height: auto;
height: 100vh;
border-radius: 0;
border: none; }

.modal.modal-fullscreen .modal-body {
overflow-y: auto;
}

.swal2-container{
    z-index: 10099;
}

.navbar{
    z-index: 99;
}


.swal-wide{
    width:850px !important;
}
.swal-wide-lg{
    width:1280px !important;
}
.swal-xl{
    width:90vw !important;
}

.zsuper{
    z-index: 999999999 !important;
}


.bg-espera{
    background: #1B9CFC;
}
.bg-rechazado{
    background: #e84118;
}
.bg-aceptado{
    background: #3ae374;
}


.text-espera{
    color: #1B9CFC;
}
.text-rechazado{
    color: #e84118;
}
.text-aceptado{
    color: #3ae374;
}


.badge-espera{
    background: #1B9CFC;
    color: white;
}

.badge-rechazado{
    background: #e84118;
    color: white;
}
.badge-aceptado{
    background: #3ae374;
    color: white;
}

.texto-limitador{
    display: block;
    font-size: 10px;
}


.lista_nacionalidades{
    height: 90px;
    overflow: hidden;
    transition: 300ms all ease;
}
.lista_nacionalidades_desplegado{
    height: 350px;
    overflow-y: scroll;
    transition: 300ms all ease;
}

.banda{
    width: 5rem;
    height: .3rem;
    align-self: center;
    margin-left: 0;
    margin-top: 0;
    background: rgb(36, 102, 225);
}


.puntos::after {
    animation: puntos .75s linear infinite;
    display: inline-flex;
    width: 1rem;
    content: ".";
}
@keyframes puntos {
    0% {
        content: ".";
    }
    50% {
          content: "..";
    }
    75% {
        content: "...";
    }
}

.opacity{
    opacity: .5;
}

.badge-alerta{
    background-color: #ff9f1a;
}