html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.login-background {
    background-color: #FFF;
    background-image: url(../assets/images/airlan/login-background.png) !important;
    background-size: contain;
    background-position: left;
    background-repeat: round;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -100;
    position: absolute;
}

@media (max-width: 1500px) {
    .login-background {
        background-color: #FFF;
        background-image: url(../assets/images/airlan/login-background.png) !important;
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        z-index: -100;
        position: absolute;
    }
}

.login-container {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.pendiente {
    background-color: #f58646 !important;
}

.aceptado {
    background-color: #059669 !important;
}

.rechazado {
    background-color: #EF4444 !important;
}

.bajas {
    background-color: #0dcaf0 !important;
}

.libreDisp {
    background-color: #f7059e !important;
}


.pointer {
    cursor: pointer;
}

.modal-sm {
    position: fixed;
    z-index: 1059;
    width: 700px;
    height: 375px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.swal2-popup.swal2-toast .swal2-styled {
    margin: 0.125em 0.3125em;
    padding: 0.3125em 0.625em;
    font-size: 1em;
}

    .swal2-popup.swal2-toast .swal2-styled:focus {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5);
    }

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: 0.4;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-styled {
    margin: 0.3125em;
    padding: 0.625em 1.1em;
    box-shadow: none;
    font-weight: 500;
}

    .swal2-styled:not([disabled]) {
        cursor: pointer;
    }

    .swal2-styled.swal2-confirm {
        border: 0;
        border-radius: 0.25em;
        background: initial;
        background-color: #2778c4;
        color: #fff;
        font-size: 1em;
    }

    .swal2-styled.swal2-deny {
        border: 0;
        border-radius: 0.25em;
        background: initial;
        background-color: #d14529;
        color: #fff;
        font-size: 1em;
    }

    .swal2-styled.swal2-cancel {
        border: 0;
        border-radius: 0.25em;
        background: initial;
        background-color: #757575;
        color: #fff;
        font-size: 1em;
    }

    .swal2-styled:focus {
        outline: 0;
        box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
    }

    .swal2-styled::-moz-focus-inner {
        border: 0;
    }

.cur-pointer {
    cursor: pointer;
}

.bg-gray {
    background-color: #dcdcdc !important
}

.diaParcial {
    box-shadow: none !important;
    border-bottom: 3px dashed rgb(5, 150, 105) !important;
}
.diaParcial_baja {
    box-shadow: none !important;
    border-bottom: 3px dashed #0dcaf0 !important;
    /*background: repeating-linear-gradient( 45deg, white 20px, white 40px, #0dcaf0 40px, #0dcaf0 60px );*/
}

.diaParcial_pendiente {
    box-shadow: none !important;
    border-bottom: 3px dashed #f58646 !important;
    /*background: repeating-linear-gradient( 45deg, white 20px, white 40px, #f58646 40px, #f58646 60px );*/
}

.diaParcial_aprobado {
    box-shadow: none !important;
    border-bottom: 3px dashed #059669 !important;
    /*background: repeating-linear-gradient( 45deg, white 20px, white 40px, #bbe0ce 40px, #bbe0ce 60px );*/
}

.diaParcial_rechazado {
    box-shadow: none !important;
    border-bottom: 3px dashed #EF4444 !important;
    /*background: repeating-linear-gradient( 45deg, white 20px, white 40px, #EF4444 40px, #EF4444 60px );*/
}

.diaParcial_libreDisp {
    box-shadow: none !important;
    border-bottom: 3px dashed #f7059e !important;
    /*background: repeating-linear-gradient( 45deg, white 20px, white 40px, #EF4444 40px, #EF4444 60px );*/
}