.current-page{
	background: rgba(64, 64, 64, 0.15);
	/*background: #fff;*/
}


/* Inicio: Estilos Generales */
.no-padding {
	padding: 0 !important
}

.espacios-blanco-5{
	margin-left: 5px;
}

.espacios-blanco-derecha-5{
    margin-right: 5px;
}

.margen-superior3{
	padding-top: 3px;
}

.margen-superior5{
	/*padding-top: 5px !important;*/
	/*margin-top: 5px !important;*/
	min-height: 5px !important;
}

.margen-superior10{
	/*padding-top: 10px !important;*/
	margin-bottom: 10px !important;
}

.margen-superior20{
	padding-top: 20px;
}

.margen-superior50{
	padding-top: 50px;
}

.margen-inferior10{
	margin-bottom: 10px;
}

.margen-inferior20{
	padding-bottom: 20px;
}

.margen-Inferior50{
	padding-bottom: 50px;
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.background-gey{
	background-color: #f2f2f2;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0 10px 0 10px;
}

.background-pastel{
	background-color: #DEF3FD;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0 10px 0 10px;
}

.styleGrids2{
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;

	-webkit-box-shadow: 0px 0px 10px -2px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 10px -2px rgba(102,102,102,1);
	box-shadow: 0px 0px 10px -2px rgba(102,102,102,1);

	overflow: hidden;
}

.style-grids-pastel{
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;

	-webkit-box-shadow: 0px 0px 14px 5px rgba(234, 235, 255,1);
	-moz-box-shadow: 0px 0px 14px 5px rgba(234, 235, 255,1);
	box-shadow: 0px 0px 14px 5px rgba(234, 235, 255,1);

	/*border-top: 2px solid #C7CEEA;*/
	border-right: 2px solid #C7CEEA;
	/*border-bottom: 2px solid #C7CEEA;*/
	border-left: 2px solid #C7CEEA;

	overflow: hidden;
}

.mCSB_container {
	overflow:visible !important;
}

.hidden {
	display:none;
}

/* Fin: Estilos Generales */

/* Inicio: Estilos para que modificar los modals de Bootstrap */

.titulo-header{
	color: #fff;
	font-size: 13pt;
	text-align: center;
	/*padding: 10px 15px;*/
}

.modal-content{
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
}

.modal{
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
}

.modal-header-normal-edicion{
	background-color: #67A9CE;
	/*background-color: #32749a;*/
	color: #fff;
}

.modal-header-normal{
	/*background-color: #67A9CE;*/
	background-color: #0c1d27;
	color: #fff;
	overflow-y: initial !important;
}

.modal-header .close-estilo {
	/*background-color: #32749A;*/
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	opacity: 1;
	z-index: 10;
	margin-right: 10px;
	margin-top: -2px !important;
}

.modal-header-warning{
	background-color: #ffa64d;
}

.modal-header-error{
	background-color: #ff4d4d;
}

.rounded-corners-sup{
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
}

.rounded-corners-inf{
	border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
}

.modal-content-entidades .modal-body-entidades{
	width: 600px !important;
	height: 300px !important;
	overflow-y: auto !important;
}

/*.modal-header .close,
.clase-cerrar {
	margin: 0;
	position: absolute;
	top: -15px;
	right: -10px;
	width: 34px;
	height: 34px;
	border-radius: 23px;*/
	/*background-color: #0083b3;*/
	/*background-color: #32749A;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	opacity: 1;
	z-index: 10;
}*/

.modal-header .close{
	/*color: #fff;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	z-index: 10;
	padding: 0 0 0 0;
	margin-top: -10px;
}

/* Fin: Estilos para que modificar los modals de Bootstrap */

/* Inicio: Estilos para centrar el modal en la página/navegador */

.modal-dialog-wrap {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.modal-dialog2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.modal-content2 {
	display: inline-block;
	text-align: left;
}

/* Fin: Estilos para centrar el modal en la página/navegador */

/* Inicio: Estilos para el spinner de cargando página */

.spinner {
	margin: auto auto;
	width: 80px;
	height: 80px;
	text-align: center;
	/*font-size: 10px;*/
}

.spinner > div {
	background-color: #ff5050;
	height: 100%;
	width: 6px;
	display: inline-block;

	border-radius: 24px 24px 24px 24px;
	-moz-border-radius: 24px 24px 24px 24px;
	-webkit-border-radius: 24px 24px 24px 24px;

	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% { 
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}  20% { 
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

/* Fin: Estilos para el spinner de cargando página */

/* Inicio: Estilos para el DIV que se muestra al cargar una página */

.div-cargando{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: block;
	text-align: center;
	background: #fff;
	opacity: 0.5;
}

.div-cargando-pages {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: block;
	text-align: center;
	background: #fff;
	opacity: 0.5;
}

.div-cargando:before,
.div-cargando-pages:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.div-cargando > .centrar,
.div-cargando-pages > .centrar{
	display: inline-block;
	font-size: 2.8em;
	padding: 0px 0px 0 0;
	vertical-align: middle;
}

/* Fin: Estilos para el DIV que se muestra al cargar una página */

/* Inicio: Estilos de íconos de validación */

.pos-icono-val {
	position: absolute;
	top: 6px !important;
	right: 20px !important;
	transition: right 0.2s;
}

.pos-icono-val-chosen {
	position: absolute;
	top: 10px !important;
	right: -15px;
	padding-left: 20px;
	transition: right 0.2s;
}

/* Fin: Estilos de íconos de validación */

.iconos-tipos-mime{
	font-size: 20px;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #ffffb3;
}

.div-border{
	border-style: solid;
	border-color: #cccccc;
	padding: 5px;

	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;

	-webkit-box-shadow: 0px 0px 10px -2px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 10px -2px rgba(102,102,102,1);
	box-shadow: 0px 0px 10px -2px rgba(102,102,102,1);

	overflow: hidden;
}

.li-opcion-menu{
	border-left: 5px solid #b3b3b3;
}

.li-opcion-menu:hover{
	border-left: 5px solid #3D4A5D;
}

.li-opcion-menu:hover > .a-opcion-menu:hover > .anima-icono{
	color: #3D4A5D;
	-webkit-animation: wobble 0.7s;
	-moz-animation: wobble 0.7s;
	animation: wobble 0.7s;
}

.btn-tab-externo:hover{
	cursor: pointer;
}

.slect2-obligatorios{
	border-color: #F4AB43 !important; 
}

.push-left{
	float: left;
}

.push-right{
	float: right;
}

.div-dropzone {
    border: 2px dashed rgb(185, 185, 185); /* Establecer el color del borde */
    text-align: center; /* Centrar el texto */
    border-radius: 5px;
    margin: 20px; /* Agregar margen a la derecha para separación */
}

.panel-title {
    font-size: 18px; /* Tamaño de fuente */
    font-weight: bold; /* Peso de la fuente */
    color: #333; /* Color del texto */
    margin-bottom: 10px; /* Margen inferior para separación del contenido siguiente */
    /* Otros estilos que desees agregar */
}

/* Ajuste el margen derecho del último elemento a 0 para evitar espacios adicionales */
.div-dropzone:last-child {
    margin-right: 0;
}

/* Estilos adicionales para el mensaje por defecto */
.dz-default {
    padding: 20px; /* Añadir un espacio interno alrededor del mensaje */
}

.dz-message {
    font-size: 16px; /* Tamaño del texto */
}

.dz-text-small {
    font-size: 12px; /* Tamaño del texto más pequeño */
}