.loading{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background: url(../img/load.gif) center no-repeat #eeeeee7d;
}

.bg_login{
	background-image: url(../img/molecular.jpg) !important;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	overflow-x: hidden;
}

.margin-top-10{
	margin-top: 10px !important;
}

.boton_agregar{
	float: right !important;
}

.boton_desabilitado{
	color: #fff !important;
	background-color: #79b2fc !important;
	border-color: #79b2fc !important;
	cursor: not-allowed !important;
	opacity: 0.65 !important;
	box-shadow: none !important;
}

div.dataTables_wrapper div.dataTables_filter{
	text-align: left !important;
}

div.dataTables_wrapper div.dataTables_filter input{
	min-width: 250px !important;
}

.text-left{
	text-align: left !important;
}

.text-center{
	text-align: center !important;
}

.text-right{
	text-align: right !important;
}

.btn_add{
	color: #FFF !important;
	font-weight: 600 !important;
}

.paginate_button{
	margin-left: 5px !important;
}

.paging_simple_numbers{
	margin-top: 10px !important;
	float: right;
}

.previous{
	margin-right: 15px !important;
}

.next{
	margin-left: 15px !important;
}

.bold{
	font-weight: bold !important;
}

.border_right{
	border-right: 1px solid #ddd !important;
}

.usuario_nom{
	font-size: 16px !important;
	color: #FFF !important;
	font-weight: 700 !important;
	margin-right: 20px !important;
}

.no-padding{
	padding: 0px !important;
}

.no-padding-tb{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.no-padding-left{
	padding-left: 0px !important;
}

.no-padding-right{
	padding-right: 0px !important;
}

.fecha{
	text-align: center !important;
}

.modal-header {
	/*background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,0.9192051820728291) 39%, rgba(10,42,170,0.9136029411764706) 100%) !important;*/
	background: linear-gradient(180deg, rgb(2 0 36 / 80%) 0%, rgb(9 9 121 / 76%) 39%, rgb(10 42 170 / 69%) 100%) !important
}

.modal-title{
	color: #FFF !important;
}

.fila_titulo{
	font-size: 14px !important;
	margin: 0px !important;
	text-align: left;
	font-weight: 600;
}

.fila_detalle{
	font-size: 12px !important;
	margin: 3px 0px 0px 0px !important;
	text-align: left;
}

.font-10{
	font-size: 10px !important;
}

.fila_resaltada{
	color: red;
   font-weight: 600;
}

.btn_small{
	height: 27px !important;
	padding: 5px !important;
}

.red{
	color: red !important;
	/*font-weight: bold !important;*/
}

.yellow{
	color: #f1b44c !important;
	font-weight: bold !important;
}

.blue{
	color: #04c !important;
	font-weight: bold !important;
}

.green{
	color: #34c38f !important;
	font-weight: bold !important;
}

.seccion_realizada{
	background-color: #34c38f61;
	color: #333 !important;
}

.seccion_no_realizada{
	background-color: #ff000061;
	color: #333 !important;
}

.btn_sala{
	left: 55% !important;
	box-shadow: 2px 10px 14px 10px rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2) !important;
}

.btn_sala a:hover{
	color: #4458b8;
	background-color: #ced4dab8 !important;
}

.stripe1 {
	background-color: #eeeeeea1 !important;
}
.stripe2 {
	background-color: #fff !important;	
}

.select2-dropdown {
	z-index: 3000 !important;
}

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

#btn_refresh_paciente:hover .fa-sync {
	animation: spin 1s infinite linear;
}

#btn_consulta_refresh_paciente:hover .fa-sync {
	animation: spin 1s infinite linear;
}

.select2-container {
	text-align: left !important;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 25px !important;
}

.border-right{
	border-right: 1px solid #ccc !important;
}


.fila_sucursal{
	font-size:15px;
	color:#3f8a87;
	font-weight: bold;
}

#tabla_mutualistas tr :hover{
	cursor: pointer ;
	background-color: #2b80ba;
	color: #fff;
	font-weight: bold;
}

.selected_fila {
	background-color: #2b80ba !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size:15px;
}

.selected_fila p{
	color: #fff !important;
	font-weight: bold !important;
	font-size:15px;
}

.triage-row {
	color: #333 !important;
}

.triage-row :hover {
	color: #333 !important;
}

.signature-pad {
	border: 1px solid #000;
	width: 400px;
	height: 200px;
}

/******************** ARCHIVOS *****************************/
	#tabla-archivos-detalles_filter{
		margin-top: -20px !important;
	}

	.icono_folder{
		font-size: 20px !important;
		color: #428bca;
	}

	.icono_archivos{
		font-size: 23px !important;
		color: #f44336;
	}

	.icono_archivo_video{
		font-size: 20px !important;
		color: #9c27b0;
	}

	.icono_archivo_audio{
		font-size: 20px !important;
		color: #4caf50;
	}

	.icono_archivo_imagen{
		font-size: 20px !important;
		color: #ff9800;
	}

	.icono_acciones{
		font-size: 30px !important;
		color: #757575;
		font-weight: 500;
	}

	.icono_acciones:hover{
		color: #333;
		font-weight: bold;
	}

	.row_carpetas{
		font-size: 13px;
		color: #333;
		font-weight: 400;
	}

	.row_carpetas:hover{
		cursor: pointer !important;
		background-color: #f5f5f5;
		font-weight: bold !important;
	}

	.row_archivos{
		font-size: 13px;
		color: #333;
		font-weight: 400;
	}

	.row_archivos:hover{
		cursor: pointer !important;
		background-color: #f5f5f5;
		font-weight: bold !important;
	}

	.row_vacia{
		cursor: default !important;
		font-size: 1px !important;
	}

	#tabla_archivos .home{
		font-size: 25px;
		color: #ddd;
		cursor: pointer;
	}

	#tabla_archivos .home:hover{
		color:#333;
		cursor: pointer;
	}

	.home:hover{
		color:#333;
		cursor: pointer !important;
	}

	#tabla_archivos .flecha{
		font-size: 23px;
		color: #ddd;
		cursor: none;
	}

	.ruta{
		font-size: 15px !important;
		color: #9e9e9e !important;
		vertical-align: super !important;
	}

	.ruta:hover{
		cursor: pointer;
		color: #333 !important;
		text-decoration: underline;
		font-weight: bold !important;
	}

	.circulo-verde{
		width: 60px;
		height: 53px;
		border: none;
		border-radius:50% ;
		background: #009191;
		font-size: 35px;
	   box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
		cursor: pointer;
		display: inline-block;
		fill: #fff;
		outline: none;
		position: relative;
		text-align: center;
		padding: 0px 15px !important;
		margin-top: -20px !important;
	}

	.circulo-verde.disabled{
		background: #adb5bd !important;
	}

	.simbolo_add{
		color: #428bca;
	}

	.boton-redondo{
		background: transparent !important;
		border: none !important;
	}

	.simbolo_mas{
		margin-top: 8px !important;
		color: #fff !important;
	}

	.simbolo_mas_disabled{
		margin-top: 10px !important;
		color: red !important;
	}

	.circulo-verde:hover{
		background-color: #448ccd !important;
		box-shadow: 0px 3px 10px 10px rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2) !important;		
	}

	.upload_desabilitado{
		background-color: #ccd5db !important;
		border-color: #9E9E9E !important;
		cursor: none !important;
	}

	li.paginate_button.active a{
		color: #333 !important;
		font-weight: bold !important;
	}

/******************** TABLAS *****************************/
	.dataTables_filter{
		margin-top: -37px !important;
		width: 350px !important;
	}

	#tabla_funcionarios:hover{
		cursor: pointer;
	}

	#tabla_carne:hover{
		cursor: pointer;
	}

	#tabla_hcml:hover{
		cursor: pointer;
	}

	#tabla_psicotecnicos:hover{
		cursor: pointer;
	}

	#tabla_respiratorios:hover{
		cursor: pointer;
	}

	#tabla_visual:hover{
		cursor: pointer;
	}

	#tabla_electrocardiograma:hover{
		cursor: pointer;
	}

	#tabla_electroencefalograma:hover{
		cursor: pointer;
	}

	#tabla_ekp:hover{
		cursor: pointer;
	}

	#tabla_rxtx:hover{
		cursor: pointer;
	}

	#tabla_aptitudes:hover{
		cursor: pointer;
	}

	.dt-buttons {
		float: right !important;
		margin-bottom: 10px !important;
	}

	.text-muted {
		font-size: 11px;
		color: #777;
	}

	tbody{
		font-size: 12px !important;
	}

	.tachado{
		text-decoration: line-through !important;
	}

/******************** HISTORIA *****************************/
	#historia_patronimico [type=checkbox]{
		height: 16px !important;
		width: 16px !important;
	}


/******************** BTN PASSWORD MOSTRAR *****************************/

	.input-group.auth-pass-inputgroup {
		display: flex;
		align-items: center;
  	}
  
  	.input-group.auth-pass-inputgroup input.form-control {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border: 1px solid #ced4da !important;
  	}
  
  	.input-group.auth-pass-inputgroup button#password-addon {
		border: 1px solid #ced4da;
		border-left: none;
		background-color: #fff;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		height: 100%;
  	}
  
  	.input-group.auth-pass-inputgroup button#password-addon i {
		font-size: 18px;
  	}