/* COLORES B�0�9SICOS SISTEMA */
.bg-sistema{
    background-color: #8A8C8E!important;
}

.bg-sistema-25 {
  background-color: rgba(138, 140, 142, 0.25);
}

.bg-sistema-50 {
  background-color: rgba(138, 140, 142, 0.5);
}

.bg-sistema-75 {
  background-color: rgba(138, 140, 142, 0.75);
}

.color-sistema{
    color: #8A8C8E!important;
}
.border-color-sistema{
    border-color: #8A8C8E!important;
}

.border-sistema-2px{
    border: 2px solid #8A8C8E!important
}

.bg-red-verisure{
    background-color: #e4002b!important;
}

.bg-red-verisure-25 {
  background-color: rgba(228, 0, 43, 0.25);
}

.bg-red-verisure-50 {
  background-color: rgba(228, 0, 43, 0.5);
}

.bg-red-verisure-75 {
  background-color: rgba(228, 0, 43, 0.75);
}

.color-red-verisure{
    color: #e4002b!important;
}

.bg-white{
    background-color: #FFF!important;
}

.color-white{
    color: #FFF!important;
}

.bg-red{
    background-color: #FF0000!important;
}

.color-red{
    color: #FF0000!important;
}

.bg-green{
    background-color: #008F39!important;
}

.color-green{
    color: #008F39!important;
}

/***************************/

/* COLORES ESTADOS */
.bg-crea{
    background-color: #9B9B9B!important;
}

.bg-asig{
    background-color: #C7A7A7!important;
}

.bg-inic{
    background-color: #6A1D69!important;
}

.bg-espe{
    background-color: #FF8000!important;
}

.bg-comp{
    background-color: #00AAE4!important;
}

.bg-deri{
    background-color: #804000!important;
}

.bg-apro{
    background-color: #51983B!important;
}

.bg-reev{
    background-color: #F34519!important;
}

.bg-rech{
    background-color: #CC3333!important;
}

.bg-aa{
    background-color: #382781!important;
}

.bg-canc{
    background-color: #292929!important;
}

.bg-come{
    background-color: #F9829B!important
}

.color-crea{
    color: #9B9B9B!important;
}

.color-asig{
    color: #C7A7A7!important;
}

.color-inic{
    color: #6A1D69!important;
}

.color-espe{
    color: #FF8000!important;
}

.color-comp{
    color: #00AAE4!important;
}

.color-deri{
    color: #804000!important;
}

.color-apro{
    color: #51983B!important;
}

.color-reev{
    color: #F34519!important;
}

.color-rech{
    color: #CC3333!important;
}

.color-aa{
    color: #382781!important;
}

.color-canc{
    color: #292929!important;
}

.color-come{
    color: #F9829B!important;
}


.border-come-1px{
    border: 1px solid #F9829B!important
}

.border-come-2px{
    border: 2px solid #F9829B!important
}

/***************************/

/* Form Switch */

.form-switch .form-check-input{
    width: 3em!important;
}

.form-check-input{
    height: 1.5em!important;
}

.form-check-input-red:checked {
    background-color: #e4002b!important;
    border-color: #e4002b!important;
}
.form-check-input-orange:checked {
    background-color: #222d32!important;
    border-color: #222d32!important;
}
.form-check-input-green:checked {
    background-color: #00a65a!important;
    border-color: #00a65a!important;
}

/* Botón Adjuntar */

input[type=file].btnFile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
 }

label[for=btnFile_01]{
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden;
     display: inline-block;
     transition: all .5s;
     cursor: pointer;
     text-align: center;
}

/***************************/

/* Color NavBar */

[data-layout=vertical][data-sidebar=dark] .navbar-menu{
    background-color: #8A8C8E!important;
    border-right: 1px solid #8A8C8E!important;
}
[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-brand-box{
    background-color: #8A8C8E!important;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link{
    background-color: #8A8C8E!important;
}
[data-layout=vertical][data-sidebar=dark] .menu-title{
    color: #FFF!important;
    font-weight: bold;
}
/***************************/

/* COLOR TABLAS */

.table>thead {
    background-color: #8A8C8E!important;
    color: #FFF;
}
table.dataTable.dataTable_width_auto {
  width: auto;
}
/***************************/

/* Timeline */
.timeline-item .date{
    top: 35px!important;
}

.timeline-item .icon{
    font-size: 40px;
}

.timeline::after{
    background: var(--vz-border-color);
}
/***************************/
