/*Cflag*/
/*.bg-gradient-primary-Principal {
    background-color: #4e73df;
    background-image: linear-gradient(180deg,#4e73df 10%,#224abe 100%);
    background-size: cover
}


.bg-login-image-Principal {
    background: url("../img/logo_Cflag.png");
    background-position: center;
    background-size: cover;
}*/

/*Asi*/

.bg-gradient-primary-Principal {
    /*background-color: #4e73df;
    background-image: linear-gradient(180deg,#4e73df 10%,#224abe 100%);*/
    background-size: cover
}


.bg-image-Principal {
    background: url("../img/logo.jpg");
    background-size: contain;
    background-position: center;
    /*background-size: cover;*/
}



.bg-info-trab {
    background-color: #1cc88a !important;
}


.bg-info-alert {
    background-color: #f6c23e !important;
}





:root,
:root.light,
:root .light {
    --color-primary-rgb: 56, 116, 255;
    --color-secondary-rgb: 49, 55, 74;
    --color-success-rgb: 37, 176, 3;
    --color-info-rgb: 0, 151, 235;
    --color-warning-rgb: 229, 120, 11;
    --color-danger-rgb: 237, 32, 0;
}






#boxAlertaLogin {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    overflow: hidden;
    padding: 5px;
}


#boxAlertaMonitor {
    position: absolute;
    top: 200px;
    right: 5px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    overflow: hidden;
    padding: 5px;
}



#boxAlertaRegistro {
    position: absolute;
    top: 200px;
    right: 5px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    overflow: hidden;
    padding: 5px;
}



#boxAlertaPassword {
    position: absolute;
    top: 200px;
    right: 5px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    overflow: hidden;
    padding: 5px;
}



#boxAlertaReset {
    position: absolute;
    top: 200px;
    right: 5px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    overflow: hidden;
    padding: 5px;
}


.cssAlertaError {
    width: 400px;
    height: 80px;
    /*background: #fff;*/
    font-weight: 500;
    margin: 15px 0;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    position: relative;
}


    .cssAlertaError::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        /*background: rgba(var(--color-danger-rgb), 0.35);*/
        animation: anim 10s linear forwards;
    }


.cssAlertaPeligro {
    width: 400px;
    height: 80px;
    background: #fff;
    font-weight: 500;
    margin: 15px 0;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    position: relative;
}


    .cssAlertaPeligro::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        /*background: rgba(var(--color-warning-rgb), 0.35);*/
        animation: anim 10s linear forwards;
    }


.cssAlertaEvento {
    width: 400px;
    height: 80px;
    background: #fff;
    font-weight: 500;
    margin: 15px 0;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    position: relative;
}


    .cssAlertaEvento::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        /*background: rgba(var(--color-success-rgb), 0.35);*/
        animation: anim 10s linear forwards;
    }





@keyframes anim {
    100% {
        width: 0;
    }
}






@charset "UTF-8";













.btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: 0.5;
}

    .btn-close:hover {
        color: #000000;
        text-decoration: none;
        opacity: 0.75;
    }

    .btn-close:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.25rem rgba(56, 116, 255, 0.25);
        box-shadow: 0 0 0 0.25rem rgba(56, 116, 255, 0.25);
        opacity: 1;
    }

    .btn-close:disabled, .btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 0.25;
    }

.btn-close-white {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
    --tema-toast-zindex: 1090;
    --tema-toast-padding-x: 0;
    --tema-toast-padding-y: 1rem;
    --tema-toast-spacing: 2rem;
    --tema-toast-max-width: 350px;
    --tema-toast-font-size: 1rem;
    --tema-toast-color:;
    --tema-toast-bg: rgba(255, 255, 255, 0.85);
    --tema-toast-border-width: 1px;
    --tema-toast-border-color: var(--tema-border-color-translucent);
    --tema-toast-border-radius: 0.375rem;
    --tema-toast-box-shadow: 0px 4px 8px -6px rgba(36, 40, 46, 0.03), 0px 16px 8px -4px rgba(36, 40, 46, 0.03);
    --tema-toast-header-color: #3e465b;
    --tema-toast-header-bg: transparent;
    --tema-toast-header-border-color: #cbd0dd;
    width: var(--tema-toast-max-width);
    max-width: 100%;
    font-size: var(--tema-toast-font-size);
    color: var(--tema-toast-color);
    pointer-events: auto;
    background-color: var(--tema-toast-bg);
    background-clip: padding-box;
    border: var(--tema-toast-border-width) solid var(--tema-toast-border-color);
    -webkit-box-shadow: var(--tema-toast-box-shadow);
    box-shadow: var(--tema-toast-box-shadow);
    border-radius: var(--tema-toast-border-radius);
}

    .toast.showing {
        opacity: 0;
    }

    .toast:not(.show) {
        display: none;
    }

.toast-container {
    --tema-toast-zindex: 1090;
    position: absolute;
    z-index: var(--tema-toast-zindex);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

    .toast-container > :not(:last-child) {
        margin-bottom: var(--tema-toast-spacing);
    }

.toast-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--tema-toast-padding-y) var(--tema-toast-padding-x);
    color: var(--tema-toast-header-color);
    background-color: var(--tema-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--tema-toast-border-width) solid var(--tema-toast-header-border-color);
    border-top-right-radius: calc(var(--tema-toast-border-radius) - var(--tema-toast-border-width));
    border-top-left-radius: calc(var(--tema-toast-border-radius) - var(--tema-toast-border-width));
}

    .toast-header .btn-close {
        margin-left: calc(-0.5 * var(--tema-toast-padding-x));
        margin-right: var(--tema-toast-padding-x);
    }

.toast-body {
    padding: var(--tema-toast-padding-x);
    word-wrap: break-word;
}



.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

























.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}





.alert {
    --tema-alert-bg: transparent;
    --tema-alert-padding-x: 1.5rem;
    --tema-alert-padding-y: 1.5rem;
    --tema-alert-margin-bottom: 1rem;
    --tema-alert-color: inherit;
    --tema-alert-border-color: transparent;
    --tema-alert-border: 1px solid var(--tema-alert-border-color);
    --tema-alert-border-radius: 0.5rem;
    position: relative;
    padding: var(--tema-alert-padding-y) var(--tema-alert-padding-x);
    margin-bottom: var(--tema-alert-margin-bottom);
    color: var(--tema-alert-color);
    background-color: var(--tema-alert-bg);
    border: var(--tema-alert-border);
    border-radius: var(--tema-alert-border-radius, 0);
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-left: 4.5rem;
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        padding: 1.875rem 1.5rem;
    }

.alert-soft-primary {
    --tema-alert-color: #003cc7;
    --tema-alert-bg: #f5f8ff;
    --tema-alert-border-color: #f5f8ff;
}

    .alert-soft-primary .alert-link {
        color: #00309f;
    }

.alert-soft-secondary {
    --tema-alert-color: #141824;
    --tema-alert-bg: #f5f7fa;
    --tema-alert-border-color: #f5f7fa;
}

    .alert-soft-secondary .alert-link {
        color: #10131d;
    }

.alert-soft-success {
    --tema-alert-color: #1c6c09;
    --tema-alert-bg: #f0fdec;
    --tema-alert-border-color: #f0fdec;
}

    .alert-soft-success .alert-link {
        color: #165607;
    }

.alert-soft-info {
    --tema-alert-color: #005585;
    --tema-alert-bg: #f0faff;
    --tema-alert-border-color: #f0faff;
}

    .alert-soft-info .alert-link {
        color: #00446a;
    }

.alert-soft-warning {
    --tema-alert-color: #bc3803;
    --tema-alert-bg: #fff6e0;
    --tema-alert-border-color: #fff6e0;
}

    .alert-soft-warning .alert-link {
        color: #962d02;
    }

.alert-soft-danger {
    --tema-alert-color: #b81800;
    --tema-alert-bg: #ffedeb;
    --tema-alert-border-color: #ffedeb;
}

    .alert-soft-danger .alert-link {
        color: #931300;
    }

.alert-outline-primary {
    --tema-alert-color: #3874ff;
    --tema-alert-bg: transparent;
    --tema-alert-border-color: #3874ff;
}

    .alert-outline-primary .alert-link {
        color: #2d5dcc;
    }

.alert-outline-secondary {
    --tema-alert-color: #31374a;
    --tema-alert-bg: transparent;
    --tema-alert-border-color: #31374a;
}

    .alert-outline-secondary .alert-link {
        color: #272c3b;
    }

.alert-outline-success {
    --tema-alert-color: #25b003;
    --tema-alert-bg: transparent;
    --tema-alert-border-color: #25b003;
}

    .alert-outline-success .alert-link {
        color: #1e8d02;
    }

.alert-outline-info {
    --tema-alert-color: #0097eb;
    --tema-alert-bg: transparent;
    --tema-alert-border-color: #0097eb;
}

    .alert-outline-info .alert-link {
        color: #0079bc;
    }

.alert-outline-warning {
    --tema-alert-color: #e5780b;
    --tema-alert-bg: transparent;
    --tema-alert-border-color: #e5780b;
}

    .alert-outline-warning .alert-link {
        color: #b76009;
    }

.alert-outline-danger {
    --tema-alert-color: #ed2000;
    --tema-alert-bg: transparent;
    --tema-alert-border-color: #ed2000;
}

    .alert-outline-danger .alert-link {
        color: #be1a00;
    }

.alert-outline-light {
    --tema-alert-color: #eff2f6;
    --tema-alert-bg: transparent;
    --tema-alert-border-color: #eff2f6;
}

    .alert-outline-light .alert-link {
        color: #bfc2c5;
    }

.alert-outline-dark {
    --tema-alert-color: #141824;
    --tema-alert-bg: transparent;
    --tema-alert-border-color: #141824;
}

    .alert-outline-dark .alert-link {
        color: #10131d;
    }

.alert-tema-primary {
    --tema-alert-color: #3874ff;
    --tema-alert-bg: var(--tema-white);
    --tema-alert-border-color: var(--tema-gray-300);
}

    .alert-tema-primary .alert-link {
        color: #2d5dcc;
    }

.alert-tema-secondary {
    --tema-alert-color: #31374a;
    --tema-alert-bg: var(--tema-white);
    --tema-alert-border-color: var(--tema-gray-300);
}

    .alert-tema-secondary .alert-link {
        color: #272c3b;
    }

.alert-tema-success {
    --tema-alert-color: #25b003;
    --tema-alert-bg: var(--tema-white);
    --tema-alert-border-color: var(--tema-gray-300);
}

    .alert-tema-success .alert-link {
        color: #1e8d02;
    }

.alert-tema-info {
    --tema-alert-color: #0097eb;
    --tema-alert-bg: var(--tema-white);
    --tema-alert-border-color: var(--tema-gray-300);
}

    .alert-tema-info .alert-link {
        color: #0079bc;
    }

.alert-tema-warning {
    --tema-alert-color: #e5780b;
    --tema-alert-bg: var(--tema-white);
    --tema-alert-border-color: var(--tema-gray-300);
}

    .alert-tema-warning .alert-link {
        color: #b76009;
    }

.alert-tema-danger {
    --tema-alert-color: #ed2000;
    --tema-alert-bg: var(--tema-white);
    --tema-alert-border-color: var(--tema-gray-300);
}

    .alert-tema-danger .alert-link {
        color: #be1a00;
    }

.alert-tema-light {
    --tema-alert-color: #eff2f6;
    --tema-alert-bg: var(--tema-white);
    --tema-alert-border-color: var(--tema-gray-300);
}

    .alert-tema-light .alert-link {
        color: #bfc2c5;
    }

.alert-tema-dark {
    --tema-alert-color: #141824;
    --tema-alert-bg: var(--tema-white);
    --tema-alert-border-color: var(--tema-gray-300);
}

    .alert-tema-dark .alert-link {
        color: #10131d;
    }

.alert-primary {
    --tema-alert-color: #cbd0dd;
    --tema-alert-bg: #3874ff;
    --tema-alert-border-color: #3874ff;
}

    .alert-primary .alert-link {
        color: #a2a6b1;
    }

.alert-secondary {
    --tema-alert-color: #cbd0dd;
    --tema-alert-bg: #31374a;
    --tema-alert-border-color: #31374a;
}

    .alert-secondary .alert-link {
        color: #a2a6b1;
    }

.alert-success {
    --tema-alert-color: #cbd0dd;
    --tema-alert-bg: #25b003;
    --tema-alert-border-color: #25b003;
}

    .alert-success .alert-link {
        color: #a2a6b1;
    }

.alert-info {
    --tema-alert-color: #cbd0dd;
    --tema-alert-bg: #0097eb;
    --tema-alert-border-color: #0097eb;
}

    .alert-info .alert-link {
        color: #a2a6b1;
    }

.alert-warning {
    --tema-alert-color: #cbd0dd;
    --tema-alert-bg: #e5780b;
    --tema-alert-border-color: #e5780b;
}

    .alert-warning .alert-link {
        color: #a2a6b1;
    }

.alert-danger {
    --tema-alert-color: #cbd0dd;
    --tema-alert-bg: #ed2000;
    --tema-alert-border-color: #ed2000;
}

    .alert-danger .alert-link {
        color: #a2a6b1;
    }

.alert-light {
    --tema-alert-color: #cbd0dd;
    --tema-alert-bg: #eff2f6;
    --tema-alert-border-color: #eff2f6;
}

    .alert-light .alert-link {
        color: #a2a6b1;
    }

.alert-dark {
    --tema-alert-color: #cbd0dd;
    --tema-alert-bg: #141824;
    --tema-alert-border-color: #141824;
}

    .alert-dark .alert-link {
        color: #a2a6b1;
    }