.red{
    color: #BB0000;
}
.c-white{
    color: #FFF !important;
}
.c-gray{
    color: #dddddd !important;
}
.c-black{
    color: #000 !important;
}

/* Bg color e imagen card */
.color-bg-primary{
    background-color: #0D4373 !important;
    color: #DDDDDD;
}
.color-bg-second{
    background-color: #023859 !important;
    color: #DDDDDD;
}
.color-bg-warning{
    background-color: #012840 !important;
    color: #DDDDDD;
}
.color-bg-success{
    background-color: #011826 !important;
    color: #DDDDDD;
}
.bg-img{
    position: relative;
    border-bottom: none;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    border-radius: 10px;
}
.overlay-bg::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    z-index: -1;
    border-radius: inherit;
    display: block;
    opacity: .3;
}

/*Scroll Tabla*/
.scroll-table{
    overflow: auto;
    height: 350px;
}
.scroll-table::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(255,0,0,0.1) !important;
	border-radius: 10px;
	background: transparent;
}
.scroll-table::-webkit-scrollbar{
	width: 6px;
	background: transparent;
}
.scroll-table::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(255,0,0,0.1) !important;
	background-color: #555;
}
.scroll-table::-webkit-scrollbar-track-piece{
    background: rgba(255,255,255,0.1) !important;
}

/*Color Novedades*/
.llamado-atencion{
    color: red;
}
.novedades{
    color: orange;
}
.reingreso{
    color: greenyellow;
}
.retiro{
    color: darkblue;
}

/*Empleados*/
.container-estado a.1{
    background-color: red;
    width: 100px;
    height: 100px;
}

/*Formatos*/
.chat-item .content-format{
    padding: 10px;
}

/*Menu Formatos*/
.sidebar .sidebar-body .nav .nav-item.active .formatos-nav::before {
    background: none !important;
}

.sidebar-dark .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title, .sidebar-dark .sidebar .sidebar-body .nav .nav-item.active .nav-link .formatos-link{
    color: #FFF !important;
}