:root {
	  --main-bg-color: #5e77b7;
	  --clear: #fff;
	  --base-color:#7d7f7d;
	  --light-grey:#818182;
	}

	.c{clear:both;display:block;height:0;width:0;font-size: 0;opacity:0}
	.p{padding:1em}
	.hp{padding:0.5em;}
	.m{margin:1em;}
	.pr{padding:0 1em 0 0;}
	.w{max-width:1200px;margin:0 auto}
	.w900{width: 900px; margin:auto;}
	.nt{padding-top: 0;padding-bottom: 0;margin-top: 0;margin-bottom: 0}
	hr {margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); width:100%;}

	.max{padding-top: 3em;padding-bottom:3em}
	.sh{box-shadow:rgba(0,0,0,.1) 0 1px 0, rgba(0,0,0,.1) 0 1px 3px, rgba(0,0,0,.1) 0 1px 5px}
	.block{display: block}
	.bigger{margin: 0 -1em}
	.block{display: block}
	.inline{display: inline-block;}

	.le{float: left}
	.ri{float: right}

	.txt-l{font-style: 1.25em}
	.txt-s{font-style: .8em}
	.txt-center{text-align: center;}
	.txt-ri{text-align: right;}

	.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12{float:left}
	.d1{width:8.33%}.d2{width:16.66%}.d3{width:25%}.d4{width:33.33%}.d5{width:41.66%}.d6{width:50%}.d7{width:58.33%}.d8{width:66.66%}.d9{width:75%}.d10{width:83.33%}.d11{width:91.66%}.d12{width: 100%}
     
    .d12{min-width: 900px ;}

	/*remove narrows of input fields*/
    /* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}

    .air{padding:1em 0.5em 0em 0.5em;}

    .scrollx{overflow-x: scroll;}

	.pointer{cursor: pointer;}
	.hide{display:none;}

	.base-color{
		background-color: var(--base-color);
	}

	.hide{
		display: none;
	}

	.opciones{
		margin-bottom: -2.7em;
		z-index: 10;
	}

	.my-event {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		border-radius: 2px;
		background-color: #1867c0;
		color: #ffffff;
		border: 1px solid #1867c0;
		font-size: 12px;
		padding: 3px;
		cursor: pointer;
		margin-bottom: 1px;
		left: 4px;
		margin-right: 8px;
		position: relative;
	}

	.my-event.with-time {
		position: absolute;
		right: 4px;
		margin-right: 0px;
	}

	/*
	.h131, .h132, .h133, .h134, .h135, .h141, .h142, .h143, .h144, .h145, .h156, .h166, .h176, .h186, .h150, .h160, .h170, .h180{display:none;}
	*/
	.v-calendar-daily__pane, .v-calendar-daily__scroll-area{
		overflow:hidden;	
	}
	.v-application--wrap{
		min-height: auto;
	}
	.theme--light.v-application {
		background-color:transparent;
	}

	.navbar {    
		position: fixed;
    	top: 0px;
    	width: 100%;
    	z-index: 100;
	}

	.navbar .material-icons{
		font-size: 0.75rem;
	}

	.navbar-brand img{height: 40px; margin-top: -5px;}

	.contenedor{
		margin-top: 56px;
	}
	
	input.uppercase { 
		text-transform: uppercase; 
	}

	.btn-agenda{
		height: 20px;
	    padding: 0px;
	    min-width: 30px;
	    text-align: center;	
	}
	.btn-outline-info{
		border-color: var(--clear);
		border-width: 0px;
	}
	.btn-agenda .material-icons{
		font-size:13px;
	}
	.v-calendar .v-event-timed-container{
		margin-right:35px;
	}

	.c{
		clear:both;
		display:block;
		height:0;
		width:0;
		font-size: 0;
		opacity:0;
	}
	.p{
		padding: 1em;
	}
	.pointer {
		cursor:pointer;
	}

	.logout-button{
		color:var(--clear);
	}
	.logout-button .material-icons{
		font-size: 1.5em;
	}


	.v-btn{
	   cursor: not-allowed;
	   pointer-events: none;
	   
	}
	.v-calendar-daily_head-day-label{
		cursor: default;
	}

	.custom-select, .secondary-txt{ color:var(--light-grey);}

	#mensaje{display: inline-block;}

	.checkbox-list{margin:0 0 .5em .5em;}
	.boton-top{margin:0 5px 5px 5px;}
	.hidden{display:none;}



div.well{
	height: 250px;
} 

.Absolute-Center {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center.is-Responsive {
	width: 50%; 
	height: 50%;
	min-width: 200px;
	max-width: 400px;
}

#logo-container{
	margin: auto;
	margin-bottom: 10px;
	width:200px;
	height:30px;
	background-image:url('');
}

.Absolute-Center h1{
	color:#555555;
}


.mensaje-lista-pacientes{
	margin-bottom:-2em; 
	margin-top:2em; 
	padding-left:0px; 
	z-index:-1;
}
.mensaje-cita-pacientes{
	margin-bottom:-2em;  
	z-index:-1;
}

.form-group{
	padding:1em;
}


@media print{

  .oculto-impresion, .oculto-impresion *{

    display: none !important;

  }

}


/*Estilos de gráficas*/
/*Grafica de barras*/
#container {
  height: 400px; 
}

.highcharts-figure, .highcharts-data-table table {
  min-width: 310px; 
  max-width: 800px;
  margin: 1em auto;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
/*Grafica de barras*/

/*Grafica de detalle*/
.highcharts-figure, .highcharts-data-table table {
  min-width: 360px; 
  max-width: 800px;
  margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
/*Grafica de detalle*/

/*Grafica Mensual*/
.highcharts-figure, .highcharts-data-table table {
  min-width: 360px; 
  max-width: 800px;
  margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

/*Grafica Mensual*/

@media (max-width: 1201px) and (min-width: 576px) {
	.nav-item {font-size: 0.75em;}
	.navbar .material-icons{font-size:1.25em;}
}