.form-control-custom-base {
	font-size: 1em;
}

.page-header
{
  padding-left: 5px;
  padding-top: 10px;
}

.title-page{
  padding-left: 10px;
}

.card-title_h {
  margin-bottom: 0.15rem; /*0.75rem;*/
  font-size: 14px;
  color:#999999;
}

.control-label-color-focus {
	color: #4285F4;
	font-weight: 600;
}

span.status-validator {
	color: red;
	font-style: italic;
	font-size: 0.9rem;
}

.text-mayus {
	text-transform: uppercase;
}

/*--------------------------------------------------------
 *  INICIO - Colores y fondos
 *--------------------------------------------------------*/
.bg-modal-title{
   background-color: #9D2449;
   color:#fff;
}

.bg-modal-title_edicion{
   background-color: #B38E5D;
   color:#fff;
}

.bg-modal-title .close {
	color: inherit;
}

/*--------------------------------------------------------
 *  FIN - Colores y fondos
 *--------------------------------------------------------*/
 

/*
 * -----------------------------------------------------------------------------------
 *    BEGIN: Panel loader
 * -----------------------------------------------------------------------------------
 */
.panel-cargador {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	opacity: 1;
	background: #00000090;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.icono-cargador {
	background: url('../../imagenes/preload.gif') 50% 50% no-repeat #f1f4f5;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: auto;
	background-position: center;
	background-size: 160px 160px;
	width: 160px;
	height: 160px;
}

#mensaje-cargador {
	margin-top: 7px;
	font-size: .8rem;
	font-style: italic;
	color: darkblue;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  border-bottom: 16px solid #3498db;
  width: 110px;
  height: 110px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#loader-main p {
	color: #fff;
	font-size: 1.2rem;
	font-variant: petite-caps;
	margin-bottom: 0px;
}

#loader-main .loader-title {
	margin-top: 2px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3rem;
	font-weight: 600;
	box-sizing: border-box;
}

@media (max-width: 992px) {
	.loader {
		width: 110px;
		height: 110px;
	}
}

@media (max-width: 768px) {
	.loader {
		border: 15px solid #f3f3f3;
		border-top: 15px solid #3498db;
		border-bottom: 15px solid #3498db;
		width: 100px;
		height: 100px;
	}
}

@media (max-width: 576px) {
	.loader {
		border: 14px solid #f3f3f3;
		border-top: 14px solid #3498db;
		border-bottom: 14px solid #3498db;
		width: 90px;
		height: 90px;
	}

	#loader-main p {
		font-size: 1.1rem;
	}

	#loader-main .loader-title {
		font-size: 1.2rem;
	}
}

@media (max-width: 375px) {
	.loader {
		border: 13px solid #f3f3f3;
		border-top: 13px solid #3498db;
		border-bottom: 13px solid #3498db;
		width: 80px;
		height: 80px;
	}
}
/*
 * -----------------------------------------------------------------------------------
 *    END: Panel loader
 * -----------------------------------------------------------------------------------
 */


 /*
 * -----------------------------------------------------------------------------------
 *    BEGIN: Panel cargador operaciones
 * -----------------------------------------------------------------------------------
 */
.panel-cargador-operacion {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	opacity: 1;
	background: rgba(0,0,0,.13);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#icono-cargador-operacion {
	background: url('../../imagenes/preload.gif') 50% 50% no-repeat rgba(0,0,0,0);
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: auto;
	background-position: center;
	background-size: 50px 50px;
	width: 40px;
	height: 40px;
}

#mensaje-cargador-operacion {
	margin-top: 7px;
	font-size: .9rem;
	font-style: italic;
	color: darkslateblue;
}
/*
 * -----------------------------------------------------------------------------------
 *    END: Panel cargador operaciones
 * -----------------------------------------------------------------------------------
 */

.tabla-columna-opciones {
	text-align: right;
	vertical-align: middle;
}

.tbl-col-activo {
	color: #28a745;
	font-weight: 600;
}

.tbl-col-inactivo {
	color: #dc3545;
	font-weight: 600;
}

/*
 * -----------------------------------------------------------------------------------
 *    BEGIN: Panel tabular de navegación
 * -----------------------------------------------------------------------------------
 */
/* not active */
#nav-informacion-solicitud .nav-item .nav-link:not(.active) {
	background-color: rgba(157, 0, 0, 0.5);
}

/* active (faded) */
#nav-informacion-solicitud .nav-item .nav-link {
	background-color: rgba(157, 36, 73, 1);
    color: white;
}

.msgfecha {
	font-weight: bold;
}

.active {
	background-color: inherit;
}

.cnt-border-base {
	border-bottom: 1px solid #f5eded;
	border-left: 1px solid #f5eded;
}

.campo-info {
	background: aliceblue;
	margin: 0px;
	padding: 0px;
	min-height: 25px;
}
/*
 * -----------------------------------------------------------------------------------
 *    END: Panel tabular de navegación
 * -----------------------------------------------------------------------------------
 */

.bs-text-alert {
	font-size: 0.8rem;
	margin: 0.5rem;
}

.bs-text-alert > p {
	text-align: justify;
	margin-bottom: 0px;
}

.btn-table-default {
	width: 42px;
	height: 38px;
}

 /*
 * -----------------------------------------------------------------------------------
 *    BEGIN: Estilo para el componente fecha
 * -----------------------------------------------------------------------------------
 */

.input-group.date {
	display: flex;
	flex-basis: 180px;
	height: 38px;
}

/*
 * -----------------------------------------------------------------------------------
 *    END: Estilo para el componente fecha
 * -----------------------------------------------------------------------------------
 */
 
 .seccion-titulo {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 3.5rem;
	border-bottom: 1px solid #cccccc;
}

.custom-file-input {
	z-index: 1 !important;
}

.custom-file-label {
	z-index: 2 !important;
	cursor: pointer;
}

.custom-file-label::after {
	content: "Seleccionar" !important;
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.custom-file-label:hover::after {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
}