* {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    color: #444;
}

h1 {
    font-family: 'Roboto';
    font-weight: 700;
}

a {
    text-decoration: none;
    color: #005991;
}

    a:hover {
        text-decoration: none;
        font-weight: 500;
        color: #666;
    }

    a:visited {
        text-decoration: none;
        font-weight: 500;
        color: #005991;
    }

thead th, thead th span {
    background: slategrey !important;
    color: #fff !important;
    border-radius: 0px !important;
}

table {
    width: 100% !important;
}

#ListA, #ListB {
    border: 1px solid #eee;
    width: 100%;
    padding: 3px 10px 5px 0px;
    margin-right: 10px;
    border-radius: 4px;
}

    #ListA li, #ListB li {
        display: block;
        margin: 0px 5px 0px 5px;
        padding: 2px;
        font-size: 1.2em;
        width: 100%;
    }

.btn-default {
    background-color: #fff;
    border-color: rgb(235, 235, 235);
}

    .btn-default:hover {
        background-color: #fff;
        border-color: rgb(235, 235, 235);
        box-shadow: 0 2px 2px -2px #d23d05;
        font-weight: 500;
    }

.mensajes_sga, .mensajes_sga td {
    color: #666 !important;
    font-size: 13px;
}

.table-light td {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
}

.mensajes_nl td {
    background-color: #ffffff;
}



    /* COLORES SGA */
    .cygnus-color, .btn-primary {
        background-color: #005991;
        border-color: #005991;
        text-align: center;
    }

    .cygnus-color span {
        font-family: 'League Spartan';
        font-size: 20px;
        color: #fff !important;
    }

    .cygnus-color .card-title, .cygnus-color .card-tools i {
        color: #fff !important;
    }

.cyg-btn-editar {
    display: block;
    height: 24px !important;
    width: 24px !important;
    border-radius: 4px;
    border: 1px solid lightgray;
    text-align: center;
    vertical-align: bottom;
    padding: 2px;
}

    .cyg-btn-editar:hover {
        display: block;
        height: 24px !important;
        width: 24px !important;
        border-radius: 4px;
        background-color: lightgray;
        border: 1px solid lightgray;
        text-align: center;
        vertical-align: bottom;
        padding: 2px;
    }

.sga-color, .form-check-input:checked {
    background-color: #d23d05;
    border-color: #d23d05;
}

    .sga-color .card-title, .sga-color .card-tools i, .sga-color .modal-title {
        color: #fff !important;
    }

.nav-link.active:not(:hover) {
    background-color: rgba(135, 30, 0, 0.5) !important;
}

    .nav-link.active:not(:hover) p, .card-tabs .nav-tabs .nav-link.active:not(:hover) {
        color: #fff !important;
    }

.text-shadow * {
    color: #fff !important;
    text-shadow: 1px 1px 2px black;
}

.dropdown-item:active {
    background-color: #d23d05;
}

    .dropdown-item:active h3, .dropdown-item:active p, .dropdown-item:active i {
        color: #ffffff !important;
    }

.custom-file-label::after {
    content: "Examinar..."
}

/* CARDS */
.login-card-body {
    background-color: #e7e7e7;
}

.card {
    border-width: 0px;
    box-shadow: none;
}

.card-cygnus {
    --lte-card-variant-bg: #d23d05;
}

.card-body {
    border-radius: 4px !important;
}

.card-tabs .nav-tabs .nav-link {
    color: #444;
}




/* TO DO LIST */
.todolist {
    display: block;
    border-radius: 4px !important;
    margin: 0px;
    border: 1px solid #c5c5c5;
    overflow: hidden;
    background-color: #e2e3e5;
}

    .todolist i {
        font-size: 10px;
    }


#listA li.ui-sortable-handle, #listB li.ui-sortable-handle {
    margin: 0px 4px;
}




/* CAROUSEL */
.carousel-vision {
    min-height: 100% !important;
    background: linear-gradient(360deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 30%) !important;
}

.carousel-border-radius {
    border-radius: 4px !important;
    overflow: hidden;
}




/* BOXES */
.info-box-icon {
    min-width: 70px !important;
    min-height: 70px !important;
}

    .info-box-icon i {
        font-size: 26px;
        color: #fff;
    }

.info-box {
    overflow: hidden;
}

.page-item.active .page-link {
    background-color: #d23d05;
    border-color: #d23d05;
}



/* TAGS */
#sga_home canvas {
    height: 350px !important;
}

#funcNav .nav-link {
    color: #212529 !important;
}

    #funcNav .nav-link:hover {
        background-color: #e7e7e7 !important;
        border-radius: 4px;
    }

#clr-color-area {
    color: inherit;
}



/* DATEPICKERS */
.drp-calendar {
    margin: 0px !important;
    padding: 0px !important;
}

.calendar-time {
    margin: 0px !important;
    padding: 10px !important;
}

.hourselect, .minuteselect {
    background: #fff !important;
    border-radius: 4px;
}



/* CALENDAR */
#calendar * {
    overscroll-behavior: none;
}

#calendar .btn-primary[text="Hoy"] {
    background-color: #80aa80;
    border-color: #80aa80;
}

/*#calendar .btn-primary {
    background-color: #a0a0a0;
    border-color: #808080;
}*/

#calendar .fc-toolbar-title {
    text-transform: uppercase;
}

#calendar .fc-prev-button span, #calendar .fc-next-button span {
    color: #ffffff;
}

#calendar table thead, #calendar table thead tr, #calendar table thead th, #calendar table thead th div, #calendar table thead th div a {
    text-transform: uppercase;
    font-weight: 500;
}

#calendar table table td:not(td:nth-child(1)) div {
}

#calendar .fc-event-title-container div {
    font-size: 12px !important;
}

#calendar table thead th {
    background-color: rgba(0, 90, 145, 0.3) !important;
}

    #calendar table thead th div a {
        padding: 4px;
    }

#calendar .fc-view {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 2px 2px 0px #ccc;
}

.fc-day-today {
    background-color: rgba(135, 30, 0, 0.1) !important;
}


/* PAGINACION */
.page-link {
    color: #808080;
}

/* IMAGES */
.cygnus-background {
    background-image: url('../img/cygnus-footer.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

/* FONTS */
@font-face {
    font-family: 'League Spartan';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../css/fonts/League-spartan.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../css/fonts/Roboto-400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../css/fonts/Roboto-500.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../css/fonts/Roboto-700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}