@charset "UTF-8";


.noMB {
    margin-bottom: 0em !important;
}

.titleText {
    font-size: 1.8em;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 2.4em;
    line-height: 1.33;
    text-align: center;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 1.4em;
    display: inline-flex;
    justify-content: center; /* center the content horizontally */
    align-items: center; /* center the content vertically */
    --padding-x: 1.2em;
    border-color: transparent; /* hide button border */


}

:root {
    scroll-behavior: smooth;
}

.stt {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;

    box-shadow: 0 0.25rem 0.5rem 0 gray;
    opacity: 0.7;
    z-index: 10000;
}

.stt:hover {
    opacity: 0.8;
}

.stt:focus {
    opacity: 0.9;
}

.stt:active {
    opacity: 1;
}

.lightgreyform {
    background-color: rgb(200, 200, 200) !important;
}


.alertb {
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 12px;
    font-size: 16px;
    border-left: 5px solid rgb(3, 152, 158)
}

.alertb.alert-warningb {
    background-color: rgba(252, 248, 227, 1);
    border-color: rgba(177, 161, 129, 1);
    color: rgba(138, 109, 59, 1);
    padding: 1em;
}


.formAprobar {

    padding: 1em;
}

.formRechazar {
    margin-top: 0px;
    padding: 1em;
}

#reset-this-root {
    all: unset;
}


.row-form-class {
    /* display: flex; align-items: center; */
    width: 50%;

}

.label-form-class {
    width: 50%;
}

div [class="row-form-class"] {
    width: 50%;
}


.alert-info,
.alert-success,
.alert-warning,
.alert-error {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
}

.alert-info {
    color: #059;
    background-color: #BEF;
}

.alert-success {
    color: #270;
    background-color: #DFF2BF;
}

.alert-warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

.alert-error {
    right: -100%;
    color: #D8000C;
    background-color: #facaca;
    border-left: 5px solid rgb(158, 3, 3);
    -webkit-animation: alert-error 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: alert-error 0.5s forwards;
    animation-delay: 2s;
}

@-webkit-keyframes alert-error {
    100% {
        right: 0;
    }
}

@keyframes alert-error {
    100% {
        right: 0;
    }
}