body{
	color: #000e26;
}


header{
	margin: auto;
	max-width: 1500px;
}

footer{
	background-color: #2151d3;
	color: white;
}

#ies, #ien, #ies2, #ien2  { cursor: pointer}

label{ font-weight: normal; }

.popover{
	width: 100% !important;
	max-width: 400px !important;
}

.text-orange{
	color: #2151d3;
}

table#tabla_citas tbody tr:first-child td{
	font-size: 13px;
}

table#tabla_citas tbody tr td{
	padding-top: 15px;
	padding-bottom: 15px;
}
table#s_tabla_citas tbody tr:first-child td{
	font-size: 13px;
}

table#s_tabla_citas tbody tr td{
	padding-top: 15px;
	padding-bottom: 15px;
}



.line-bootom-orange{
	border-bottom: 1px solid #2151d3;
}

.line-bottom-grey{
	border-bottom: 1px solid #ddd;
}

.line-bottom-grey-3{
	border-bottom: 3px solid #ddd;
}

.line-grey-3{
	background-color: #ddd;
	height: 3px;
}

.recuadro-line{
	border: 1px solid #2151d3;
	border-top: 3px solid #2151d3;
	border-radius: 8px;
	overflow: hidden;
}

.recuadro-line-grey{
	border: 1px solid #ecbb44;
	border-top: 3px solid #ecbb44;
	border-radius: 8px;
	overflow: hidden;
}



.underline {
	width: 84px;
	height: 4px;
	background-color: #00c85b;
	transform: skewX(-30deg);
}

.underline_m {
	width: 42px;
	height: 4px;
	background-color: #00c85b;
	transform: skewX(-30deg);
}

.underline_2 {
	width: 84px;
	height: 4px;
	background-color: #666;
	transform: skewX(-30deg);
}

.underline_2m {
	width: 42px;
	height: 4px;
	background-color: #666;
	transform: skewX(-30deg);
}


.baja, .ocupada{
	font-size: 1.3em;
}

.ocupada{
	color: red;
}

.baja{
	color: #999;
}

.badge{
	background-color: #FF0000;
}

.renglon-resaltar {
	color: #fff;
	background-color: #FF6800;
}



div.costos table td, .costos table th{
	text-align: right;
}

div.costos table tr td:nth-child(1), .costos table tr th:nth-child(1){
	text-align: left;
}

div.costos table tr td{
	padding: 5px 20px;
	position: relative;
}

.letra-grande {
	font-size: 20px;
}

.linea-arriba_{
	background-color: #8E826E;
	height: 5px;
}

.text-color-orange{
	color: #2151d3;
}

.sub-title{
	background-color: #2151d3;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 14px 20px;
	text-align: left;
	text-transform: uppercase;
}

.tabla-comentarios{
	font-size: .9em;
}

.img-agenda{
	width: 100%;
/*	max-width: 800px;*/
}



.text-white{
	color: #fff;
}
.height-event-details{
	min-height: 143px;
}




/* BACKGROUND */
.bg-grey{
	background-color: #f2f2f2;
}

.bg-orange{
	background-color: #2151d3;
}
.bg-139bcb{
	background-color: #00c85b;
}
.bg-black{
	background-color: #000;
}

.bg-gris-f2{
	background-color: #f2f2f2;
}

/* BOTONES */
.btn-orange{
	background-color: #2151d3 !important;
}



/* BS.CALLOUT */
.bs-callout-orange{
	border-top-color: #2151d3;
	border-top-width: 3px;
}

.bs-callout-danger{
	border-top-width: 3px;
}

.bs-callout-info{
	border-top-width: 3px;
}



/* ################# */
/* BARRA - LOADING   */
/* ################# */
#line-loading-orange-5 {
	width: 100%;
	height: 5px;
	-webkit-animation: progreso 1s linear; 
	animation: progreso 1s linear;
	background: #2151d3;
}

@-webkit-keyframes progreso {
	0% { width: 0; }
	100% { width: 100%; }
}

@keyframes progreso {
	0% { width: 0; }
	100% { width: 100%; }
}




/* HTML: <div class="loader"></div> */
.loader {
  width: 20px;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(#FFF 0 0);
  background: 
	var(--c) 0%   50%,
	var(--c) 50%  50%,
	var(--c) 100% 50%;
  background-size: 20% 100%;
  animation: l1 .5s infinite linear;
}
@keyframes l1 {
  0%  {background-size: 20% 100%,20% 100%,20% 100%}
  33% {background-size: 20% 10% ,20% 100%,20% 100%}
  50% {background-size: 20% 100%,20% 10% ,20% 100%}
  66% {background-size: 20% 100%,20% 100%,20% 10% }
  100%{background-size: 20% 100%,20% 100%,20% 100%}
}

.rounded{
	border: 2px solid rgb(223, 228, 232);
	border-radius: 8px;
}



/* ################# */
/* SWITCH BOTON      */
/* ################# */
.switch-input {
	display: none;
}
.switch-w110 {
	min-width: 110px;
}

.switch-label {
	position: relative;
	display: inline-block;
/*	min-width: 112px;*/
	cursor: pointer;
	text-align: left;
	padding: 0 0 0 44px;
}
.switch-label:before, .switch-label:after {
	content: "";
	position: absolute;
	margin: 0;
	outline: 0;
	top: 50%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.switch-label:before {
	left: 1px;
	width: 34px;
	height: 14px;
	background-color: #9E9E9E;
	border-radius: 8px;
}
.switch-label:after {
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #FAFAFA;
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.switch-label .toggle--on {
	display: none;
}
.switch-label .toggle--off {
	display: inline-block;
}
.switch-input:checked + .switch-label:before {
	background-color: #63d8ff;
}
.switch-input:checked + .switch-label:after {
	background-color: #00c85b;
	-ms-transform: translate(80%, -50%);
	-webkit-transform: translate(80%, -50%);
	transform: translate(80%, -50%);
}
.switch-input:checked + .switch-label .toggle--on {
	display: inline-block;
}
.switch-input:checked + .switch-label .toggle--off {
	display: none;
}