<style>
    .imglogout {
        vertical-align: middle;
        width: 20px;
        margin-right: 10px;
    filter: invert(48%) sepia(79%) saturate(0%) hue-rotate(86deg) brightness(200%) contrast(119%);
    transition:.35s all ease;
    }
    .hero-section h1 {
        font-size: 35px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 15px;
        padding-top: 30px;
    }
    .site-navbar .site-navigation .site-menu > li > a {
        font-size: 16px;
    }
    .boxsection {
        border-radius: 20px;
        padding: 40px 20px 20px;
        background: #2b4365;
        margin: 0px;
        box-shadow: 1px 2px 9px #ccc;
        color: red;
        color: #fff;
        font-weight: bold;
        cursor:pointer;
        transition:.35s all ease;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .boxsection:hover {
        background: #48aa42;
        transform:scale(1.1);
    }
    .boxsection i {
        font-size: 50px;
        margin-bottom: 15px;
    }
    .boxsection p {
        min-height: 50px;
    }
    .boxsection p {
        min-height: 50px;
        line-height: 1.4;
        font-size: 16px;
    }
    .hero-section.inner-page {
        margin-bottom: 30px;
    }
    .pocont h3 {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 30px;
    }
    .tab-block .tab-mnu li {
        font-size: 16px;
    }
    .formgroup.desc label, .formgroup.imgcont label {
        background: #2f2f2e;
        display: inline-block;
        color: #fff;
        padding: 10px;
        width: 100% !important;
        font-weight: bold;
    }
    #guardareditmision, #guardarhorarios, #guardarmod {
        font-size: 16px;
    }
    .note-editable li {
        margin-left: 20px;
    }
    .boxsection p span {
        font-size: 12px;
    }
    .addnew {
        float: right;
        margin-top: 20px;
        text-align: left;
        font-size: 14px;
        /* background: #72af00; */
        background: linear-gradient(-45deg, #72af00, #72af00);
        border-radius: 10px;
        color: #fff;
        line-height: 1.2;
        padding-top: 0;
        cursor: pointer;
        padding: 0 20px 15px 10px;
        transition: .35s all ease;
        padding: 15px;
    }
    @media(max-width:1024px){
        .col-md-3.text-center {
            width: 33.33%;
            max-width: 33.33%;
            flex: 0 0 33%;
        }

    }
    
    @media(max-width:768px){
        .col-md-3.text-center {
            width: 50%;
            max-width: 50%;
            flex: 0 0 50%;
        }
        .boxsection p {
            min-height: 50px;
            line-height: 1.4;
            font-size: 15px;
        }

    }
    #btnexcel {
    display: none!important;
}
.editor .popUpStatus {
    z-index: -1111;
    display: none!important;
}

</style>


<li><a href="/admin/paginas" class="nav-link"><img src="/admin/img/sections.svg" class="imglogout"> Páginas</a></li>
<li><a href="/admin/general" class="nav-link"><img src="/admin/img/settings.svg" class="imglogout"> Generales</a></li>
<li><a href="/admin/formulario" class="nav-link"><img src="/admin/img/message.svg" class="imglogout"> Contacto</a></li>
<li><a href="/admin/logout" class="nav-link"><img src="/admin/img/logout.svg" class="imglogout"> Cerrar sesión</a></li>
<li style="    font-size: 12px; opacity: 1; color: #48aa42;"><img src="/admin/img/user.svg" class="imglogout"> Rol: <?php echo strtoupper($rol);?></a></li>