body{
	font-family: HelveticaNeue-Condensed,Open Sans Condensed,Arial,sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #444;
}

header{
	margin: auto;
	max-width: 1500px;
	padding: 0;
	border: 1px solid #ddd;
	background-color: #fff;
}

header img{
	max-width: 100%;
	width: auto
}

.l-en{ display: none; }


/* PRIMARY */
.text-primary{
	color: #fff500;
}
.bs-callout-primary{
	border-top-color: #fff500;
	border-top-width: 3px;
}
.line-bootom-primary{
	border-bottom: 1px solid #fff500;
}
.bg-primary{
	background-color: #fff500;
}
.btn-primary{
	background-color: #fff500 !important;
}
.recuadro-line-primary{
	border: 1px solid #fff500;
	border-top: 3px solid #fff500;
	border-radius: 8px;
	overflow: hidden;
}
#line-loading-primary-5 {
	width: 100%;
	height: 5px;
	-webkit-animation: progreso 1s linear; 
	animation: progreso 1s linear;
	background: #fff500;
}


/* SECONDARY */
.text-secondary{
	color: #403b33;
}
.bs-callout-secondary{
	border-top-color: #403b33;
	border-top-width: 3px;
}
.line-bootom-secondary{
	border-bottom: 1px solid #403b33;
}
.bg-secondary{
	background-color: #403b33;
}
.btn-secondary{
	background-color: #403b33 !important;
}
.recuadro-line-secondary{
	border: 1px solid #403b33;
	border-top: 3px solid #403b33;
	border-radius: 8px;
	overflow: hidden;
}
#line-loading-secondary-5 {
	width: 100%;
	height: 5px;
	-webkit-animation: progreso 1s linear; 
	animation: progreso 1s linear;
	background: #403b33;
}


/* ################# */
/* BARRA - LOADING   */
/* #line-loading-primary-5, #line-loading-secondary-5*/
@-webkit-keyframes progreso {
	0% { width: 0; }
	100% { width: 100%; }
}

@keyframes progreso {
	0% { width: 0; }
	100% { width: 100%; }
}
/* ################# */




.text-grey{
	color: #fff;
}

h4.panel-title a{
	text-decoration: none;
}

.bg-eee{
	background-color: #eee;
}

.form-control[readonly] {
	background-color: #fdfdfd;
	opacity: 1;
}

.btn-pill{
	border-radius: 30px;
}

.br-xsccc{
	border: 3px solid #ecbb44;
}






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

label{ font-weight: normal; }

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

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;
}

.bg-01{
	background-color: #ffece3;
}
.bg-02{
	background-color: #fff500;
}
.bg-03{
	background-color: #d0fff8;
}
.bg-04{
	background-color: #feffda;
}

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

.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-grey{
	border: 1px solid #ecbb44;
	border-top: 3px solid #ecbb44;
	border-radius: 8px;
	overflow: hidden;
}



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

.underline_m {
	width: 42px;
	height: 4px;
	background-color: #403b33;
	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;
}


.sub-title{
	background-color: #fff500;
	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;*/
}


.height-event-details{
	min-height: 143px;
}



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

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


/* BS.CALLOUT */
.bs-callout-danger{
	border-top-width: 3px;
}

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




/* 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: #403b33;
	-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;
}


div.checkbox-wrapper-15{
	display: inline;
}
.checkbox-wrapper-15 .cbx {
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
.checkbox-wrapper-15 .cbx span {
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-15 .cbx span:first-child {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: scale(1);
	vertical-align: middle;
	border: 1px solid #B9B8C3;
	transition: all 0.2s ease;
}
.checkbox-wrapper-15 .cbx span:first-child svg {
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 3px;
	fill: none;
	stroke: white;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-15 .cbx span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #506EEC;
	display: block;
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
	transition-delay: 0.2s;
}
.checkbox-wrapper-15 .cbx span:last-child {
/*	margin-left: 8px;*/
}
.checkbox-wrapper-15 .cbx span:last-child:after {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	height: 1px;
	width: 100%;
	background: #B9B8C3;
	transform-origin: 0 0;
	transform: scaleX(0);
}
.checkbox-wrapper-15 .cbx:hover span:first-child {
	border-color: #3c53c7;
}

.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
	border-color: #3c53c7;
	background: #3c53c7;
	animation: check-15 0.6s ease;
}
  .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
	stroke-dashoffset: 0;
}
.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
	transform: scale(2.2);
	opacity: 0;
	transition: all 0.6s ease;
}
.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child {
	color: #B9B8C3;
	transition: all 0.3s ease;
}


@keyframes check-15 {
	50% {
		transform: scale(1.2);
	}
}