/****** ESTILOS NAVBAR ******/

.nav-item .icon {
    font-size: 20px;
    margin-right: 7px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.navbar .navbar-nav .nav-item .nav-link {
    color: #000000 !important;
}

.navbar .navbar-nav .nav-item .dropdown-menu {
    margin-top: 2px !important;
}

.navbar-color-usmp {
    background: rgb(141, 1, 40);
    background: linear-gradient(90deg, rgba(141, 1, 40, 0.8) 0%, rgba(0, 0, 0, 0.8883928571428571) 0%, rgba(141, 1, 40, 0.8) 100%);
}

.navbar-color-usmp.navbar .navbar-nav .nav-item .nav-link {
    color: #ffffff !important;
}

@media (min-width: 992px) {
    .navbar-nav .nav-item .dropdown-menu:before {
        left: 117px !important;
    }
}

@media (min-width: 992px) {
    .navbar-nav .nav-item .dropdown-menu:after {
        left: 117px !important;
    }
}


/****** ESTILOS OPTIONS MENU NAVBAR ******/

.dropdown-menu .dropdown-item {
    color: #000 !important;
}

.dropdown-menu {
    left: 77px !important;
}


/****** ESTILOS SIDEBAR (BARRA LATERAL) ******/

.sidebar,
body>.navbar-collapse {
    z-index: 99999 !important;
}

.sidebar .nav li .nav-link p,
body>.navbar-collapse .nav li .nav-link p {
    font-weight: 100 !important;
}

.sidebar .nav li.active .nav-link,
body>.navbar-collapse .nav li.active .nav-link {
    color: #FFFFFF !important;
}

.sidebar .nav li .nav-link,
body>.navbar-collapse .nav li .nav-link {
    border-radius: 20px !important;
}

.sidebar .nav li .nav-link i,
body>.navbar-collapse .nav li .nav-link i {
    font-size: 26px !important;
    width: 37px !important;
}


/****** ESTILOS FOOTER PAGINA ******/

.footer-black-smp {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(74, 69, 69, 1) 100%);
    color: #ffffff;
}


/****** ESTILOS CONTENIDO PAGINA ******/

.fixed-content {
    margin-top: 50px;
}

.fixed-content {
    margin-bottom: 50px;
}

@media (max-width: 991px) {
    .fixed-content {
        margin-top: 80px;
    }
    .navbar-color-usmp {
        background: rgb(141, 1, 40) !important;
    }
    .navbar .navbar-nav .nav-item .nav-link {
        opacity: 1 !important;
    }
    .navbar .navbar-toggler .burger-lines {
        background-color: #ffffff !important;
    }
    .dropdown-menu .dropdown-item {
        color: #ffffff !important;
    }
    .dropdown-menu .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.2) !important;
    }
}


/****** ESTILOS COMPONENTES VUE JS ******/

.vue-notification-group {
    bottom: 80px !important;
    /*position: relative !important;*/
}

th .VueTables__heading {
    color: #000;
    font-size: 1rem;
    font-family: Segoe UI, Arial;
    font-weight: 400;
    text-align: center;
}

.VueTables__table th {
    text-align: center !important;
    background-color: rgba(141, 1, 40, 0.2);
    padding: 15px !important;
    border-bottom: 1.8px rgba(141, 1, 40, 0.8) !important;
}

.VueTables__table tbody td span {
    font-size: 0.8em;
}


/****** ESTILOS BOTONES ******/

.outline-font {
    font-weight: 500 !important;
}

.btn-rounded {
    border-radius: 50% !important;
}

.link-acciones {
    cursor: pointer !important;
    color: #000 !important;
}

.page-link {
    border: 1px solid #c3c3c3 !important;
}

ul.nav-pills a[role="tab"] {
    color: #fff;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #007bff !important;
}

.notification-title {
    font-size: 1rem;
}

.vue-notification-group {
    width: 400px !important;
}

#modal_expdocente___BV_modal_outer_ {
    z-index: 99999 !important;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 7px 8px !important;
}

button, div {
    font-family: lato, arial;
}