/* Estilo que se le da a todos los input de las vistas */
input {
	text-transform: uppercase;
}
/* Estilo que se le da a todos los textarea de las vistas */
textarea{
	text-transform: uppercase;
}

/*-------------------------------------------------------------------------------------------------------
	Estilo para que la caja de texto con el nombre txtUrl no transforme el texto en mayusculas para que
	no cause confucion al momento de crear las rutas de los archivos.
-------------------------------------------------------------------------------------------------------*/
input[name="txtUrl"], .correo, .cke_source, input[name="txtClave"] {
	text-transform:none;
}

.margenes_botones{
	/*padding-left: 0px;
	padding-right: 0;*/
	margin-right: 3px;
}

.listado{
	min-height:200px;
}

.ocultar{
	display:none;
}

.mostrar{
	display:block;
}



.disponible_usuario_si
{
	color:#3C0;
}
.disponible_usuario_no
{
	color:#F00;
}

.tabla_fija {
	table-layout:fixed;
}

.th-md{
	width:180px;
}
.th-sm{
	width:120px;
}

.th-xs{
	width:60px;
}

.texto_transparente
{
	opacity:0;
}

.fondo-blanco
{
	background: #FFFFFF;
}

.input-daterange{
	width: auto;
}

.observacion{
	min-height:50px;
	background-color:#DDDDDD;
	padding: 5px;
	border-radius: 10px;
}

.fila_archivo:hover{
	background-color:#EEEEEE;
}

.fila_archivo button{
	margin: 0px 3px;
}

.fila_observacion_archivo{
	margin-bottom: 5px;
	padding-left: 30px;
	border-radius: 5px;
}
.fila_observacion_archivo div:hover{
	background-color:#EEEEEE;
}

.notificacion{
	min-height:50px;
	width:300px;
	background-color:#FFFFFF;
	padding: 0px 15px;
	/* border-radius: 10px; */
	color: #000000;
	margin-top:0px;
	margin-bottom:5px;
	border-bottom: 1px solid #e5e5e5
}

.notificacion-nueva{
	background-color:#EEEEEE;
}

.notificacion a {
	color: #000000;
	cursor:pointer;
}

#ulNotificacion {
	padding: 0;
	border-radius: 10px;
	border: 1px solid #CCCCCC;
}

#ulNotificacion .notificacion-encabezado{
	padding: 0px 15px;
	border-radius: 10px 10px 0px 0px;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	height: 25px;
}

#ulNotificacion .notificacion-pie{
	padding: 0px 15px;
	border-radius: 0px 0px 10px 10px;
	font-weight: bold;
	height: 25px;
}

#ulNotificacion div:hover{
	background-color:#DDDDDD;
}

#ulNotificacion div.notificacion-encabezado:hover,
#ulNotificacion div.notificacion-pie:hover{
	background-color:#FFFFFF;
}

#spaCantidad_Notificacion {
	padding: 0px 5px 0px 3px;
	background: #cc0000;
	color: #FFFFFF;
	font-weight: bold;
	/* margin-left: 77px;*/ */
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	position: absolute;
	font-size: 12px;
	margin-top: -10px;
}

.eliminar {
	border: 0;
	float: right;
}

.alert-dismissable .close{
	right: 0;
}

.columna_junta{
	padding-left: 0;
	margin-bottom: 10px;
}

.margen_boton_abajo{
	padding-left: 0;
}
@media (max-width: 768px) {
	.margen_boton_abajo{
		margin-bottom: 10px;
		padding-left: 15px;
	}
	
}

@media (max-width: @screen-xs-max) {
}

/*-------------------------------------------------------------------------------------------------------
	Estilo para los checkbox
-------------------------------------------------------------------------------------------------------*/

.radio label,
.checkbox label
{
	font-weight: bolder;
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding: 5px 15px 5px 51px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.radio label:hover,
.checkbox label:hover
{
	background: rgba(60, 141, 188, 0.1);
}

.radio label:before,
.checkbox label:before
{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 15px;
	border-radius: 50%;
	background: none;
	border: 3px solid #3c8dbc;
}

.radio label:disabled ,
.checkbox label:disabled
{
	/*background: rgba(60, 141, 188, 0.1);*/
	
}

input[type="radio"] 
{
	display: none;
}

input[type="radio"]:checked + label:before
{
	display: none;
}

input[type="radio"]:checked + label
{
	padding: 5px 15px;
	background: #3c8dbc;
	border-radius: 2px;
	color: #fff;
}

.checkbox label:before 
{
	border-radius: 3px;
}
.checkbox input[type="checkbox"] {
	display: none;
}
.checkbox input[type="checkbox"]:checked + label:before {
	display: none;
}
.checkbox input[type="checkbox"]:checked + label {
	background: #3c8dbc;
	color: #fff;
	padding: 5px 15px;
}


.radio input[type="radio"]:disabled + label,
.checkbox input[type="checkbox"]:disabled + label
{
	cursor: not-allowed;
	color: #999999;
}

.radio input[type="radio"]:disabled:checked + label,
.checkbox input[type="checkbox"]:disabled:checked + label
{
	color: #FFF;
	opacity: 0.65;
}

.radio input[type="radio"]:disabled + label:before,
.checkbox input[type="checkbox"]:disabled + label:before
{
	border: 3px solid #999999;
}

.checkbox input[type="checkbox"]:disabled + label:before
{
	border-radius: 3px;
}
.text-table
{
	font-size: 1rem;
}
.control-limites
{
	border: 1px solid #FF0000;
}

.div-control-limites::after
{
	color: #FF0000;
	content: "Este valor esta fuera del limite";
}

.subtitulo
{
	box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}

.tab-content
{
	min-height: 400px;
}

.table{
	font-size: 13px;
}

.select2{
	width: 100% !important;
}

.mb-1{
	margin-top: 5px;
}

.ui-tooltip{
	display: none !important;
}

.contenedor-requerimiento{
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	height: 100vh;
	text-align: left;
	overflow-y: auto;
	z-index: 2000;
	top: 0;
	background-color: rgba(0, 0, 0, 0.6);
    transition: background-color 5s;
}

#chkTransicion:not(:checked) ~ .contenedor-requerimiento {
	background-color: transparent;
}

#chkTransicion2:not(:checked) ~ .requerimiento-contenido {
    margin-top: -1000px;
}

.requerimiento-contenido{
	background: #FFFFFF;
	margin-top: 115px;
	margin-left: auto;
	margin-right: auto;
	width: 58vw;
	border: 2px solid #e5e5e5;
    padding: 0px;
	border-radius: 5px;
    transition: margin-top 1s ease;
}

@media (max-width: 768px) {
	.requerimiento-contenido {
		width: 90vw;
	}
}
.requerimiento-header {
	padding: 5px 20px;
	border-bottom: 1px solid #e5e5e5;
}

.requerimiento-body {
	padding: 0px 15px;
}

.requerimiento-footer {
	border-top: 1px solid #e5e5e5;
	margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.mensaje-contenedor{
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	height: 100vh;
	text-align: left;
	overflow-y: auto;
	z-index: 2001;
	top: 0;
	background-color: transparent;
    transition: background-color 1s;
}

.contenedor-show {
	background-color: rgba(0, 0, 0, 0.6);
}

.mensaje-contenido{
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	border: 2px solid #e5e5e5;
    padding: 0px;
	border-radius: 5px;
    margin-top: -300px;
    /* transition: margin-top 5s ease; */
    transition: margin-top 1s ease;
	/* display: none; */
}

.contenido-show {
	margin-top: 5%;
	/* display: block; */
}




/*
#mensaje{
	background: #FFFFFF;
	position: fixed;
	top: 5%;
	z-index: 2000;
	right: 35%;
	width: 500px;
	border: 2px solid #e5e5e5;
    padding: 0px;
}
*/
#mensaje_contenido {
	background: #FFFFFF;
}

#mensaje_encabezado {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

#mensaje_central {
	padding: 0px 15px;
}

#mensaje_pie {
    height: 50px;
    border-top: 1px solid #DDDDDD;
}

.contenido_pie {
	margin-top: 10px;
}

.modal_encabezado {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}

.modal_central {
	padding: 0px 15px;
}

.modal_pie {
	margin-top: 10px;
    height: 50px;
    border-top: 1px solid #DDDDDD;
}