﻿
#mainContainerLayout {
    margin-top: 10px;
    margin-right: 10px;
    padding-left: 5px;
}

.k-radio-label:before {
    content: "";
    top: 0;
    padding-top: -5px !important;
    left: 0;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    border-style: solid;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li > a {
    /* color: #F5F5F5; */
    color: #000000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.active > a {
    /*background: #007bff;
                                    color: #FFF;*/
   
    color: #000000;
}

.scoop .scoop-navbar .scoop-item {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #FFFFFF !important; /* color: #007bff ; */
}

.scoop[theme-layout="vertical"] .scoop-navbar {
    z-index: 1027;
    webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .9) !important;
    /* height: 100%; */
}

ul ul a:not(.verticalmenumain) {
    font-size: 0.85em !important;
    /* padding-left: 20px !important; */
    /* background: rgba(0, 0, 0, .125) !important; */
    /* background: #17a2b8 !important; */
    /* background: #007bff !important; */
    background: transparent !important;
}

.scoop[theme-layout="vertical"] .scoop-navbar .scoop-item li.scoop-hasmenu.scoop-trigger[dropdown-icon="style1"] > a:after {
    content: "\e604";
    font-family: simple-line-icons;
    color: #444 !important;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu > a:after {
    color: #252423 !important;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu:hover > a:after {
    color: #FFF !important;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item li.scoop-hasmenu .scoop-submenu {
    background: #f6f6f6;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-trigger > a {
    background: #DDDDDD !important;
    border-bottom-color: #F5F5F5 !important;
    color: black !important;
    font-weight: 700;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-trigger:hover > a {
    background: #2886de !important;
    border-bottom-color: #2886de !important;
    color: #FFF !important;
    /*font-weight: 700;*/
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item li.scoop-hasmenu .scoop-submenu li > a {
    border-bottom-color: #f5f5f5;
    color: black;
    font-weight: 400 !important;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item li.scoop-hasmenu .scoop-submenu li:hover > a {
    border-bottom-color: #f5f5f5;
    color: #5b5fc7;
    font-weight: 400 !important;
}

.mCustomScrollBox {
    background-color: #ffffff !important; /*#007bff*/
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "";
   
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-bar-chart:before {
    content: "";
    color: #FFFFFF;
}

.fa-chalkboard:before {
    content: "\f51b";
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-chalkboard:before {
    content: "\f51b";
    color: #FFFFFF;
}

.scoop-micon > .fa-file-signature:before {
    content: "\f573";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-file-signature:before {
    content: "\f573";
    color: #FFFFFF;
}

.scoop-micon > .fa-user:before {
    content: "";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-user:before {
    content: "";
    color: #FFFFFF;
}

.scoop-micon > .fa-user-friends:before {
    content: "";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-user-friends:before {
    content: "";
    color: #FFFFFF;
}

.fa-users:before {
    content: "";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-users:before {
    content: "";
    color: #FFFFFF;
}

.fa-file-contract:before {
    content: "\f56c";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-file-contract:before {
    content: "\f56c";
    color: #FFFFFF;
}

h4 > .fa-layer-group:before {
    content: "";
    color: #000 !important;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-layer-group:before {
    content: "";
    color: #FFFFFF;
}

h4 > .fa-id-badge:before {
    content: "";
    color: #000;
}

.scoop-micon > .fa-id-badge:before {
    content: "";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-id-badge:before {
    content: "";
    color: #FFFFFF;
}

h4 > .fa-cogs:before {
    content: "\f085";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-cogs:before {
    content: "\f085";
    color: #FFFFFF;
}

.scoop-micon > .fa-clock-o:before {
    content: "";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-clock-o:before {
    content: "";
    color: #FFF;
}

.fa-comment:before {
    content: "";
    color: #000;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a > .scoop-micon > .fa-comment:before {
    content: "";
    color: #FFF;
}

.scoop-hasmenu:hover .fas {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.scoop-hasmenu:hover .fa {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

#mainsidemenu a:hover {
    color: #FFFFFF;
    text-decoration: none;
}


.lastsubmenu {
    padding-bottom: 15px !important;
}


.fa-cogs.stats_totals_icon:before {
    content: "\f085";
    
}

.fa-users.stats_totals_icon:before {
    content: "";
    
}

.fa-chalkboard.stats_totals_icon:before {
    content: "\f51b";
    
}

.fa-file-signature.stats_totals_icon:before {
    content: "\f573";
   
}

.fa-clock-o.stats_totals_icon:before {
    content: "";
   
}

.fa-id-badge.stats_totals_icon:before {
    content: "";
   
}

/*FOOTER*/

footer {
    background-color: #0078D7;
    color: white;
    padding: 40px 20px 20px;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 25px 10px;
    max-width: 1000px;
    margin: auto;
}

.footer-column {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .footer-column h4 {
        margin: 0 0 12px;
        font-size: 16px;
        font-weight: 700;
    }

    .footer-column a {
        color: white !important;
        text-decoration: none;
        font-size: 14px;
        padding: 4px 0;
    }

        .footer-column a:hover {
            color: #C3D9FF;
        }

    /* Flecha oculta en escritorio */
    .footer-column .chevron {
        display: none;
    }

/* MÓVIL: acordeón */
@media (max-width: 580px) {
    .footer-grid {
        display: block;
    }

    .footer-column {
        border-top: 1px solid rgba(255,255,255,0.3);
        padding: 0;
    }

        .footer-column h4 {
            padding: 12px 16px;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
        }

            .footer-column h4 span {
                flex: 1;
                display: flex;
                align-items: center;
                gap: 8px;
                justify-content: flex-start;
            }

        .footer-column ul,
        .footer-column a {
            display: none;
            padding-left: 0;
            margin: 0;
        }

        .footer-column.active a {
            display: block;
            padding: 4px 0 0 16px;
        }

        .footer-column .chevron {
            display: inline-block;
            transition: transform 0.3s ease;
        }

        .footer-column.active .chevron {
            transform: rotate(90deg);
        }
}
/*end of FOOTER*/
/*global overrides of bootstrap*/
.btn-secondary:hover {
    background-color: #f0f0f0 !important;
    border-color: #565e64 !important;
}
