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

/* ------------------------ DASHBOARD */
.dashboard .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: white !important; 
    color: black !important;
    
}


/* ------------------------ DASHBOARD */

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
    /* background-color: #dc3545 !important;  */
    /* color: gray !important; */
}

 #navExterno .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #6c757d !important; 
    color: white;
}

/* botones subir arcivo */
.custom-file-input ~ .custom-file-label::after {
    content: "Elegir";
}


/*para tablas - utilizado en conPlan */

.tableFixHead { 
	/* font-size: 11px; */
	max-height: 300px;
	/* overflow-y: auto; */
	padding-top: 0; 
}

.tableFixHead table { 
	border-collapse: collapse; width: 100%; 
}

.tableFixHead th, 
.tableFixHead td {
	padding: 8px 16px;
	 
}
.tableFixHead th {
	background:#eee; 
}


.hide{
    display: none;
}

/* Botón de descarga de archivos  */
.button-container{
display:inline-block;
position:relative;
}

.button-container a{
position: absolute;
top:2em;
right:4em;
background-color:#dc3545;
border-radius:1.5em;
color:white;
text-transform:uppercase;
padding:1em 1.5em;
opacity:0.8
}

table.dataTable tbody td {
    vertical-align: middle;
  }

.slcDataTable .bootstrap-select .dropdown-menu {
	width: 100%;
}


.slcDataTable .bootstrap-select .dropdown-menu li small {
	white-space: normal;
}

.bootstrap-select .dropdown-menu {
	/* width: 100%; */
    width: 100% !important;
}

.bootstrap-select .dropdown-menu li small {
	white-space: normal;
}

table ul.typeahead.dropdown-menu{
    position: relative !important;
    z-index: 2 !important;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 12px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);
    top: 0px !important;
}

#tblRequisicionDetalle tbody td .filter-option-inner-inner{
    max-width:360px !important;
}


.color-table-red{
    background-color: rgba(255, 0, 0, 0.3) !important;
    
}

.color-table-inactive{
    color: gray !important;
    
}

.color-table-yellow{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bf8283+0,ba1619+50,bc0117+53,bc4d5a+100 */
background: #bf8283; /* Old browsers */
background: -moz-linear-gradient(top,  #bf8283 0%, #ba1619 50%, #bc0117 53%, #bc4d5a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bf8283 0%,#ba1619 50%,#bc0117 53%,#bc4d5a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bf8283 0%,#ba1619 50%,#bc0117 53%,#bc4d5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8283', endColorstr='#bc4d5a',GradientType=0 ); /* IE6-9 */

    
}



/* CRM licitacion personas dotacion */

.editaDotacionValor{
    font-size: 11px !important
}


/* productos de la tabla detalle del movimento */

div.editarProducto{
    width: 90% !important 
}