:root {
	--blanco: #FFF;
	--rojo: #C13139;
	--verde: #39B54A;
	--naranja:#ffb32e;
	--amarillo:#FFD342; 
	--gris:#5A5A66;
	--gris-secundario:#E3E3E3;
	--azul-primario: #161442;
	--azul-secundario: #51CCE2;
	--btn-quahr: #FFF;
	--bg-menu: #8C8C8C;
	--bg-blanco:#FFF;
	--bg-gris: var(--gris-secundario);
	--bg-header: var(--azul-primario);
	--subrayado:1.5px;
	--negrita:600;
	--bg-fila:#dfdfdf; 
	--bg-input:#e9ecef;
}

html, body {
	font-family: 'Exo', sans-serif; 
	color: var(--azul-primario); 
	font-size: 14px;
	overflow: hidden;
	background: var(--blanco);
}

p{margin: 0;border: 0;padding: 0;}
button:hover, button:active, button:focus, a:hover, a:active, a:focus{
	outline: 0;
	cursor: pointer;
	text-decoration: none;
}

/**GENERALES*/
.negrita{
	font-weight: var(--negrita);
}
.pointer{
	cursor: pointer;
}
.margen-menu{
	margin-top: 20px;
	display: inline-block;
}

.break-all{
    word-break: break-all;
}

.estado-color{
    width: .7em;
    height: .7em;
    display: inline-block;
    border-radius: 50%;
}
.estado-habilitado, .estado-verde{
	background-color: var(--verde);
}
.estado-inhabilitado, .estado-rojo{
	background-color: var(--rojo);
}

.estado-naranja{
	background-color: var(--naranja);
}
.estado-amarillo{
	background-color: var(--amarillo);
}
 
.estado-azul{
	background-color: var(--azul-secundario);
}

.estado-finalizado{
	background-color:  var(--azul-primario);
}

.bg-input{
	background-color: var(--bg-input);
}
.bg-primario{
	background-color: var(--bg-gris);
}

/**Colores*/
.color-primario{
	color: var(--azul-primario);
}
.color-gris, .color-gris:hover{
	color: var(--gris);
}

/**Utils*/

.texto-tachado{
	text-decoration: line-through;
}

/** HEADER */
.header{
	background-color: var(--bg-header);
}
.header__logo{
	max-width: 100%;
	width: 150px;
}
.header__opciones{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5em;
    height: 68.5px;
}

.header__interno{
    color: var(--blanco);
}
.header__administrador{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-sistema-interno{
	font-size: 1.5em;
	font-weight: var(--negrita);
}

.sistema-interno{
	width: 100%;
	overflow: auto;
    max-width: 100%; 
    margin-left: 20px;
    height: calc(100vh - 68.5px - 40px );
}

/*TERMINA HEADER*/

/*CONTENIDO**/


.contenido-principal{
	display: flex;
	height: 100vh;
	flex-direction: column;
}

.contenido-menu{
     padding-right: 0;
}


.contenido-principal{
 	padding-left: 0;
}

.contenido__inicial{
	padding: 10px;
	height: calc(100vh - 68.5px - 10px - 36px);
	overflow: auto;	
}

/*TERMINA CONTENIDO*/

/*MENU*/
.menu{
	background-color: var(--bg-menu);
	height: 100vh;
}

.menu-opcion{
		display: inline-block;
		text-decoration: underline;
}
/*TERMINA MENU*/

/*BOTONES**/
.btn-quahr{
    background: #bfc8d900;
    font-weight: 500;
    border: 0;
    padding: 0;
    border-bottom: var(--subrayado) solid var(--btn-quahr);
    color:var(--btn-quahr);
}
.btn-quahr__no-fondo{
 
    border-bottom: unset; 
    text-decoration: underline;
}

.btn-quahr__verde{
    border-bottom: var(--subrayado) solid var(--verde);
    color: var(--verde);
}

.btn-quahr__oscuro{
    border-bottom: var(--subrayado) solid var(--azul-primario);
    color: var(--azul-primario);
}
.btn-quahr__rojo, .btn-quahr__salir{
    border-bottom: var(--subrayado) solid var(--rojo);
    color:var(--rojo);
}

.btn-quahr__iniciar:hover, .btn-quahr__iniciar:active, .btn-quahr__iniciar:focus,
.btn-quahr__verde:hover, .btn-quahr__verde:active, .btn-quahr__verde:focus,
.btn-quahr__oscuro:hover, .btn-quahr__oscuro:active, .btn-quahr__oscuro:focus,
.btn-quahr__rojo:hover, .btn-quahr__rojo:active, .btn-quahr__rojo:focus, 
.btn-quahr__salir:hover, .btn-quahr__salir:active, .btn-quahr__salir:focus 

{


}
.btn-quahr__iniciar:hover, .btn-quahr__iniciar:active, .btn-quahr__iniciar:focus ,
.btn-quahr__menu:hover, .btn-quahr__menu:active, .btn-quahr__menu:focus {
	color:var(--blanco);
}


.btn-enlace{
	border: 0;
    background: unset;
    text-decoration: underline;
    font-weight: 500;
    color: var(--gray);
}

/*TERMINA BOTONES**/


/*TABLAS**/
	table.dataTable.no-footer {
	    border-bottom: 2px solid var(--bg-menu);
	}
	table thead tr {
    	color: var(--azul-primario);
	}
	table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
	    background-position: 100% 3px;
	    background-size: 15px;
        background-repeat: no-repeat;
	}
	table.dataTable thead th, table.dataTable thead td {
	    border-bottom: 2px solid var(--bg-menu);
	}
	.table-striped tbody tr:nth-of-type(odd) {
	    background-color: rgba(0, 0, 0, 0.05);
	}
	.table td, .table th {
	    padding: 0.25em;
	    border-top: none;
	}
	table.dataTable thead .sorting {
	  background-image: url("../../plugins/datatable/images/sort_both.png");
	}
	table.dataTable thead .sorting_asc {
	  background-image: url("../../plugins/datatable/images/sort_asc.png");
	}
	table.dataTable thead .sorting_desc {
	  background-image: url("../../plugins/datatable/images/sort_desc.png");
	}

	table.dataTable th, table.dataTable td {
	     padding: 2px 10px !important;
	}

	.table-striped tbody tr:nth-of-type(odd):hover,.table-striped tbody tr:nth-of-type(even):hover{
		background-color: var(--bg-fila);
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	    background: #8c8c8c;
	    padding: .5em 1em;
	    display: inline-block;
	    color: var(--blanco);
	}
	table.dataTable thead th, table.dataTable thead td {
	    border-bottom: 2px solid var(--bg-menu);
	}


	/*QUAHR TABLAS**/

	.tabla-detalle thead span{
		font-weight: var(--negrita);
		color: var(--azul-primario);
		border-bottom: solid 1px var(--azul-primario);
	}


/**TERMINA TABLAS*/
/**ICONOS**/

/**TERMINA ICONOS **/
.quahr-icono{
	max-width: 100%;
    width: 2em;
}


/*BOOTSTRAP HACKS**/
	.modal {
	    overflow: auto;
	}
	/*MODALES*/
	.modal-content {
	    border-radius: .5em;
	}
	.modal-header {
	    padding: 0;
	    border-bottom: 2px solid #52C7E4;
	    justify-content: space-between;
	    align-items: center;
	}
	.modal-header h5:not(.titulo-modal) {
	    font-size: 2rem;
	    font-weight: var(--negrita);
	    padding: 8px; 
	}
	.modal__opciones{
	    border: 0;
	    background: unset;
	    cursor: pointer;
	}
	.modal__opciones-btn{
	    border: 0;
	    background: unset;
	    cursor: pointer;
	}

	.modal-body {
	    color: var(--azul-primario);
	}

	.modal-footer {
	    padding: 0.5rem;
	    padding-right: 1rem;
	    padding-top: 0;
	    border-top: none;
	}

	/*Dropdown*/

	.btn-dropdown{
		color: var(--blanco);
		border: solid 2px var(--bg-menu);
		background: var(--bg-menu);
		border-radius: .25em;
	}
	/*Formularios*/
	.form-group {
	    margin-bottom: .5em !important;
	}

	.caja-modal{
		background-color: var(--bg-input);
		border: 0;
		width: 100%;
		padding: .25em .5em;
	}



	#bread{ height: 36px }

	.breadcrumb {
		background-color: var(--bg-fila);
		margin-bottom: 0; 
	    padding: 5px 10px;
	    border-radius: 0;
	}

/**/

  /**ESTILOS DEL DATATABLE**/
.dataTables_length select {
    height: 31px;
    /* width: 60px; */
    background: #dfdfdf;
    border: 0;
    border-radius: 4px;
    padding: 5px;
}

.dataTables_wrapper .dataTables_filter input {
  background: #dfdfdf;
  margin-left: 0.5em;
  border: 0;
  height: 30px;
  border-radius: 3px;
  padding: 10px;
}
#pacientes_tabla tbody tr.tabla-paciente-fila:hover {
  cursor: pointer;
  background: #dfdfdf ;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: var(--azul-primario);
}


table.dataTable thead .sorting ,table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{
  background-position: 100% 3px;
  background-size: 15px;
}
/**TOAST**/

#toast-container > .toast-success {
    background-image: none !important;
}
#toast-container > div {
  padding: 15px 15px 15px 15px !important;
  color: #000000 !important;
  opacity: 0.9 !important;
}

.toast-success {
  background-color: #bbd4e9 !important;
}
.toast-error .toast-message{
  color: #FFF !important;
}

/*TERMINA TOAST**/


/*MEDIA QUERIES*/

@media screen and (max-width: 809px) {
 	.menu{
	    height: 36px;
 	}
}