.top-5 {
    margin-top: 5px;
}

.top-10 {
    margin-top:10px;
}
.top-50 {
    margin-top:50px;
}

.top-100 {
    margin-top:100px;
}

.icon-color-info {
    color: #05C5F1;
}

.tituloTurno {
   color: #05C5F1;
   font-weight: bold;
}

label {
    width: 100%;
    font-size: 1rem;
}

.card-input-element + .card {
    /*height: calc(78px + 2*1rem);*/
    color: var(--primary);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #f8f3f3;
    border-radius: 4px;
}

.card-input-element + .card:hover {
    cursor: pointer;
}

.card-input-element:checked + .card {
    border: 2px solid var(--primary);
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
   
}

    .card-input-element:checked + .card::after {
        color: #AFB8EA;
        font-family: FontAwesome;
        content: "\f00c";
        font-size: 24px;
        -webkit-animation-name: fadeInCheckbox;
        animation-name: fadeInCheckbox;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        padding-right: 23px;
    }

@-webkit-keyframes fadeInCheckbox {
    from {
        opacity: 0;
        -webkit-transform: rotateZ(-20deg);
    }

    to {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
    }
}

@keyframes fadeInCheckbox {
    from {
        opacity: 0;
        transform: rotateZ(-20deg);
    }

    to {
        opacity: 1;
        transform: rotateZ(0deg);
    }
}
.loading {
    margin-top: 2%;
    margin-left: 45%;
    width: 32px;
    height: 32px;
    background-image: url('/images/loader.gif');
    background-repeat: no-repeat;
}

.btn-outline-primary:hover {
    background-color: #05C5F1;
    border-color: #05C5F1;
}

#cabecera {
    background-image: linear-gradient(90deg, rgba(5,197,241,0.80) 0%, rgba(115,204,48,0.80) 100%), url('/Content/imagenes/ballpen-blur-close-up-computer-461077.png');
    background-size: cover;
    background-position-y: center;
}

.h3 {
    /*text-align: center;*/
    font: Regular 34px/51px Poppins !important;
    letter-spacing: 0;
    color: #1F375A;
    opacity: 1;
    /*font-size: 2.17em*/
}

.mboton {
    margin-bottom: -4.5rem !important;
}


.tarjeta, .tarjeta a {
   
    border-radius: 15px !important
}