:root,
* {
	--mdc-theme-primary: #5C970E !important;
	--mdc-theme-secondary: #077bbf !important;
	--mdc-theme-error: #ea1038 !important;
	--mdc-typography-subtitle1-font-size: 14px;
	--mdc-typography-subtitle1-line-height: 14px;
	--mdc-typography-subtitle1-font-family: 'Roboto Medium';
	--mdc-typography-font-family: 'Roboto Medium';

	--filter-accent: brightness(0) saturate(100%) invert(52%) sepia(25%) saturate(5767%) hue-rotate(54deg) brightness(92%) contrast(89%);
}

@font-face {
	font-family: 'Roboto Regular';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'),
		local('Roboto Regular'),
		url(/bukeala-static/fonts/custom/colsanitas/Roboto-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto Medium';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'),
		local('Roboto Medium'),
		url(/bukeala-static/fonts/custom/colsanitas/Roboto-Medium.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto Bold';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'),
		local('Roboto Bold'),
		url(/bukeala-static/fonts/custom/colsanitas/Roboto-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	src: url(/bukeala-static/fonts/custom/colsanitas/MaterialIcons-Regular.eot);
	src: url(/bukeala-static/fonts/custom/colsanitas/MaterialIcons-Regular.woff2) format('woff2'),
		url(/bukeala-static/fonts/custom/colsanitas/MaterialIcons-Regular.woff) format('woff'),
		url(/bukeala-static/fonts/custom/colsanitas/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
	font-family: 'Material Icons' !important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* todo lo que tenga material icons empieza oculto hasta que cargue la font, si no carga al menos no se ve el texto */
.iconfont-hide {
	display: none!important;
}

/*general style*/
body {
	font-family: 'Roboto Regular';
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

b,
strong {
	font-family: 'Roboto Bold';
}

input[type="text"] {
	display: inline-block;
}

input[type="submit"],
button.btns {
	background: #077bbf;
	border: 1px solid #077bbf;
	color: #fff;
	border-radius: 50px;
	text-transform: uppercase;
	padding: 7px 35px;
	font-family: 'Roboto Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 12px;
}

/* input[type="button"]:not(.action .btns){background:#077bbf; border:1px solid #077bbf; color:#fff; border-radius:50px; text-transform: uppercase; padding: 7px 35px;font-family: 'Roboto Medium'; letter-spacing:1px;font-size:12px; line-height:12px;} */
input[type="button"] {
	background: #077bbf;
	border: 1px solid #077bbf;
	color: #fff;
	border-radius: 50px;
	text-transform: uppercase;
	padding: 7px 35px;
	font-family: 'Roboto Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 12px;
}

input[type="button"].secondary {
	background: transparent;
	color: #555;
	border-color: transparent;
}

input[type="button"].secondary:hover {
	border-color: #077bbf;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
}

.btns.loading {
	background: url(/bukeala-static/images/custom/backoffice/template/preloader.gif) center no-repeat #077bbf !important;
	color: transparent !important;
}

body.loading {
	background: url(/bukeala-static/images/custom/backoffice/template/loading-spinner.gif) no-repeat center center;
	height: 100vh;
}

.loading #header,
.loading .wrapper {
	display: none;
}

div.loading {
	background: url(/bukeala-static/images/custom/backoffice/template/loading-spinner.gif) no-repeat center center !important;
	height: 300px;
}

.fechas-disponibles.loading {
	height: 135px;
}

.loading * {
	display: none;
}

.row {
	margin: 0;
}

em {
	font-style: normal !important;
}

/*HEADER*/
/*
.appNav{display:block; width:100%; margin-bottom:10px; height:30px; position:fixed !important; top:0 !important; z-index:999;color:#5C970E;}
.appNav a{display:block; line-height:30px; height:100%;color:#5C970E;}
.appNav a.backbutton{float:left; width:20%; padding-left:15px; text-align:left;}
.appNav a.backbutton:after{font-family:'Material Icons';content:"arrow_back";font-size:22px;}
.appNav a.menubutton{float:right; width:25%; text-align:right; cursor:pointer; text-transform: uppercase; font-size:14px; margin-right:25px;}
.appNav a.menubutton span{vertical-align:top; max-width:10px; margin-left:5px; font-size:22px;}

.appNav .dropdown-menu{background:#fafafa;position:absolute; top:0px; right:0px; left: auto; border-radius:0; width:80%; z-index: 1100;}
.appNav .dropdown-menu a{background:#fafafa; color:#000; cursor:pointer; text-align:left;}
.appNav .dropdown-menu{margin:25px 15px; width:165px;}
.appNav .dropdown-menu:before, .colsanitas .appNav .dropdown-menu:after{border:none;}
.dropdown-menu .divider{display:none;}
.appNav .dropdown-menu a{margin:0; padding:7px 10px;font-family: 'Roboto Regular';color: #75757}
.appNav .dropdown-menu a:hover, .colsanitas .appNav .dropdown-menu a:active, .colsanitas .appNav .dropdown-menu a:focus, .colsanitas .appNav .dropdown-menu li:hover, .colsanitas .appNav .dropdown-menu li:active, .colsanitas .appNav .dropdown-menu li:focus{background-color:#eeeeee;}
*/
.appNav {
	margin-bottom: 20px;
	text-align: center;
}

.appNav a.backbutton {
	float: left;
	width: 60px;
	padding-left: 15px;
	text-align: left;
	font-size: 22px;
	color: #5C970E;
}

.appNav .menu {
	text-align: justify;
	width: calc(100% - 60px);
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: 3px;
}

.menu:after {
	content: '';
	display: inline-block;
	width: 100%;
}

.appNav .menu a {
	position: relative;
	display: inline-block;
	line-height: 17px;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 5px 15px;
	border-radius: 20px;
	background-color: #5C970E;
}

.appNav .menu a span.material-icons {
	display: inline-block;
	margin-right: 10px;
	vertical-align: bottom;
}

.appNav .menu a:hover,
.appNav .menu a:focus,
.appNav .menu a:active {
	color: #fff;
	background-size: 100% 100%;
}

.appNav .menu a.active {
	color: #fff;
	background-size: 100% 100%;
	background: linear-gradient(to right, #5C970E, #5C970E);
}

#authorizationsIcon:after {
	position: absolute;
	top: 3px;
	left: 30px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #E43434;
	content: attr(data-value);
	font-size: 9px;
	letter-spacing: 0;
	font-weight: bold;
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	display: block;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

.appTit {
	text-transform: uppercase;
	color: #5C970E;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	margin: 35px 15px 15px 15px;
	height: 25px;
	padding-left: 5px;
}

.appTit:before {
	content: attr(data-content) '';
}

.appTxt {
	color: #777;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 30px;
}

.appTxt:before {
	content: attr(data-content) '';
}

.wrapper {
	padding: 0 10px 5px 10px;
	margin: 0 !important;
}

.center {
	text-align: center;
}

.scroll {
	height: calc(100% - 350px);
}

/*CUSTOMER TYPE*/
.select-type {
	text-align: center;
}

.select-type .header {
	width: 80%;
	margin: 0 auto;
}

.select-type .header h4 {
	font-weight: normal;
	color: #777;
}

.select-type .header h4 strong {
	color: #333;
}

.select-type .header h2 {
	font-weight: normal;
	font-size: 14px;
	color: #777;
}

.card {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3) !important;
	margin: 20px;
	width: 250px;
	min-height: 80px;
	display: inline-block;
	vertical-align: top;
	transition: background ease .3s;
	background: #fff;
}

.card .plan {
	font-size: 14px;
	text-transform: uppercase;
	border-top: 1px solid #012875;
	padding-top: 2px;
	margin: 0 30px;
	color: #012875;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.card .btn-group,
.card .btn-group .EPS-buttons {
	width: 100%;
}

.card .EPS-buttons .btns {
	line-height: 16px;
	width: 100%;
	margin: 0 !important;
	text-align: left;
	padding: 12px !important;
	padding-left: 35% !important;
}

.prelanding-buttons .card {
	padding: 20px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

.prelanding-buttons .card i {
	font-size: 70px;
	display: block;
}

.card .svgLogo {
	pointer-events: none;
}

.card .EPS-buttons .mdi {
	position: relative;
	display: block;
	width: 100%;
	transition: all .2s ease;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 36px;
	font-size: 14px;
	margin-bottom: 20px;
	background: #fff;
	color: #888;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
}

/* usar esto cuando todos los botones de plan sean input[type=button]*/
/* .card .EPS-buttons .btns {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	border-radius: 0;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 12px;
	margin-bottom: 20px!important;
	background: #fff;
	color: #888;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	transition: all .2s ease;
} */

.card .EPS-buttons .mdi:before {
	position: absolute;
	z-index: 1;
	color: #888 !important;
	top: 3px !important;
	left: 25px !important;
	font-size: 20px;
	pointer-events: none;
}

.card .EPS-buttons .mdi:hover:before,
.card .EPS-buttons .mdi:focus:before,
.card .EPS-buttons .mdi:focus-within:before,
.card .EPS-buttons .mdi:active:before {
	color: #fff!important;
}

.card .EPS-buttons .mdi.disabled {
	background: #ddd;
	color: #bbb;
	pointer-events: none;
}

.card .EPS-buttons .mdi.disabled:before {
	color: #bbb!important;
}

.EPS-buttons {
	display: none;
	padding: 5px 15px;
}

.EPS-buttons .btns {
	background: transparent;
	border: none;
	color: inherit;
	text-transform: uppercase;
}

.EPS-buttons .mdi:hover,
.EPS-buttons .mdi:focus,
.EPS-buttons .mdi:focus-within,
.EPS-buttons .mdi:active {
	background: #5C970E;
	color: #fff;
}

.ribbon2 {
	width: 51px;
	height: 20px;
	line-height: 20px;
	letter-spacing: .5px;
	color: #fff;
	position: absolute;
	right: -10px;
	top: -5px;
	background: #7fa616;
	font-size: 10px;
}

.ribbon2:before,
.ribbon2:after {
	content: "";
	position: absolute;
}

.ribbon2:before {
	height: 0;
	width: 0;
	bottom: -8.5px;
	right: 0.1px;
	border-top: 9px solid #666;
	border-right: 9px solid transparent;
}

.ribbon2:after {
	height: 0;
	width: 0;
	left: -5px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 5px solid #7fa616;
}

.sharedCustomer .header {
	border-bottom: 1px solid #ccc;
}

.sharedCustomer .tab-pane.active {
	padding: 10px
}

.sharedCustomer p {
	margin: -5px 0 15px 0
}

.sharedCustomer .btns {
	margin: 0 4px;
	padding: 0 12px;
	width: 175px;
	vertical-align: middle;
}

.sharedCustomer .btn-group {
	display: block
}

.svgLogo {
	cursor: pointer;
	height: 54px;
	border: none;
	margin: 5px 0;
	display: block;
	width: 100%;
	background-size: 240px auto !important;
	/*display: block; */
}

.svgLogo:hover,
.svgLogo:focus,
.svgLogo:active {
	border-radius: 4px;
	background-color: #F5F5F5
}

.svgLogo[disabled]:hover,
.svgLogo[disabled]:focus,
.svgLogo[disabled]:active {
	background-color: #FFF;
	cursor: default
}

.epsLogo {
	background: url(/bukeala-static/images/custom/colsanitas/epssanitas.svg) no-repeat center center;
	background-size: 188px!important;
}

.epsEmpresarialLogo {
	background: url(/bukeala-static/images/custom/colsanitas/epsEmpresarial.png) no-repeat center center;
}

.epsPremiumLogo {
	background: url(/bukeala-static/images/custom/colsanitas/epspremium.png) no-repeat center center;
}

.axaKeraltyLogo {
	background: url(/bukeala-static/images/custom/axakeralty/axakeralty.png) no-repeat center 10px;
	background-size: auto 45px !important
}

.particularLogo {
	background: url(/bukeala-static/images/custom/colsanitas/particular.svg) no-repeat center -15px;
}

.medisanitasLogo {
	background: url(/bukeala-static/images/custom/colsanitas/medisanitas.svg) no-repeat center center;
}

.colsanitasLogo {
	background: url(/bukeala-static/images/custom/colsanitas/colsanitas.svg) no-repeat center center;
	background-size: 60%!important;
}

.sanitasLogo {
	background: url(/bukeala-static/images/custom/colsanitas/colsanitas.png) no-repeat center center;
}

.colsanitasDentalLogo {
	background: url(/bukeala-static/images/custom/colsanitas/colsanitasdental.svg) no-repeat center center;
}

.sharedCustomer [class^="btn-content"] {
	border-top: 1px dotted #EEE
}

.sharedCustomer [class^="btn-content"]:first-child {
	border-top: 0;
}

.sharedCustomer .btn-active {
	display: block !important
}


.sharedCustomer div[class^="btn-content-"],
.EPS-buttons {
	text-align: center
}


/*CONTENT*/
.form-content {
	margin: 0 5px;
	padding: 30px;
	overflow-y: visible;
	position: relative;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
}

.form-content form {
	margin-right: -50px;
	padding-bottom: 50px;
	/* width: calc(100% + 40px); */
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

/* accesibilidad keralty */
#findAvailabilityModel a:hover,
#findAvailabilityModel a:focus,
#findAvailabilityModel a:active,
#findAvailabilityModel .btn-group.dias button:focus,
#findAvailabilityModel input[type="submit"]:focus {
	outline: 2px solid #077bbf;
	outline-offset: 2px;
}

#findAvailabilityModel #attentionTypeDiv {
	position: relative;
}

#findAvailabilityModel #attentionTypeBtnContainer {
	text-align: right;
}

#findAvailabilityModel #hidden-form-section {
	position: relative;
}

.mdc-list.labTagsSelected span.mdc-list-item__text {
	overflow: visible;
	white-space: normal;
}

.mdc-list.labTagsSelected .mdc-list-item {
	height: auto;
	padding: 8px 16px;
}

#findAvailabilityModel .obligatory-field .green::after {
	content: '*';
	display: inline-block;
}

#startDateDiv {
	margin-bottom: 8px;
}

#startDateDiv label.mdc-text-field {
	margin-bottom: 0;
}

#startDateDiv.mdc-select--invalid .mdc-line-ripple::before {
	border-bottom-color: var(--mdc-theme-error);
}

.form-content form input[type="submit"] {
	margin-right: 50px;
	margin-top: 20px;
	float: right;
}

.form-content .field {
	display: inline-block;
	width: calc(100% - 40px);
	vertical-align: top;
	margin-bottom: 12px;
}

.form-content .field.fullwidth {
	width: calc(100% - 40px);
}

.form-content .field.double .mdc-select {
	width: calc(50% - 15px);
	display: inline-block;
	top: -20px;
}

.form-content .field.double .mdc-select:last-of-type {
	float: right;
}

.form-content .field.double .mdc-select.mdc-select--disabled .mdc-select__selected-text {
	color: #999 !important;
}


.form-content .field select:focus,
.form-content .field input[type="text"]:focus {
	border-bottom: 2px solid #5C970E;
}

.form-content .field label,
label.mdc-text-field {
	display: block;
	padding-left: 16px;
	padding-top: 16px;
	color: #333;
	font-size: 14px;
}

.form-content .field label[for]:focus {
	color: #5C970E;
}

.form-content .field .error select {
	background-color: transparent !important;
	border: none;
	border-bottom: 2px solid #9a1a1a !important;
}

.form-content .field .error .error-msj {
	font-family: "Roboto Regular";
	padding: 0 14px;
}

.form-content .field label.radio-label {
	display: inline-block;
	padding-left: 4px;
	padding-top: 0;
	padding-right: 20px;
	color: #666666;
	font-size: 14px;
	font-weight: 500;
	vertical-align: text-bottom;
}

.colsanitas .chzn-container-single .chzn-single span {
	font-size: 15px;
}

.colsanitas .chzn-container-single .chzn-single div b {
	background: transparent;
}

.form-content .field label.green {
	font-size: 14px;
	font-weight: 500;
	color: #2F7500;
}

.form-content .field span.green {
	font-size: 14px;
	color: #2F7500!important;
	font-weight: 500;
	position: absolute;
	top: 0;
	left: 15px;
	transition: all .1s ease;
}

.form-content .field.mdc-select--disabled span.green {
	font-size: 14px;
	color: #999!important;
	/* top: 25px; */
}

.form-content .field #medico label:after {
	content: "";
}

.colsanitas .chzn-container .chzn-drop {
	background: #666;
	color: #fff;
	border-radius: 5px !important;
}

.chzn-container .chzn-results .highlighted {
	background: #970000;
}

.form-content .field form .error label {
	color: #9a1a1a;
}

.form-content .field.date-pick {
	position: relative;
}

.form-content .field.date-pick i.material-icons {
	position: absolute;
	left: calc(100% - 30px);
	top: 20px;
}

.dates {
	display: inline-block;
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
	font-size: 0;
	vertical-align: top;
	margin-top: 6px;
}

.dates li {
	display: inline-block;
	border-right: 1px solid #CCC;
	font-size: 12px;
	margin: 0;
	padding: 0 5px;
}

.dates li:last-of-type {
	border-right: none;
}

.dates a {
	display: inline-block;
	line-height: 14px;
	border-bottom: 1px solid #077bbf;
	color: #077bbf;
	padding: 3px;
}

.dates a.active {
	background: #eee;
}

.form-content .field .btn-group.dias button {
	background: transparent;
	border: 1px solid #077bbf;
	color: #077bbf;
	font-family: "Roboto Medium";
	font-size: 12px;
	letter-spacing: 1px;
	border-radius: 10px;
	padding: 3px 15px;
	margin-right: 5px;
	outline: none;
}

.form-content .field .btn-group.dias button.active {
	background: #077bbf;
	color: #fff;
}

.calendario {
	text-align: center;
	max-width: 310px;
	margin: 0 auto
}

#caltitle {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 15px;
	position: relative;
}

#calroot,
.calendar-content {
	z-index: 10000;
	padding: 10px;
	color: #53585d;
	background: #fff;
	border-radius: 5px;
	border-top: 1px solid #c9c9c9;
	border-right: 1px solid #b8b8b8;
	border-left: 1px solid #b8b8b8;
	border-bottom: 1px solid #a6a6a6;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, .3);
	background-clip: padding-box;
}

#calhead,
.monthNav {
	position: relative
}

.monthNav strong {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 5px
}

a#calprev,
a#calnext,
.monthNav a.prev,
.monthNav a.next,
.toolbar a.date-prev,
.toolbar a.date-next,
#cal a#calprev,
#cal a#calnext {
	left: 13px;
	display: inline-block;
	position: absolute;
	top: 2px;
	width: 11px;
	height: 13px;
	background: url(/bukeala-static/images/custom/backoffice/template/date-icons.png) no-repeat;
	z-index: 10;
	cursor: pointer
}

a#calnext,
.monthNav a.next,
#cal a#calnext,
.toolbar a.date-next {
	background-position: -11px 0px;
	left: inherit;
	right: 13px;
}

a#calnext:hover,
a#calnext:focus,
a#calnext:active,
.monthNav a.next:hover,
.monthNav a.next:focus,
.monthNav a.next:active,
#cal a#calnext:hover,
#cal a#calnext:focus,
#cal a#calnext:active,
.toolbar a.date-next:hover,
.toolbar a.date-next:focus,
.toolbar a.date-next:active {
	background-position: -11px -13px;
}

.calweek a,
.calendar td.day {
	font-size: 12px;
	padding: 5px 0 4px 0;
	background: #e6e9eb;
	border-bottom: 1px solid #959ba1;
	border-right: 1px solid #959ba1;
}

.calweek a#calcurrent,
.calendar td.today {
	color: #FFF;
	box-shadow: none !important;
	background-color: #077bbf
}

.calendar td.today .day {
	text-shadow: none
}

#calroot {
	width: 100%;
	max-width: 260px;
	margin: 0 auto
}

.modal #calroot {
	max-width: 305px;
}

#calhead {
	padding: 1px 0;
}

#caldays span,
.calweek a,
.calendar th {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #53585d;
	border-right: 1px solid transparent;
}

#caldays span,
.calweek a {
	display: inline-block;
	width: 14.2%;
	max-width: 40px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #53585d;
	border-right: 1px solid transparent;
}

#caldays span:first-child {
	border-left: 1px solid transparent;
}

.calweek a {
	font-size: 12px;
	padding: 7px 0 6px 0;
	background: white;
	border-bottom: 1px solid #959ba1;
	border-right: 1px solid #959ba1;
	box-shadow: inset 1px 1px 1px #fff;
}

.calweek a:hover,
.calweek a:focus,
.calweek a:active,
.week-change .calweek:hover a,
.week-change .calweek:focus a,
.week-change .calweek:active a {
	background: #077bbf;
	text-decoration: none;
	color: #FFF;
	box-shadow: none
}

.calweek:first-child a {
	border-top: 1px solid #959ba1;
}

.calweek a:first-child {
	border-left: 1px solid #959ba1;
}

.calweek a.caloff,
.calweek:hover a.caloff,
.calweek:focus a.caloff,
.calweek:active a.caloff,
.calweek a.caldisabled,
.calweek:hover a.caldisabled,
.calweek:focus a.caldisabled,
.calweek:active a.caldisabled,
.calendar td.padding,
.calendar td.disabled,
.calendar td.disabled:hover,
.calendar td.disabled:focus,
.calendar td.disabled:active {
	color: #abacac;
	text-shadow: 0px 1px 1px #e0e0e0;
	background: #cdcfd1 !important;
	box-shadow: none;
}

.calendar-content {
	max-width: 520px;
	min-width: 410px;
	margin: 15px auto;
	font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
}

.calendar-top {
	position: relative;
	margin-bottom: 5px
}

.calendar-content .icon-filter {
	width: 24px;
	height: 24px;
	background-image: url(/bukeala-static/images/custom/backoffice/template/filter-icon.png);
	display: block;
	background-position: 26px -1px;
	position: absolute;
	right: 0px;
	top: -2px;
	border: 1px solid #CCC;
	border-radius: 5px;
}

.calendar-content .monthNav {
	width: 250px;
	margin: 0 auto
}

.calendar-content .monthNav strong {
	margin: 0
}

.calendar {
	width: 100%;
	text-align: center
}

.calendar th {
	border-bottom: 1px solid #959BA1;
	width: 14.2%
}

.calendar td {
	vertical-align: top;
	padding: 0 !important;
	border-collapse: collapse;
	height: 60px;
	background: #e6e9eb;
	border-bottom: 1px solid #959BA1;
	border-right: 1px solid #959BA1;
	box-shadow: 1px 1px 1px #FFFFFF inset;
	font-size: 12px
}

.calendar td:first-child {
	border-left: 1px solid #959BA1
}

.calendar span.day {
	display: block
}

.calendar td.day:hover,
.calendar td.day:focus,
.calendar td.day:active {
	background-color: #f7f7f7
}

.calendar td.day>a {
	display: block;
	height: 100%;
}

.calendar td span.people {
	display: block;
	font-size: 32px;
	display: inline;
	color: #53585D
}

.calendar td span.day {
	display: block;
	font-size: 13px;
	padding: 5px 05px 0 5px;
	text-align: left;
	text-shadow: 1px 1px 1px #FFFFFF;
	color: #53585D
}

.calendar td.today span.people,
.calendar td.today span.day {
	color: #FFF
}

.calendar td.date_has_event {
	background-position: -81px 0px;
}

.calendar td.date_has_event:hover,
.calendar td.date_has_event:focus,
.calendar td.date_has_event:active {
	background-color: #f7f7f7;
	-webkit-transition: background-color 3000ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

.calendar td.date_has_event .day,
.calendar td.today .day {
	background: url(/bukeala-static/images/custom/backoffice/template/config.png) 92% 7px no-repeat;
}

.calendar .popover.top {
	margin-top: -5px !important
}

.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-floating-label,
.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) span.green,
.mdc-form-field--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) label.green {
	color: var(--mdc-theme-error)!important;
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::before,
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after {
	border-bottom-color: rgba(0,0,0,.42);
}

.mdc-select--invalid:not(.mdc-select--focused) .mdc-select__dropdown-icon {
	background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center !important;
}

.mdc-select-helper-text {
	padding-left: 16px;
	font-size: 12px !important;
	line-height: 25px;
	color: var(--mdc-theme-error);
	/* vertical-align: unset;
	margin-top: -5px; */
}

.mdc-select--invalid:not(.mdc-select--focused) .mdc-select-helper-text,
.mdc-form-field--invalid:not(.mdc-select--focused) .mdc-select-helper-text,
.textarea.invalid .mdc-select-helper-text,
.error+.mdc-select-helper-text {
	opacity: 1;
}

.mdc-select.multiple:not(.mdc-select--disabled) .mdc-select__anchor,
.mdc-select.multiple:not(.mdc-select--disabled) .mdc-select__anchor .mdc-select__selected-text {
	display: flex;
	height: auto;
	min-height: 56px;
	flex-wrap: wrap;
}

.mdc-select.multiple:not(.mdc-select--disabled) .mdc-select__selected-text .chip {
	height: 27px;
	border: 1px solid #e0e0e0;
	padding: 5px 25px 5px 15px !important;
	margin: 0px 5px 5px 0px;
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	display: inline-block;
	vertical-align: bottom;
	border-radius: 20px;
	position: relative;
	background: #e0e0e0 !important;
	color: #333;
	font-family: "Roboto Regular";
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.mdc-select.multiple:not(.mdc-select--disabled) .mdc-select__selected-text .chip:after {
	font-family: "Material Icons";
	content: "\e5cd";
	font-size: 16px;
	line-height: 13px;
	color: #777;
	pointer-events: none;
	position: absolute;
	right: 3px;
	top: 6px;
}

.mdc-select.multiple:not(.mdc-select--disabled) .mdc-select__selected-text .chip:hover {
	background: #eee !important;
}

.mdc-select--disabled .mdc-line-ripple::before {
	border-bottom-style: solid !important;
	border-bottom-color: #cdcdcd !important;
}

.mdc-radio {
	padding-left: 0 !important;
	width: auto !important;
}

.attentionTypeContainer {
	width: auto;
}

.mdc-radio .mdc-radio__ripple::before,
.mdc-radio .mdc-radio__ripple::after,
.mdc-radio .mdc-radio__background::before {
	background-color: transparent !important;
}

.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
	border-color: #0099D1!important;
}

.mdc-select.user {
	margin: 0 16px;
	z-index: 5;
}

/* pantalla de selección de plan */
#userType + .mdc-select.user {
	margin: 16px;
}

.mdc-select.user .mdc-menu-surface {
	border-radius: 0;
	max-width: initial;
	left: 0;
	width: 100%;
	overflow: hidden;
	opacity: 1;
	display: inline-block;
	top: 0;
	padding-top: 56px;
	height: 56px;
	max-height: fit-content!important;
	max-height: -moz-fit-content!important;
	background: transparent;
	top: 0px !important;
	transform: none;
	will-change: auto;
	transition: max-height 1s ease;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
}

.mdc-select.user .mdc-menu-surface:not(.mdc-menu-surface--open) {
	pointer-events: none;
	max-height: 56px !important;
}

.mdc-select.user .mdc-menu-surface--open {
	height: auto;
	pointer-events: all;
}

.mdc-select.user .mdc-menu-surface .mdc-list {
	padding: 0;
}

.mdc-select.user .mdc-select__selected-text {
	padding: 20px !important;
}

/* TILDE DE USUARIO REBUNDANTE
.mdc-select.user .mdc-select__selected-text:after {
	font-family: 'Material Icons';
	color: #5C970E;
	content: '\e5ca';
	font-size: 25px;
	position: absolute;
	right: 70px;
	top: 20px;
}
*/

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item {
	border-bottom: 1px solid #eaeaea;
	background: #fff;
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item:hover,
.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item:focus,
.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item:active {
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text:before {
	font-family: 'Material Icons';
	color: #5C970E;
	font-size: 38px;
	margin-right: 10px;
	content: '';
	height: 56px;
	vertical-align: middle;
	overflow: visible;
	position: absolute;
	left: 0;
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text.accessible:before {
	content: '\e914';
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text.chronic:before {
	content: '\e90c';
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text.chronic.accessible:before {
	content: '\e914';
	border: 3px solid #5C970E;
	font-size: 24px;
	border-radius: 50%;
	margin-left: 3px;
	margin-right: 13px;
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item .id {
	position: absolute;
	left: 200px;
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item--selected {
	position: absolute;
	top: -56px;
	width: 100%;
	background: transparent;
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item--selected,
.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item--selected ~ .mdc-list-item {
	padding-left: 48px;
}

.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item--selected::before {
	background-color: transparent !important;
}

.mdc-select.user i.mdc-select__dropdown-icon {
	background: transparent !important;
	font-family: 'Material Icons';
	font-style: normal;
	font-size: 25px;
	bottom: 20px;
	right: 16px;
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-list-item--selected)::before {
	opacity: 0 !important;
}

label.mdc-text-field {
	margin-bottom: 10px;
}

.mdc-floating-label {
	overflow: visible !important;
	color: #333!important;
	font-weight: 500;
	font-size: 14px;
}

.mdc-select .mdc-floating-label {
	top: 0;
}

.mdc-floating-label .optional {
	color: #999 !important;
	font-size: 11px;
}

.mdc-floating-label--float-above,
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
	color: #2F7500 !important;
	transform: translateY(33%) scale(1)!important;
}

/* .mdc-floating-label {
	top: 30px !important;
}

.mdc-floating-label--float-above {
	top: 14px !important;
} */

.mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
	/* transform: translateY(-106%) scale(0.75) !important; */
	transform: translateY(-190%) scale(1)!important;
}

.mdc-text-field,
.mdc-select .mdc-select__anchor,
.mdc-select .mdc-select__anchor:hover,
.mdc-select .mdc-select__anchor:focus,
.mdc-select .mdc-select__anchor:active {
	background-color: transparent !important;
}

.mdc-select__anchor:hover::before,
.mdc-select__anchor:focus::before,
.mdc-select__anchor:active::before {
	opacity: 0 !important;
}

.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
	opacity: 0 !important
}

/* .form-content .field.date-pick label.mdc-text-field {
	display: inline-block;
	width: calc(100% - 200px);
}
*/

.form-content .field.date-pick input.date {
	border: none;
	outline: none;
}

/* air-datepicker */
input.datepicker-input {
	text-align: left!important;
}

.datepicker,
.datepicker * {
	box-sizing: border-box;
}

.datepicker {
	z-index: 10000;
	padding: 16px;
	font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
	white-space: nowrap;
	/* background: var(--input-bg-color); */
	width: 319px;
	margin-top: 4px;
	/* border-radius: var(--input-border-radius); */
	/* border: 1px solid var(--input-border-color); */
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	box-shadow: none;
}

.datepicker--nav {
	width: 100%;
	padding-top: 2px!important;
	border: none!important;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: var(--input-color);
	position: relative;
	display: flex !important;
	justify-content: center;
}

.datepicker--nav-action {
	display: inline-block;
	position: absolute;
	top: 4px;
	width: 24px!important;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 24px;
	z-index: 10;
}

.datepicker--nav-action[data-action=prev] {
	background-image: url(/bukeala-static/images/icons/panelita/chevron-left.svg);
	left: 12px;
}

.datepicker--nav-action[data-action=next] {
	background-image: url(/bukeala-static/images/icons/panelita/chevron-right.svg);
	right: 12px;
}

.datepicker--nav-action svg {
	display: none;
}

.datepicker--nav-action:hover,
.datepicker--nav-title:hover {
	background-color: transparent!important;
}

.datepicker--nav-title {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	display: flex !important;
	justify-content: center;
}

.datepicker--nav-title i {
	color: #333!important;
}

.datepicker--day-name,
.datepicker--cell-day {
	display: inline-block;
	/* width: 41px; */
	text-align: center;
}

.datepicker--day-name {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #666!important;
	text-transform: uppercase;
	border-right: 1px solid transparent;
}

.datepicker--cell-day {
	height: 32px;
	border: 2px solid transparent;
	border-radius: 3px;
	padding: 5px 0 4px 0;
	background: transparent!important;
	font-size: 14px;
	color: var(--color-n800);
	font-weight: 400!important;
	text-shadow: none !important;
	text-decoration: none;
	position: relative;
}

.datepicker--cell-day:hover {
	border-color: #0097cc;
	background-color: transparent!important;
}

.datepicker--cell-day.-selected-,
.datepicker--cell.-current- {
	color: #0097cc!important;
	font-weight: 500!important;
	border: 2px solid transparent;
}

.datepicker--cell-day.-selected-::after {
	content: '';
	position: absolute;
	width: 28px;
	height: 2px;
	bottom: 0;
	left: 2px;
	background-color: #0097cc;
}

.holiday {
	color: red!important;
}

.holiday-tooltip {
	display: none;
	position: absolute;
	top: -24px;
	left: 24px;
	border: 1px solid #ccc;
	background: white;
	padding: 6px;
	color: #888;
}

.holiday:hover {
	z-index: 9;
}

.holiday:hover .holiday-tooltip {
	display: block;
}

.mdc-menu-surface--open,
.mdc-select .mdc-select__anchor {
	width: 100%;
}

.mdc-select .mdc-select__selected-text {
	padding-top: 30px !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mdc-select .mdc-select__selected-text,
.user.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
	background: transparent !important;
	color: transparent !important;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
	color: rgba(0, 0, 0, .87) !important;
}

.mdc-select__anchor::before,
.mdc-select__anchor::after {
	background-color: transparent !important;
}

.mdc-select--focused .mdc-select__dropdown-icon {
	filter: grayscale(1);
}

.mdc-text-field__input {
	padding-left: 0 !important;
	padding-top: 7px !important
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
	color: #ea1038 !important;
}

.mdc-list--two-line .mdc-list-item {
	height: 56px !important;
}

.mdc-list--two-line .mdc-list-item__text {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	overflow: visible !important;
}

.mdc-list-item__primary-text,
.mdc-list-item__secondary-text {
	display: inline-block !important;
	font-size: 14px !important;
}

#familyMembers .mdc-list-item__text > *::before,
#familyMembers .mdc-list-item__text > *::after {
	display: none;
}

.mdc-list-item__primary-text.customer-name {
	margin: 0!important;
}

.mdc-list-item__primary-text.customer-id {
	/* position: absolute;
	left: 350px;
	top: 0; */
	margin: 0 auto;
}

#familyMembers .mdc-list-item__primary-text.customer-id,
#familyMembers .mdc-list-item__secondary-text {
	/* position: absolute;
	left: 350px;
	top: 0; */
	margin: 0 auto;
	color: var(--mdc-theme-on-surface);
}

#familyMembers .mdc-list-item__primary-text {
	margin-bottom: 0;
}

.formulario .mdc-select .mdc-list .input-container input {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid;
	border-bottom-color: rgb(118, 118, 118);
	width: calc(100% - 32px);
	height: 48px;
	margin: 0 16px;
	padding-right: 30px;
}

.formulario .mdc-select .mdc-list .input-container:after {
	content: "\e8b6";
	font-family: "Material Icons";
	font-size: 24px;
	position: absolute;
	top: 24px;
	right: 16px;
}


.mdc-list-item.reasonDisabled {
	pointer-events: none;
	color: #fff;
}

/*AGENDA TABS*/
.agenda {
	margin: 0 5px;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3) !important;
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3) !important;
	padding: 0 0 1px 0;
}

.agenda .scroll-control {
	display: none;
}

.agenda .mdc-tab-bar {
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
}

.agenda .mdc-tab:focus {
	outline: 2px solid green!important;
	outline-offset: -2px;
}

.agenda .mdc-tab-indicator .mdc-tab-indicator__content--underline {
	border-top-width: 3px !important;
	border-color: #a0cd5d !important;
}

.agenda .mdc-tab__ripple::before,
.agenda .mdc-tab__ripple::after {
	opacity: 0 !important;
	display: none;
}

.agenda .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation {
	opacity: 0 !important;
}

.agenda span.mdc-tab__content {
	font-size: 18px;
}

.agenda .content {
	display: none;
	padding: 0 20px 50px 20px;
	overflow: auto;
}

.agenda .content--active {
	display: block;
}

.agenda .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
	color: rgba(0, 0, 0, .87) !important;
}

.agenda .tab-head {
	margin: 16px 0 0;
	padding: 0 20px;
}

.agenda .tab-head .mdc-select,
.agenda .tab-head .mdc-text-field,
.auth .tab-head .mdc-text-field {
	width: 40%;
	display: inline-block;
	vertical-align: top;
}

.agenda .tab-head .mdc-select {
	float: right;
}

.agenda .content .sin-turnos {
	text-align: center;
	padding: 50px 0 200px 0;
}

/*FILTERS*/
#orderByText {
	padding: 15px;
	font-weight: bold;
	color: #737373;
	text-align: center;
	width: 100%;
}

.searchBox {
	position: relative;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	margin: 0 5px;
	padding: 10px 10px 0 10px;
	overflow-y: visible;
}

.searchBox .busqueda ul {
	padding-inline-start: 0px;
	padding-right: 40px;
	margin: 0 10px;
}

.searchBox .busqueda li:first-of-type {
	display: inline-block;
	font-weight: bold;
	margin-right: 20px;
}

.searchBox .busqueda li:not(:first-of-type) {
	display: inline-block;
	border: 1.5px solid #ddd;
	padding: 5px 30px 5px 15px;
	border-radius: 20px;
	margin: 0 15px 15px 0;
	position: relative;
}

.searchBox .busqueda li:not(:first-of-type):after {
	font-family: "Material Icons";
	content: "\e888";
	font-size: 24px;
	line-height: 13px;
	color: #777;
	pointer-events: none;
	position: absolute;
	right: 2px;
	top: 6px;
}

.searchBox .busqueda li a {
	color: #737373;
	font-variant: normal;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	letter-spacing: .01em;
	padding: 5px 35px 5px 15px;
	margin: 0 -35px 0 -15px;
}

.searchBox .busqueda div {
	display: inline-block;
}

.search-icon:after {
	content: 'search';
	position: absolute;
	top: 10px;
	right: 10px;
	color: #333;
}

.search-icon.icon-close:after {
	content: "\e888";
	font-size: 20px;
}

div#searchFilterDiv {
	height: auto;
	transition: all .3s ease;
	opacity: 1;
}

div#searchFilterDiv.closed {
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

/*RESULTS*/
.list {
	padding: 0;
	margin: 20px 5px 0 5px;
}

#results {
	margin: 18px 6px;
}

.list h3 {
	margin: 10px 0;
	padding: 5px 10px;
	font-weight: normal;
	background-color: #DFF0D8;
	border-color: #D0E9C6;
	color: #3a733b;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.list h3 i {
	float: right;
	transform: rotate(0);
	transition: transform .3s ease-in-out;
}

.list h3.collapsed i {
	transform: rotate(180deg);
}

.list h3 i::before {
	content: 'arrow_drop_up';
	line-height: 23px;
	vertical-align: middle;
}

.list .row.multiple {
	padding: 0 90px 0 186px;
}

.list .item .row.head {
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	font-weight: bold;
	margin: 0 -90px 0 -186px;
	background: #0097cc;
	border-radius: 5px 5px 0 0;
	color: #fff;
}

#results.multiple .item {
	height: auto;
}

.list .item [class|=col] {
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0 5px;
}

/* rows como en backoffice, redondeadas */
.list .item {
	height: 40px;
	padding: 0 4px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	margin-right: 0;
	border-color: #d6d6d6 #ccc #b5b5b5;
	border-radius: 50px;
	border-style: solid;
	border-width: 1px;
	margin: 6px 0;
	text-align: left;
	clear: both;
}

/* rows con forma de card como las que hay ahora */
/* .list .item, .list .item:hover, .list .item, .list .item:focus, .list .item, .list .item:active
	{
		background:#f7f7f7;
		-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3)!important;
		-moz-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3)!important;
		box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.3)!important;
		padding-right: 12px;
		margin-bottom: 8px;
		border-radius:0;
	} */

.list .item input[type="button"] {
	padding: 7px 18px;
}

.list .item .row.layover {
	border-left: 4px dotted #ccc;
	color: #aaa;
	padding-left: 10px;
	margin: -8px 0 -8px -87px;
	height: 30px;
	line-height: 10px;
	font-size: 12px;
}

.list .item>.col-4 {
	width: 33.33333333%;
}

.list .item a.favorite {
	margin-right: 4px;
	margin-bottom: 3px;
}

.list .item a.favorite:before {
	color: #5C970E;
	display: block;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	line-height: 38px;
	text-align: center;
	font-size: 24px;
	content: "favorite_outline";
	cursor: pointer;
}

.list .item a.favorite.on:before {
	content: "favorite";
}

.item:not(.my-bookings-card):hover {
	background: #f0f0f0;
	transition: background-color 200ms linear;
	box-shadow: none !important;
}

.list .item [class|=col] {
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0 5px
}

.list .item .cl {
	padding-left: 35px !important;
	line-height: 40px;
	position: relative;
}

.list .item .cl.external:before {
	content: "SEDE EXT.";
	background: #7fa616;
	font-size: 9px;
	color: #fff;
	padding: 0;
	height: 30px;
	line-height: 9px;
	padding: 6px 0;
	width: 30px;
	position: absolute;
	left: 0px;
	top: 5px;
	border-radius: 50%;
	text-align: center;
	white-space: normal;
}

/* .list .item input { margin:0 ; font-size:14px; position:absolute; right:1px ; top:1px; width:80px} */
.list .item input[type=button] {
	margin-left: auto;
	font-size: 14px;
	width: auto;
}

.list .item .dia {
	position: absolute;
	left: 0;
	padding: 0 10px;
}

.list .item .hs {
	font-size: 20px;
	color: #0097cc;
	padding: 0 10px;
	white-space: nowrap;
}

.list .row.multiple .hs {
	left: 80px;
}

.list .item .dr {
	font-weight: bold;
	display: flex;
	align-items: center;
}

/* mostrar cita ya asignada */
.prev-booking {
	position: relative;
	margin-bottom: 1em;
}

.prev-booking {
	margin-top: 1em;
}

.prev-booking>.close-btn {
	position: absolute;
	right: 10px;
	top: 7px;
	cursor: pointer;
}

.prev-booking .close-btn i {
	font-size: 16px;
}

.item .lista .row.fechas-disponibles .horarios::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}


.item .lista .row.fechas-disponibles input {
	font-size: 13px !important;
	min-width: 75px;
	letter-spacing: 1px;
	height: 25px;
	line-height: 20px;
	margin: 3px;
	padding: 0 5px;
}

.item .lista .fechas input {
	border-radius: 20px !important;
	background: #0073b2;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px !important;
	min-width: 100px;
	letter-spacing: 1px;
	height: 25px;
	line-height: 23px;
	margin: 5px;
	letter-spacing: 2px;
	border: none;
}

.item .lista .fechas input.disabled {
	background: #ccc;
}



.tomar-reserva div>label {
	color: #88bc00;
	font-size: 12px;
	font-family: "Roboto Regular";
	padding: 0 5px;
}

.tomar-reserva input[type="text"] {
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #88bc00;
	border-radius: 0;
	font-family: "Roboto Bold";
}







/* .modalDisguise .formulario{display:none;} */

.colsanitas #interCityDiv,
div.chzn-container,
div.chzn-container * {
	display: block !important;
	visibility: visible !important;
}

.colsanitas #medico {
	display: block !important;
	visibility: visible !important;
}



/*results style*/
.results .col-9 {
	padding: 0;
}

.results .col-9 p {
	padding: 0;
	padding-left: 10px;
	position: absolute;
	top: 3px;
}

.eps .results h3 {
	background: #02BCCB;
	color: #fff;
	border-radius: 0;
	font-size: 18px;
	font-weight: normal;
	padding-top: 13px;
	height: 35px;
	line-height: 35px;
	text-align: left;
	padding-left: 10px !important;
	padding-bottom: 33px;
}

.colsanitas .results h3 {
	background: #b3e14d;
	color: #fff;
	border-radius: 0;
	font-size: 18px;
	font-weight: normal;
	padding-top: 13px;
	height: 35px;
	line-height: 35px;
	text-align: left;
	padding-left: 10px !important;
	padding-bottom: 33px;
}

.results h4 {
	padding: 10px 0px 0px 10px;
	text-align: left;
	color: #333;
}

.results h4.order {
	margin: 0 !important;
	padding: 0px 0px 0px 15px;
	font-weight: normal;
	font-size: 14px;
}

.results .item .lista {
	padding: 5px 0 5px 10px;
}

.results .item .lista .row {
	border: none;
	font-size: 14px;
	padding-top: 0;
	padding-bottom: 0;
}

.results .item .lista .row h5 {
	font-weight: normal;
	font-size: 14px;
}

.results .item .lista .row:hover,
.results .item .lista .row:focus,
.results .item .lista .row:active {
	background: #fff;
}

.results {
	padding: 0;
}

.results .item.last {
	margin-bottom: 10px;
}

.results .item,
.agenda .item {
	border: none;
	height: auto;
}

.results .item:hover,
.agenda .item:hover,
.results .item:hover,
.agenda .item:focus,
.results .item:hover,
.agenda .item:active {
	border: none;
	box-shadow: none;
}

.results .item input.btns {
	width: auto;
	float: none;
	display: block;
	margin: 0 auto;
	padding: 8px 30px;
	font-size: 16px;
	border-radius: 2px;
}

.results .item .hs {
	font-size: 14px;
	color: #777;
	background: #eee;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 5px;
}

.results .item .dr {
	font-size: 16px;
	padding: 0;
}

.results .item .cl,
.results .item .esp {
	font-size: 14px;
	padding: 0;
}

.results .item .esp {
	margin-bottom: 5px;
}

/*tomar reserva*/
.modal {
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	display: none;
	outline: medium none;
	top: 5%;
	max-width: 1024px;
	z-index: 1050;
	background-color: #FFF;
	position: fixed;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-height: 90%;
	overflow: auto
}

.modal.cancelacion {
	overflow: visible;
}

.modal-backdrop {
	background-color: #333;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1040;
	opacity: 0.8
}

.modal .header {
	position: relative;
	height: 50px;
}

.modal .header h2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 15px 5px 15px;
	color: #0097cc;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px
}

p.motivo a.cancel,
.user a.salir {
	width: 0px;
	height: 20px;
	overflow: hidden;
	padding: 0 0 0 20px !important;
	position: absolute;
	top: 9px;
	right: 10px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	color: #CCC;
	margin: 0;
	padding: 3px;
	position: absolute;
	right: 3px;
	top: 1px;
	cursor: pointer;
}

.modal a.cancel {
	position: absolute;
	top: 10px;
	right: 35px;
	cursor: pointer;
}

.modal a.cancel:before,
p.motivo a.cancel:before,
.user a.salir:before {
	font-family: 'Material Icons';
	content: "cancel";
	position: absolute;
	top: -1px;
	left: 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	color: #666;
	opacity: 0.9;
	-webkit-font-smoothing: antialiased
}

.user a.salir:before {
	color: #999;
}

p.motivo a.cancel:before {
	content: "arrow_drop_down";
	font-size: 23px;
	transition: all .2s ease;
}

p.motivo.open a.cancel:before {
	transform: rotate(90deg);
}

.user a.salir {
	background: transparent !important;
}

.modal a.cancel:hover,
p.motivo a.cancel:hover,
.user a.salir:hover,
.modal a.cancel:focus,
p.motivo a.cancel:focus,
.user a.salir:focus,
.modal a.cancel:active,
p.motivo a.cancel:active,
.user a.salir:active {
	opacity: 0.7;
	background-color: transparent;
}

.modal .tab-pane {
	display: none;
	padding: 20px;
}

.modal .tab-pane.active {
	display: block;
}

.modal.pago .content {
	padding: 20px;
}

.modal .content .pad-block {
	padding: 15px;
}

.modal .content .pad-block.bottom {
	text-align: right;
}

.modal .content .pad-block#modalPaymentText {
	background: #ffeab7;
	margin: 0 20px;
}

.modal.pago .title-numero {
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	display: block;
	padding: 0 5px;
	color: #0098d5
}

.modal.pago .numero {
	font-weight: bold;
	font-size: 28px;
	letter-spacing: 2px;
	padding: 5px;
}

.modal.pago .bottom input.btns {
	margin: 0 15px;
}

.modal .title,
.tomar-reserva .title {
	text-transform: uppercase;
	color: #5C970E;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	font-weight: bold;
	margin: 15px 20px;
	padding: 0 5px;
}

.tomar-reserva .title {
	margin: 25px 0px;
}

.tomar-reserva div>label,
.cambiar-clave div>label,
.reset-pass-account div>label,
.add-account div>label {
	padding-right: 8px;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
}

.tomar-reserva div>label.invalid,
.cambiar-clave div>label.invalid,
.reset-pass-account div>label.invalid,
.add-account div>label.invalid {
	color: #9a1a1a;
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding-left: 155px;
	width: auto;
	text-align: left
}

.tomar-reserva div#cancelationSelectDiv>label.invalid {
	padding-left: 180px;
}

.detalle-preparacion {
	overflow: auto;
	height: auto;
	max-height: 117px;
	width: 100%;
	box-sizing: border-box;
	float: left;
	clear: both;
	padding: 8px 15px !important;
	margin: 0;
	margin-top: 20px;
	font-size: 12px;
	text-align: left;
	background: none repeat scroll 0 0 rgba(131, 133, 135, 0.16);
	border-color: #bfc5c9 #c5cace #cbd0d3;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
	border-radius: 4px;
}

.tomar-reserva .cita-mensaje {
	overflow: auto;
	height: auto;
	max-height: 117px;
	width: 100%;
	box-sizing: border-box;
	clear: both;
	padding: 8px 15px !important;
	margin: 0;
	margin-top: 20px;
	font-size: 12px;
	text-align: left;
	background: none repeat scroll 0 0 rgba(131, 133, 135, 0.16);
	border-color: #bfc5c9 #c5cace #cbd0d3;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
	border-radius: 4px;
}

.detalle-preparacion {
	margin: 20px;
	width: calc(100% - 40px);
	min-height: 200px !important;
	max-height: 300px !important;
	white-space: pre-line;
}

.modal.preparacion .detalle-preparacion {
	border: none;
	background: none;
	box-shadow: none;
	font-size: 14px;
	color: #777;
}

.tomar-reserva .mdc-text-field .mdc-floating-label {
	color: #5C970E;
}

.tomar-reserva .mdc-text-field .mdc-floating-label+.mdc-line-ripple::before,
.tomar-reserva .mdc-text-field .mdc-floating-label+.mdc-line-ripple::after {
	border-bottom: 2px solid #5C970E;
}

.tomar-reserva .mdc-text-field--invalid .mdc-text-field .mdc-floating-label+.mdc-line-ripple::before,
.tomar-reserva .mdc-text-field--invalid .mdc-text-field .mdc-floating-label+.mdc-line-ripple::after {
	border-bottom: 2px solid #ea1038;
}

.tomar-reserva input.error,
.tomar-reserva select.error,
.tomar-reserva textarea.error,
.cambiar-clave input.error,
.cambiar-clave input[type="password"].error,
.reset-pass-account input.error,
.reset-pass-account input[type="password"].error,
.reset-pass-account input[type="text"].error,
.add-account input.error,
.add-account input[type="password"].error,
.add-account input[type="text"].error {
	background-color: #fff2f2;
	border: 1px solid #ea7474;
}

.msj-error {
	background-color: #ffeced;
	border: 1px solid #ffd9dd;
	border-radius: 3px;
	color: #9a1a1a;
	font-size: 12px;
	padding: 8px 10px;
	text-align: center;
	margin: -10px 0 20px 0;
	display: none;
	transition: all 0.5s ease-in-out;
}

.msj-error#reassignBookingData {
	background-color: transparent;
	border: none;
	border-top: 1px solid #ccc;
	border-radius: 0;
	color: #777;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 0 0;
	text-align: left;
	margin: 10px 0 0 0;
	display: none;
	transition: all 0.5s ease-in-out;
}

.tomar-reserva .msj-error {
	font-size: 13px;
}

.tomar-reserva.form-content form {
	margin: 0 auto;
	padding: 0;
	width: auto;
	max-width: 100%;
}

.tomar-reserva.form-content form .tab-pane {
	text-align: justify;
}

.tomar-reserva.form-content form .tab-pane:after {
	content: '';
	width: 100%;
	display: inline-block;
	font-size: 0;
	line-height: 0
}

.tomar-reserva.form-content .field {
	width: calc(50% - 20px);
	margin: 0;
}

.tomar-reserva.form-content .address-container,
.tomar-reserva.form-content .map-container {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 20px);
}

.tomar-reserva.form-content .map-container {
	height: 350px;
}

.tomar-reserva.form-content .address-container .field {
	width: 100%;
}

.tomar-reserva.form-content .address-container .field.street {
	width: calc(100% - 150px);
}

.tomar-reserva.form-content .address-container .field.mini {
	width: 32px;
}

.tomar-reserva.form-content .address-container .field.mini label,
.tomar-reserva.form-content .address-container .field.mini label input {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.tomar-reserva.form-content .address-container .checkbox {
	padding: 0;
	margin-top: 15px;
}

.tomar-reserva.form-content .address-container .checkbox>label {
	color: rgba(0, 0, 0, .87);
	font-family: "Roboto Bold";
	padding: 0;
}

/*File Input*/
.file-input-container input#input-file-order {
	display: none;
}

.tomar-reserva div>label.file-upload {
	width: 100%;
	text-align: justify;
	min-height: 81px;
}

.tomar-reserva div>label.file-upload:after {
	content: '';
	width: 100%;
	display: inline-block;
	font-size: 0;
	line-height: 0
}

.tomar-reserva div>label.file-upload .field {
	position: relative;
}

.tomar-reserva div>label.file-upload .field.clickable {
	cursor: pointer;
}

.tomar-reserva div>label.file-upload .label-text {
	display: block;
	height: 60px;
	padding-left: 16px;
	color: #333;
	font-size: 14px;
	padding-top: 30px !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tomar-reserva div>label.file-upload.error .label-text {
	color: #ea1038;
}

.tomar-reserva div>label.file-upload.error .field .line-ripple {
	border-bottom: 2px solid #ea1038;
}

.tomar-reserva div>label.file-upload i {
	position: absolute;
	right: 0;
	top: 25px;
	color: #5C970E;
}

.tomar-reserva div>label.file-upload i#remove-file {
	cursor: pointer;
}

.tomar-reserva div>label.file-upload .field .line-ripple {
	width: 100%;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, .42);
}

.tomar-reserva div>label.file-upload .field .select-helper-text {
	font-size: 10px;
	color: #999;
	letter-spacing: .0333333333em;
	margin-top: 6px;
}

.tomar-reserva .action-buttons {
	text-align: center;
	margin: 10px;
}

.tomar-reserva .action-buttons input {
	margin: 5px;
}

#cancelationSelectDiv {
	display: inline-block;
}

.msj-error a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 3px;
	margin: 5px;
	background: #eee;
	color: #555;
	cursor: pointer;
}

.msj-error a:hover,
.msj-error a:focus,
.msj-error a:active {
	color: #0097cc;
}

.msj-error .masCitas span {
	display: block;
	border-top: 1px solid #fff;
	padding: 5px;
	margin: 7px;
}

.msj-info {
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	border-radius: 3px;
	color: #2E5891;
	font-size: 12px;
	padding: 8px 10px;
	text-align: center;
	margin: -10px 0 20px 0;
	display: none;
	transition: all 0.5s ease-in-out;
}

.msj-info a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 3px;
	margin: 5px;
	background: #eee;
	color: #555;
	cursor: pointer;
}

.msj-info a:hover,
.msj-info a:focus,
.msj-info a:active {
	color: #0097cc;
}

.msj-info .masCitas span {
	display: block;
	border-top: 1px solid #fff;
	padding: 5px;
	margin: 7px;
}

.tomar-reserva input[type=text],
.cambiar-clave input[type="password"],
.reset-pass-account input[type="password"],
.reset-pass-account input[type="text"],
.add-account input[type="password"],
.add-account input[type="text"],
.add-account select,
.reset-pass-account select {
	width: 250px
}

.add-account select,
.reset-pass-account select {
	background: #fff;
	height: 30px;
}

.tomar-reserva textarea {
	width: 250px;
	height: 80px;
	vertical-align: middle
}

.btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	margin: 4px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	border: 1px solid #bbbbbb;
	*border: 0;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-color: #c5c5c5;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
	width: auto
}

.btn-group-radio .btn {
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	width: 100%;
	cursor: pointer;
}

.btn-group-radio .btn.active ul {
	background: #0097cc !important;
	color: #fff;
	text-shadow: none;
}

.tomar-reserva .btn:hover,
.tomar-reserva .btn:focus {
	color: #FFF;
	text-shadow: none
}

.tomar-reserva .btn:active,
.tomar-reserva .btn.active {
	background: #0097cc;
	color: #FFF;
	text-shadow: none
}

.tomar-reserva .btn-group {
	text-align: center
}

.tomar-reserva .btn.disabled,
.tomar-reserva .btn[disabled],
.tomar-reserva .btn.disabled:hover,
.tomar-reserva .btn[disabled]:hover {
	opacity: 0.3 !important;
	color: #555 !important;
	text-shadow: none !important;
	cursor: default;
	background-image: none !important;
	background: none !important;
	background-color: #e6e6e6 !important;
	*background-color: #d9d9d9 !important;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25) !important;
}

.tomar-reserva .bottom {
	padding: 10px 0 10px 0 !important;
	width: 100%;
	clear: both;
	margin-top: 10px;
	position: relative;
}

.tomar-reserva .bottom .secondary {
	float: left;
}

.tomar-reserva .bottom .btns {
	float: right;
}

.tomar-reserva .bottom a {
	background-color: #EEE;
	display: inline-block;
	padding: 5px 14px;
	border-radius: 3px
}

.tomar-reserva .bottom>a:hover,
.tomar-reserva .bottom>a:focus,
.tomar-reserva .bottom>a:active {
	text-decoration: none;
}

.tomar-reserva .bottom>a.sig {
	background-color: #0097cc;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	float: right;
}

.tomar-reserva .bottom>a.sig:hover,
.tomar-reserva .bottom>a.sig:focus,
.tomar-reserva .bottom>a.sig:active {
	background: #0097cc;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tomar-reserva .bottom>a.ant {
	float: left
}

.tomar-reserva .fullwidth input {
	width: 100%;
}

.tomar-reserva .fullwidth.videollamada:before {
	content: 'videocam';
	font-family: 'Material Icons';
	font-size: 30px;
	position: absolute;
	bottom: 6px;
	width: calc(100% - 350px);
	text-align: center;
	color: #fff;
	pointer-events: none;
}

.tomar-reserva .f-right input,
.cambiar-clave .btn,
.reset-pass-account .btn,
.add-account .btn {
	width: 120px;
	background: #0097cc;
	color: #FFF;
	text-shadow: none;
	font-size: 16px;
	border-radius: 3px;
}

.delete-account .btn {
	width: 120px;
	background: #E43434;
	color: #FFF;
	text-shadow: none;
	font-size: 16px;
	border-radius: 3px;
	margin-top: 15px;
}

.delete-account .btn.cancel-eliminar-usuario {
	background: #999 !important;
}

.delete-account h2 {
	color: #E43434 !important;
}

.tomar-reserva .f-right input {
	float: right;
}

.tomar-reserva .horarios h3,
.tomar-reserva .especialidad h3,
.tomar-reserva .sucursales h3 {
	text-align: center;
	background: rgba(131, 133, 135, 0.16);
	border-color: #bfc5c9 #c5cace #cbd0d3;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 13px
}

.tomar-reserva .horarios .btn-group {
	overflow: auto;
	max-height: 150px;
	text-align: left;
	padding-bottom: 0;
	width: 100%
}

.tomar-reserva .horarios .btn-group>.btn {
	width: 101px;
	margin: 0 3px 5px 3px;
	position: relative;
	padding: 10px 2px;
	overflow: hidden;
	line-height: 20px;
	font-size: 18px;
	height: 45px
}

.tomar-reserva .especialidad .btn-group>.btn input[type="radio"],
.tomar-reserva .sucursales .btn-group>.btn input[type="radio"] {
	visibility: hidden;
}

.tomar-reserva .especialidad .btn-group>.btn,
.tomar-reserva .sucursales .btn-group>.btn {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	margin: 3px 0;
	position: relative;
	padding: 10px 2px;
	overflow: hidden;
	line-height: 20px;
	font-size: 18px;
	height: 45px;
	text-align: center;
}

.tomar-reserva .mas-horarios {
	padding: 5px 0 10px 3px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #EEE;
	margin: 5px 0 0 0
}

.tomar-reserva .botones {
	text-align: center;
	padding: 0;
}

.tomar-reserva .botones input {
	font-size: 14px;
	margin: 0 5px
}

.tomar-reserva .loading {
	background: url(/bukeala-static/images/custom/backoffice/template/loading-spinner.gif) no-repeat center center;
	background-color: #FFFFFF;
}

.tomar-reserva .loading * {
	visibility: hidden;
	pointer-events: none;
}

/*	.turno-ok, .turno-error  { float:left; clear:both; width: calc(100% - 40px);background-color: #f5f5f5; border-color: #bfc5c9 #c5cace #cbd0d3; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset, 0 1px 0 rgba(255, 255, 255, 0.9); padding: 10px; margin: 0 20px 20px 20px }*/
.success-wrap {
	margin: 0 20px 20px 20px
}

.success-title {
	text-transform: uppercase;
	color: #5C970E;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 15px 20px;
	padding: 0 5px;
}

.success-wrap p {
	font-size: 13px;
	color: #777;
}

.alert {
	margin: 16px;
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
	margin-bottom: 5px !important
}

.alert-error {
	background-color: #ffeced;
	border: 1px solid #ffd9dd;
	color: #9a1a1a;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd !important;
	border-color: #ffeeba !important;
}

.required-field {
	color: #9a1a1a;
}

.turno-ok div.recomendaciones,
.turno-ok .success {
	text-align: left;
	font-size: 14px;
	color: #777;
}

.turno-ok a.btns {
	float: right;
	margin: 20px 5px;
	cursor: pointer;
	background: #077bbf;
	border: 1px solid #077bbf;
	color: #fff;
	border-radius: 50px;
	text-transform: uppercase;
	padding: 7px 35px;
	font-family: 'Roboto Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 12px;
}

.turno-ok div.recomendaciones p {
	margin: 15px 0
}

.turno-ok div.recomendaciones ul {
	margin: 0;
	padding: 0 0 0 15px
}

.turno-ok div.recomendaciones li {
	padding: 1px 0;
	list-style: outside;
	line-height: 1.15em
}

.turno-ok div#appEmail {
	padding: 10px 20px;
	background: #fdf6dc;
	border-radius: 6px;
	margin-top: 15px;
}

.turno-ok p.cancelation-text {
	margin: 10px 20px;
}

.alert {
	border-radius: 0px;
	margin-bottom: 20px;
	padding: 8px 12px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background: #ddd;
	border: 1px solid #ccc;
}

.alert.alert-align-left {
	text-align: left;
}

.alert.red,
.alert.alert-red {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert.alert-yellow {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	background-image: url(/bukeala-static/images/icons/panelita/alert-warning.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left 8px top 8px;
	padding-left: 36px;
}

.alert.alert-yellow a {
	color: #23527b; /* accesibilidad keralty */
}

.alert.blue,
.alert.alert-blue {
	color: #004085;
	border-color: #b8daff;
	background-color: #cce5ff;
	background-image: url(/bukeala-static/images/icons/panelita/alert-info.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left 8px top 8px;
	padding-left: 36px;
}

h6 {
	font-size: 12px;
}


.tomar-reserva .cita {
	position: relative;
	overflow: hidden;
	min-height: 43px;
	box-sizing: border-box;
	clear: both;
	padding: 15px;
	font-size: 12px;
	background: #f5f5f5;
	margin: 0px;
	border-radius: 4px;
}

.tomar-reserva .cita .modify-btn {
	position: absolute;
	top: 10px;
	right: 20px;
}

.tomar-reserva .cita .modify-btn .material-icons {
	font-size: 20px;
	margin-right: 5px;
}

.tomar-reserva .fecha {
	float: left;
	width: 85px;
	line-height: 14px;
}

.tomar-reserva .cita.multiple .fecha {
	width: 115px;
}

.tomar-reserva .cita.multiple #multipleHead {
	font-weight: bold;
	text-align: center;
	padding: 0 5px 3px 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tomar-reserva .datos {
	width: calc(100% - 95px);
	text-align: left;
	border-left: 1px solid #bfc5c9;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 14px;
}

.tomar-reserva .cita.multiple .datos {
	width: calc(100% - 120px);
}

.tomar-reserva .datos .clinica {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #777;
	font-size: 12px;
}

.tomar-reserva .datos .espArea {
	font-size: 12px;
	color: #999;
}

.tomar-reserva .datos strong {
	display: block;
}

.tomar-reserva .datos span {
	white-space: nowrap;
	line-height: 18px;
}

.tomar-reserva .datos span#videocam {
	color: #5C970E;
	font-size: 18px;
	vertical-align: bottom;
}

.success span#videocam {
	color: #5C970E;
	font-size: 18px;
	line-height: 11px;
}

.customerDataCheckpoint {
	padding: 7px 0 0px 180px;
}

.customerDataCheckpointLabel {
	font-size: 11px !important;
	vertical-align: middle !important;
	width: auto !important;
	cursor: pointer;
	display: inline
}

.customerDataCheckpointLabel input.checkbox {
	vertical-align: middle;
	margin: 0 !important;
	width: 17px;
}

#resendData form div#resendCheckpoint {
	text-align: left;
	margin-top: 30px;
}

#resendData form div#resendCheckpoint label {
	font-size: 12px !important;
	color: #666 !important;
	letter-spacing: 1px;
}


.modal h6 {
	background-color: #0097cc;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	margin: 0 20px -3px 20px;
	padding: 3px 10px;
	text-align: center;
	position: relative;
	z-index: 8;
	border-radius: 4px 4px 0 0
}


.btn-group {
	display: inline-block;
	vertical-align: middle
}

.btn-group .btn {
	padding: 5px;
	margin: 2px 0;
	font-size: 12px
}

.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active {
	background-color: #0097cc;
	color: #FFF;
	text-shadow: none;
	background-image: none;
}

.btn-group .btn.active,
.btn-group .btn.active:hover,
.btn-group .btn.active:focus {
	color: #FFF;
	background-color: #0097cc;
	background-image: none;
	text-shadow: none
}

.tomar-reserva ul.recomendaciones {
	padding: 5px 10px 5px 20px;
	margin: 0
}

.tomar-reserva ul.recomendaciones li {
	padding: 1px 0;
	list-style: outside;
	line-height: 1.15em
}

.lapso {
	width: 100%;
	text-align: center;
	display: inline-block;
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0;
}

.lapso li {
	display: inline-block;
	border-right: 1px solid #CCC;
	line-height: 20px;
	padding: 0 4px 0 1px;
	font-size: 12px;
	margin: 0
}

.lapso li:last-child {
	border-right: 0
}

.lapso a {
	display: inline-block;
	line-height: 22px;
	padding: 0 5px;
	text-decoration: none;
	border-radius: 3px;
	color: #0097cc !important;
}

.lapso a.selected {
	background-color: #EEE;
}

.lapso a:hover,
.lapso a:focus,
.lapso a:active {
	opacity: 0.8
}

/*old browser*/
.old-browser {
	box-sizing: border-box;
	background: none repeat scroll 0 0 #ffffff;
	border-color: #d6d6d6 #cccccc #b5b5b5;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 2px rgba(174, 179, 185, 0.8);
	margin: 40px auto;
	max-width: 460px;
	padding: 20px;
	text-align: center;
	width: 80%;
}

.old-browser h1 {
	font-size: 20px;
	margin: 0;
	padding: 20px 0 10px 0;
	line-height: 23px
}

.old-browser p {
	margin: 0;
	padding: 0;
	font-size: 14px
}

.old-browser ul {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	margin: 30px 0 20px 0;
	height: 60px
}

.old-browser ul li {
	display: inline !important;
	width: 33.2%;
	float: left
}

.old-browser ul li a {
	display: block;
}




/*confirm style*/
.modal.tomar-reserva .tabs {
	display: block;
}

.modal.tomar-reserva .bottom {
	border: none;
}

.modal.tomar-reserva .bottom input {
	padding: 10px 0;
	font-weight: normal;
	width: 100%;
}

.tomar-reserva .fecha {
	float: none;
	width: 100%;
	text-align: left;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}

.tomar-reserva .datos {
	padding: 0;
	border: none;
}

.tomar-reserva .datos .dr {
	font-size: 16px;
}

.tomar-reserva .datos .especialidad,
.tomar-reserva .datos .clinica {
	font-size: 12px;
}

.modal .tab-pane {
	padding-top: 0;
}

.msj-error {
	margin-top: 10px;
}

.tomar-reserva input[type="text"] {
	width: 100%;
}

.tomar-reserva div>label {
	text-align: left;
}

.customerDataCheckpoint {
	padding-left: 0;
}

/*alerts style
#confirmedBookingAppMessage div{font-weight:bold;}
#confirmedBookingAppMessage div span{font-weight:normal;}
#bookingSuccess .btns{font-size:16px; max-width:200px; border-radius:3px; margin:0 auto;}
#bookingSuccess .btns:hover, #bookingSuccess .btns:focus, #bookingSuccess .btns:active{color:#fff;}

#cancelationSuccess .alert.alert-success:before{content:"Cita cancelada exitosamente";}*/
.padTopBot {
	padding: 10px 0;
}


/*ColSanitas*/
.colsanitas .main.agenda .date-content {
	background: #b3e14d;
	color: #000;
}

.colsanitas .agenda .item.old .date-content {
	background-color: #999;
}

.tomar-reserva.colsanitas .wizard li.active a {
	background-color: #b3e14d;
}

.tomar-reserva.colsanitas .wizard li a span.badge {
	color: #b3e14d;
}

.tomar-reserva.colsanitas .wizard li.active a:after {
	border-left-color: #b3e14d;
}

.tomar-reserva.eps .wizard li.active a {
	background-color: #02BCCB;
}

.tomar-reserva.eps .wizard li a span.badge {
	color: #02BCCB;
}

.tomar-reserva.eps .wizard li.active a:after {
	border-left-color: #02BCCB;
}

/*Detalles Ad Hoc*/
.chzn-container-single .chzn-single span,
.form-content form label {
	font-size: 13px;
}

.sin-resultado {
	position: relative;
	top: 0 !important;
	text-align: left;
}

.sin-resultado p {
	font-family: 'Roboto Regular';
	font-size: 16px;
	color: #333;
}

.chzn-container-single .chzn-search {
	display: none !important;
}

.agenda-popup .error-msj {
	padding-left: 5px;
}

.detalle-preparacion {
	max-width: 92%;
}


/*Nueva Estrategia Digital Colsanitas | Marzo 2019*/

/*USERS*/


/*.colsanitas .img-content{display:inline-block!important;}*/

.colsanitas .sidebar .user h1 {
	width: calc(100% - 80px);
	position: absolute;
	left: 20px;
	top: 10px;
	font-size: 16px;
}

.colsanitas .sidebar .user ul {
	color: #757575;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 15px 20px
}

.colsanitas .sidebar .user ul li {
	white-space: nowrap;
	width: 222px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.colsanitas .sidebar li.user:after {
	font-family: "Material Icons";
	content: "arrow_forward";
	color: #757575;
	font-size: 24px;
	position: absolute;
	top: -5px;
	right: 20px;
}

.colsanitas .sidebar li.user:first-child:after {
	top: 15px;
}

.colsanitas .sidebar .user .img-content,
.colsanitas .sidebar .user img,
.colsanitas .sidebar .otros-usuarios .img-content,
.colsanitas .sidebar .otros-usuarios img,
.results .item .img-content {
	width: 55px;
	height: 55px;
	top: 5px;
	margin: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	border: 4px solid #fff;
	pointer-events: none;
	display: none;
}

.colsanitas .sidebar .user .img-content:before,
.results .item .img-content:before {
	bottom: -10px;
	left: 3px;
	font-size: 40px;
}

.colsanitas .sidebar .user .img-content canvas {
	top: -4px;
	left: -4px;
}

.colsanitas .sidebar .user {
	cursor: pointer;
	border-radius: 0;
}

.colsanitas .sidebar div.user {
	position: relative;
	z-index: 10;
	pointer-events: none;
}

.colsanitas .sidebar li.user {
	min-height: 70px;
	margin-top: -20px;
	padding-top: 20px;
}

.colsanitas .sidebar li.user:hover,
.colsanitas .sidebar li.user:active,
.colsanitas .sidebar li.user:focus {
	background: #f5f5f5;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	z-index: 5;
}

.colsanitas .sidebar li.user:hover:after,
.colsanitas .sidebar li.user:active:after,
.colsanitas .sidebar li.user:focus:after {
	color: #03a9f4 !important;
}

.colsanitas .sidebar .user .img-content {
	margin-left: 10px;
}


.colsanitas .sidebar .otros-usuarios a em {
	font-size: 16px;
	padding-bottom: 8px;
}

.colsanitas input.appElement.btns:after {
	font-family: "Material Icons";
	content: "arrow_forward";
	color: red;
	font-size: 24px;
	position: absolute;
	top: 30px;
	right: 15px;
}

.colsanitas .sidebar .otros-usuarios a:after {
	font-family: "Material Icons";
	content: "arrow_forward";
	color: #757575;
	font-size: 24px;
	position: absolute;
	top: 30px;
	right: 20px;
}

.colsanitas .sidebar .otros-usuarios a {
	padding: 15px 50px 15px 20px;
	white-space: nowrap;
	margin: 0;
}

.colsanitas .sidebar .otros-usuarios a p {
	overflow: hidden;
	text-overflow: ellipsis;
	color: #757575;
}

.colsanitas .sidebar .otros-usuarios a p:last-of-type {
	display: none;
}

.colsanitas .sidebar .otros-usuarios a:hover,
.colsanitas .sidebar .otros-usuarios a:active,
.colsanitas .sidebar .otros-usuarios a:focus {
	outline: none;
	background: #f5f5f5;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 100;
}

.colsanitas .sidebar .otros-usuarios a:hover:after,
.colsanitas .sidebar .otros-usuarios a:active:after,
.colsanitas .sidebar .otros-usuarios a:focus:after {
	color: #03a9f4;
}

/*EX MODAL*/
.colsanitas input.btns {
	border-radius: 20px !important;
	background: #41bef7;
	text-transform: uppercase;
	font-size: 14px !important;
	letter-spacing: 2px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.colsanitas #sharedCustomerModal.appStyle .header h4 {
	font-family: 'Roboto Regular';
	font-size: 16px;
	width: 240px;
	margin: auto;
	margin-top: 30px;
	text-align: center;
}

.colsanitas #sharedCustomerModal.appStyle .header h2:before {
	font-family: 'Roboto Regular';
	text-align: center;
	display: block;
}

.colsanitas .sidebar {
	overflow: visible;
}

.colsanitas .sidebar .container-fluid .user h1 {
	color: #333;
}

.colsanitas .sidebar .container-fluid li.user:after {
	content: "check";
	color: #5C970E;
}

.colsanitas #sharedCustomerModal {
	top: 165px;
}

.modal-backdrop.in.appStyle {
	z-index: -1;
}

.colsanitas .sidebar .container-fluid {
	background: #F7F7EF;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
}

.colsanitas .sidebar .container-fluid.notSelected {
	background: #fff;
	box-shadow: none;
}

.colsanitas .sidebar .container-fluid.notSelected li.user:after {
	content: "arrow_forward";
	color: #757575;
}

/*RESULTADOS*/
.results .left .left {
	padding: 0;
}

.results .left .left .item,
.results .left .left .item:hover,
.results .left .left .item:focus,
.results .left .left .item:active {
	background: #f7f7f7;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3) !important;
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3) !important;
	padding: 0 0 1px 0;
	margin-bottom: 20px;
	border-radius: 0;
}

.results .left .left .list .row {
	background: #F7F7EF;
	border-bottom: 2px solid #ddd;
}

.results .left .left .list .row .col-10 {
	padding-right: 45px;
}

.results .left .left .lista .row {
	border-bottom: none !important;
	background: transparent;
}

[id^=prevBooking] .my-bookings-card {
	min-height: 180px;
}

/*.results .item .col-2{width:60px!important;}*/
/*.results .item .col-10{width:250px!important;}
.results h3, .results h3{background:transparent; color:#333; font-size:14px;    white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;text-align:left;padding-left:10px!important;}
.results h4, .results h4{font-family:"Roboto Regular"; font-size:14px;margin-top:-10px;padding:10px 40px 0px 10px;text-align:left;}

.item .lista .row.fechas-disponibles input{border-radius:20px!important; background:#41bef7; text-transform:uppercase; font-size:13px!important; min-width:75px;letter-spacing:1px;    height: 25px;
	line-height: 25px;margin: 5px 2px;}

.tomar-reserva div > label{color: #88bc00;
	font-size: 12px;
	font-family: "Roboto Regular";
	padding: 0 5px;}
.tomar-reserva input[type="text"]{
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #88bc00;
	border-radius: 0;
	font-family: "Roboto Bold";
 }*/

/*LABELS, INPUTS, SELECTS*/
.colsanitas .EPS-buttons {
	margin-top: -20px;
}


.colsanitas .form-content form>div {
	position: relative;
}

.colsanitas .form-content form label,
.colsanitas form label {
	font-family: "Roboto Regular";
	font-size: 10px !important;
	padding: 20px 5px 0px 14px;
	/* position:absolute; pointer-events:none;
 color:#999;
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:-10px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;*/
}

/*
 .colsanitas .form-content form input:focus ~ label,  .colsanitas .form-content form input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

.colsanitas .form-content form > div input::-webkit-input-placeholder {
		 color: transparent;
}
.colsanitas .form-content form > div input:-moz-placeholder {
		 color: transparent;
}

.colsanitas .form-content form > div input::-moz-placeholder {
		 color: transparent;
}

.colsanitas .form-content form > div input:-ms-input-placeholder {
		 color: transparent;
}

.colsanitas .form-content form > div input#labelID{
		display:block;
}

 */

/*REVISAR*/
.colsanitas .chzn-container,
.colsanitas select,
.colsanitas .form-content input[type="text"] {
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #757575;
	border-radius: 0;
	font-size: 15px;
	padding: 10px;
	background: transparent;
	outline: none;
	padding-top: 40px !important;
	margin-top: -30px !important;
}

.colsanitas .form-content select {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	z-index: 2;
}

.colsanitas .form-content input[type="text"] {
	padding: 10px 14px;
}

.colsanitas .form-content select:focus,
.colsanitas .form-content input[type="text"]:focus {
	border-bottom: 2px solid #5C970E;
}

.colsanitas .form-content label[for]:focus {
	color: #5C970E;
}

.colsanitas .form-content .error select {
	background-color: transparent !important;
	border: none;
	border-bottom: 2px solid #9a1a1a !important;
}

.colsanitas .form-content .error .error-msj {
	font-family: "Roboto Regular";
	padding: 0 14px;
}

.colsanitas .chzn-container-single .chzn-single span {
	font-size: 15px;
}

.colsanitas .chzn-container-single .chzn-single div b {
	background: transparent;
}

.colsanitas .form-content label:after {
	font-family: "Material Icons";
	content: "arrow_forward";
	color: #757575;
	font-size: 22px;
	position: absolute;
	right: 0px;
	top: 40px;
	text-transform: none;
}

.colsanitas .form-content #medico label:after {
	content: "";
}

.colsanitas .chzn-container .chzn-drop {
	background: #666;
	color: #fff;
	border-radius: 5px !important;
}

.chzn-container .chzn-results .highlighted {
	background: #970000;
}

.colsanitas .form-content form .error label {
	color: #9a1a1a;
}

.colsanitas a.favorite {
	display: block !important;
	position: absolute;
	top: 15px;
	right: 5px;
}

.colsanitas a.favorite:before {
	color: #88bc00;
	display: block;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	line-height: 38px;
	text-align: center;
	font-size: 24px;
}

.colsanitas a.favorite.on:before {
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
}

.colsanitas .item:hover,
.colsanitas .item:focus,
.colsanitas .item:active {
	background: transparent;
}

.results .item .lista .row .col-9 {
	line-height: 30px;
}

.error-box {
	width: 100vw;
}

/*AGENDA*/
.agenda .nav>li {
	width: 50%;
}

.agenda .nav>li>a {
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 50%;
	text-align: center;
	height: 44px;
	color: #333;
	font-size: 12px;
	line-height: 13px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}

.agenda .nav>li.active>a {
	border: transparent;
	border-bottom: 2px solid #88bc00;
	color: #88bc00;
}

.agenda .tab-head div.sort {
	line-height: 0;
}

.agenda .search input[type="submit"] {
	border-radius: 0 2px 2px 0 !important;
	background: #41bef7;
	border: 1px solid #41bef7;
	text-transform: lowercase;
	font-size: 20px !important;
	letter-spacing: 0;
}

/* .agenda .item.old .cancelada .iconhelp:after{color:#41bef7;} */
.agenda .item .img-content {
	display: none !important;
}

/*
.agenda .item .head, .prestaciones .item .head{background:#f7f6f2; border-bottom:2px solid #bdbdbd;padding:15px 20px;font-weight:bold;}
.agenda .date-content .date, .agenda .date-content .hs{display:block;text-align:left;width:100%; font-size:15px;line-height:20px;}
.agenda .date-content .date{color:#333;}
.agenda .date-content .hs{color:#077bbf; letter-spacing:1px;}
.agenda .item .date-content{background:transparent!important; margin:0;}
.agenda .item, .agenda .item:hover, .agenda .item:focus, .agenda .item:active, .prestaciones .item{background:#f8f8f8;
-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1)!important;
-moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1)!important;
box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1)!important;
border-radius:0;
margin-top:20px;
position:relative;} */
.success .my-bookings-card {
	min-height: 194px;
}

.my-bookings-card {
	border-radius: 0 !important;
}

.my-bookings-card input[type=text],
.my-bookings-card input[type=username],
.my-bookings-card input[type=password],
.my-bookings-card input[type=email],
.my-bookings-card input[type=tel],
.my-bookings-card input[type=number],
.my-bookings-card input[type=date],
.my-bookings-card input[type=time],
.my-bookings-card textarea {
	font-family: 'Roboto Regular';
	border: 0;
	background: transparent !important;
}

.my-bookings-card .front,
.my-bookings-card .back {
	height: auto;
}

.my-bookings-card .img-content {
	display: none;
}

.my-bookings-card .medico {
	padding-top: 4px;
	padding-left: 0;
}

.my-bookings-card .actions.icons {
	transform: translateX(150px) !important;
}

.my-bookings-card .actions.icons:hover {
	transform: translateX(0) !important;
}

.my-bookings-card .date-content .date,
.my-bookings-card .date-content .hs,
.my-bookings-card .actions.icons,
.my-bookings-card .actions.icons:hover {
	background: #2F7500;
	border-color: #2F7500;
}

.my-bookings-card.item.old .date-content .date,
.my-bookings-card.item.old .date-content .hs {
	background-color: #999;
}

.my-bookings-card .date-content,
.my-bookings-card .date-content .date,
.my-bookings-card .date-content .entity-content,
.my-bookings-card .status-label {
	border-radius: 0 !important;
}

.my-bookings-card .status-label.pending {
	background-color:  #2F7500; /* accesibilidad keralty */
}

.my-bookings-card .pay-btn {
	color: #1f1f1f;
}

.my-bookings-card input#cancelationComment {
	background-color: transparent !important;
}

.my-bookings-card .medico h5,
.my-bookings-card .form-field.horizontal label,
.my-bookings-card .form-field.horizontal label,
.my-bookings-card .clinica i,
.my-bookings-card .booking-link,
.my-bookings-card .preparation-link,
.my-bookings-card .payment-code-title {
	color: #2F7500;
}

.my-bookings-card .medico span {
	font-size: 16px;
}

.my-bookings-card .codigo,
.my-bookings-card .clinica-datos {
	font-size: 14px;
}

.my-bookings-card.old .medico h5 {
	color: #999;
}

.my-bookings-card input[type=checkbox] {
	-webkit-appearance: auto;
}

.my-bookings-card .back form .field {
	margin: 0 auto;
}

.my-bookings-card [id^=resendCheckpoint] label {
	font-size: 12px !important;
	color: #666 !important;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
}

.my-bookings-card [id^=resendCheckpoint] input[type=checkbox] {
	margin-right: 4px !important;
}

.my-bookings-card .back .mdc-select-helper-text {
	text-align: left;
}

.my-bookings-card .back>* {
	width: 100%;
}

.my-bookings-card .back form {
	max-width: 560px;
}

.my-bookings-card #cancelationErrorDiv>div {
	margin-bottom: 1em;
}

.my-bookings-card .mdc-text-field .mdc-floating-label {
	left: 0;
}

.my-bookings-card label.mdc-text-field {
	padding-left: 0;
}

.my-bookings-card .back .mdc-select {
	margin: 0 auto;
}

.my-bookings-card .mdc-select__menu.mdc-menu.mdc-menu-surface.mdc-menu-surface--open {
	max-height: 176px !important;
}

.my-bookings-card .back li.mdc-list-item {
	padding: 1em;
}

.my-bookings-card .back div.textarea textarea {
	width: 100%;
}

.my-bookings-card .back .bottom {
	margin-top: 3em;
	display: flex;
	justify-content: center;
}

.my-bookings-card .back .bottom *+* {
	margin-left: 4em;
}

.my-bookings-card .hidden-checkbox,
.my-bookings-card .hidden-checkbox+label {
	display: none;
}

.my-bookings-card .preparation-message,
.my-bookings-card .cancel-reason {
	padding-right: 1em;
}

.my-bookings-card form textarea {
	height: auto;
	min-height: auto;
}

.agenda .item,
.agenda .item:hover,
.agenda .item:focus,
.agenda .item:active,
.prestaciones .item,
.preparation-container {
	background: #f8f8f8;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1) !important;
	border-radius: 0;
	margin-top: 20px;
	position: relative;
}

.preparation-container {
	padding: 25px 25px 60px 25px;
	position: relative;
	color: #777;
	transition: height .3s ease;
}

.preparation-container .expand {
	max-height: 40px;
	height: auto;
	overflow: hidden;
	transition: max-height .3s ease;
}

.preparation-container.expanded .expand {
	max-height: 600px;
	overflow: auto;
}

.preparation-container a {
	position: absolute;
	bottom: 15px;
	right: 25px;
	padding: 10px 25px;
	border-radius: 3px;
	cursor: pointer;

	font-family: 'Roboto Medium';
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 12px;
}

.preparation-container a:hover {
	background: #ccc;
}

.preparation-container a i {
	padding-left: 15px;
	transition: all .3s ease;
	transform-origin: 27px;
}

.preparation-container.expanded a i {
	transform: rotate(180deg);
}

.prestaciones .item .head .vol {
	color: #3277B3;
}

.prestaciones .item .info {
	line-height: 24px;
}

.prestaciones .item .info .cat {
	font-weight: bold;
}

.prestaciones .item .info .col {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.prestaciones .item .info .col.right {
	margin-top: 50px;
}

.prestaciones button.btns {
	position: relative;
	margin: 16px 0;
}

/* .item .actions-bottom{text-align: right;background: #eee;padding: 5px 20px;}
.item .actions-bottom a, .modify-btn{text-transform: uppercase;font-weight: bold;letter-spacing: 1px;font-size: 13px;cursor: pointer;margin-left: 20px;}
.item .actions-bottom a.disabled, .item .actions a.btns.disabled{opacity:.5; pointer-events:none;}
.item .actions-bottom a .material-icons{margin-right: 5px;}

.agenda .item .actionsToggle{position: absolute;right: 0;top: 10px;font-size: 34px;color: #888;cursor:pointer;transition:all .3s ease;
}
.agenda .item .actionsToggle:hover{color:#333;}

.agenda .item .duracion:before{content:'access_time'; font-family:'Material Icons';font-size: 20px;vertical-align: bottom;    margin-right: 2px;}

.agenda .dr-bottom{
	text-align:center;
	padding: 30px 10px 20px 10px;
}



.agenda .ribbon{display:none!important;}
.agenda .item .actions{
	position:absolute;
	right:-300px;
	top:0;
	-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	background: #fff;
	padding: 10px 15px;
	height:100%;
	transition: all 0.3s ease;
}
.agenda .item .actions.open{right:0;}
.agenda .item .actions.visible{visibility:visible;}
.agenda .item .actions a.btns{
	display:block;
	margin: 0 5px 0 auto;
	margin-left: auto!important;
	color: #077BC5;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
	font-weight:bold;
	font-size:11px;
	cursor: pointer;
	background-color: transparent!important;
} */
/*.authorization .clipboardBtn{
	color: #009bd2;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
	font-weight:bold;
	font-size:11px;
	cursor: pointer;
	position:absolute;
	right:10px;
	top:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.3);
	background: #fff;
	padding: 10px;
}*/

.authorization .expiringAlert {
	color: #fff;
	background: #ff9900;
	width: fit-content;
	padding: 0 10px;
	font-style: italic;
	margin-top: 5px;
	font-weight: bold;
	font-size: 13px;
}

.auth-txt {
	font-weight: bold;
	color: #777;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 10px;
}

/* .agenda .item .actions a.btns .material-icons, .authorization .clipboardBtn .material-icons{font-size:17px!important;margin-right:10px;}
.agenda .item .actions.icons input.sqbtn.arial:disabled {
	background: #ddd;
	color: #999;}
.agenda .item .actions.icons input.sqbtn.arial:hover, .agenda .item .actions.icons input.sqbtn.arial:active, .agenda .item .actions.icons input.sqbtn.arial:focus{background:#eee;} */

.modal a.close {
	filter: none;
	opacity: 1;
	font-weight: normal;
	color: #fff;
	margin-right: -10px;
}

.modal.sharedCustomer {
	max-height: calc(100% - 170px);
}

.modal.preparacion .header h2,
.modal.cancelacion .header h2 {
	background-color: transparent;
	padding: 0 0 0 3px;
	border-bottom: 1px solid #ddd;
	color: #5C970E;
	text-transform: uppercase;
	border-radius: 0;
	text-align: left;
	font-size: 13px;
	font-family: "Roboto Bold";
}

.modal.map {
	height: calc(100% - 150px);
}

.modal.map iframe#map {
	width: calc(100% - 30px);
	height: calc(100% - 65px);
	margin: 15px;
	margin-top: 0;
}

.colsanitas.modal a.cancel:before,
.modal a.close:before,
.modal a.cancel:before {
	font-family: "Material Icons";
	content: "close";
	color: #757575;
	font-size: 26px;
	left: -5px;
	top: -2px;
}

.colsanitas.tomar-reserva .cita {
	background: #f5f5f5;
	border-radius: 0;
	padding: 5px 10px;
	color: #757575;
}

.colsanitas.tomar-reserva span,
.colsanitas.tomar-reserva .datos .especialidad {
	color: #757575;
	font-size: 12px;
	line-height: 20px;
}

.colsanitas.tomar-reserva .fecha span {
	color: #757575;
	font-size: 13px;
}

.colsanitas.tomar-reserva .espArea #areaName,
.colsanitas.tomar-reserva .espArea .especialidad {
	font-family: "Roboto Regular" !important;
}

.colsanitas.tomar-reserva .wizard li#tab-date,
.colsanitas.tomar-reserva .wizard li#tab-schedules,
.colsanitas.tomar-reserva .wizard li#tab-bookingData a:before {
	display: none;
}

.colsanitas.tomar-reserva .wizard li#tab-bookingData {
	width: 100%;
	text-align: left;
}

.colsanitas.tomar-reserva .wizard li#tab-bookingData a {
	background-color: transparent;
	padding: 0 0 0 3px;
	border-bottom: 1px solid #ddd;
	color: #5C970E;
	text-transform: uppercase;
	border-radius: 0;
	line-height: 65px;
}

.colsanitas.tomar-reserva .wizard li#tab-bookingData a .badge {
	display: none;
}

.colsanitas.tomar-reserva .wizard li.active a em {
	width: 100%
}

.colsanitas.tomar-reserva div>label {
	color: #5C970E;
	padding-left: 10px;
	font-family: "Roboto Regular" !important;
}

.colsanitas.tomar-reserva div>label.error {
	color: #9a1a1a;
}

.colsanitas.tomar-reserva input[type="text"] {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #5C970E;
	box-shadow: none;
	padding-left: 10px;
	font-size: 15px;
}

.tomar-reserva {
	color: #777;
}

.tomar-reserva div>label.invalid {
	color: #9a1a1a;
}

.colsanitas.tomar-reserva input:focus {
	outline: none;
}

.colsanitas.tomar-reserva input.error {
	background-color: #fff;
	border-bottom: 1px solid #9a1a1a;
}

.colsanitas.tomar-reserva .tab-pane.datos-titular>div {
	margin-bottom: 20px;
}

.alert.alert-success:before {
	color: #5C970E;
	font-size: 14px;
	font-family: 'Roboto Regular' !important;
}

.colsanitas #confirmedBookingAppMessage {
	line-height: 20px;
}

.colsanitas #confirmedBookingAppMessage div span {
	font-family: 'Roboto Regular' !important;
	line-height: 20px;
}

.colsanitas .turno-ok div.recomendaciones {
	font-family: 'Roboto Regular' !important;
	line-height: 20px;
	border-top: none;
}

.colsanitas .turno-ok div.recomendaciones li {
	font-family: 'Roboto Regular' !important;
	line-height: 20px;
}

.colsanitas #bookingSuccess .btns {
	border-radius: 20px !important;
	background: #41bef7;
	text-transform: uppercase;
	font-size: 14px !important;
	letter-spacing: 2px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.colsanitas #bookingSuccess .clipboardBtn {
	display: none;
}

.colsanitas input#medicinaButton {
	background: url(/bukeala-static/images/custom/colsanitas/stethoscope-outline.svg) no-repeat 20px center #fff;
	background-size: 40px;
}

.colsanitas input#medicinaButton:hover,
.colsanitas input#medicinaButton:active,
.colsanitas input#medicinaButton:focus {
	color: #fff;
	background: url(/bukeala-static/images/custom/colsanitas/stethoscope-outline-white.svg) no-repeat 20px center #88bc00;
	background-size: 40px;
	border: 1px solid #88bc00;
}

.colsanitas input#odontologiaButton {
	background: url(/bukeala-static/images/custom/colsanitas/tooth-outline.svg) no-repeat 20px center #fff;
	background-size: 40px;
}

.colsanitas input#odontologiaButton:hover,
.colsanitas input#odontologiaButton:active,
.colsanitas input#odontologiaButton:focus {
	color: #fff;
	background: url(/bukeala-static/images/custom/colsanitas/tooth-outline-white.svg) no-repeat 20px center #88bc00;
	background-size: 40px;
	border: 1px solid #88bc00;
}

.colsanitas input#laboratorioButton {
	background: url(/bukeala-static/images/custom/colsanitas/flask-outline.svg) no-repeat 20px center #fff;
	background-size: 40px;
}

.colsanitas input#laboratorioButton:hover,
.colsanitas input#laboratorioButton:active,
.colsanitas input#laboratorioButton:focus {
	color: #fff;
	background: url(/bukeala-static/images/custom/colsanitas/flask-outline-white.svg) no-repeat 20px center #88bc00;
	background-size: 40px;
	border: 1px solid #88bc00;
}

.colsanitas input#medicinaButton,
.colsanitas input#odontologiaButton,
.colsanitas input#laboratorioButton {
	width: 100%;
	height: 60px;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	border: 1px solid #eee;
	border-radius: 0 !important;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 0px;
	letter-spacing: 1px;
	color: #999;
	text-align: left;
	padding-left: 100px;
}

.colsanitas .main {
	height: calc(100% - 160px);
	overflow: scroll;
}

.colsanitas .main .left {
	padding: 0 10px;
}

.colsanitas .main .left #staff {
	padding-top: 35px;
}

.colsanitas .agenda .result-medico a.favorite {
	display: inline-block !important;
}

.results .item .col-2 .btns {
	font-size: 14px !important;
	width: 50%;
}

.colsanitas .item .row .msg-no-doc {
	width: auto;
	color: #666666;
	text-align: left;
	font-family: "Roboto Regular";
	padding: 10px;
}

.colsanitas.tomar-reserva .datos {
	width: 100%;
}

.colsanitas.modal.tomar-reserva .bottom {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.colsanitas.modal.tomar-reserva .bottom input {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.colsanitas.tomar-reserva .wizard li.active a em {
	max-width: 100%;
}


.colsanitas.modal,
.colsanitas .results .modal {
	max-height: calc(100% - 50px);
	height: calc(100% - 50px);
}

.colsanitas .results .modal #map {
	width: 100% !important;
	height: calc(100vh - 50px) !important;
}

.colsanitas .sidebar nav.navbar {
	border-bottom: none !important;
}

.colsanitas .sin-resultado a {
	color: #41bef7;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

/*MODALES*/
body.modalDisguise .modal {
	top: 40px;
}

.detalle-preparacion {
	max-height: calc(100vh - 140px) !important;
	min-height: 200px !important;
}

.modal.small {
	max-width: 380px
}

.modal.small label.mdc-text-field,
.modal.small .mdc-select,
.modal.small textarea {
	width: 100%;
	max-width: 300px;
}

.modal.small input[type="submit"] {
	float: none;
	margin: 25px 0;
}

.modal.small .bottom {
	text-align: center;
}

.modal.small textarea {
	margin-top: 20px;
	border-radius: 6px;
	padding: 7px 15px;
	height: 70px;
	border: 1px solid #999;
	font-size: 13px;
}

.textarea.invalid textarea {
	border: 1px solid #ea1038;
}

.colsanitas.modal .header h2 {
	color: #5C970E;
	border-bottom: 1px solid #ddd;
	padding: 20px 0 0 3px;
	line-height: 20px;
	font-size: 13px;
	text-transform: uppercase;
	text-align: left;
	font-family: 'Roboto Medium';
}

.colsanitas.modal label {
	position: relative;
}

.colsanitas.modal label:after {
	font-family: "Material Icons";
	content: "arrow_forward";
	color: #757575;
	font-size: 22px;
	position: absolute;
	right: 0px;
	top: 40px;
	text-transform: none;
}

.colsanitas.modal select {
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
}

.colsanitas.tomar-reserva .wizard li a em {
	visibility: visible !important;
	background: transparent;
}

/*IMPORTANT*/
.hide {
	display: none !important;
}

/* outline visible por accesibilidad */
/* *:hover,
*:active,
*:focus {
	outline: none !important;
} */


/*MEDIA SCREEN*/
@media screen and (max-width: 1010px) {
	.my-bookings-card .date-content .date em {
		display: inline;
		margin-right: 4px;
	}
}

@media screen and (max-width: 830px) {
	.appNav .menu a {
		letter-spacing: 0;
	}

	.appNav .menu a span.material-icons {
		margin-right: 0px;
	}
}

@media screen and (max-width: 768px) {
	.appNav .menu a span.text {
		display: inline-block;
		max-width: 0;
		transition: all .3s ease;
		overflow: hidden;
		white-space: nowrap;
	}

	.appNav .menu a:hover span.text {
		max-width: 125px;
		margin-left: 6px;
	}

	.appNav .menu a.active span.text {
		max-width: 125px;
		margin-left: 6px;
	}

	/* .appNav .menu a.active.collapsed {
		background-size: 0 100%;
		color: #888;
	} */

	.appNav .menu a.active.collapsed span.text {
		max-width: 0px;
	}

	.form-content .field,
	.form-content .field.fullwidth {
		display: block;
		width: calc(100% - 40px);
	}

	.form-content.tomar-reserva .field,
	.form-content.tomar-reserva .field.fullwidth {
		width: 100%;
	}

	.tomar-reserva.form-content .address-container,
	.tomar-reserva.form-content .map-container {
		width: 100%;
	}

	.tomar-reserva.form-content .address-container .field {
		display: inline-block;
	}

	.mdc-list--two-line .mdc-list-item__text {
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	/* .mdc-list-item__primary-text {
		margin-bottom: -25px !important;
	} */

	/* .mdc-list-item__primary-text::before {
		height: 25px !important;
	} */

	.mdc-list-item__primary-text {
		margin-bottom: 0!important;
	}

	.mdc-list-item__primary-text.customer-name::after {
		display: none;
	}

	.mdc-list-item__primary-text.customer-id {
		/* position: static;
		margin-left: 50px;
		display: block !important; */
		margin: 0!important;
	}

	.mdc-list-item__secondary-text {
		margin: 0!important;
		color: var(--mdc-theme-on-surface);
	}

	.prestaciones .item .info .col {
		width: 100%;
		display: block;
		/* vertical-align: top; */
	}

	.agenda span.mdc-tab__content {
    font-size: 14px;
	}

	.agenda .mdc-tab {
		padding: 0 12px;
	}

	.agenda .scroll-control {
		display: block;
		height: auto;
    position: sticky;
    cursor: pointer;
		width: 44px;
    flex-shrink: 0;
		border: none;
    background: white;
    z-index: 2;
		overflow: hidden;
		transition: width .3s ease;
	}

	.agenda .scroll-control .icon-container {
		width: 100%;
		height: 100%;
		background-color: transparent;
		background-position: center;
    background-repeat: no-repeat;
		filter: var(--filter-accent);
	}

	.agenda .scroll-back {
		left: 0;
	}

	.agenda .scroll-back.slideOut {
		width: 0;
	}

	.agenda .scroll-back .icon-container {
		background-image: url(/bukeala-static/images/icons/panelita/chevron-left.svg);
	}

	.agenda .scroll-forward {
		right: 0;
	}

	.agenda .scroll-forward.slideOut {
		width: 0;
	}

	.agenda .scroll-forward .icon-container {
		background-image: url(/bukeala-static/images/icons/panelita/chevron-right.svg);
	}

	.prestaciones .item .info .col.right {
		margin-top: 0px;
	}

	.my-bookings-card .row .col-2 {
		position: relative !important;
	}

	.my-bookings-card .top {
		height: auto;
	}

	.tomar-reserva div>label.file-upload {
		min-height: 142px;
	}

	/* responsive para resultados */

	.list .item {
		flex-direction: column;
		align-items: flex-start;
		height: auto;
		padding: 8px;
		border-radius: 16px;
	}

	.list .item > * {
		width: 100%!important;
		padding-left: 0!important;
		padding-bottom: 6px!important;
	}

	.list .item .dr,
	.list .item .cl,
	.list .item .col-4.esp {
		padding-left: 8px!important;
		line-height: initial;
	}

	.list .item .hs {
		padding-left: 10px!important;
	}

	.list .item a.favorite {
		margin: 0 4px 0 0;
	}

	.list .item a.favorite:before {
		font-size: 20px;
		width: auto;
		line-height: initial;
		height: 20px;
	}

	.list .item input[type=button] {
		margin-top: 16px;
	}
}

@media screen and (max-width: 560px) {
	.form-content .field .btn-group.dias button {
		padding: 3px;
		border-radius: 20px;
	}

	.agenda .tab-head .mdc-select,
	.agenda .tab-head .mdc-text-field,
	.auth .tab-head .mdc-text-field {
		width: 100%;
	}

	.list .item .lista ul li.tel {
		margin-left: 0;
	}
}

@media screen and (max-width: 475px) {
	/* .my-bookings-card .row {
		flex-direction: column;
	} */

	/* .my-bookings-card .medico {
		padding-top: 12px!important;
		margin-left: 132px;
		width: calc(100% - 242px);
	} */

	.agenda .tab-head .sort {
		margin-left: 0;
	}

	.my-bookings-card .back form .field,
	.my-bookings-card [id^=resendCheckpoint] {
		width: 100%;
	}
}

@media screen and (max-width: 440px) {
	.appNav .menu a {
		padding: 5px 10px 5px 5px;
	}

	.appNav .menu a span.text {
		font-size: 14px;
		vertical-align: bottom;
	}

	.appNav .menu a:hover span.text,
	.appNav .menu a.active span.text {
		max-width: 99px;
		margin-left: 6px;
	}

	.appNav .menu a span.material-icons {
		margin-right: -4px;
		font-size: 20px
	}

	#authorizationsIcon:after {
		left: 22px
	}

	.form-content {
		padding: 30px 10px;
	}

	.tomar-reserva .datos {
		width: 100%;
	}

	.list .item .head h4 {
		padding: 0 10px;
	}

	.searchBox .busqueda ul {
		padding-right: 10px;
		margin: 0;
	}

	.tomar-reserva .cita .modify-btn {
		top: 5px;
		right: 10px;
	}

	.tomar-reserva .cita .modify-btn .text {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	.dates {
		display: none;
	}

	.form-content .field.date-pick label.mdc-text-field {
		width: 100%;
	}

	.form-content .field.date-pick i.material-icons {
		left: calc(100% - 30px);
	}

	.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text:before {
		/* position: relative;
		top: 10px;
		margin-right: 5px; */
		display: none;
	}

	.mdc-select.user .mdc-menu-surface .mdc-list .mdc-list-item {
		padding: 0 5px;
	}

	.mdc-list-item__secondary-text {
		margin-left: 45px;
	}

	.form-content .field .btn-group.dias button {
		padding: 3px;
		border-radius: 20px;
		margin-right: 0px;
		width: 29px;
		font-size: 10px;
	}
}

@media screen and (max-width: 390px) {
	.appNav a.backbutton {
		margin-top: 4px;
	}

	.appNav .menu a {
		margin-top: 3px;
	}

	.mdc-select.user .mdc-select__selected-text:after {
		display: none;
	}

	.agenda .content {
		padding: 0 10px 50px 10px;
	}

	.agenda .tab-head {
		padding: 0 10px;
	}

	.item .actions-bottom {
		padding: 5px 10px;
	}

	.item .actions-bottom a {
		letter-spacing: 0;
		margin-left: 5px;
		font-size: 12px;
	}

	.item .actions-bottom a .material-icons {
		margin-right: 2px;
		font-size: 16px;
		vertical-align: sub;
	}

	.list .item .lista .row {
		padding: 5px;
	}

	.list .item .head {
		padding: 15px 35px 15px 0px;
	}

	.item .lista .row.fechas-disponibles .col-12 {
		padding: 0;
	}

	.item .lista .row.fechas-disponibles .col-12 .material-icons.opacity0 {
		display: none;
	}

	.item .lista .row.fechas-disponibles .horarios {
		width: calc(100% - 75px);
	}

	input[type="button"] {
		padding: 7px 10px;
	}
}