/** Importamos los estilos para la politica de cookies **/
@import url('cookies.css');

body{
	font-size:15px;
	background-color: #fff;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	color: #000000;
}

.container {
	width: 100%;
}

a {
	color: #00b2a9;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #02847d;
}

h3, 
.h3 {
	font-size: 20px;
}

.p-header {
	position: relative;
	margin: 0 -7px;
}

.p-header .actions {
	position: absolute;
	top: -18px;
	right: 0;
}

.p-menu {
	list-style: none;
	padding: 0 5px;
	margin: 0 0 30px;
}

.p-menu > li {
	display: inline-block;
	vertical-align: top;
}

.p-menu > li > a {
	display: block;
	padding: 5px 20px 5px 0;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
}

.p-menu > li > a > i {
	margin-right: 4px;
	font-size: 20px;
	vertical-align: middle;
	margin-top: -5px;
}

.p-menu > li:not(.active) > a {
	color: #4285F4;
}

.p-menu > li:not(.active) > a:hover {
	color: #333;
}

.p-menu > li.active > a {
	color: #000;
}

@media (max-width: 991px) {
	.p-menu .pm-search {
		margin: 20px 2px 30px;
		display: block;
	}
	.p-menu .pm-search input[type="text"] {
		width: 100%;
		border: 1px solid #ccc;
	}
}

.p-menu .pms-inner {
	margin: -2px 0 0;
	position: relative;
	top: -2px;
	overflow: hidden;
	white-space: nowrap;
}

.p-menu .pms-inner i {
	vertical-align: top;
	font-size: 20px;
	line-height: 100%;
	position: absolute;
	left: 9px;
	top: 8px;
	color: #333;
}

.p-menu .pms-inner input[type="text"] {
	height: 35px;
	border-radius: 2px;
	padding: 0 10px 0 40px;
}

@media (min-width: 768px) {
	.p-menu .pms-inner input[type="text"] {
		border: 1px solid #fff;
		width: 50px;
		background: transparent;
		position: relative;
		z-index: 1;
		-webkit-transition: all;
		-o-transition: all;
		transition: all;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}
	.p-menu .pms-inner input[type="text"]:focus {
		border-color: #DFDFDF;
		width: 200px;
	}
}

.header-menu {
	padding-top: 5px;
}
@media (max-width: 991px) {
	.header-menu {
		padding-top: 7px;
	}
}
@media (max-width: 767px) {
	.header-menu {
		padding-top: 2px;
	}
}

/*--------------------------------------------------
	Block Header
	Used for Heading outside the Cards.
---------------------------------------------------*/

.block-header {
	margin: 25px 0;
	position: relative;
}

@media screen and (min-width: 768px) {
	.block-header {
	}
}

@media screen and (max-width: 991px) {
	.block-header {
		padding: 0 18px;
	}
}

.block-header > h1 {
	font-size: 20px;
	color: #00b2a9;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
	float:left;
	width:90%;
	margin-top: 40px;
}

.block-header > h2 .provider{
	font-weight: bold;
	margin-left: 30px;
}

.block-header > h2 .code{
	font-size: 19px;
	font-weight: 300;
}

.block-header > h2 > small {
	display: block;
	text-transform: none;
	margin-top: 8px;
	margin-bottom: 20px;
	color: #9E9E9E;
	line-height: 140%;
}

.block-header .actions {
	position: absolute;
	right: 10px;
	top: -5px;
	z-index: 4;
}

/*-------------------------
	Collapse Menu Icons
--------------------------*/

.line-wrap {
	width: 18px;
	height: 12px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	margin: 12px 20px;
}

.line-wrap .line {
	width: 18px;
	height: 2px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	background-color: #fff;
}

.line-wrap .line.center {
	margin: 3px 0;
}

.toggled .line-wrap {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.toggled .line-wrap .line.top {
	width: 12px;
	transform: translateX(8px) translateY(1px) rotate(45deg);
	-webkit-transform: translateX(8px) translateY(1px) rotate(45deg);
}

.toggled .line-wrap .line.bottom {
	width: 12px;
	transform: translateX(8px) translateY(-1px) rotate(-45deg);
	-webkit-transform: translateX(8px) translateY(-1px) rotate(-45deg);
}

/*-------------------------
	Load More
--------------------------*/

.load-more {
	text-align: center;
	margin-top: 30px;
}

.load-more a {
	padding: 8px 10px 6px;
	display: inline-block;
	background-color: #F44336;
	color: #FFF;
	border-radius: 2px;
	white-space: nowrap;
}

.load-more a i {
	font-size: 20px;
	vertical-align: middle;
	position: relative;
	margin-top: -2px;
}

.load-more a:hover {
	background-color: #ea1c0d;
}

/*-------------------------
	View More
--------------------------*/

.view-more {
	display: block;
	text-align: center;
	padding: 5px 10px 11px;
	line-height: 100%;
	font-size: 14px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #4b4e53;
}

.view-more:hover {
	color: #5E5E5E;
}

/*-------------------------
	Page Loader
--------------------------*/

html:not(.ismobile) .page-loader,
html .pageloader {
	background: #ececec;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

html:not(.ismobile) .login .page-loader,
html .login .pageloader {
	background: #ececec;
	opacity: .5;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 15;
}

html:not(.ismobile) .page-loader .preloader,
html .pageloader .preloader {
	width: 50px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: 50%;
	margin-top: -55px;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 3000ms;
	animation-duration: 3000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

html:not(.ismobile) .page-loader .preloader p,
html .pageloader .preloader p {
	white-space: nowrap;
	position: relative;
	left: -9px;
	top: 22px;
	color: #CCC;
}

html.ismobile .page-loader{
	display: none;
}

/*----------------------------------------
	Action Header
-----------------------------------------*/

.action-header {
	padding: 25px 30px;
	line-height: 100%;
	position: relative;
	z-index: 1;
	min-height: 65px;
	background-color: #F7F7F7;
}

.action-header .actions {
	position: absolute;
	top: 18px;
	right: 17px;
	z-index: 10;
}

.ah-label {
	font-size: 15px;
}

.ah-search {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 11;
	background-color: #454E53;
	display: none;
}

.ahs-input {
	border: 0;
	padding: 0 26px;
	height: 100%;
	font-size: 15px;
	width: 100%;
	line-height: 60px;
	background-color: #F7F7F7;
}

.ahs-close {
	font-style: normal;
	position: absolute;
	top: 23px;
	right: 25px;
	font-size: 17px;
	line-height: 100%;
	text-align: center;
	cursor: pointer;
	background: #E2E2E2;
	width: 18px;
	height: 18px;
	color: #6B6B6B;
	border-radius: 50%;
}

.ahs-close:hover {
	opacity: 0.8;
}

/*----------------------------------
	Backdrop
-----------------------------------*/

.ma-backdrop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	cursor: pointer;
}

/*----------------------------------
	Avatar
-----------------------------------*/

[class*="avatar-img"] {
	border-radius: 50%;
}

.avatar-img {
	width: 42px;
}

.ie-warning {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #000000;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-family: "Courier New", Courier, monospace;
	padding: 50px 0;
}

.ie-warning p {
	font-size: 17px;
}

.ie-warning .iew-container {
	min-width: 1024px;
	width: 100%;
	height: 200px;
	background: #fff;
	margin: 50px 0;
}

.ie-warning .iew-download {
	list-style: none;
	padding: 30px 0;
	margin: 0 auto;
	width: 720px;
}

.ie-warning .iew-download > li {
	float: left;
	vertical-align: top;
}

.ie-warning .iew-download > li > a {
	display: block;
	color: #000;
	width: 140px;
	font-size: 15px;
	padding: 15px 0;
}

.ie-warning .iew-download > li > a > div {
	margin-top: 10px;
}

.ie-warning .iew-download > li > a:hover {
	background-color: #eee;
}

#footer {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 110px;
	color: #a2a2a2;
	padding-top: 35px;
	padding-bottom: 15px;
}

@media (min-width: 1280px) {
	#footer {
		padding-left: 268px;
	}
}

#footer .f-menu {
	display: block;
	width: 100%;
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
	margin-top: 8px;
}

#footer .f-menu > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

#footer .f-menu > li > a {
	color: #a2a2a2;
}

#footer .f-menu > li > a:hover {
	color: #4b4e53;
}

.sidebar-toggled #footer {
	display: none;
}

.invoice {
	min-width: 1100px;
	max-width: 1170px;
}

.i-logo {
	width: 150px;
}

.i-table .highlight {
	background-color: #eee;
	border-bottom: 1px solid #e6e6e6;
}

.i-table td.highlight {
	font-size: 14px;
	font-weight: 500;
}

/*----------------------------------------------------------
	For header type 1 only
	You may remove these if you opt header 2
-----------------------------------------------------------*/

#header .skin-switch {
	padding: 10px 0 2px;
	text-align: center;
}

#header .ss-skin {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	margin: 2px 3px;
}

/* ----------------------------- End header type 1 ------------------------------------- */

/*-----------------------------------------------------------
	Do not remove these
	This is common for both
-----------------------------------------------------------*/

.ss-skin {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	cursor: pointer;
}

.ss-skin:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.preloader {
	position: relative;
	margin: 0 auto;
	display: inline-block;
}

.preloader:not([class*="pl-"]) {
	width: 40px;
}

.preloader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.preloader.pl-xs {
	width: 20px;
}

.preloader.pl-sm {
	width: 30px;
}

.preloader.pl-lg {
	width: 50px;
}

.preloader.pl-xl {
	width: 80px;
}

.preloader.pl-xxl {
	width: 100px;
}

.preloader:not([class*="pls-"]) .plc-path {
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

.preloader[class*="pls-"] .plc-path {
	animation: dash 1.5s ease-in-out infinite;
}

.preloader.pls-red .plc-path {
	stroke: #F44336;
}

.preloader.pls-blue .plc-path {
	stroke: #2196F3;
}

.preloader.pls-green .plc-path {
	stroke: #4CAF50;
}

.preloader.pls-yellow .plc-path {
	stroke: #FFEB3B;
}

.preloader.pls-bluegray .plc-path {
	stroke: #607D8B;
}

.preloader.pls-amber .plc-path {
	stroke: #FFC107;
}

.preloader.pls-teal .plc-path {
	stroke: #009688;
}

.preloader.pls-gray .plc-path {
	stroke: #9E9E9E;
}

.preloader.pls-pink .plc-path {
	stroke: #E91E63;
}

.preloader.pls-purple .plc-path {
	stroke: #BA68C8;
}

.preloader.pls-white .plc-path {
	stroke: #fff;
}

.pl-circular {
	animation: rotate 2s linear infinite;
	height: 100%;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.plc-path {
	stroke-dasharray: 1,200;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke-width: 2;
	stroke-miterlimit: 10;
	fill: none;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -124px;
	}
}

@keyframes color {
	100%, 0% {
		stroke: #F44336;
	}

	40% {
		stroke: #2196F3;
	}

	66% {
		stroke: #4CAF50;
	}

	80%, 90% {
		stroke: #FFC107;
	}
}

@media print {
	@page {
		margin: 0;
		size: auto;
	}

	body {
		margin: 0mm 0mm 0mm 0mm !important;
		padding: 0mm !important;
	}

	#header,
	#footer,
	#sidebar,
	#chat,
	.growl-animated,
	.m-btn {
		display: none !important;
	}

	/*-------------------------
		Invoice
	--------------------------*/

	.invoice {
		padding: 30px !important;
		-webkit-print-color-adjust: exact !important;
	}

	.invoice .card-header {
		background: #eee !important;
		padding: 20px;
		margin-bottom: 20px;
		margin: -60px -30px 25px -30px;
	}

	.invoice .block-header {
		display: none;
	}

	.invoice .highlight {
		background: #eee !important;
	}
	
	#main,
	.modal-footer{
		display:none;
	}
}

.select-cell .checkbox {
	margin: 0;
}

.command-edit,
.command-delete {
	background: #fff;
}

.bootgrid-table td.loading,
.bootgrid-table td.no-results {
	background-color: #FFF4C6;
}

.bootstrap-select {
	width: 100%;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}

.bootstrap-select .bs-caret {
	display: none;
}

.bootstrap-select > .btn-default {
	background: none !important;
	border-bottom: 1px solid #e0e0e0 !important;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}

.bootstrap-select > .btn-default:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	height: calc(100% - 2px);
	width: 30px;
	background-color: #FFF;
	background-position: right calc(100% - 7px);
	background-repeat: no-repeat;
	background-image: url("../imagenes/app/select.png");
	pointer-events: none;
	z-index: 5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.bootstrap-select > .btn-default:before {
		background-image: url("../imagenes/app/select@2x.png");
		background-size: 12px 12px;
	}
}

.bootstrap-select .bs-searchbox {
	padding: 5px 5px 5px 40px;
	position: relative;
	background: #F7F7F7;
	margin-top: -10px;
}

.bootstrap-select .bs-searchbox:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 100%;
	content: "\f1c3";
	font-family: 'Material-Design-Iconic-Font';
	font-size: 25px;
	padding: 4px 0 0 15px;
}

.bootstrap-select .bs-searchbox input {
	border: 0;
	background: transparent;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
	padding-left: 17px;
}

.bootstrap-select.btn-group .dropdown-menu .no-results {
	padding: 8px 8px 0;
	background-color: #fff;
}

.bootstrap-select .check-mark {
	margin-top: -5px !important;
	font-size: 19px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	display: block !important;
	position: absolute;
	top: 11px;
	right: 15px;
}

.bootstrap-select .check-mark:before {
	content: "\f26b";
	font-family: 'Material-Design-Iconic-Font';
}

.bootstrap-select .selected .check-mark {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.bootstrap-select .notify {
	bottom: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	border: 0 !important;
	background: #F44336 !important;
	color: #fff !important;
	text-align: center;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
}

.search-choice-close {
	cursor: pointer;
}

.search-choice-close:before {
	display: inline-block;
	font-family: 'Material-Design-Iconic-Font';
	content: "\f135";
	position: relative;
	top: 1px;
	color: #9C9C9C;
	z-index: 2;
	background: #EAEAEA;
	font-size: 12px;
}

.bootstrap-datetimepicker-widget {
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	bottom: auto !important;
	top: 0 !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu{
	z-index: 10;
}

.bootstrap-datetimepicker-widget ul{
	min-width: 270px;
}

.bootstrap-datetimepicker-widget.bottom,
.bootstrap-datetimepicker-widget.top{
	top:35px !important;
}

.tab3 .bootstrap-datetimepicker-widget.top{
	top: 35px !important;
    left: -25px !important;
    min-width: 270px;
}

.page-auth .bootstrap-datetimepicker-widget.bottom.pull-right{
	right:-45px !important;
}

.preheader .bootstrap-datetimepicker-widget.bottom,
.preheader .bootstrap-datetimepicker-widget.top{
	top:55px !important;
}

.bootstrap-datetimepicker-widget:after,
.bootstrap-datetimepicker-widget:before {
	display: none !important;
}

.bootstrap-datetimepicker-widget table td {
	text-shadow: none;
}

.bootstrap-datetimepicker-widget table td span {
	margin: 0;
}

.bootstrap-datetimepicker-widget table td span:hover {
	background: transparent;
}

.bootstrap-datetimepicker-widget .glyphicon {
	font-family: 'Material-Design-Iconic-Font';
	font-size: 18px;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
	content: "\f2ff";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before {
	content: "\f301";
}

.bootstrap-datetimepicker-widget .glyphicon-time:before {
	content: "\f337";
}

.bootstrap-datetimepicker-widget .glyphicon-calendar:before {
	content: "\f32e";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before {
	content: "\f1e5";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before {
	content: "\f1e4";
}

.bootstrap-datetimepicker-widget a[data-action] {
	color: #009688;
}

.timepicker-picker .btn {
	box-shadow: none !important;
}

.timepicker-picker table tbody tr + tr:not(:last-child) {
	background: #009688;
	color: #fff;
}

.timepicker-picker table tbody tr + tr:not(:last-child) td {
	border-radius: 0;
}

.timepicker-picker .btn,
.timepicker-picker .btn:hover {
	background: #fff;
	color: #333;
}

.datepicker table thead tr th {
	border-radius: 0;
	color: #fff;
}

.datepicker table thead tr th .glyphicon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 29px;
}

.datepicker table thead tr th:hover .glyphicon {
	background: rgba(0, 0, 0, 0.2);
}

.datepicker table thead tr:first-child th {
	background: #009688;
	padding: 20px 0;
}

.datepicker table thead tr:first-child th:hover {
	background: #009688 !important;
}

.datepicker table thead tr:first-child th.picker-switch {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

.datepicker table thead tr:last-child th {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
}

.datepicker table thead tr:last-child th:first-child {
	padding-left: 20px;
}

.datepicker table thead tr:last-child th:last-child {
	padding-right: 20px;
}

.datepicker table thead tr:last-child:not(:only-child) {
	background: #00877a;
}

.datepicker table tbody tr:last-child td {
	padding-bottom: 25px;
}

.datepicker table tbody tr td:first-child {
	padding-left: 13px;
}

.datepicker table tbody tr td:last-child {
	padding-right: 13px;
}

.datepicker table td.day {
	width: 35px;
	height: 35px;
	line-height: 20px;
	color: #333;
	font-weight: 500;
	position: relative;
	padding: 0;
	background: transparent;
	background-color: transparent !important;
}

.datepicker table td.day.disabled {
	color: #CDCDCD;
	font-weight: 500;
}

.datepicker table tr td.new, 
.datepicker table tr td.old {
	pointer-events: none;
	color: #e5e5e5 !important;
}

.datepicker table td.day:hover {
	background: none;
}

.datepicker table td.day:before {
	content: "";
	width: 35px !important;
	height: 35px !important;
	border-radius: 50% !important;
	margin-bottom: -33px !important;
	display: inline-block !important;
	background: transparent !important;
	position: static !important;
	text-shadow: none !important;
	border-bottom-color: transparent !important;
}

.datepicker table td.day.old,
.datepicker table td.day.new {
	color: #CDCDCD;
}

.datepicker table td:not(.today):not(.active):hover:before {
	background: #F0F0F0 !important;
}

.datepicker table td.today {
	color: #000;
}

.datepicker table td.today:before {
	background-color: #E2E2E2 !important;
}

#cmXForm_Covid19_QP .panel-body {
	padding-bottom: 15px !important;	
}

.datepicker table td.active {
	color: #fff;
}

.datepicker table td.active:before {
	background-color: #009688 !important;
}

.fecha .datepicker table td.active {
	color: #333;
	text-shadow: none;
}

.fecha .datepicker table td.active:before {
	background-color: transparent;
}

.fecha .datepicker table td:hover:before {
	background: #F0F0F0;
}

.datepicker-months .month,
.datepicker-years .year,
.timepicker-minutes .minute,
.timepicker-hours .hour {
	border-radius: 50%;
}

.datepicker-months .month:not(.active):hover,
.datepicker-years .year:not(.active):hover,
.timepicker-minutes .minute:not(.active):hover,
.timepicker-hours .hour:not(.active):hover {
	background: #F0F0F0;
}

.datepicker-months .month.active,
.datepicker-years .year.active,
.timepicker-minutes .minute.active,
.timepicker-hours .hour.active {
	background: #009688;
}

.timepicker-minutes .minute,
.timepicker-hours .hour {
	padding: 0;
}

.fileinput {
	position: relative;
	padding-right: 35px;
}

.fileinput .close {
	position: absolute;
	top: 5px;
	font-size: 12px;
	float: none;
	opacity: 1;
	font-weight: 500;
	border: 1px solid #ccc;
	width: 19px;
	text-align: center;
	height: 19px;
	line-height: 16px;
	border-radius: 50%;
	right: 0;
	visibility: hidden;
}

.fileinput .close:hover {
	background: #eee;
}

.fileinput .input-group-addon {
	padding: 0 10px;
	vertical-align: middle;
}

.fileinput .fileinput-preview {
	width: 200px;
	height: 150px;
	position: relative;
}

.fileinput .fileinput-preview img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -13px;
}

.fileinput .fileinput-preview:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
}

.fileinput-exists .close {
	visibility: visible;
}

.lg-outer .lg-thumb-outer {
	background-color: #1D1D1D;
}

.lg-outer .lg-thumb-item {
	border-radius: 50%;
	width: 60px !important;
	display: inline-block;
	height: 60px;
	border: 0;
	float: none;
	margin: 0 5px;
}

.lg-outer .lg-thumb-item:hover {
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
}

.lg-outer .lg-image {
	border-radius: 3px;
}

.lg-outer .lg-toogle-thumb {
	border-radius: 50%;
	color: #333;
	height: 51px;
	width: 51px;
	line-height: 41px;
	background-color: #fff;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

.lg-outer .lg-toogle-thumb:hover {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	color: #000;
}

.lg-outer:not(.lg-thumb-open) .lg-toogle-thumb {
	top: -70px;
}

.lg-outer.lg-thumb-open .lg-toogle-thumb {
	top: -26px;
}

.lg-thumb.group {
	padding: 20px 0;
}

.lg-slide em {
	font-style: normal;
}

.lg-slide em h3 {
	color: #fff;
	margin-bottom: 5px;
}

.lg-slide .video-cont {
	box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
}

.lg-outer .lg-item {
	background-image: none !important;
}

.lg-outer .lg-item:before {
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-right-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	-webkit-animation-name: loader;
	animation-name: loader;
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loading > i {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loader 1.1s infinite linear;
	animation: loader 1.1s infinite linear;
	border-left-color: #fff;
	border-style: solid;
}

.sweet-alert {
	border-radius: 2px;
	padding: 35px;
	font-family: roboto;
}

.sweet-alert h2 {
	font-size: 16px;
	position: relative;
	z-index: 1;
	color: #333;
	line-height: 100%;
	margin: 0 0 15px;
	font-weight: 500;
}

.sweet-alert p {
	font-size: 13px;
	color: #4b4e53;
	font-weight: 400;
}

.sweet-alert button {
	padding: 6px 12px;
	font-size: 13px;
	border-radius: 2px;
	box-shadow: none !important;
	margin: 26px 1px 0 1px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 30px;
}

.sweet-alert .sa-icon {
	margin-top: 0;
	margin-bottom: 30px;
}

.mCSB_scrollTools {
	width: 10px;
}

.mCSB_scrollTools .mCSB_dragger_bar {
	border-radius: 0 !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_vertical {
	margin: 0 !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 10px;
}

body:not(.ie9) .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0, 0, 0, 0.4);
}

body:not(.ie9) .mCS-minimal-dark.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0, 0, 0, 0.4);
}

body.ie9 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #000000;
}

body.ie9 .mCS-minimal-dark.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
	background: #000000;
}

.mCSB_inside > .mCSB_container {
	margin-right: 0;
}
/*
 * Vendors
 */

.btn-file {
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.btn-file > input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 23px;
	height: 100%;
	width: 100%;
	direction: ltr;
	cursor: pointer;
}

.fileinput {
	margin-bottom: 9px;
	display: inline-block;
}

.fileinput .form-control {
	padding-top: 7px;
	padding-bottom: 5px;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: text;
}

.fileinput .thumbnail {
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}

.fileinput .thumbnail > img {
	max-height: 100%;
}

.fileinput .btn {
	vertical-align: middle;
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
	display: none;
}

.fileinput-inline .fileinput-controls {
	display: inline;
}

.fileinput-filename {
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
}

.form-control .fileinput-filename {
	vertical-align: bottom;
}

.fileinput.input-group {
	display: table;
}

.fileinput.input-group > * {
	position: relative;
	z-index: 2;
}

.fileinput.input-group > .btn-file {
	z-index: 1;
}

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
	border-radius: 0 2px 2px 0;
}

.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
	border-radius: 0 2px 2px 0;
}

.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
	border-radius: 0 2px 2px 0;
}

.form-group.has-warning .fileinput .fileinput-preview {
	color: #ffa829;
}

.form-group.has-warning .fileinput .thumbnail {
	border-color: #ff760f;
}

.form-group.has-error .fileinput .fileinput-preview {
	color: #f6675d;
}

.form-group.has-error .fileinput .thumbnail {
	border-color: #f54556;
}

.form-group.has-success .fileinput .fileinput-preview {
	color: #67bd6a;
}

.form-group.has-success .fileinput .thumbnail {
	border-color: #61b555;
}

.input-group-addon:not(:first-child) {
	border-left: 0;
}

/*
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transform: scale(0) translate(0, 0);
	-moz-transform: scale(0) translate(0, 0);
	-ms-transform: scale(0) translate(0, 0);
	-o-transform: scale(0) translate(0, 0);
	transform: scale(0) translate(0, 0);
	pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
	background: rgba(255, 255, 255, 0.4);
	background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
	background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
	background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.waves-button,
.waves-circle {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	outline: none;
	color: inherit;
	background-color: rgba(0, 0, 0, 0);
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	z-index: 1;
}

.waves-button {
	padding: 0.85em 1.1em;
	border-radius: 0.2em;
}

.waves-button-input {
	margin: 0;
	padding: 0.85em 1.1em;
}

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
	padding: 0;
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.waves-circle {
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
}

.waves-float {
	-webkit-mask-image: none;
	-webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}

.waves-float:active {
	-webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
	display: block;
}

/* 
 * Load Website related LESS files 
 */

/*---------------------------------------------------------------------------
	Generate Margin Class
	margin, margin-top, margin-bottom, margin-left, margin-right
----------------------------------------------------------------------------*/

.m-0 {
	margin: 0px !important;
}

.m-t-0 {
	margin-top: 0px !important;
}

.m-b-0 {
	margin-bottom: 0px !important;
}

.m-l-0 {
	margin-left: 0px !important;
}

.m-r-0 {
	margin-right: 0px !important;
}

.m-5 {
	margin: 5px !important;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-b-5 {
	margin-bottom: 5px !important;
}

.m-l-5 {
	margin-left: 5px !important;
}

.m-r-5 {
	margin-right: 5px !important;
}

.m-10 {
	margin: 10px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-l-10 {
	margin-left: 10px !important;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-15 {
	margin: 15px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.m-l-15 {
	margin-left: 15px !important;
}

.m-r-15 {
	margin-right: 15px !important;
}

.m-20 {
	margin: 20px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-l-20 {
	margin-left: 20px !important;
}

.m-r-20 {
	margin-right: 20px !important;
}

.m-25 {
	margin: 25px !important;
}

.m-t-25 {
	margin-top: 25px !important;
}

.m-b-25 {
	margin-bottom: 25px !important;
}

.m-l-25 {
	margin-left: 25px !important;
}

.m-r-25 {
	margin-right: 25px !important;
}

.m-30 {
	margin: 30px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.m-l-30 {
	margin-left: 30px !important;
}

.m-r-30 {
	margin-right: 30px !important;
}

.m-l-150{
	margin-left: 150px;
}

/*---------------------------------------------------------------------------
	Generate Padding Class
	padding, padding-top, padding-bottom, padding-left, padding-right
----------------------------------------------------------------------------*/

.p-0 {
	padding: 0px !important;
}

.p-t-0 {
	padding-top: 0px !important;
}

.p-b-0 {
	padding-bottom: 0px !important;
}

.p-l-0 {
	padding-left: 0px !important;
}

.p-r-0 {
	padding-right: 0px !important;
}

.p-5 {
	padding: 5px !important;
}

.p-t-5 {
	padding-top: 5px !important;
}

.p-b-5 {
	padding-bottom: 5px !important;
}

.p-l-5 {
	padding-left: 5px !important;
}

.p-r-5 {
	padding-right: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.p-t-10 {
	padding-top: 10px !important;
}

.p-b-10 {
	padding-bottom: 10px !important;
}

.p-l-10 {
	padding-left: 10px !important;
}

.p-r-10 {
	padding-right: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-t-15 {
	padding-top: 15px !important;
}

.p-b-15 {
	padding-bottom: 15px !important;
}

.p-l-15 {
	padding-left: 15px !important;
}

.p-r-15 {
	padding-right: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-t-20 {
	padding-top: 20px !important;
}

.p-b-20 {
	padding-bottom: 20px !important;
}

.p-l-20 {
	padding-left: 20px !important;
}

.p-r-20 {
	padding-right: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.p-t-25 {
	padding-top: 25px !important;
}

.p-b-25 {
	padding-bottom: 25px !important;
}

.p-l-25 {
	padding-left: 25px !important;
}

.p-r-25 {
	padding-right: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-t-30 {
	padding-top: 30px !important;
}

.p-b-30 {
	padding-bottom: 30px !important;
}

.p-l-30 {
	padding-left: 30px !important;
}

.p-r-30 {
	padding-right: 30px !important;
}

/*---------------------------------------------------------------------------
	Generate Font-Size Classes (8px - 20px)
----------------------------------------------------------------------------*/

.f-8 {
	font-size: 8px !important;
}

.f-9 {
	font-size: 9px !important;
}

.f-10 {
	font-size: 10px !important;
}

.f-11 {
	font-size: 11px !important;
}

.f-12 {
	font-size: 12px !important;
}

.f-13 {
	font-size: 13px !important;
}

.f-14 {
	font-size: 14px !important;
}

.f-15 {
	font-size: 15px !important;
}

.f-16 {
	font-size: 16px !important;
}

.f-17 {
	font-size: 17px !important;
}

.f-18 {
	font-size: 18px !important;
}

.f-19 {
	font-size: 19px !important;
}

.f-20 {
	font-size: 20px !important;
}

/*-------------------------
	Font Weight
--------------------------*/

.f-300 {
	font-weight: 300 !important;
}

.f-400 {
	font-weight: 400 !important;
}

.f-500 {
	font-weight: 500 !important;
}

.f-700 {
	font-weight: 700 !important;
}

/*-------------------------
	Position
--------------------------*/

.p-relative {
	position: relative !important;
}

.p-absolute {
	position: absolute !important;
}

.p-fixed {
	position: fixed !important;
}

.p-static {
	position: static !important;
}

/*-------------------------
	Overflow
--------------------------*/

.o-hidden {
	overflow: hidden !important;
}

.o-visible {
	overflow: visible !important;
}

.o-auto {
	overflow: auto !important;
}

/*-------------------------
	Display
--------------------------*/

.d-block {
	display: block !important;
}

.di-block {
	display: inline-block !important;
}

/*-------------------------------
	Material Background Colors
--------------------------------*/

.bgm-white {
	background-color: #ffffff !important;
}

.c-white {
	color: #ffffff !important;
}

.bgm-black {
	background-color: #000000 !important;
}

.c-black {
	color: #000000 !important;
}

.bgm-brown {
	background-color: #795548 !important;
}

.c-brown {
	color: #795548 !important;
}

.bgm-pink {
	background-color: #E91E63 !important;
}

.c-pink {
	color: #E91E63 !important;
}

.bgm-red {
	background-color: #F44336 !important;
}

.c-red {
	color: #F44336 !important;
}

.bgm-blue {
	background-color: #2196F3 !important;
}

.c-blue {
	color: #5194e4 !important;
}

.bgm-purple {
	background-color: #BA68C8 !important;
}

.c-purple {
	color: #BA68C8 !important;
}

.bgm-grey {
	background-color: #4b4f54 !important;
}

.c-grey{
	color: #4b4f54 !important;
}

.bgm-deeppurple {
	background-color: #673AB7 !important;
}

.c-deeppurple {
	color: #673AB7 !important;
}

.bgm-lightblue {
	background-color: #03A9F4 !important;
}

.c-lightblue {
	color: #03A9F4 !important;
}

.bgm-cyan {
	background-color: #00BCD4 !important;
}

.c-cyan {
	color: #00BCD4 !important;
}

.bgm-teal {
	background-color: #009688 !important;
}

.c-teal {
	color: #009688 !important;
}

.bgm-green {
	background-color: #4CAF50 !important;
}

.c-green {
	color: #4CAF50 !important;
}

.bgm-lightgreen {
	background-color: #8BC34A !important;
}

.c-lightgreen {
	color: #8BC34A !important;
}

.bgm-lime {
	background-color: #CDDC39 !important;
}

.c-lime {
	color: #CDDC39 !important;
}

.bgm-yellow {
	background-color: #FFEB3B !important;
}

.c-yellow {
	color: #FFEB3B !important;
}

.bgm-amber {
	background-color: #FFC107 !important;
}

.c-amber {
	color: #FFC107 !important;
}

.bgm-orange {
	background-color: #FF9800 !important;
}

.c-orange {
	color: #FF9800 !important;
}

.bgm-deeporange {
	background-color: #FF5722 !important;
}

.c-deeporange {
	color: #FF5722 !important;
}

.bgm-gray {
	background-color: #9E9E9E !important;
}

.c-gray {
	color: #9E9E9E !important;
}

.bgm-bluegray {
	background-color: #607D8B !important;
}

.c-bluegray {
	color: #607D8B !important;
}

.bgm-indigo {
	background-color: #3F51B5 !important;
}

.c-indigo {
	color: #3F51B5 !important;
}

.c-coral{
	color: #f05168 !important;
}

.bgm-coral{
	background: #f05168 !important;
}

.c-aqua{
	color: #00b2a9 !important;
}

.bgm-aqua{
	background: #00b2a9 !important;
}

/*-------------------------
	Background Colors
--------------------------*/

.bg-black-trp {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

/*-------------------------
	Border
--------------------------*/

.b-0 {
	border: 0 !important;
}

/*-------------------------
	width
--------------------------*/

.w-100 {
	width: 100% !important;
}

/*-------------------------
	Border Radius
--------------------------*/

.brd-2 {
	border-radius: 2px;
}

/*------------------------------------------------------------------------------------------------------------
	Media - Overriding the Media object to 3.2 version in order to prevent issues like text overflow.
--------------------------------------------------------------------------------------------------------------*/

.media {
	overflow: visible;
}

.media:before,
.media:after {
	content: " ";
	display: table;
}

.media:after {
	clear: both;
}

.media:before,
.media:after {
	content: " ";
	display: table;
}

.media:after {
	clear: both;
}

.media > .pull-left {
	padding-right: 15px;
}

.media > .pull-right {
	padding-left: 15px;
}

.media-heading {
	font-size: 14px;
	margin-bottom: 10px;
}

.media-body {
	zoom: 1;
	display: block;
	width: auto;
}

.media-object {
	border-radius: 2px;
}

.close {
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-weight: normal;
	text-shadow: none;
	font-size: 25px;
}

.close:active,
.close:focus,
.close:hover {
	color: inherit;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dl-horizontal dt {
	text-align: left;
}

*,
button,
input,
i,
a {
	-webkit-font-smoothing: antialiased;
}

*,
*:active,
*:hover,
*:focus {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

/* estilo para IE8 */
/* html {
	overflow-x: hidden\0/; 
} */

body:not(.ie9) body {
	overflow-y: scroll;
}

html.ismobile * {
	cursor: pointer;

}

html,
body {
	min-height: 100vh;
}

body {
	font-weight: 400;
	position: relative;
/*	overflow-x: hidden; */
	color:#5E5E5E;
	
}

audio,
video {
	outline: none;
}

p {
	margin-bottom: 20px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
	font-size: 12px;
}

#main {
	position: relative;
	padding-bottom: 110px;
	padding-top: 73px;
	min-height: 100vh;
}

.sidebar-toggled #main {
	height: 100vh;
	overflow: hidden;
}

.container.container-alt {
	max-width: 1170px;
}

@media (min-width: 1280px) {
	#content:not(.content-alt) {
		padding-left: 283px;
		padding-right: 15px;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	#content {
		padding-left: 15px;
		padding-right: 15px;
	}
}

#content.content-alt {
	max-width: 1200px;
	margin: 0 auto;
}

.clist {
	list-style: none;
}

.clist > li:before {
	font-family: 'Material-Design-Iconic-Font';
	margin: 0 10px 0 -20px;
	vertical-align: middle;
}

.clist.clist-angle > li:before {
	content: "\f2fb";
}

.clist.clist-check > li:before {
	content: "\f26b";
}

.clist.clist-star > li:before {
	content: "\f27d";
}

/*--------------------------------------------------
	Common header classes & IDs
	Do not remove this
---------------------------------------------------*/

.h-inner {
	list-style: none;
	padding: 15px 0;
	margin-bottom: 0;
	position: relative;
}

.h-inner > li:not(.pull-right) {
	float: left;
}

.hi-logo a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	font-size: 16px;
}

.hi-trigger {
	position: relative;
	margin-left: -5px;
	cursor: pointer;
	display: none !important;
}

.hi-trigger:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	z-index: 0;
	margin-top: -22px;
	margin-left: -22px;
}

.hi-trigger.toggled:before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.hi-menu {
	list-style: none;
	padding: 0;
}

.hi-menu > li {
	display: inline-block;
	margin: 0 1px;
	vertical-align: top;
	min-width: 50px;
}

@media (max-width: 767px) {
	.hi-menu > li {
		position: static !important;
	}
}

.hi-menu > li .dropdown-menu {
	top: -5px;
}

.hi-menu > li .dropdown-menu-lg {
	padding: 0;
}

.hi-menu > li .dropdown-menu-lg .lg-body {
	min-height: 350px;
	overflow-x: hidden;
}

.hi-menu > li > a {
	color: #fff;
	display: block;
	text-align: center;
	z-index: 1;
	position: relative;
	-webkit-transition: background-color;
	-o-transition: background-color;
	transition: background-color;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	border-radius: 2px;
}

.hi-menu > li > a > .him-icon {
	font-size: 24px;
	line-height: 36px;
}

.hi-menu > li > a > .him-label {
	line-height: 35px;
	white-space: nowrap;
	padding: 0 10px;
	font-size: 14px;
	text-transform: uppercase;
}

.hi-menu > li > a > .him-counts {
	position: absolute;
	font-style: normal;
	background: #F44336;
	padding: 1px 5px;
	border-radius: 2px;
	right: 7px;
	top: -3px;
	font-size: 10px;
	line-height: 15px;
}

.hi-menu > li.toggled > a,
.hi-menu > li:hover > a {
	background-color: rgba(0, 0, 0, 0.08);
}

@media (max-width: 767px) {
	.hi-menu .dropdown-menu-lg {
		width: calc(100% - 28px) !important;
	}

	.hi-menu .dropdown-menu {
		right: 14px;
		top: 55px !important;
	}
}

.hi-span {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	padding: 5px 0 5px 20px;
}

.hi-span a{
	color: #fff;
	position:relative;
	display: block;
}

ul.hi-span .fa{
	float:right;
	margin-left:5px;
	margin-top: 3px;
}

ul.hi-span li{
	display:inline-block;
	padding: 5px 0 5px 10px;
}

.h-inner .pull-right ul.hi-span{
	list-style-type:none;
	padding: 5px 0 5px 0;
}

.h-inner .pull-right ul.hi-span .item1{
	padding-right: 80px;
}

.him-notification:before {
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100% - 70px);
	background: url(../img/notifications.png) no-repeat center;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: scale(0) rotate(-180deg);
	-ms-transform: scale(0) rotate(-180deg);
	-o-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg);
	opacity: 0;
	filter: alpha(opacity=0);
	top: 42px;
}

.him-notification.empty:before {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Full Screen */

:-webkit-full-screen [data-ma-action="fullscreen"] {
	display: none;
}

:-moz-full-screen [data-ma-action="fullscreen"] {
	display: none;
}

:-ms-fullscreen [data-ma-action="fullscreen"] {
	display: none;
}

:full-screen [data-ma-action="fullscreen"] {
	display: none;
}

:fullscreen [data-ma-action="fullscreen"] {
	display: none;
}

/* ----------------------------- End common header classes and IDs------------------------------------- */

/*--------------------------------------------------
	For header type 1 only
	You may remove these if you opt header 2
---------------------------------------------------*/

#header {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	min-height: 70px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: fixed;
	z-index: 11;
	width: 100%;
	left: 0;
	top: 0;
	padding: 0 20px;
}

.ie11 #header{
	padding: 0 40px 0 20px;
}


@media (max-width: 767px) {
	#header {
		padding: 0 8px;
	}
}

#header .hi-logo a {
	padding: 7px 10px;
	display:inline;
}

#header .ma-backdrop {
	position: absolute;
}

@media (max-width: 1279px) {
	#header .hi-trigger {
		display: inline-block !important;
		padding: 10px 0;
	}
	.m-l-150 {
		margin-left: 15px;
	}
	.hi-span.help {
		padding-right: 10px;
	}
}

@media (max-width: 992px) {
	#header .pull-right .hi-span{
		font-size: 15px;
	}
	.h-inner .pull-right ul.hi-span .item1 {
		/* padding-right: 20px; */
	}
}

@media (max-width: 767px) {
	#header .pull-right .hi-span{
		font-size:0;
	}
	#header .pull-right .hi-span .fa{ 
		font-size: 15px;
	}
}

#header.search-toggled .h-search-wrap {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

.h-search-wrap {
	position: absolute;
	top: -65px;
	left: 0;
	width: 100%;
	height: 70px;
	background: #fff;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
}

.h-search-wrap input[type="text"] {
	border: 0;
	height: 40px;
	padding: 0 10px 0 55px;
	font-size: 18px;
	border-radius: 2px;
	background-color: #efefef;
	width: 100%;
}

.h-search-wrap .hsw-close {
	position: absolute;
	top: 15px;
	font-size: 23px;
	font-style: normal;
	width: 45px;
	text-align: center;
	border-radius: 2px 0 0 2px;
	cursor: pointer;
	left: 15px;
	height: 40px;
	padding-top: 9px;
}

.h-search-wrap .hsw-close:hover {
	background-color: #e3e3e3;
}

@media (max-width: 767px) {
	.h-search-wrap .hsw-close {
		right: 7px;
	}
}

.hsw-inner {
	position: relative;
	padding: 15px;
	max-width: 700px;
	display: block;
	margin: 0 auto;
}

/* ----------------------------- End header type 1 ------------------------------------- */

@media (min-width: 992px) {
	.ha-menu > ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ha-menu > ul > li {
		display: inline-block;
		vertical-align: top;
	}

	.ha-menu > ul > li:not(.active) > *:not(ul) {
		color: rgba(255, 255, 255, 0.6);
	}

	.ha-menu > ul > li.active > a {
		color: #fff;
		box-shadow: inset 0 -3px 0 0 #FFEB3B;
	}

	.ha-menu > ul > li > a {
		text-transform: uppercase;
		padding: 15px 12px;
		display: block;
	}

	.ha-menu > ul > li > a:hover {
		color: #fff;
	}

	.ha-menu > ul > li .dropdown-menu {
		min-width: 100%;
	}
}

@media (max-width: 991px) {
	.ha-menu {
		display: none;
	}
}

.sidebar {
	position: fixed;
	background: #fff;
	height: calc(100% - 70px);
	top: 72px;
	z-index: 10;
	overflow-y: auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	margin:0;
}

#sidebar {
	width: 268px;
}

.sidebar a:hover{
	text-decoration:none;
}

@media (max-width: 1279px) {
	.sidebar {
		-webkit-transition: all;
		-o-transition: all;
		transition: all;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}
		
	#sidebar {
		-webkit-transform: translate3d(-288px, 0, 0);
		transform: translate3d(-288px, 0, 0);
		box-shadow: 0 0 20px rgba(14, 18, 21, 0.38);
	}

	#sidebar.toggled {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.sidebar-alt {
	top: 0;
	height: 100%;
	-webkit-transform: translate3d(-268px, 0, 0);
	transform: translate3d(-268px, 0, 0);
}

.sidebar-alt.toggled {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.s-profile > a {
	display: block;
	height: auto;
	margin-bottom: 5px;
	width: 100%;
	background: #fff;
	background-size: 100%;
}

.s-profile > a .sp-pic {
	padding: 12px;
}

.s-profile > a .sp-pic > img {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	box-sizing: content-box;
}

.s-profile > a .sp-info {
	background: rgba(0, 0, 0, 0.37);
	padding: 7px 14px;
	color: #fff;
	margin-top: 20px;
	position: relative;
}

.s-profile > a .sp-info > i {
	font-size: 19px;
	line-height: 100%;
	position: absolute;
	right: 15px;
	top: 7px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.s-profile .main-menu {
	display: none;
	margin: 0 0 0;
}

.s-profile.toggled .sp-info > i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.main-menu {
	list-style: none;
	padding-left: 0;
	margin: 20px 0 0 0;
}

.main-menu a {
	-webkit-transition: color;
	-o-transition: color;
	transition: color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.main-menu a[href="/misalud/es/chats"]:before {
	content:"NUEVO SERVICIO";
	background-color: #E03E52;
	font-size: 10px;
	padding: 4px 8px;	
	color: #fff;
	position: absolute;
	right: 20px;
	top: 10px;
	border-radius: 11px 11px 11px 11px;
	-webkit-border-radius: 11px 11px 11px 11px;
	-moz-border-radius: 11px 11px 11px 11px;
}
.main-menu a[href="/misalud/es/chats"] {
	position: relative;
}
.main-menu a:hover,
.main-menu .active > a,
.main-menu .active > span > a,
.main-menu .active > span > a > .cmMenuTitle,
.main-menu a.active {
	color: #262626;
}

.main-menu > li > a {
	padding: 14px 20px 14px 55px;
	display: block;
	font-weight: 500;
	position: relative;
	color: #4C4C4C;
}

.main-menu > li > a > i {
	position: absolute;
	left: 25px;
	font-size: 20px;
	top: 0;
	width: 25px;
	text-align: center;
	padding: 13px 0;
}

.main-menu ul > li:hover,
.main-menu ul > li > a:focus,
.main-menu ul > li > a:active,
.main-menu ul > li > a:hover,
.main-menu ul > li.active{
	background-color: #F2F2F2;
}

.main-menu ul{
	list-style-type: none;
	padding:0;
}

.main-menu ul li{ 
	padding:0 0 0 20px;
}

.main-menu ul > li span.cmMenuTitle {
	padding: 3px 20px 3px 36px;
	display: block;
	font-weight: normal;
	font-size: 14px;
	position: relative;
}

.main-menu ul > li:not(.active) span.cmMenuTitle {
	color: #00b2a9;
}

.main-menu > li.hasSubelements .cmMenuTitle:after{
	content: "\f278";
	display: block;
	font-family: Material-Design-Iconic-Font;
	font-size: 21px;
	position: absolute;
	right: 25px;
	top: 0;
	padding: 10px 0;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.main-menu > li.hasSubelements.toggled .cmMenuTitle:after{
	content: "\f273";
}

.main-menu > li.hasSubelements li .cmMenuTitle:after,
.main-menu > li.hasSubelements.toggled li .cmMenuTitle:after{
	content: "";
}

.main-menu > li.hasSubelements ul{
	display:none;
}

.sub-menu > a,
.hasSubelements > a {
	position: relative;
}

.sub-menu > a:before,
.sub-menu > a:after {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	font-family: 'Material-Design-Iconic-Font';
	font-size: 17px;
	right: 15px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.sub-menu > a:before {
	content: "\f278";
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.sub-menu > a:after {
	content: "\f273";
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.sub-menu.toggled > a:before {
	content: "\f278";
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.sub-menu.toggled > a:after {
	content: "\f273";
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.sub-menu ul {
	list-style: none;
	display: none;
	padding: 0;
}

.sub-menu ul > li > a {
	padding: 8px 20px 8px 65px;
	font-weight: 500;
	display: block;
	color: #989898;
}

.sub-menu ul > li:first-child > a {
	padding-top: 14px;
}

.sub-menu ul > li:last-child > a {
	padding-bottom: 16px;
}

.sub-menu ul > li ul {
	font-size: 12px;
	margin: 10px 0;
	background-color: #F7F7F7;
}

.sub-menu.active > ul {
	display: block;
}

.providers{
	display: table !important;
	width: 100%;
}

.providers li{
	position:relative;
	display:table-row;
}

.ie9 .providers li{
	display:block;
}

.main-menu.providers li .info,
.main-menu.providers li .zmdi, 
.main-menu.providers li .fa,
.main-menu.providers li > a{
	display:table-cell;
	vertical-align:middle;
}

.main-menu.providers li .zmdi, 
.main-menu.providers li .fa{
	position: relative;
}

.main-menu.providers li .info .zmdi {
	position: relative;
}

.providers li.active a{
	font-weight: bold;
}

.providers > li > a{
	padding: 14px 30px 14px 40px;
}

/*-------------------------
	For Stupid IE9
--------------------------*/

@media (max-width: 1279px) {
	.ie9 #sidebar {
		display: none;
	}

	.ie9 #sidebar.toggled {
		display: block;
	}
}

.ie9 .sidebar-alt {
	display: none;
}

.ie9 .sidebar-alt.toggled {
	display: block;
}

.dropdown:not([data-animation]) .dropdown-menu {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.dropdown-menu {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	padding: 10px 0;
	border-radius: 3px;
	top: -1px;
	margin: 0;
	border: 0;
}

.dropdown-menu > li > a {
	padding: 10px 20px;
	-webkit-transition: background-color;
	-o-transition: background-color;
	transition: background-color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.dropdown-menu[class*="bgm-"] > li > a {
	color: #fff;
}

.dropup .dropdown-menu {
	bottom: -2px;
}

.dm-icon > li > a > .zmdi {
	line-height: 100%;
	vertical-align: top;
	font-size: 18px;
	width: 28px;
}

.dropdown-menu-lg {
	width: 300px;
}

.dropdown-header {
	padding: 3px 17px;
	margin-top: 10px;
	color: #b1b1b1;
	text-transform: uppercase;
	font-weight: normal;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.list-group {
	margin-bottom: 0;
}

.list-group .list-group-item {
	border: 0;
	margin: 0;
	padding: 15px 23px;
}

.list-group .list-group-item > .checkbox.pull-left {
	margin: 0;
}

.list-group.lg-odd-black .list-group-item:nth-child(odd) {
	background-color: #F7F7F7;
}

.list-group.lg-even-black .list-group-item:nth-child(even) {
	background-color: #F7F7F7;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: transparent;
	border: 1px solid #E9E9E9;
}

.lg-header {
	text-align: center;
	padding: 15px 10px 13px;
	line-height: 100%;
	text-transform: uppercase;
	border-bottom: 1px solid #F0F0F0;
	font-weight: 500;
	color: #4C4C4C;
	margin-bottom: 10px;
}

.lg-header .actions {
	position: absolute;
	top: 5px;
	right: 10px;
}

.lgi-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.lgi-heading {
	color: #000;
	margin-bottom: 4px;
	display: block;
}

.lgi-heading,
.lgi-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lgi-text {
	display: block;
	font-size: 12px;
	color: #4b4e53;
}

.lgi-text:not(:last-child) {
	margin-bottom: 4px;
}

.lgi-checkbox {
	margin-top: 8px;
	margin-bottom: 0;
}

.lgi-attrs {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lgi-attrs > li {
	display: inline-block;
	border: 1px solid #e0e0e0;
	margin: 2px 2px 2px 0;
	padding: 2px 5px;
	font-size: 12px;
	color: #4b4e53;
}

.lgi-attrs > li > a {
	display: block;
}

.progress {
	box-shadow: none;
	border-radius: 0;
	height: 5px;
	margin-bottom: 0;
}

.progress .progress-bar {
	box-shadow: none;
}

.tab-nav {
	list-style: none;
	padding: 0;
	white-space: nowrap;
	margin: 0;
	overflow: auto;
	box-shadow: inset 0 -2px 0 0 #eee;
	width: 100%;
}

.tab-nav li {
	display: inline-block;
	vertical-align: top;
}

.tab-nav li > a {
	display: inline-block;
	color: #7a7a7a;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	font-weight: 500;
}

.tab-nav li > a:after {
	content: "";
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

@media (min-width: 768px) {
	.tab-nav li > a {
		padding: 15px;
	}
}

@media (max-width: 768px) {
	.tab-nav li > a {
		padding: 15px 8px;
	}
}

.tab-nav li.active > a {
	color: #000;
}

.tab-nav li.active > a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.tab-nav.tab-nav-right {
	text-align: right;
}

.tab-nav.tn-justified > li {
	display: table-cell;
	width: 1%;
	text-align: center;
}

.tab-nav.tn-icon > li .zmdi {
	font-size: 22px;
	line-height: 100%;
	min-height: 25px;
}

.tab-nav:not([data-tab-color]) > li > a:after {
	background: #2196F3;
}

.tab-nav[data-tab-color="green"] > li > a:after {
	background: #4CAF50;
}

.tab-nav[data-tab-color="red"] > li > a:after {
	background: #F44336;
}

.tab-nav[data-tab-color="teal"] > li > a:after {
	background: #009688;
}

.tab-nav[data-tab-color="amber"] > li > a:after {
	background: #FFC107;
}

.tab-nav[data-tab-color="black"] > li > a:after {
	background: #000000;
}

.tab-nav[data-tab-color="cyan"] > li > a:after {
	background: #00BCD4;
}

.tab-content {
	padding: 20px 0;
}

.card {
	position: relative;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	margin-bottom: 30px;
	min-height: 150px;
}

.card .card-header {
	position: relative;
}

@media screen and (min-width: 768px) {
	.card .card-header {
		padding: 25px 5px;
	}
}

@media screen and (max-width: 991px) {
	.card .card-header {
		padding: 18px;
	}
}

.card .card-header h2,
.card .card-header h3 {
	margin: 0;
	line-height: 100%;
	font-size: 17px;
	font-weight: 400;
}

.color-block {
	color: #fff;
	text-align:center;
}

.color-block-icon {
	padding: 25px 23px!important;
}

.color-block-icon .fa{
	margin-right:10px;
	display: block;
	width: 20px;
	float: left;
}

.card .card-header h2 small {
	display: block;
	margin-top: 8px;
	color: #AEAEAE;
	line-height: 160%;
}

.card .card-header.ch-alt:not([class*="bgm-"]) {
	background-color: #f7f7f7;
}

.card .card-header[class*="bgm-"] h2,
.card .card-header[class*="bgm-"] h2 small {
	color: #fff;
}

.card .card-header .actions {
	position: absolute;
	right: 10px;
	z-index: 2;
	top: 15px;
}

.card .card-header .btn-float {
	right: 25px;
	bottom: -23px;
	z-index: 1;
}

.card a.card-header {
	display: block;
}

@media screen and (min-width: 768px) {
	.card .card-body.card-padding {
		padding: 25px 27px;
	}
}

@media screen and (max-width: 991px) {
	.card .card-body.card-padding {
		padding: 18px;
	}
}

.card .card-body.card-padding-sm {
	padding: 15px;
}

.card-header:not(.ch-alt):not([class*="bgm-"]) + .card-padding {
	padding-top: 0;
}

.card-light .card-header h2,
.card-light .card-header h2 small {
	color: #fff;
}

.chart-edge {
	margin: 20px -8px 0 -10px;
	overflow: hidden;
}

.chart-edge .flot-chart {
	bottom: 0;
}

.charts-row {
	margin-top: 50px;
	margin-bottom: 20px;
}

.mini-charts-item {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	position: relative;
	margin-bottom: 30px;
}

.mini-charts-item .chart {
	padding: 21px 18px 0;
	float: left;
}

.mini-charts-item .chart.chart-pie {
	margin: 0 20px;
	padding: 14px 11px;
}

.mini-charts-item .count {
	overflow: hidden;
	color: rgba(255, 255, 255, 0.9);
	padding: 16px 12px;
}

.mini-charts-item .count > h2 {
	margin: 0;
	line-height: 100%;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
}

.mini-charts-item .count > small {
	margin-bottom: 2px;
	display: block;
}

.mini-charts-item .count > h2,
.mini-charts-item .count > small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mini-charts-item > .clearfix,
.mini-charts-item > .dl-horizontal dd,
.mini-charts-item > .container,
.mini-charts-item > .container-fluid,
.mini-charts-item > .row,
.mini-charts-item > .form-horizontal .form-group,
.mini-charts-item > .btn-toolbar,
.mini-charts-item > .btn-group-vertical > .btn-group,
.mini-charts-item > .nav,
.mini-charts-item > .navbar,
.mini-charts-item > .navbar-header,
.mini-charts-item > .navbar-collapse,
.mini-charts-item > .pager,
.mini-charts-item > .panel-body,
.mini-charts-item > .modal-header,
.mini-charts-item > .modal-footer {
	position: relative;
	z-index: 1;
}

.mini-charts-item:before {
	-webkit-transition: width;
	-o-transition: width;
	transition: width;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	content: "";
	width: 105px;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 0;
	top: 0;
}

.mini-charts-item:hover .count {
	color: #fff !important;
}

.mini-charts-item:hover:before {
	width: 100%;
}

/*------------------------------
		Sparkline Tooltip
-------------------------------*/

#jqstooltip {
	min-width: 21px;
	min-height: 23px;
	text-align: center;
	border: 0;
	background: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#jqstooltip .jqsfield {
	font-size: 12px;
	font-weight: 700;
	font-family: inherit;
	text-align: center;
	color: #333;
}

#jqstooltip .jqsfield > span {
	display: none;
}

/*------------------------------
		Easy Pie Charts
-------------------------------*/

.epc-item {
	position: relative;
	margin-bottom: 30px;
	padding: 30px 20px;
	text-align: center;
}

.easy-pie {
	display: inline-block;
	position: relative;
	padding: 0 0 10px;
}

.easy-pie .percent {
	position: absolute;
	font-weight: 300;
	width: 100%;
	line-height: 100%;
	left: 4px;
	color: #fff;
}

.easy-pie .percent:after {
	content: "%";
}

.easy-pie.main-pie .percent {
	margin-top: 49px;
	font-size: 50px;
	text-align: center;
}

.easy-pie.main-pie .percent:after {
	font-size: 30px;
}

.easy-pie.main-pie .pie-title {
	color: #fff;
}

.easy-pie:not(.main-pie) .percent {
	font-size: 24px;
	margin-top: 33px;
}

.easy-pie:not(.main-pie) .percent:after {
	font-size: 20px;
}

.easy-pie .pie-title {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -3px;
	left: 0;
}

/*------------------------------
		Recent Items Table Chart
-------------------------------*/

#recent-items-chart {
	width: calc(100% + 19px);
	height: 150px;
	margin: -20px -10px 0;
	bottom: -10px;
}

/*------------------------------
		Flot Chart
-------------------------------*/

[class*="flot-chart"] {
	width: 100%;
	display: block;
}

.flot-chart {
	height: 200px;
}

.flot-chart-pie {
	height: 300px;
}

@media (min-width: 768px) {
	.flot-chart-pie {
		margin-bottom: 20px;
	}
}

.flot-tooltip,
#flotTip {
	position: absolute;
	color: #333;
	display: none;
	font-size: 12px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 3px 10px;
	background-color: #fff;
	z-index: 99999;
}

[class*="flc-"] {
	text-align: center;
	margin: 10px 0 5px;
}

[class*="flc-"] table {
	display: inline-block;
}

[class*="flc-"] .legendColorBox > div {
	border: #fff !important;
}

[class*="flc-"] .legendColorBox > div > div {
	border-radius: 50%;
}

[class*="flc-"] .legendLabel {
	padding: 0 8px 0 3px;
}

.dw-item {
	position: relative;
	min-height: 400px;
	margin-bottom: 30px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.dwi-header {
	position: relative;
}

.dwi-header-img {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 155px;
}

.dw-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.dwih-title {
	padding: 12px 20px;
	position: absolute;
	width: 100%;
	left: 0;
}

/*-------------------------
	Calendar
--------------------------*/

.cwh-year {
	color: rgba(255, 255, 255, 0.6);
	font-size: 15px;
}

.cwh-day {
	font-size: 25px;
	line-height: 100%;
	color: #fff;
}

.table {
	margin-bottom: 0;
}

.table > thead > tr > th {
	background-color: #d6d6d6;
	vertical-align: middle;
	font-weight: 500;
	color: #333;
	border-width: 1px;
	text-transform: normal;
	font-weight:bold;
}

.table.table-inner {
	border: 0;
}

.table > thead > tr > th:first-child,
.table > tbody > tr > th:first-child,
.table > tfoot > tr > th:first-child,
.table > thead > tr > td:first-child,
.table > tbody > tr > td:first-child,
.table > tfoot > tr > td:first-child {
	padding-left: 15px;
}

.table > thead > tr > th:last-child,
.table > tbody > tr > th:last-child,
.table > tfoot > tr > th:last-child,
.table > thead > tr > td:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > td:last-child {
	padding-right: 15px;
}

.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > tbody > tr.succes > td,
.table > tfoot > tr.succes > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td {
	border: 0;
}

.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
	padding: 15px 8px;
	vertical-align: middle;
}

.table-striped td,
.table-striped th {
	border: 0 !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #ecebeb;
}

.table-bordered {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
	border-bottom: 0;
	border-left: 0;
}

.table-bordered > tbody > tr > td:last-child,
.table-bordered > tbody > tr > th:last-child {
	border-right: 0;
}

.table-bordered > thead > tr > th {
	border-left: 0;
}

.table-bordered > thead > tr > th:last-child {
	border-right: 0;
}

.table-vmiddle td {
	vertical-align: middle !important;
}

.table-responsive {
	border: 0;
}

.t-add,
.ta-block,
.ta-btn {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.t-add {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	background: #ececec;
	top: 12px;
	right: 23px;
	max-height: 300px;
	z-index:1;
}

.t-add .ta-block {
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}

.t-add .ta-block textarea {
	padding: 25px 25px 45px;
	resize: none;
	width: 100%;
	font-size: 24px;
	color: #FFC107;
	position: absolute;
	height: 100%;
	border: 0;
	outline: none;
}

.t-add:not(.toggled) {
	overflow: hidden;
}

.t-add:not(.toggled) .ta-btn {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	font-size: 23px;
	color: #262626;
	line-height: 51px;
}

.t-add.toggled {
	width: calc(100% - 47px);
	height: calc(100% - 25px);
	border-radius: 2px;
	top: 0;
	z-index: 1;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
	overflow: visible;
}

.t-add.toggled .ta-btn {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	display: none;
}

.t-add.toggled .ta-block {
	opacity: 1;
	filter: alpha(opacity=100);
}

.t-add.toggled .ta-block .tab-actions {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 10px;
	border-top: 1px solid #EEE;
	z-index: 1;
}

.t-add.toggled .ta-block .tab-actions > a {
	font-size: 25px;
	padding: 0 6px;
	border-radius: 50%;
	text-align: center;
	height: 40px;
	width: 40px;
	line-height: 48px;
	display: inline-block;
}

.t-add.toggled .ta-block .tab-actions > a:hover {
	background-color: #eee;
}

.btn {
	border: 0;
	text-transform: none;
}

.btn[class*="bgm-"]:not(.bgm-white) {
	color: #fff;
}

.btn .caret {
	margin-top: -3px;
}

.btn:not(.btn-link) {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

.btn-group:not(.bootstrap-select),
.btn-group-vertical:not(.bootstrap-select) {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

.btn-group .btn,
.btn-group-vertical .btn,
.btn-group .btn:active,
.btn-group-vertical .btn:active,
.btn-group .btn:focus,
.btn-group-vertical .btn:focus,
.btn-group .btn-group,
.btn-group-vertical .btn-group {
	box-shadow: none !important;
}

.btn-group .btn,
.btn-group-vertical .btn {
	margin: 0;
}

.btn-xs,
.btn-group-xs > .btn {
	padding: 2px 5px;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 2px;
}

.btn-link {
	color: #797979;
	text-decoration: none;
	border-radius: 2px;
}

.btn-link:hover {
	color: #0a0a0a;
}

.btn-inverse {
	color: #fff;
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse:focus,
.btn-inverse.focus {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0);
}

.btn-inverse:hover {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0);
}

.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0);
}

.btn-inverse:active:hover,
.btn-inverse.active:hover,
.open > .dropdown-toggle.btn-inverse:hover,
.btn-inverse:active:focus,
.btn-inverse.active:focus,
.open > .dropdown-toggle.btn-inverse:focus,
.btn-inverse:active.focus,
.btn-inverse.active.focus,
.open > .dropdown-toggle.btn-inverse.focus {
	color: #fff;
	background-color: #1a1a1a;
	border-color: rgba(0, 0, 0, 0);
}

.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
	background-image: none;
}

.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus {
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse .badge {
	color: #454545;
	background-color: #fff;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:active,
.open > .dropdown-toggle.btn-inverse {
	color: #fff;
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse:hover:hover,
.btn-inverse:focus:hover,
.btn-inverse.focus:hover,
.btn-inverse:active:hover,
.open > .dropdown-toggle.btn-inverse:hover,
.btn-inverse:hover:focus,
.btn-inverse:focus:focus,
.btn-inverse.focus:focus,
.btn-inverse:active:focus,
.open > .dropdown-toggle.btn-inverse:focus,
.btn-inverse:hover.focus,
.btn-inverse:focus.focus,
.btn-inverse.focus.focus,
.btn-inverse:active.focus,
.open > .dropdown-toggle.btn-inverse.focus {
	color: #fff;
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
	background-image: none;
}

.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active {
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse .badge {
	color: #454545;
	background-color: #fff;
}

.btn-icon {
	border-radius: 50%;
	width: 40px;
	line-height: 42px;
	height: 40px;
	padding: 0;
	text-align: center;
}

.btn-icon .zmdi {
	font-size: 17px;
}

.btn-icon-text > .zmdi {
	font-size: 15px;
	vertical-align: top;
	display: inline-block;
	margin-top: 2px;
	line-height: 100%;
	margin-right: 5px;
}

.btn-float {
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
	line-height: 46px !important;
}

.btn-float:not(.m-btn) {
	position: absolute !important;
}

.btn-float i {
	font-size: 23px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.btn-float:hover i {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.btn-float:not(.bgm-white):not(.bgm-gray) > i {
	color: #fff;
}

.btn-float.bgm-white > i,
.btn-float.bgm-gray > i {
	color: #333;
}

.open .btn {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.open .btn:focus,
.open .btn:active {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

/*----------------------------------------
	Material Design Add button
------------------------------------------*/

.m-btn {
	z-index: 1;
	bottom: 40px;
	right: 40px;
	position: fixed !important;
}

label {
	font-weight: 500;
}

/*-----------------------------------
	Reset Focus and Active shadows
------------------------------------*/

input:active,
input:focus {
	outline: 0;
	box-shadow: none !important;
}

.form-control {
	box-shadow: none !important;
	resize: none;
}

.form-control:active,
.form-control:focus {
	box-shadow: none;
}

/*------------------------
	Checkbox and Radio
-------------------------*/

.input-helper:before,
.input-helper:after,
.checkbox label:before,
.radio label:before,
.radio-inline:before,
.checkbox-inline:before {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.checkbox,
.radio {
	padding-top: 0 !important;
}

.checkbox label,
.radio label {
	display: block;
	padding-left: 30px;
}

.checkbox input,
.radio input {
	top: 0;
	left: 0;
	margin-left: 0 !important;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-top: 0;
}

.checkbox input:checked + .input-helper:before,
.radio input:checked + .input-helper:before {
	border-color: #009688;
}

.checkbox .input-helper:before,
.radio .input-helper:before,
.checkbox .input-helper:after,
.radio .input-helper:after {
	position: absolute;
	content: "";
}

.checkbox .input-helper:before,
.radio .input-helper:before {
	left: 0;
	border: 2px solid #7a7a7a;
}

.checkbox.disabled,
.radio.disabled {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.checkbox input {
	width: 17px;
	height: 17px;
}

.checkbox input:checked + .input-helper:before {
	background-color: #009688;
}

.checkbox input:checked + .input-helper:after {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.checkbox .input-helper:before {
	top: 0;
	width: 17px;
	height: 17px;
	border-radius: 2px;
}

.checkbox .input-helper:after {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	content: '\f26b';
	font-family: 'Material-Design-Iconic-Font';
	position: absolute;
	font-size: 12px;
	left: 2px;
	top: 0;
	color: #fff;
	font-weight: bold;
}

.radio input {
	width: 19px;
	height: 19px;
}

.radio input:checked + .input-helper:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.radio .input-helper:before {
	top: 1px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
}

.radio .input-helper:after {
	width: 9px;
	height: 9px;
	background: #009688;
	border-radius: 50%;
	top: 5px;
	left: 4px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.checkbox-inline,
.radio-inline {
	vertical-align: top;
	margin-top: 0;
	padding-left: 25px;
}

.checkbox-light .input-helper:before,
.radio-light .input-helper:before {
	border-color: #fff;
}

.checkbox-light input:checked + .input-helper:before {
	border-color: #fff;
	background-color: #fff;
}

.checkbox-light input:checked + .input-helper:after {
	color: #333;
}

/*-------------------------
	Select
--------------------------*/

body:not(.ie9) .select {
	position: relative;
}

body:not(.ie9) .select:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	height: calc(100% - 2px);
	width: 30px;
	background-color: #FFF;
	background-position: right calc(100% - 7px);
	background-repeat: no-repeat;
	background-image: url("../imagenes/app/select.png");
	pointer-events: none;
	z-index: 5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	body:not(.ie9) .select:before {
		background-image: url("../imagenes/app/select@2x.png");
		background-size: 12px 12px;
	}
}

body:not(.ie9) .select:not(.fg-line):before {
	right: 0;
}

body:not(.ie9) .select.fg-line:before {
	right: 10px;
}

/*-------------------------
	Input Group Addon
--------------------------*/

.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon {
	font-size: 15px;
}

.input-group-addon {
	border-width: 0 0 1px 0;
	min-width: 42px;
}

.input-group-addon > .zmdi {
	position: relative;
	top: 3px;
}

/*-------------------------
	Input Feilds
--------------------------*/

.fg-line {
	position: relative;
	vertical-align: top;
}

.fg-line:not(.form-group) {
	display: inline-block;
	width: 100%;
}

.fg-line .form-control:disabled {
	color: #9d9d9d;
	background: transparent;
}

.fg-line:not(.disabled):after,
.fg-line:not(.readonly):after {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	content: "";
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.fg-line:not([class*=has-]):after {
	background: #2096f3;
}

.fg-line.readonly .form-control {
	color: #9d9d9d;
	background: transparent;
}

.fg-line.fg-toggled:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.fg-float {
	margin-top: 2px;
	position: relative;
}

.fg-float .form-control {
	position: relative;
	background: transparent;
	z-index: 1;
	font-size:14px;
	border: 0;
	border-bottom: 1px solid #ccc;
	border-radius:0;
	padding:0;
}

.fg-float .form-control::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.fg-float .form-control:-ms-input-placeholder {
	color: #fff;
}

.fg-float .form-control::-webkit-input-placeholder {
	color: #fff;
}

.fg-float .fg-label {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	position: absolute;
	top: 5px;
	font-weight: 400;
	color: #959595;
	pointer-events: none;
	z-index: 0;
	left: 0;
	white-space: nowrap;
	font-size:13px;
}

.fg-float .fg-toggled .fg-label {
	top: -15px;
	font-size: 11px;
}

.control-label {
	font-weight: normal;
}

.cmXForm .control-label {
    font-weight: 600;
}

/*-------------------------
	Toggle Switch
--------------------------*/

.toggle-switch {
	display: inline-block;
	vertical-align: top;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.toggle-switch .ts-label {
	display: inline-block;
	margin: 0 20px 0 0;
	vertical-align: top;
	-webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
	transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-switch .ts-helper {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 16px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.26);
	-webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	vertical-align: middle;
	cursor: pointer;
}

.toggle-switch .ts-helper:before {
	content: '';
	position: absolute;
	top: -4px;
	left: -4px;
	width: 24px;
	height: 24px;
	background: #fafafa;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
	border-radius: 50%;
	webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-switch:not(.disabled) .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}

.toggle-switch input {
	position: absolute;
	z-index: 1;
	width: 46px;
	margin: 0 0 0 -4px;
	height: 24px;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}

.toggle-switch input:checked + .ts-helper:before {
	left: 20px;
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
	background: rgba(0, 150, 136, 0.5);
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
	background: #009688;
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
}

.toggle-switch.disabled {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper {
	background: rgba(244, 67, 54, 0.5);
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:before {
	background: #F44336;
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(244, 67, 54, 0.2);
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper {
	background: rgba(33, 150, 243, 0.5);
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:before {
	background: #2196F3;
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(33, 150, 243, 0.2);
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper {
	background: rgba(255, 193, 7, 0.5);
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:before {
	background: #FFC107;
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(255, 193, 7, 0.2);
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper {
	background: rgba(186, 104, 200, 0.5);
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:before {
	background: #BA68C8;
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(186, 104, 200, 0.2);
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper {
	background: rgba(233, 30, 99, 0.5);
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:before {
	background: #E91E63;
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(233, 30, 99, 0.2);
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper {
	background: rgba(205, 220, 57, 0.5);
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:before {
	background: #CDDC39;
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(205, 220, 57, 0.2);
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper {
	background: rgba(0, 188, 212, 0.5);
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:before {
	background: #00BCD4;
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 188, 212, 0.2);
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper {
	background: rgba(76, 175, 80, 0.5);
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:before {
	background: #4CAF50;
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(76, 175, 80, 0.2);
}

/*-------------------------
	Validation
--------------------------*/

.has-error .checkbox .input-helper:before {
	border-color: #f99d97;
}

.has-error .checkbox .input-helper:after {
	border-bottom-color: #f77066;
	border-left-color: #f77066;
}

.has-error .fg-line:after {
	background: #F44336;
}

.has-success .checkbox .input-helper:before {
	border-color: #92cf94;
}

.has-success .checkbox .input-helper:after {
	border-bottom-color: #6ec071;
	border-left-color: #6ec071;
}

.has-success .fg-line:after {
	background: #4CAF50;
}

.has-warning .checkbox .input-helper:before {
	border-color: #ffc166;
}

.has-warning .checkbox .input-helper:after {
	border-bottom-color: #ffad33;
	border-left-color: #ffad33;
}

.has-warning .fg-line:after {
	background: #FF9800;
}

/*-------------------------
	IE 9 Placeholder
--------------------------*/

.ie9-placeholder {
	color: #888 !important;
	font-weight: normal;
}

/*-----------------------------------
	Fix Textarea Scrollbar in IE9
------------------------------------*/

.ie9 textarea {
	overflow: auto !important;
}

.pagination {
	border-radius: 0;
}

.pagination > li {
	margin: 0 2px;
	display: inline-block;
	vertical-align: top;
}

.pagination > li > a,
.pagination > li > span {
	border-radius: 50% !important;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	z-index: 1;
	position: relative;
	cursor: pointer;
	background-clip: padding-box;
}

.pagination > li > a > .zmdi,
.pagination > li > span > .zmdi {
	font-size: 22px;
	line-height: 39px;
}

.pagination > li.disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*-------------------------
	Listview Pagination
--------------------------*/

.lg-pagination {
	width: 100%;
	text-align: center;
	padding: 40px 0;
	margin-top: 0;
}

/*-------------------------
	Pager
--------------------------*/

.pager li > a,
.pager li > span {
	padding: 5px 10px 6px;
	color: #7E7E7E;
}

.popover {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
}

.popover-title {
	border-bottom: 0;
	padding: 15px;
	font-size: 12px;
	text-transform: uppercase;
}

.popover-title + .popover-content {
	padding-top: 0;
}

.popover-content {
	padding: 15px;
}

.popover-content p {
	margin-bottom: 0;
}

.fw-container .tab-content {
	padding: 25px 0;
}

.fw-container .fw-footer {
	text-align: center;
	margin: 30px 0 0;
	width: 100%;
	border-top: 2px solid #eee;
	padding: 15px 0;
}

.alert {
	padding-left: 30px;
	font-size: 13px;
}

.alert span {
	cursor: pointer;
}

.alert:not(.alert-dismissible) {
	padding-right: 30px;
}

.alert.alert-dismissable {
	padding-right: 44px;
}

.alert-inverse {
	background-color: #333;
	border-color: transparent;
	color: #fff;
}

.alert-inverse hr {
	border-top-color: rgba(0, 0, 0, 0);
}

.alert-inverse .alert-link {
	color: #e6e6e6;
}

.growl-animated.alert-inverse {
	box-shadow: 0 0 5px rgba(51, 51, 51, 0.5);
}

.growl-animated.alert-info {
	box-shadow: 0 0 5px rgba(33, 150, 243, 0.5);
}

.growl-animated.alert-success {
	box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
}

.growl-animated.alert-warning {
	box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
}

.growl-animated.alert-danger {
	box-shadow: 0 0 5px rgba(244, 67, 54, 0.5);
}

.alert-link {
	color: #fff !important;
}

/*Modal*/
.modal .modal-content {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
	border-radius: 3px;
	border: 0;
}

.modal .modal-header {
	padding: 23px 26px 5px 26px;
}

.modal .modal-body {
	padding: 0 26px 10px;
}

.modal .modal-footer .btn-link {
	font-size: 14px;
	color: #000;
	font-weight: 500;
}

.modal .modal-footer .btn-link:hover {
	background-color: #eee;
}

.modal:not([data-modal-color]) .modal-footer .btn-link {
	font-weight: 500;
}

.modal:not([data-modal-color]) .modal-footer .btn-link:hover {
	background-color: #eee;
}

.modal[data-modal-color] {
	color: #fff;
}

.modal[data-modal-color] .modal-title,
.modal[data-modal-color] .modal-footer .btn-link {
	color: #fff;
}

.modal[data-modal-color] .modal-footer {
	background: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color] .modal-backdrop {
	background: #fff;
}

.modal[data-modal-color] .modal-footer .btn-link {
	font-weight: 400;
}

.modal[data-modal-color] .modal-footer .btn-link:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color="blue"] .modal-content {
	background: #2196F3;
}

.modal[data-modal-color="cyan"] .modal-content {
	background: #00BCD4;
}

.modal[data-modal-color="green"] .modal-content {
	background: #4CAF50;
}

.modal[data-modal-color="lightgreen"] .modal-content {
	background: #8BC34A;
}

.modal[data-modal-color="lightblue"] .modal-content {
	background: #03A9F4;
}

.modal[data-modal-color="amber"] .modal-content {
	background: #FFC107;
}

.modal[data-modal-color="teal"] .modal-content {
	background: #009688;
}

.modal[data-modal-color="orange"] .modal-content {
	background: #FF9800;
}

.modal[data-modal-color="bluegray"] .modal-content {
	background: #607D8B;
}

.modal[data-modal-color="red"] .modal-content {
	background: #F44336;
}

.modal-title {
	font-weight: bold;
}

.panel {
	box-shadow: none;
	border: 0;
}

.panel-heading {
	padding: 0;
}

.panel-title > a {
	padding: 10px 15px;
	display: block;
	font-size: 13px;
}

.panel-collapse .panel-heading {
	position: relative;
}

.panel-collapse .panel-heading .panel-title > a {
	padding: 8px 5px 16px 30px;
	color: #000;
	position: relative;
}

.panel-collapse .panel-heading .panel-title > a:after,
.panel-collapse .panel-heading .panel-title > a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	content: "";
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.panel-collapse .panel-heading .panel-title > a:after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.panel-collapse .panel-heading:not(.active) .panel-title > a:before {
	background: #eee;
}

.panel-collapse .panel-heading:before,
.panel-collapse .panel-heading:after {
	font-family: 'Material-Design-Iconic-Font';
	font-size: 17px;
	position: absolute;
	left: 0;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	top: 4px;
}

.panel-collapse .panel-heading:before {
	content: "\f278";
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.panel-collapse .panel-heading:after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	content: "\f273";
}

.panel-collapse .panel-heading.active .panel-title > a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.panel-collapse .panel-heading.active:before {
	-webkit-transform: scale(0) rotate(-90deg);
	-ms-transform: scale(0) rotate(-90deg);
	-o-transform: scale(0) rotate(-90deg);
	transform: scale(0) rotate(-90deg);
}

.panel-collapse .panel-heading.active:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.panel-collapse .panel-body {
	border-top: 0 !important;
	padding-left: 5px;
	padding-right: 5px;
}

.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #2196F3;
}

.panel-group[data-collapse-color="red"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #F44336;
}

.panel-group[data-collapse-color="green"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #4CAF50;
}

.panel-group[data-collapse-color="amber"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #FFC107;
}

.panel-group[data-collapse-color="teal"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #009688;
}

.panel-group[data-collapse-color="black"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #000000;
}

.panel-group[data-collapse-color="cyan"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #00BCD4;
}

/** El procesamiento de paneles falla con los formularios de XForm... lo pisamos parcialmente para que no falle **/
.cmXForm .panel-heading {
    padding:  10px 15px;
    background-color: rgb(26, 177, 167);
    border-color: rgb(26, 177, 167);
    background-image: none;
    font-size: 16px;
    text-transform: uppercase;
}

/** Para el datepicker **/
.cmXForm .input-group-btn {
	border: 1px solid #ccc;
	border-left: 0px;
}
.cmXForm .input-group .form-control {
	border-right: 0px !important;
}
.cmXForm .btn.datepickerbutton {
	background-color: transparent !important;
    border: 0px !important;
    border-color: transparent !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 0px 6px !important;
}

.tooltip-inner {
	border-radius: 2px;
	padding: 5px 15px 5px;
}

.breadcrumb {
	border-bottom: 1px solid #E5E5E5;
	border-radius: 0;
	margin-top: -27px;
	margin-bottom: 50px;
}

@media (min-width: 1280px) {
	.breadcrumb {
		padding: 10px 33px 11px 300px;
	}
}

@media (max-width: 1279px) {
	.breadcrumb {
		padding: 10px 33px 11px;
	}
}

.breadcrumb > li > a {
	color: #5E5E5E;
}

.breadcrumb > li > a:hover {
	color: #7c7c7c;
}

.messages {
	height: calc(100vh - 130px);
	position: relative;
	overflow: hidden;
}

.messages header {
	min-height: 55px;
}

.messages header .actions {
	position: absolute;
	top: 12px;
	right: 13px;
}

/*-----------------------------------
	Sidebar
------------------------------------*/

.m-sidebar {
	width: 300px;
	border-right: 1px solid #eee;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	/* Scrollbar fix */
}

@media (max-width: 767px) {
	.m-sidebar {
		width: 60px;
	}

	.m-sidebar .list-group-item {
		padding: 10px !important;
	}

	.m-sidebar .ms-time {
		display: none;
	}
}

.m-sidebar header {
	background-color: #F7F7F7;
	padding: 20px;
}

.m-sidebar header h2 {
	line-height: 100%;
	font-size: 15px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 400;
}

.m-sidebar .lgi-heading {
	max-width: 120px;
}

.m-sidebar .list-group {
	height: calc(100% - 130px);
}

.m-sidebar .mCSB_scrollTools {
	z-index: 2;
}

.ms-time {
	position: absolute;
	top: 16px;
	right: 25px;
	color: #4b4e53;
}

.ms-search {
	padding: 20px 25px;
	position: relative;
}

.ms-search .zmdi-search {
	position: absolute;
	left: 0;
	top: 8px;
	font-size: 20px;
}

.ms-search input {
	padding-left: 25px !important;
}

/*-----------------------------------
	Body
------------------------------------*/

.m-body {
	position: relative;
	height: 100%;
}

@media (min-width: 768px) {
	.m-body {
		padding-left: 300px;
	}
}

@media (max-width: 767px) {
	.m-body {
		padding-left: 60px;
	}
}

.mb-header {
	background-color: #F7F7F7;
	box-shadow: 0 -1px 0 1px #eaeaea;
	position: relative;
	z-index: 2;
}

.mbh-user {
	padding: 12px 20px;
}

.mbh-user > img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 15px;
}

.mb-list {
	height: calc(100% - 55px);
	position: relative;
}

.mbl-messages {
	padding: 50px 50px 0;
	height: calc(100vh - 259px);
	overflow-x: hidden;
}

@media (max-width: 767px) {
	.mbl-messages {
		padding: 20px 20px 0;
	}
}

.mblm-item {
	position: relative;
	margin-bottom: 10px;
}

.mblm-item > div {
	display: inline-block;
	max-width: 70%;
	padding: 15px 20px;
	border-radius: 2px;
	position: relative;
}

.mblm-item small {
	display: block;
	color: #4b4e53;
	padding: 5px 20px;
}

.mblm-item-left > div {
	background-color: #eee;
}

.mblm-item-right {
	text-align: right;
}

.mblm-item-right > div {
	background-color: #FFC107;
	color: #fff;
}

.mblmi-img {
	margin: -10px -15px;
	cursor: pointer;
}

.mblmi-img img {
	max-width: 250px;
	border-radius: 2px;
}

.mbl-compose {
	border-top: 1px solid #eee;
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 65px 15px 15px;
}

.mbl-compose textarea {
	height: 100%;
	width: 100%;
	border-radius: 2px;
	border: 0;
	resize: none;
	background: #eee;
	padding: 5px 10px;
	color: #5E5E5E;
	-webkit-transition: background-color;
	-o-transition: background-color;
	transition: background-color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.mbl-compose button {
	position: absolute;
	top: 14px;
	right: 15px;
	background: transparent;
	border: 0;
	font-size: 25px;
}

.mbl-compose button:hover {
	color: #333;
}

.four-zero {
	height: 100vh;
	background-color: #607D8B;
}

.fz-block {
	background: #557382;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	margin-top: -150px;
	color: #ECF0F1;
	text-align: center;
	padding: 25px;
	height: 300px;
	width: 500px;
	left: 50%;
	margin-left: -250px;
}

.fz-block h2 {
	font-size: 130px;
	line-height: 100%;
	color: #ECF0F1;
	font-weight: 100;
}

@media (max-width: 767px) {
	.fz-block {
		width: calc(100% - 40px);
		left: 20px;
		margin-left: 0;
		height: 260px;
		margin-top: -130px;
	}

	.fz-block h2 {
		font-size: 90px;
	}
}

.fz-block small {
	display: block;
	font-size: 26px;
	margin-top: -10px;
}

.fzb-links {
	margin-top: 20px;
}

.fzb-links > a {
	font-size: 16px;
	display: inline-block;
	color: #ECF0F1;
	margin: 0 1px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, 0.09);
	border-radius: 50%;
	text-align: center;
}

.fzb-links > a:hover {
	background: rgba(0, 0, 0, 0.2);
}

.login-content {
	min-height: 100vh;
	text-align: center;
	background-color: #edecec;
}

.login-content:before {
	display: inline-block;
	content: '';
	height: 100vh;
	width: 1px;
	vertical-align: middle;
}

.lc-block {
	/* width: 700px; */
	padding: 20px 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.lc-block .lc-block{
	width:100%;
}

.lc-block:not(.toggled) {
	display: none;
}

.lc-block.toggled {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 10;
}

.lc-block:not(.lc-block-alt) .lcb-form {
	padding: 35px 25px;
}

.lc-block:not(.lc-block-alt) .btn-login {
	top: 50%;
	margin-top: -43px;
	right: -25px;
}

.lc-block .checkbox {
	margin: 5px 0 0 41px;
	text-align: left;
}

.lcb-form {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
}

/*-----------------------------
	Login Navigation
------------------------------*/

.lcb-navigation {
	margin-top: 15px;
}

.lcb-navigation a,
.lcb-navigation a span {
	-webkit-transition: width;
	-o-transition: width;
	transition: width;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.lcb-navigation a {
	color: #fff;
	display: inline-block;
	background: rgba(255, 255, 255, 0.2);
	margin: 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
}

.lcb-navigation a i {
	display: inline-block;
	width: 30px;
	font-style: normal;
	font-size: 16px;
	vertical-align: top;
	text-align: center;
	line-height: 30px;
}

.lcb-navigation a span {
	overflow: hidden;
	display: inline-block;
	width: 0px;
	line-height: 29px;
	margin-left: -3px;
}

.lcb-navigation a:hover span {
	width: 100%;
}

.lcb-navigation a[data-ma-block="#l-register"]:hover {
	width: 95px;
}

.lcb-navigation a[data-ma-block="#l-forget-password"]:hover {
	width: 147px;
}

.lcb-navigation a[data-ma-block="#l-login"]:hover {
	width: 85px;
}

/*-----------------------------
	Lockscreen
------------------------------*/
.lc-block-alt .lcb-form {
	padding: 70px 35px 60px;
}

.lc-block-alt .btn-login {
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

.lcb-user {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 5px solid #fff;
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -50px;
	box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.18);
}

@media (max-width: 767px) {
	.c-timeline {
		background: #edecec;
		box-shadow: none;
	}
	.c-timeline .tab-nav {
		background: #fff;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	}
}

.timeline {
	position: relative;
}

@media (min-width: 768px) {
	.timeline {
		padding: 50px;
		padding-left: 100px;
	}
}

@media (max-width: 767px) {
	.timeline {
		margin-top: 30px;
	}
}

.t-view {
	border: 1px solid #eee;
	position: relative;
	margin-bottom: 35px;
}

@media (max-width: 767px) {
	.t-view {
		background: #fff;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	}
}

.t-view .tv-header {
	padding: 16px 18px;
	border-bottom: 1px solid #eee;
	background: #F9F9F9;
}

.t-view .tv-header .actions {
	position: absolute;
	top: 5px;
	right: 10px;
}

.t-view .tv-body {
	padding: 23px 25px;
}

.t-view .tv-body .tvb-lightbox {
	margin: 0 -8px 15px;
}

.t-view .tv-body .tvb-lightbox [data-src] {
	padding: 0 5px;
	margin-bottom: 5px;
}

.t-view .tvh-user {
	display: block;
}

.t-view .tvh-user img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
}

.t-view:before {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	left: -70px;
	top: 0;
	border: 3px solid #FFF;
	text-align: center;
	font-size: 16px;
	line-height: 34px;
	color: #FFF;
	font-family: 'Material-Design-Iconic-Font';
	z-index: 1;
}

.t-view:after {
	content: "";
	position: absolute;
	top: 0;
	left: -50px;
	width: 1px;
	height: calc(100% + 37px);
}

.t-view[data-tv-type="text"]:before {
	content: "\f24f";
	background: #00BCD4;
	box-shadow: 0 0 0 1px #00BCD4;
}

.t-view[data-tv-type="text"]:after {
	background: #00BCD4;
}

.boxSectionForm .btn-success {
	color: #fff;
	background-color: #f05168;
	border-color: #f05168;
}

.boxSectionForm .btn-success:hover,
.boxSectionForm .btn-success:active,
.boxSectionForm .btn-success:focus,
.boxSectionForm .btn-success:visited,
.boxSectionForm .btn-success:active:hover,
.boxSectionForm .btn-success:active:focus
.boxSectionForm .btn-success.active:hover,
.boxSectionForm .btn-success:active:focus,
.boxSectionForm .btn-success.active:focus,
.boxSectionForm .btn-success:active.focus,
.boxSectionForm .btn-success.active.focus{
	color: #fff;
	background-color: #d83149;
	border-color: #d83149;
}

.btn{
	background-image: none !important;
	border-radius:0;
	text-shadow: none;
}

.login {
	overflow: hidden;
	height: 100vh;
	text-align: center;
	-webkit-transition: background-color;
	-o-transition: background-color;
	transition: background-color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.login:before {
	content: '';
	height: 100vh;
	display: inline-block;
	vertical-align: middle;
	width: 1px;
}

.isNew{
	display:none;
}

.isNew .login{
	height: 100%;
}

.isNew .login:before{
	height: 100%;
}

.isNew .lc-block {
	max-width: 800px;
}

.controlPanel .pageloader {
	z-index: 9;
}

[data-lbg="teal"] {
	background-color: #26a69a;
}

[data-lbg="blue"] {
	background-color: #42a5f5;
}

[data-lbg="purple"] {
	background-color: #ab47bc;
}

[data-lbg="grey"] {
	background-color: #aeadaf;
}

.semi[data-lbg="teal"] {
	background-color: transparent;
}

.semi[data-lbg="blue"] {
	background-color: rgba(66,165,245,.5);
}

.semi[data-lbg="purple"] {
	background-color: rgba(171,71,188,.5);
}

.semi[data-lbg="grey"] {
	background-color: rgba(174, 173, 175, 0.5);
}

.s-profile > a {
	background: #00b2a9;
	display: block;
	min-height: 36px;
	margin-bottom: 5px;
	width: 100%;
	background-size: 100%;
}

.s-profile>a .sp-pic>img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-sizing: content-box;
	box-shadow: 1px 1px 7px 1px #4a4a4a;
	margin: 0 auto;
}

.s-profile>a .sp-info{
	min-height:36px;
}

.s-profile .username{
	padding-right: 20px;
	display:none;
}

.lc-block {
	border-radius: 2px;
	max-width: 500px;
	vertical-align: middle;
	position: relative;
	display: none;
	text-align: left;
	padding: 0;
}

.lc-block.toggled {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 10;
	display: inline-block;
}

.lb-header {
	padding: 20px 30px;
	color: #fff;
	border-radius: 1px 1px 0 0;
	text-align:center;
}

.loginLogo{
	width:95px;
	margin-bottom:10px;
}

.lb-header i,
.lb-header .avatar-img {
	display: block;
	margin-bottom: 10px;
}

.lb-header .avatar-img {
	border: 2px solid #fff;
}

.lb-header i {
	font-size: 40px;
}

.lb-body {
	padding: 30px;
	background: #fff;
}

.lb-body a:hover {
	text-decoration: underline;
}

.fz-error {
	height: auto;
	min-height: 300px;
	margin-top: -250px;
}

.sp-opt {
	position: absolute;
	top: 10px;
	right: 10px;
}
.sp-opt a {
	color: #fff;
	font-size: 24px;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 2px;
}
.sp-opt a:hover {
	background: rgba(0,0,0,.2);
}

body {
	background-color: #ececec;
}

.s-profile .main-menu {
	display: none;
	margin: 0;
}

.hi-logo{
	display:inline-block;
}

.hi-logo h1{
	margin:0;
}

.hi-logo .loginLogo,
.hi-logo .appLogo {
	height:45px;
	width:auto;
}

.h-inner{
	display:block;
	float:none;
}

.hi-logo > .cmBannersRelativePosition, 
.navbar-brand > .imgHead {
	display: inline;
	float: left;
	padding:0 24px 0 0;
}

.hi-logo > .textHead {
	float: left;
	margin: 24px 0 0 24px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	padding: 6px 15px;
	font-size: 22px;
	line-height: 24px;
}

[data-ma-theme="quironsalud"] {
	background-color: #4b4f54;
}

[data-ma-theme="quironsalud"] .ss-icon {
	color: #00b2a9;
}

@media (max-width: 767px) {
	[data-ma-theme="quironsalud"] .ha-menu {
		background: #00b2a9;
	}
}

.sidebar a:hover{
	text-decoration:none;
}

.h-inner {
	list-style: none;
	padding: 9px 0;
	margin-bottom: 0;
}


#header .pull-right .nombre-perfil-cabecera{
	font-size:14px;
	margin-right:5px;
	color: #fff;
	padding: 8px 0;
	display: inline-block;
}

.hi-menu {
	display: inline;
}

.hi-menu a:hover,
.hi-menu a:active,
.hi-menu a:focus{
	text-decoration:none;
}

.dropdown-menu>li>a:hover{
	background-image:none;
	background:none;
}

.hi-menu .dropdown-menu>li:hover{
	background-color: #f5f5f5;
	margin:0;
}

.foto-perfil{
	margin-right:10px;
}

.main-menu > li> span:hover,
.main-menu > li> span > a:hover,
.main-menu > li> span > a:focus,
.main-menu > li> span > a:active,
.main-menu > li.active > span,
.main-menu > li.active > span > a{
	background-color: #ecebeb;
}

.main-menu.providers > li:hover,
.main-menu.providers > li.active{
	background-color: #ecebeb;
}

.main-menu > li > span {
	display: block;
}

.main-menu > li > span span.cmMenuTitle{
	padding: 14px 20px 14px 55px;
	display: block;
	font-weight: 500;
	position: relative;
	color: #000;
	cursor: pointer;
}

.main-menu > li a{
	color: #4C4C4C;
	display:block;
}

.main-menu > li a:hover,
.main-menu > li a:active,
.main-menu > li a:focus{
	text-decoration:none;
}

.main-menu li:hover span, 
.main-menu .active > span{
	color: #262626;
}

.main-menu li .zmdi,
.main-menu li .fa{
	position: absolute;
	left: 15px;
	font-size: 20px;
	top: 0;
	width: 25px;
	text-align: center;
	padding: 13px 0;
	z-index: 1;
}

.main-menu li .info .zmdi{
	position: absolute;
	right: 15px;
	left: auto;
	font-size: 20px;
	width: 25px;
	text-align: center;
	padding: 14px 0;
	z-index: 1;
}

.hi-menu > li .dropdown-menu {
	top: 34px;
	padding: 0;
}

.hi-menu .dropdown-menu > li > a {
	padding: 15px 20px;
}

.hi-menu .dropdown-menu .divider {
	margin: 0;
}

.s-profile > a:hover,
.s-profile > a:active,
.s-profile > a:focus,
.main-menu > li > a:hover,
.main-menu > li > a:active,
.main-menu > li > a:focus{
	text-decoration:none;
}

.s-profile>a .sp-info {
	background: rgba(0,0,0,.44);
	padding: 7px 14px;
	color: #fff;
	margin-top: 10px;
	position: relative;
}

.s-profile>a .sp-info i{
	float:right;
	margin-top: 2px;
}

.s-profile>a .sp-pic {
	padding: 19px;
	text-align:center;
}

.menuPrincipal{
	display:none;
}

.menuPrincipal .main-menu .cmMenuDescription{
	display:none;
}

.alert-info {
	background-color: #2196F3;
	color: #fff;
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid transparent;
}

.col-md-3.boxPanel{
	padding-right:0;
}

.col-md-9.boxPanel{
	padding-left:0;
	background: #fff;
}

.boxPanel .dwi-header .icon{
	font-size: 25px;
	float: left;
	margin-right: 18px;
	color: #f05169;
}

.products .boxPanel .dwi-header .icon{
	font-size: 30px;
}

.boxPanel .media-body .icon,
.boxPanel .media-product .icon,
.boxPanel .cat .icon{
	font-size: 20px;
	color: #f05169;
	margin-right: 10px;
}

.boxPanel .cat .icon{
	display:block;
	float:left;
	width:32px;
}

.boxPanel .cat .catText{
	float:left;
	width:90%;
}

.boxPanel .cat .catText .col-sm-12{
	padding:0;
}

.boxPanel .media-body .icon-inbox{
	font-size: 15px;
	margin-right: 16px;
}

/*Buscador*/
.boxSearch{
	margin-bottom:2.5em;
}

.boxSectionForm{
	background-color: #fff;
}

.input-group-addon {
	border-width: 0 0 1px;
	min-width: 42px;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.formLabel{
	display:table-caption;
}

.formInput{
	display:table-row;
}

.boxSectionForm .buttonZone{
	text-align: right;
	padding: 0 15px;
	margin-top: 10px;
}

.table > tbody > tr > td.innerTable{
	padding:0;
}

table.tableLevel2 > thead{
	border-bottom: 1px solid #d6d6d6;
}

table.tableLevel2 > thead > tr > th{
	background: #fff;
}

.arrow{
	float:right;
}

.arrow .fa,
.arrow .zmdi,
.arrow-center .fa,
.arrow-center .zmdi{
	font-size: 25px;
	color: #00b2a9;
}

.table > tbody > tr > td.arrowToggle{
	padding: 0 20px;
	vertical-align: middle;
}

.collapsed.arrow .fa.fa-chevron-circle-down:before{
	content: "\f13a";
}

.arrow .fa.fa-chevron-circle-down:before{
	content: "\f139";
}

@media screen and (max-width: 767px){
	.table-responsive>.table>thead>tr>th, 
	.table-responsive>.table>tbody>tr>th, 
	.table-responsive>.table>tfoot>tr>th, 
	.table-responsive>.table>thead>tr>td, 
	.table-responsive>.table>tbody>tr>td, 
	.table-responsive>.table>tfoot>tr>td {
		white-space: normal;
		text-transform: none;
	}
	.table > thead > tr > th:first-child, 
	.table > tbody > tr > th:first-child, 
	.table > tfoot > tr > th:first-child, 
	.table > thead > tr > td:first-child, 
	.table > tbody > tr > td:first-child,
	.table > tfoot > tr > td:first-child {
		padding-left: 8px;
	}
	.table > tbody > tr > td.innerTable{
		padding-left: 0;
	}
}

.table>tbody>tr>td.innerTable{
	width:100%;
}

.ie11 .dvjs .table,
.ie9 .dvjs .table{
	table-layout:fixed;
}

.viewAll{
	float:right;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	background-color: #00b2a9;
	border-color: #fff;
	cursor: default;
}

.pagination>li>a, 
.pagination>li>span {
	float: left;
	text-decoration: none;
	color: #7E7E7E;
	background-color: #E2E2E2;
	border: 1px solid #fff;
	margin-left: -1px;
}

.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
	color: #4b4e53;
	background-color: #E2E2E2;
	border-color: #fff;
	cursor: not-allowed;
}

.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus {
	z-index: 2;
	color: #00b2a9;
	background-color: #eee;
	border-color: #ddd;
}

.excelBox a{
	background-color: #00b2a9 !important;
	border-color: #00b2a9 !important;
}

.excelBox a:hover{
	background-color: #01928b !important;
	border-color: #01928b !important;
	text-decoration:none !important;
}

.modal-open {
	padding-right: 0 !important;
}

.modal dd {
	margin-bottom: 0.5em;
}

.btnBack{
	display:none;
}

.btn-primary:hover, 
.btn-primary:active, 
.btn-primary.active,
.btn-primary:active:hover, 
.btn-primary.active:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.btn-primary:focus {
	background-color: #0f8a84;
	background-position: 0 -15px;
}

.btn-primary:hover {
	color: #fff;
	background-color: #0f8a84;
	border-color: #0f8a84;
}

.btn-primary {
	background-color: #00b2a9;
	background-image: 0;
	filter: 0;
	background-repeat: repeat-x;
	border-color: #00b2a9;
}

.btn-success:hover, 
.btn-success:active, 
.btn-success.active,
.btn-success:active:hover, 
.btn-success.active:hover, 
.btn-success:active:focus, 
.btn-success.active:focus, 
.btn-success:active.focus, 
.btn-success.active.focus, 
.btn-success:focus {
	background-color: #d83149;
	background-position: 0 -15px;
}

.btn-success:hover {
	color: #fff;
	background-color: #d83149;
	border-color: #d83149;
}

.btn-success {
	background-color: #f05168;
	background-image: 0;
	filter: 0;
	background-repeat: repeat-x;
	border-color: #f05168;
}

.allOrders,
.allBills, 
.allDelivery{
	box-shadow:none;
}

.blueComponent:not(.cmXForm) .form-horizontal .control-label,
.blueComponent:not(.cmXForm) .form-horizontal .control-field.col-md-8{
	display:block;
	text-align:left;
	width: 100%;
}

.form-panel-group > .panel-body{
	padding:15px 40px;
}

.form-container h3{
	font-size: 23px;
	color: #4b4e53;
	margin: 0;
	font-weight: 300;
	margin-bottom: 25px;
}

.currentContent .contentHeader{
	margin:0;
}

.currentContent .back{
	margin-top: 0;
}

.currentContent .contentHeader h1{
	margin: 20px 0;
	border: 0;
	color: #4B4F54;
	font-family: Roboto;
	font-size: 34px;
	font-weight: 500;
	line-height: 1em;
}

.currentContent .contentBody {
	margin:0;
}

.contentServices{
	margin:0;
	padding:0;
	display:none;
}

ul.cmRelatedList > li, 
ul.cmResourceList > li, 
ul.cmContentList > li, 
ul.cmContentMultipleList > li {
	border-top: 0;
}

.nowrap{
	white-space: nowrap;
}

@media screen and (max-width: 767px){
	.nowrap{
		white-space: normal;
	}
}

.card-contact .fa{
	font-size: 50px;
	color: #53565b;
}

.card-contact{
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.card-contact:before{
	content: " ";
	background: #4b4e53;
	position: absolute;
	top: 0;
	right: 75%;
	width: 100%;
	opacity: .2;
	height: 200px;
	z-index: -1;
	transition-duration: .6s;
}

.card-contact:hover::before {
	right: 0;
}

.contact{
	display:block;
}

.contact-text{
	font-size: 30px;
	line-height: 50px;
	color:#5E5E5E;
	display:block;
}

@media screen and (max-width: 1300px){
	.contact-text{
		line-height: 1.2;
	}
}

.dvjs{
	position:relative;
}

.body-wait-dialog,
.wait-dialog,
.wait-overlay,
.inner-wait-dialog,
.inner-wait-overlay {
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	overflow: auto;
	color: white;
	opacity:1;
}

.body-wait-dialog,
.wait-dialog,
.inner-wait-dialog {
	z-index: 5;
}

.wait-overlay{
	z-index: 10001;
	background-color: #ececec;
}

body.page-auth .wait-overlay{
	background-color: #ffffff;
	opacity: 0.5;
}

body.page-auth .wait-dialog, 
body.page-auth .inner-wait-dialog {
	z-index: 99;
}

.inner-wait-overlay {
	z-index: 10001;
	background-color: #fff;
}

.wait-icon{
	position: absolute;
	z-index: 10002;
	text-align: center;
	display: inline-block;
	width: 80px;
	color: #00b2a9;
	left: 0;
	right: 0;
	margin: 200px auto 0 auto;
}

.inner-wait-icon {
	position: absolute;
	z-index: 10002;
	text-align: center;
	display: inline-block;
	width: 50px;
	color: #00b2a9;
	left: 0;
	right: 0;
	margin: 50px auto 0 auto;
}

@media screen and (max-width: 890px){
	.controlPanel .dwi-header h3 a,
	.controlPanel .dwi-header h4 a{
		width: 85%;
	}
	.card-contact .fa {
		font-size: 34px;
	}
}

@media screen and (max-width: 767px){
	.card-contact:before {
		right: 70%;
	}
}

.help-menu{
	display:inline;
	float:left;
	margin-right:50px;
	padding:0;
	list-style-type: none;
	margin-top: -5px;
	min-width: 230px;
}

.help-menu a{
	border: 1px solid #fff;
	padding: 10px 20px;
	display: block;
	color: #fff;
	font-size: 19px;
	transition:.2s;
}

.help-menu a:hover{
	text-decoration:none;
	background: #02827b;
}

.help-menu img{
	float:right;
	width:30px;
	height: auto;
	margin-left: 10px;
}

@media screen and (max-width: 1279px){
	.help-menu{
		display:none;
	}
}

td.total{
	background-color: #d6d6d6;
	font-weight:bold;
}

.forgotPass{
	font-size:12px;
}

.needHelp {
	text-align: right;
}
@media screen and (max-width: 767px){
	.needHelp {
		text-align: left;
	}
}

.newAccount{
	text-transform:uppercase;
	font-weight:bold;
}

.login .lb-body {
	padding: 30px 50px 25px 20px;
}

#l-activate-success .lb-body {
	padding: 30px 30px 25px 30px;
}

#l-activate-success .activate-btn-second{
	float: right;
}

#l-activate-success .activate-btn-first,
#l-activate-success .activate-btn-second{
	display: inline-block;
}

#l-activate-success .activate-btn-first a,
#l-activate-success .activate-btn-second a{
	border-radius: 6px;
    padding: 10px;
    text-decoration: none;
}

.controlPanel .dw-item{
	position:relative;
	padding-bottom:30px;
}

.controlPanel .boxes a:hover,
.controlPanel .boxes a:focus,
.controlPanel .boxes a:active{
	text-decoration:none;
}

.controlPanel .boxes .dw-item > span{
	position:relative;
	width:80%;
	text-align:center;
	z-index:1;
}

.controlPanel .dw-item:before {
	background: #c48a32;
	position: absolute;
	bottom: 0;
	display: block;
	content: "";
	width: 100%;
	height:0;
	transition: .7s;
}

.controlPanel .calMetas:before {
	background: #c48a32;
}

.controlPanel .calMetas:after{
	background: url(../imagenes/app/cinta_metrica.png) no-repeat 100% 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-size:contain;
}

.controlPanel .calActividad:before {
	background: #bb65ca;
}

.controlPanel .calActividad:after{
	background: url(../imagenes/app/zapatilla.png) no-repeat 100% 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-size:contain;
}

.controlPanel .calCardio:before {
	background: #e34c4c;
}

.controlPanel .calCardio:after{
	background: url(../imagenes/app/corazon.png) no-repeat 100% 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-size:contain;
}

.controlPanel .calHabitos:before {
	background: #5f7d8c;
}

.controlPanel .calHabitos:after{
	background: url(../imagenes/app/tenedor.png) no-repeat 100% 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-size:contain;
}

.controlPanel .calRespiracion:before {
	background: #00bcd6;
}

.controlPanel .calRespiracion:after{
	background: url(../imagenes/app/agua.png) no-repeat 100% 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-size:contain;
}

.controlPanel .calSentidos:before {
	background: #6eb091;
}

.controlPanel .calSentidos:after{
	background: url(../imagenes/app/gafas.png) no-repeat 100% 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-size:contain;
}

.controlPanel .boxes .dw-item .dwi-header{
	font-size:30px;
	margin-bottom: 15px;
}

.controlPanel .boxes .dw-item .dwi-header a{
	color:#fff;
	text-decoration:none;
}

.controlPanel .dw-item{
	min-height:292px;
}

.dvDocuments .dw-item,
.tab-content .dw-item,
.listadoRecomendaciones .dw-item{
	min-height:0;
}

.controlPanel .dw-item > span,
.controlPanel .dw-item > div{
	padding:20px;
}

.controlPanel .dw-item > span .numPercent{
	font-size: 70px;
	font-weight: 100;
}

.controlPanel .dw-item > span .simPercent{
	font-size: 32px;
	font-weight: 100;
}

.controlPanel .dw-item > span .numMeta{
	font-size: 20px;
	font-weight: 100;
}

.controlPanel .dw-item > span .main-meta{
	margin-bottom: 25px;
}

.controlPanel .dw-item > span .main-date{
	font-size: 15px;
}

.controlPanel .dw-item > span .main-date .strong{
	font-weight: bold;
}

.controlPanel .table > thead > tr > th,
.dvDocuments .table > thead > tr > th {
	background-color: #fff;
	vertical-align: middle;
	font-weight: normal;
	color: #00b2a9;
	border-width: 0px;
	text-transform: uppercase;
	font-size: 14px;
}

.dvDocuments .table > thead > tr > th {
	font-weight:500;
}

.controlPanel .table > tbody > tr > td,
.dvDocuments .table > tbody > tr > td {
	border: 0;
	font-size: 14px;
	padding: 5px 10px;
}

.ie11 .controlPanel .ultimosDocumentos .table > tbody > tr > td:last-child{
	max-width:100px;
	text-align:center;
	padding-left:44px;
}

.ie11 .controlPanel .ultimosDocumentos .table > tbody > tr > td:first-child:last-child{
	max-width:auto;
	text-align:left;
	padding-left:10px;
}

.dvDocuments .ultimosDocumentos .card,
.dvSurveys .encuestas .card{
	min-height:0;
	width: 100%;
	display:table;
	margin-bottom: 15px;
}

.dvDocuments .ultimosDocumentos .card .card-body,
.dvSurveys .encuestas .card .card-body {
	display:table-row;
}

.dvDocuments .ultimosDocumentos .card .card-body > div,
.dvSurveys .encuestas .card .card-body > div{
	display:table-cell;
}

.dvDocuments .ultimosDocumentos .card .card-body > div.dateDoc{
	padding: 20px 0 !important
}

.dvDocuments .ultimosDocumentos .dateDoc{
	width:100px;
}

.dvDocuments .ultimosDocumentos .dayDoc{
	color: #4B4F54;
	font-size: 24px;
	font-weight: 300;
	line-height: 32px;
	display:block;
	text-align:center;
}

.dvDocuments .ultimosDocumentos .monthDoc{
	color: #4B4F54;
	font-size: 15px;
	font-weight: 300;
	line-height: 21px;
	text-transform:uppercase;
	text-align:center;
	display: block;
}

.dvDocuments .ultimosDocumentos .iconDoc,
.dvSurveys .encuestas .iconSur{
	width: 84px;
	color: #fff;
	background: #f05168;
	font-size: 35px;
	vertical-align: middle;
	text-align: center;
}

.dvDocuments .ultimosDocumentos .iconDoc.iconDocRec {
	background: #00b2a9;
}
.dvDocuments .ultimosDocumentos .iconDoc.iconOtrosDoc {
	background: #4b4f54;
}

.dvDocuments .ultimosDocumentos .descDoc,
.dvSurveys .encuestas .descSur{
	color: #4B4F54;
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	vertical-align:middle;
}

.dvDocuments .ultimosDocumentos .linkDoc,
.dvSurveys .encuestas .linkDoc {
	width: 70px;
	text-align: right;
	text-align: center;
	vertical-align: middle;
}

.dvSurveys .encuestas .linkDoc {
	width: 200px;
}

.dvSurveys .encuesta{
	background: #fff;
	padding-bottom:30px;
}

.dvSurveys .encuesta .dataHead{
	background: #f4f4f4;
	text-align:center;
	padding-bottom:15px;
}

.dvSurveys .encuesta .dataHead .title{
	background: #4b4f54;
	color:#fff;
	font-weight: bold;
	padding: 20px;
	font-size:20px;
	border-bottom: 5px solid #00b2a9;
	margin-bottom: 30px;
}

.dvSurveys .icon label > input{ /* HIDE RADIO */
	visibility: hidden; /* Makes input not-clickable */
	position: absolute; /* Remove input from document flow */
}

.dvSurveys .icon label > input + img{ /* IMAGE STYLES */
	cursor:pointer;
	border:2px solid transparent;
}

.dvSurveys .icon {
	width: 150px;
	float: left;
}

.dvSurveys .icon img{
	width: 100px;
	height: auto;
	-webkit-filter: contrast(0);
	filter: contrast(0);
}

.dvSurveys .icon img:hover, .dvSurveys .icon label > input:checked + img {
	-webkit-filter: contrast(1);
	filter: contrast(1);
}

.dvSurveys .respuesta:after,
.dvSurveys .dataEn:after,
.dvSurveys .dataEn > div:after{
	content: " ";
	display: table;
	clear: both;
	box-sizing: border-box;
}

.dvSurveys .dataEn > div{
	border-bottom: 4px dotted #00b2a9;
	padding: 25px 30px;
}

.dvSurveys .dataError{
	padding: 0 30px;
	color: #ff0000;
}

.dvSurveys .dataSuccess{
	display:none;
	margin: 0 30px 30px;
	padding: 20px;
	color: #00b2a9;
	border: 1px solid #00b2a9;
	text-align:center;
}

.dvSurveys .dataNoSuccess{
	display:none;
	margin: 0 30px 30px;
	padding: 20px;
	color: #ff0000;
	border: 1px solid #ff0000;
	text-align:center;
}

.dvSurveys .dw-item{
	min-height: 0;
}

.dvSurveys .dataEn > div:last-child{
	border-bottom: 0 dotted  #00b2a9;
}

.dvSurveys .numPregunta{
	width: 80px;
	float: left;
	font-weight:bold;
}

.dvSurveys .numResp{
	width: 90%;
	float: left;
}

.dvSurveys .cuestion {
	margin-bottom: 18px;
}

.dvSurveys .numResp textarea {
	width: 57%;
	height: 250px;
}

.dvSurveys .send{
	background-color: #f05168;
	border-color: #f05168;
	padding: 10px 20px;
	font-size: 17px;
	float:right;
	color:#fff;
	margin-right: 30px;
}

.dvSurveys .send.disabled {
	pointer-events: none;
	cursor: default;
	background: #dedede;
	text-decoration:none;
}

.dvSurveys .send:hover{
text-decoration:none;
	background-color: #cc475a;
	border-color: #cc475a;
}

.dvSurveys .back {
	margin-top: -56px;
}

.dvDocuments .downloadDoc{
	color: #f05168;
	font-size:30px;
	background: 0;
	border: 0;
}

.modal-extended-analytics iframe{
	min-height: 460px;
}

@media screen and (min-width: 768px){
	.modal-extended-analytics .modal-dialog {
		width: 740px;
	}
	.modal-extended-analytics .modal-body {
		padding-bottom: 30px;
		min-height: 520px;
	}
	.modal-extended-analytics iframe{
		min-height: 540px;
	}
}

@media screen and (min-width: 1200px){
	.modal-extended-analytics .modal-dialog {
		width: 1020px;
	}
}

.modal-extended-analytics .product-offerings-list{
    font-family: 'Open Sans';
    padding-top: 15px;
}

.modal-extended-analytics .product-offerings-list .spinner{
    text-align: center;
	width: 100%;
	color: #00b2a9;
	margin: 60px 0 90px;
}

.modal-header .info-text-header{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 23px;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
}

.modal-extended-analytics .documents-download{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	margin-bottom: 12px;
}

.modal-extended-analytics .documents-download a{
	background-color: #E03E52;
	color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
	font-weight: 400;
}

.modal-extended-analytics .documents-download .downloadAnalytic{
	margin-left: 15px;
}

.modal-extended-analytics .info-text{
	color: #000;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
	margin-bottom: 16px;
	width: 100%;
}

.offering-container{
	padding: 16px;
}

.offering-icon{
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin-right: 16px;
}

.offering-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
}

.offering-name{
	display: inline-block;
	vertical-align: middle;
	float: none;
	color: #000;
	font-family: "Open Sans";
	font-size:14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 24px;
}

.modal-extended-analytics .modal-header img{
	cursor: pointer;
}

.modal-extended-analytics .offering-list-link{
	border: 1px solid #CACACA;
	border-radius: 4px;
	background-color: #FFFFFF;
	display: block;
	width: 100%;
	margin-bottom: 16px;
	position: relative;
	text-align: left;
}

.modal-extended-analytics .offering-list-link:last-child{
	margin-bottom: 0;
}

.modal-extended-analytics .offering-list-link:hover{
	border-color: #008488;
}

.modal-extended-analytics .modal-footer{
	text-align: center;
}

.modal-extended-analytics .btn{
	font-weight: 600;
    border-radius: 2px;
	white-space: normal;
}

.controlPanel .table > tbody > tr > td:first-child,
.dvDocuments .table > tbody > tr > td:first-child{
	padding: 5px 10px 5px 15px;
}

.dvDocuments .table > tbody > tr > td{
	font-size:15px;
}

.controlPanel .downloadDoc{
	color: #f05168;
	font-size:20px;
}

.controlPanel .card-title{
	font-size:18px;
}

.controlPanel .seeAll{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	padding: 10px !important;
}

.controlPanel .seeAll a{
	color: #5E5E5E;
}

.controlPanel .ultimasCitas .tab-nav.tn-justified > li {
	font-size:14px;
	padding: 0 10%;
}

@media screen and (max-width: 1350px){
	.controlPanel .ultimasCitas .tab-nav.tn-justified > li {
		padding: 0 2%;
	}
}

.tab-nav.tn-justified > li {
	padding: 0 20px;
}

.tab-nav.tn-justified > li a{
	color: #00B2A9;
	text-decoration: none;
}

.tab-nav.tn-justified > li a:focus,
.tab-nav.tn-justified > li a:active,
.tab-nav.tn-justified > li a:hover{
	color: #009289;
	text-decoration: none;
}

.tab-nav.tn-justified > li.active a{
	color: #4B4F54;
}

.tab-nav:not([data-tab-color]) > li > a:after {
	background: #f05168;
}

.dvjsMisalud .tab-nav li > a:after{
	height:3px;
}

.dvjsMisalud .tab-nav li > a{
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-transform: none;
}

.tab-nav {
	border-bottom: 1px solid #d4d4d4;
	box-shadow: none;
}

.ultimasCitas{
	min-height:0;
}

.ultimasCitas .table{
	margin-bottom:0;
}

.ultimasCitas .table>tbody>tr>td{
	border:0;
}

.ultimasCitas .tdFecha{
	width: 115px;
}

.ultimasCitas .citaFecha{
	background: #00b2a9;
	color: #fff;
	padding: 0 8px;
}

.ultimasCitas .citaDia{
	font-size: 24px;
	text-align: center;
}

.ultimasCitas .citaMesHora{
	text-transform: uppercase;
	text-align:center;
}

.ultimasCitas .descCita{
	color: #4B4F54;
	font-size: 13px;
	text-transform:uppercase;
	font-weight: 500;
}

.dvCitas {
	margin-top: -20px;
}

.dvCitas .ultimasCitas .descCita{
	font-size: 15px;
	cursor: pointer;
}

.dvCitas .ultimasCitas .cenCita {
	font-size: 14px;
}

.dvCitas .pedirCita{
	display:none;
}

.dvCalculadoras {
    background-color: #fff;
    padding-bottom: 10px;
}

.dvCalculadoras .infoCalculadora {
	margin: 15px 0px;
    border: 1px solid #467370;
    padding: 15px;   
}

.dvCalculadoras .result {
    background-color: #dff0d8;
    color: #3c763d;
    text-align: center;
    margin: 20px;
    padding: 20px;
    font-size: 18px;
    font-weight: 300;
}
.dvCalculadoras .destacado {
    font-size: 18px;
    font-weight: bolder !important;
}

.dvCalculadoras .result.calError {
    font-style:	italic;
	font-weight: normal;
	font-size: 16px;
}

.dvCalculadoras label{
        font-size: 17px;
        color: #4B4F54;
        padding-right: 10px;
}
.dvCalculadoras input[type="text"]{

    padding: 6px 15px;
        height: 42px;
        font-size: 17px;
        border-radius: 0;
        color: #4B4F54;
        border: 1px solid #D4D4D4;
        width: 66%;
}

.dvCalculadoras input[type="date"]{

    padding: 6px 15px;
        height: 42px;
        font-size: 17px;
        border-radius: 0;
        color: #4B4F54;
        border: 1px solid #D4D4D4;
        width: 66%;
}
.dvCalculadoras input[type="number"]{

    padding: 6px 15px;
        height: 42px;
        font-size: 17px;
        border-radius: 0;
        color: #4B4F54;
        border: 1px solid #D4D4D4;
        width: 66%;
}
.dvCalculadoras select{

    padding: 6px 15px;
    height: 42px;
    font-size: 17px;
    border-radius: 0;
    color: #4B4F54;
    border: 1px solid #D4D4D4;
    width: 66%;
}


.graficos{
    height:100%;
    width:100%;
    text-align: center !important;
    padding-top: 10px;

}
.graf{
    margin-top: 10px;
    margin-bottom: 10px;
 }

.infoPercent{

    font-size: 15px;
    border: 1px solid #D4D4D4;
}
.infoPercent p{
    margin: 10px !important;
}

.dvPercentGraficas{
    background-color: #ececec !important;
}
.canvasCalc{
    height:50vh;
    width:50vh ;
    padding: 6px;
}



@media screen and (max-width: 700px)  {
      .graf{
          overflow-x:scroll;
          overflow-visibility: true;
       }

     .graficos{
              height:385px;
              width:686px !important;

          }
          .canvasCalc{
              height:80% !important;
              width:100% !important ;

           }

}

@media screen and (max-width: 450px)  {
     .graf{
        overflow-x:scroll;
        overflow-visibility: true;
     }

     .graficos{
              height:385px;
              width:686px !important;

     }
      .canvasCalc{
          height:80% !important;
          width:100% !important ;

      }
}

@media screen and (max-width: 340px)  {
     .graf{
         overflow-x:scroll;
         overflow-visibility: true;
      }

     .graficos{
         height:385px;
         width:686px !important;

     }
     .canvasCalc{
         height:80% !important;
         width:100% !important ;

     }
 }

.formulario2{
 padding-top: 30px;
}

.pedirCita.dw-item{
	padding: 40px;
}

.pedirCitaHead ul{
	display:table;
	width:80%;
	padding:0;
	list-style-type:none;
	margin: 0 auto;
}

.pedirCitaHead ul li{
	display: table-cell;
	vertical-align:middle;
	width: 33%;
	background-color: #EEEEEE;
	color: #4B4F54;
	font-size: 18px;
	font-weight: 500;
	padding: 0 40px 0 70px;
	position:relative;
	height: 56px;
	
}

.pedirCitaHead ul li.active{
	background: #f05168;
	color: #fff;
}

.pedirCitaHead ul li.active a{
	color:#fff;
}

.pedirCitaHead ul li a{
	color: #4B4F54;
	text-decoration:none;
	display: block;
}

.pedirCitaHead ul li a.disabled,
.tab2 .send a.disabled,
.tab1 .send a.disabled {
	pointer-events: none;
	cursor: default;
}

.tab1 .send a.disabled,
.tab2 .send a.disabled{
	background: #dedede;
}

.tab2 .noCentroDisp{
	display: none;
}

.pedirCitaHead ul li.first{
	padding: 0 40px;
}

.tab3 .modal-content .modal-body{
	max-height: 600px;
	overflow-y: scroll;
}

.tab3 .modal .lbCita,
.tab3 .modal .txCita,
.prinCita .modal .lbCita,
.prinCita .modal .txCita {
	display:block;
	float:left;
}

.tab3 .modal .lbCita,
.tab3 .modal .header,
.prinCita .modal .lbCita,
.prinCita .modal .header{
	clear:both;
}

.tab3 .modal .modelDireccion.templateHtml .right,
.prinCita .modal .modelDireccion.templateHtml .right{
	display:none;
}

.tab3 .modal .modelDireccion.templateHtml .left,
.prinCita .modal .modelDireccion.templateHtml .left{
	width:100%;
}

.tab3 .modal .modelDireccion.templateHtml .left .contentLink,
.prinCita .modal .modelDireccion.templateHtml .left .contentLink{
	display:none;
}

.tab3 .modal .modelDireccion.templateHtml .left .cmMap_Container, 
.tab3 .modal .modelDireccion.templateHtml .left .cmMap_googleMaps,
.prinCita .modal .modelDireccion.templateHtml .left .cmMap_Container, 
.prinCita .modal .modelDireccion.templateHtml .left .cmMap_googleMaps{
	height:300px !important;
}

.tab3 .modal .lbCita,
.prinCita .modal .lbCita{
	font-weight: bold;
	margin-right:5px;
}

.tab3 .modal .header,
.prinCita .modal .header{
	color: #fff;
	font-size: 17px;
}

.pedirCitaHead ul li.active .triangle-left{
	border: 27.5px solid #f05168;
	border-right: 0 solid #f05168;
	border-left: 30px solid #fff;
}

.pedirCitaHead ul li.active .triangle-right{
	border-left: 30px solid #f05168;
}

.triangle-left{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 27.5px solid #eee;
	border-right: 0 solid #eee;
	border-left: 30px solid #fff;
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	position: absolute;
	width: 0px;
	height: 0;
	left: -0;
	top: 0;
}

.triangle-right{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 28px solid #fff;
	border-right: 0 solid #fff;
	border-left: 30px solid #eee;
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	position: absolute;
	height: 0;
	right: 0;
	top: 0;
}

@media (max-width: 1510px) {
	.pedirCitaHead ul li {
		font-size: 16px;
	}
	.pedirCitaHead ul li {
		width:30%;
	}
	.pedirCitaHead ul{
		width:90%;
	}
}

@media (max-width: 767px) {
	.pedirCitaHead ul {
		display:block;
		width: 100%;
		padding-bottom: 100px;
		position: relative;
	}
	.pedirCitaHead ul li {
		width:33%;
		float: left;
		background: 0;
		margin: 0;
		padding: 0 !important;
		text-align: center;
		position: static;
	}
	.pedirCitaHead ul li.first {
		padding: 0 !important;
	}
	.pedirCitaHead ul li.active{
		background: 0;
	}
	.pedirCitaHead ul li .tab-text{
		display: none;
	}
	.pedirCitaHead ul li.active .tab-text{
		display: block;
		position: absolute;
		top: 60px;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		font-weight: bold;
		font-size: 20px;
	}
	.pedirCitaHead ul li.active a{
		color: #FF3F64;
	}
}

.ultimasCitas .cenCita{
	color: #00B2A9;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}

.rejectRecoAlert {
	color: #E24D5F;
	border-radius: 5px;
	border: 1px solid;
	padding: 10px 15px;
	margin-bottom: 15px;
	display: flex;
	background-color: #FFFFFF;
}

.rejectRecoAlert i {
	border-radius: 15px;
	border: 1px solid;
	font-size: 12px;
    height: 17px;
    width: 17px;
    text-align: center;
    margin: auto 10px;
    font-style: normal;
}

.rejectRecoAlert p {
	margin: 0;
	max-width: 90%;
}

#rejectRecoModalConfirm .modal-footer {
	flex-direction: row;
	text-transform: uppercase;
	justify-content: space-around;
}

@media screen and (min-width: 768px)  {
	#rejectRecoModalConfirm .modal-dialog {
		width: 350px;
	}
}

@media screen and (max-width: 480px)  {
	.rejectRecoAlert p {
		max-width: 85%;
	}
}

.menuMisalud {
	border-bottom: 1px solid #d4d4d4;
	box-shadow: none;
	list-style: none;
	padding: 0;
	white-space: nowrap;
	margin: 20px 0 0 0;
	overflow: auto;
	width: 100%;
}

.menuMisalud > li {
	padding: 0 20px;
	display: table-cell;
	width: 1%;
	text-align: center;
	position:relative;
}

.menuMisalud > li.active .cmMenuTitle {
	color: #4B4F54;
}

.menuMisalud li .cmMenuTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-transform: none;
	padding: 15px;
	display: inline-block;
	position: relative;
	width: 100%;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	font-weight: 500;
}

.menuMisalud li.active .cmMenuTitle:after {
	background: #f05168;
	content: "";
	height: 3px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

.dvPrin {
	margin-top: 30px;
}

.dvMeta .header{
	color: #fff;
	background: #c48a32 url(../imagenes/app/cinta_metrica.png) no-repeat 100% 0;
	background-size:contain;
	padding: 35px 40px;
}

.dvRespiracion .header{
	color: #fff;
	background: #00bcd6 url(../imagenes/app/agua.png) no-repeat 100% 0;
	background-size:contain;
	padding: 35px 40px;
}

.dvSentidos .header{
	color: #fff;
	background: #6eb091 url(../imagenes/app/gafas.png) no-repeat 100% 0;
	background-size:contain;
	padding: 35px 40px;
}

.dvCardio .header{
	color: #fff;
	background: #e34c4c url(../imagenes/app/corazon.png) no-repeat 100% 0;
	background-size:contain;
	padding: 35px 40px;
}

.dvHabitos .header{
	color: #fff;
	background: #5f7d8c url(../imagenes/app/tenedor.png) no-repeat 100% 0;
	background-size:contain;
	padding: 35px 40px;
}

.dvActividad .header{
	color: #fff;
	background: #bb65ca url(../imagenes/app/zapatilla.png) no-repeat 100% 0;
	background-size:contain;
	padding: 35px 40px;
}

.dvjsMisalud .header h1{
	font-size: 36px;
	font-weight: 500;
	line-height: 48px;
	margin-top: 50px;
}

.dvjsMisalud .epc-item,
.dvjsMisalud .easy-pie {
	margin-bottom:0;
	padding: 0;
}

.dvjsMisalud .easy-pie .percent {
	font-weight: 100;
}

.dvjsMisalud .easy-pie.main-pie .percent {
	margin-top: 70px;
	font-size: 66px;
}

.dvjsMisalud .main-meta{
	text-align:center;
	margin-top: 10px;
	margin-bottom: 40px;
}

.dvjsMisalud .main-meta .numMetaLb{
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	text-transform:uppercase;
	margin-bottom: 11px;
}

.dvjsMisalud .main-meta .numMeta{
	font-size: 34px;
	line-height: 26px;
}

.dvjsMisalud .main-meta .numMeta .strong{
	font-weight: bold;
}

.dvjsMisalud .main-date{
	font-size: 18px;
	font-weight: 500;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}

.graph .card{
	padding:20px;
}

.graph .card .flot-chart {
	height:350px;
}

.graph .card-header{
	color: #4B4F54;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 20px 5px;
}

.dvjsMisalud .dvPrub{
	display:none;
}

.dvjsMisalud .data .card,
.dvjsMisalud .dvPrub .card{
	min-height: 0;
	margin-bottom: 10px;
	color: #4B4F54;
	font-size: 21px;
	line-height: 28px;
	display:table;
	width:100%;
}

.dvjsMisalud .dvPrub .graph .card,
.dvjsMisalud .dvPrub .graph .card-body{
	display:block;
	font-size:14px;
	line-height: 1;
	width:auto;
}
.dvjsMisalud .dvPrub .graph canvas{
	margin: 0 40px 0 30px;
}

.dvjsMisalud.dvAnaliticas .dvPrub .graph canvas{
	margin: 0 40px 0 30px;
}

.dvjsMisalud .dvPrub .graph .tickLabel{
	max-width: 120px !important;
}

.dvjsMisalud .dvPrub .graph .card{
	margin-bottom: 30px;
	min-height: 150px;
	padding:20px;
}

.dvjsMisalud .dvPrub .graph .card .flot-chart{
	padding-bottom:20px !important;
	padding-right:40px !important;
}

.dvjsMisalud .data .card .tipo-dato,
.dvjsMisalud .dvPrub .card .tipo-dato{
	font-weight:500;
}

.dvjsMisalud.dvHabitos .data .card .tipo-dato,
.dvjsMisalud.dvHabitos .dvPrub .card .tipo-dato{
	font-weight:300;
}

.dvjsMisalud .data .card .tipo-dato .first,
.dvjsMisalud .dvPrub .card .tipo-dato .first{
	font-weight:500;
}

.dvjsMisalud .data .card-body,
.dvjsMisalud .dvPrub .card-body{
	display:table-row;
}

.dvjsMisalud .data .card-body > span,
.dvjsMisalud .dvPrub .card-body > span{
	display:table-cell;
	padding: 20px;
}

.dvjsMisalud .data .card .tipo,
.dvjsMisalud .dvPrub .card .tipo{
	width: 25px;
	height: 100%;
	background: #ddd;
	max-width: 20px;
	padding: 20px 0;
}

.dvjsMisalud .data .card .cantidad-dato,
.dvjsMisalud .dvPrub .card .cantidad-dato{
	text-align:right;
	font-weight:300;
}

.dvjsMisalud .data .card .ver-mas,
.dvjsMisalud .dvPrub .card .ver-mas{
	width: 11px;
	height: 100%;
	max-width: 20px;
	padding: 0 30px;
	font-size: 34px;
	vertical-align: middle;
}

.dvjsMisalud .data .card,
.dvjsMisalud .dvPrub .data .card{
	cursor: pointer;
}

.dvjsMisalud .data .card:hover,
.dvjsMisalud .dvPrub .data .card:hover{
	background: #f5f2f2;
}

.dvjsMisalud .card .tipo.tipo1{
	background:rgb(165, 1, 1);
}
.dvjsMisalud .card .tipo.tipo2{
	background:rgb(208, 2, 27);
}
.dvjsMisalud .card .tipo.tipo3{
	background:rgb(255, 76, 0);
}
.dvjsMisalud .card .tipo.tipo4{
	background:rgb(255, 145, 7);
}
.dvjsMisalud .card .tipo.tipo5{
	background:rgb(255, 204, 6);
}
.dvjsMisalud .card .tipo.tipo6{
	background:rgb(0,0,0);
}
.dvjsMisalud .card .tipo.tipo7{
	background:rgb(255, 232, 5);
}
.dvjsMisalud .card .tipo.tipo8{
	background:rgb(255, 244, 59);
}
.dvjsMisalud .card .tipo.tipo9{
	background:rgb(226, 232, 5);
}
.dvjsMisalud .card .tipo.tipo10{
	background:rgb(171, 220, 58);
}
.dvjsMisalud .card .tipo.tipo11{
	background:rgb(34, 186, 0);
}
.dvjsMisalud .card .tipo.tipo12{
	background:rgb(191,191,191);
}

.dvjsMisalud .data .card:after,
.dvjsMisalud .dvPrub .card:after{
	content: " ";
	display: table;
	box-sizing: border-box;
	clear: both;
}

ul.cmContentMultipleList{
	margin-right: -30px;
}

ul.cmContentMultipleList > li{
	padding: 15px 30px;
}

.cmBodyContentChildrens .templateHtmlListImage{
	background: #fff;
	height: 100%;
	transition:.5s;
}

.cmBodyContentChildrens .templateHtmlListImage:hover{
	background-color: #4B4F54;
}

.cmBodyContentChildrens .templateHtmlListImage a:hover{
	text-decoration:none;
}

.cmBodyContentChildrens .templateHtmlListImage:hover .contentWrapper .contentName,
.cmBodyContentChildrens .templateHtmlListImage:hover .contentWrapper .contentDescription{
	color: #fff;
}

.cmBodyContentChildrens .templateHtmlListImage .contentImage{
	display:block;
}

.cmBodyContentChildrens .templateHtmlListImage .contentWrapper{
	display:block;
	padding:20px;
}

.cmBodyContentChildrens .templateHtmlListImage .contentWrapper .contentName{
	color: #000000;
	font-size: 22px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom:25px;
	display:block;
}

.cmBodyContentChildrens .templateHtmlListImage .contentWrapper .contentDescription{
	color: #4B4F54;
	font-size: 13px;
	line-height: 16px;
	display:block;
}

.modelDireccion img{
	width:100%;
	height:auto;
}

.modelDireccion.templateHtmlListFull {
	background: #fff;
	position:relative;
}

.modelDireccion .boxRight{
	padding: 30px 30px 65px;
}

.modelDireccion.templateHtml .boxRight{
	padding: 30px;
}

.modelDireccion .contentName{
	color: #4B4F54;
	font-size: 28px;
	font-weight: 300;
	line-height: 39px;
	margin-bottom:25px;
}

.modelDireccion .boxRight .boxizq{
	color: #4B4F54;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
}

.modelDireccion .boxRight .contentPhone{
	margin: 20px 0;
	color: #f05168;
	font-size: 20px;
	font-weight: 300;
	line-height: 33px;
}

.modelDireccion .boxLeft{
	width: 107px;
	float: right;
	margin: 20px;
}

.modelDireccion.templateHtmlListFull .boxRight .pideCita{
	position:absolute;
	bottom:40px;
}

.modelDireccion.templateHtml .boxRight .pideCita{
	display:none;
}

.modelDireccion.templateHtml .boxRight .pideCita.fragua{
	display:block !important;
}

.modelDireccion .boxRight .pideCita{
	margin-bottom:40px;
	color: #00b2a9;
}

.modelDireccion.templateHtmlListFull .boxRight .boxizq > p{
	margin: 0 0 50px 0;
}

.modelDireccion.templateHtmlListFull .boxRight .contentPhone{
	margin: -10px 0 55px 0;
}

.modelDireccion.templateHtml .boxRight .contentPhone{
	margin: 40px 0 0;
}

.modelDireccion .boxRight .contentPhone a{
	color: #f05168;
	text-decoration:none;
}

.modelDireccion .boxRight .contentPhone .fa,
.modelDireccion .boxRight .pideCita .fa{
	font-size: 23px;
	margin-right:7px;
}

.modelDireccion .boxRight .seeMore{
	position:absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.modelDireccion .boxRight .seeMore a{
	background-color: #f05168;
	display:block;
	padding:15px;
	text-align:center;
	color: #fff;
	text-decoration:none;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
}

.modelDireccion .boxRight .seeMore a:hover{
	background-color: #c53648;
}

.modelDireccion .boxRight .seeMore a .fa{
	color: transparent;
	background: url(../imagenes/prevencion/flecha5.png) no-repeat 0px 0px;
	background-size: 17px;
	width: 17px;
	height: 20px;
	margin-left: 6px;
}

.modelDireccion.templateHtml {
	position: relative;
	margin: 20px 0;
}

.modelDireccion.templateHtml .left {
	width: 66%;
	float: left;
}

.modelDireccion.templateHtml .right {
	width: 33%;
	float: right;
	background: #fff;
	position: relative;
	min-height:300px;
}

.modelDireccion.templateHtml .cmMap_Container, 
.modelDireccion.templateHtml .cmMap_googleMaps{
	min-height:300px;
}

.modelDireccion.templateHtml .contentLink a {
	display: inline-block;
	color: #fff;
	background: #f05169;
	padding: 10px;
	font-size: 1.1em;
	margin: 10px 0;
	transition: .2s;
}

.modelDireccion.templateHtml .contentLink a:hover {
	background: #e8314d;
	text-decoration: none;
	transition: .2s;
}

.modelDireccion .boxRight .contentURL,
.modelDireccion .boxRight .contentEmail,
.modelDireccion .boxRight .contentFax{
	margin-top:5px;
}

.modelDireccion.templateHtml a.elemWebLink,
.modelDireccion.templateHtml a.elemEmailLink {
	display: inline;
	padding: 0;
	background: none;
	overflow: hidden;
	color: #4B4F54;
	word-wrap: break-word;
}

.modelDireccion .boxRight .contentURL .fa,
.modelDireccion .boxRight .contentEmail .fa,
.modelDireccion .boxRight .contentFax .fa {
	font-size: 18px;
	margin-right: 7px;
	color: #f05168;
	display:inline;
}

ul.menuListadoMapa {
	list-style-type: none;
	float: right;
	padding:0;
	margin:30px 0;
	
}

ul.menuListadoMapa li{
	cursor: pointer;
	padding: 10px;
	background: #fff;
	transition: .2s;
}

ul.menuListadoMapa li:hover{
	background: #dedcdc;
}

ul.menuListadoMapa li > span{
	display:table;
}

ul.menuListadoMapa li .cmMenuTitle{
	font-size: 16px;
	color: #4B4F54;
	font-weight: 300;
	padding-left: 5px;
	display:table-cell;
	vertical-align: middle;
}

ul.menuListadoMapa li{
	display:none;
}

ul.menuListadoMapa li.mapa.active{
	display:block;
}

ul.menuListadoMapa li.listado.active{
	display:block;
}

.listCentersMap .map{
	display:none;
	margin: 20px 0;
}

.listCentersMap .map .contentHeader{
	display:none;
}

.listCentersMap .map .contentLink{
	display:none;
}

.listCentersMap .map .cmMap_Container, 
.listCentersMap .map .cmMap_googleMaps {
	height: 550px;
}

.btn-howtoarrive {
	color: #ffffff;
	background-color: #f05168;
	border-color: #f05168;
	font-size: 14px;
	display:none;
}

.btn-howtoarrive:hover, 
.btn-howtoarrive:focus, 
.btn-howtoarrive.focus, 
.btn-howtoarrive:active, 
.btn-howtoarrive.active, 
.open > .dropdown-toggle.btn-howtoarrive{
	color: #ffffff;
	background-color: #c53a4b;
	border-color: #c53a4b;
}

.btn-enlargemap {
	color: #ffffff;
	background-color: #00b2a9;
	border-color: #00b2a9;
	font-size: 14px;
	display:none;
}

.btn-enlargemap:hover, 
.btn-enlargemap:focus, 
.btn-enlargemap.focus, 
.btn-enlargemap:active, 
.btn-enlargemap.active, 
.open > .dropdown-toggle.btn-enlargemap {
	color: #ffffff;
	background-color: #039e96;
	border-color: #039e96;
}

.section-search{
	position: relative;
	overflow: hidden;
	padding: 0 15px;
}

.section-search .section-main{
	padding:35px 0 0;
}

.section-search .section-main.section .cmAbstractBodyContent .contentWrapper{
	position:relative;
	top:0;
}

.section-search .currentContent .contentMainTitle{
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 300;
	line-height: 59px;
	text-align: center;
	border:0;
	padding:0;
	margin:0;
	width:100%;
}

.embeddedSearcher{
	background:#fff;
}

.embeddedSearcher:after{
	content: " ";
	display: table;
	clear: both;
	box-sizing: border-box;
}

.embeddedSearcher .cmSearchButtonZone {
	float: right;
	text-align: left;
	padding: 0 30px;
	margin-top: 0;
	margin-bottom: 25px;
}

.embeddedSearcher .cmContentSearcherHeader,
.embeddedSearcher legend,
.embeddedSearcher .cmTypeReset{
	display:none;
}

.embeddedSearcher .panel{
	background: none;
	border:0;
	box-shadow: none;
	margin:0;
}

.embeddedSearcher .form-control{
	height: 42px;
	padding: 6px 15px;
	font-size: 17px;
	border-radius:0;
	color: #4B4F54;
	border: 1px solid #D4D4D4;
}

.embeddedSearcher .cmSearchCols2 {
	width: 50%;
	display: block;
	float: left;
	margin: 15px 0;
}
.misalud .embeddedSearcher .cmSearchCols2 {
	width: 100%;
}

.labelHide{
	display:none;
}

.embeddedSearcher select.form-control{
	padding: 6px 15px;
	height: 42px;
	line-height:36px;
	font-size: 17px;
	border-radius: 0;
	color: #4B4F54;
}

.embeddedSearcher .moveTextLabel {
	position: absolute;
	top: 9px;
	left: 30px;
	color: #4B4F54;
	font-size: 17px;
	font-weight: normal;
	z-index: 1;
}

.embeddedSearcher .cmTypeSubmit {
	background-color: #f05168;
	background-image: none;
	border: 0;
	border-radius: 0;
	padding: 10px 20px;
	font-size: 17px;
	line-height: 24px;
	transition: .2s;
}

.descriptionInInfoWindow p{
	margin-bottom: 4px;
}

.embeddedSearcher .cmTypeSubmit:hover {
	background-color: #c53648;
}

.embeddedSearcher .cmTypeSubmit .fa{
	float: right;
	margin-left: 15px;
}

.bannerBackground img{
	position:absolute;
	top: 0;
	right: 0;
	left: 0;
	width:100%;
}

div.contentViewMore > a:active:hover, 
div.contentViewMore > a.active:hover, 
div.contentViewMore > a:active:focus, 
div.contentViewMore > a.active:focus, 
div.contentViewMore > a:active.focus, 
div.contentViewMore > a.active.focus,
.contentViewMore > a:focus, 
.contentViewMore > a.focus, 
.contentViewMore > a:hover, 
.contentViewMore > a:active, 
.contentViewMore > a.active,
.back:hover {
	background-color: #cc475a;
	border-color: #cc475a;
}

a.back:hover,
a.back:active,
a.back:focus {
	color: #fff !important;
	text-decoration: none;
}

div.contentViewMore > a,
.back{
	background-color: #f05168;
	border-color: #f05168;
	padding: 10px 20px;
	font-size: 17px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

.back{
	color:#fff;
	border:0;
	float:right;
	margin-top:-10px;
}

.back.backCenter{
	float:none;
}

.dvjsMisalud .block-header{
	margin-bottom:30px;
}

.dvjsMisalud .block-header:after,
.controlPanel .block-header:after{
	clear:both;
	content: " ";
	display: table;
	box-sizing: border-box;
}

.progTab.tab-nav{
	margin-top: -40px;
	text-align: right;
	margin-bottom: 40px;
	overflow: hidden;
}

.progTab.tab-nav li{
	padding: 0 30px;
}

.progTab.tab-nav li a{
	color: #00B2A9;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-transform: none;
	text-decoration:none;
	padding: 15px 0;
}

.progTab.tab-nav li.active a{
	color: #4B4F54;
}

.progTab .dw-item {
	min-height: 0;
	box-shadow: 0;
}

.tab-content .fadeIn {
	animation-name: inherit;
}

@media (max-width: 767px) {
	.progTab.tab-nav {
		margin-top: 0;
	}
	.progTab.tab-nav li {
		padding: 0 5px;
	}
	.controlPanel .block-content > div,
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	.hi-logo .appLogo {
		height: 27px !important;
		width: auto;
	}
	.controlPanel .dw-item {
		height: auto !important;
	}
	.embeddedSearcher .cmSearchCols2 .col-md-6 {
		margin-bottom: 10px;
	}
	ul.nColumns_3 li.cmContentItem {
		width: 100%;
		padding: 15px 0;
	}
}

.btn-insert{
	font-size:17px;
}

.dvjs .dvPrub .block-body label,
.dvjs .preheader .block-body label{
	font-size: 17px;
	color: #4B4F54;
	padding-right: 10px;
	width: 33%;
	text-align: right;
}

.dvjs .dvPrub .block-body input.time-picker{
	display:inline;
}

.dvjs .dvPrub .block-body input[type="text"],
.dvjs .preheader .block-body input[type="text"],
.dvjs .dvPrub .block-body input[type="number"],
.dvjs .preheader .block-body input[type="number"]{
	padding: 6px 15px;
	font-size: 17px;
	border-radius: 0;
	color: #4B4F54;
	border: 1px solid #D4D4D4;
	width: 66%;
	height: 38px;
}

.dvjs .dvPrub .block-body input[type="number"]{
	width: 100%;
}

.dvjs .dvPrub .block-body .valorContainer{
	width: 45%;
	position:relative;
	display:inline-block;
}

.dvjs.dvActividad .dvPrub .block-body .valorContainer{
	width: 66%;
}

.dvjs .dvPrub .block-body .valor{
	width: 100%;
}

.dvjs.dvHabitos .dvPrub .block-body .valor{
	width: 66%;
}

.dvjs .dvPrub .block-body input[readonly],
.dvjs .preheader .block-body input[readonly]{
	background: #eaeaea;
}

.dvjs .dvPrub .block-body select,
.dvjs .preheader .block-body select{
	padding: 6px 15px;
	height: 42px;
	font-size: 17px;
	border-radius: 0;
	color: #4B4F54;
	border: 1px solid #D4D4D4;
	width: 66%;
}

@media (max-width: 1640px) {
	.dvjs .dvPrub .block-body label,
	.dvjs .preheader .block-body label,
	.dvjs .dvPrub .block-body input[type="text"],
	.dvjs .preheader .block-body input[type="text"],
	.dvjs .dvPrub .block-body select,
	.dvjs .preheader .block-body select{
		width:100%;
		text-align: left;
	}
	.dvjs .dvPrub .block-body .valorContainer {
		width: 70%;
	}
	.dvjs.dvActividad .dvPrub .block-body input.valor,
	.dvjs.dvActividad .dvPrub .block-body .valorContainer,
	.dvjs .preheader .block-body input[type="number"]{
		width: 100%;
	}
	
	.dvjs.dvHabitos .dvPrub .block-body .valor{
		width: 100%;
	}
	
	.preheader .block-body .col-sm-4.p-20 .btn-insert{
		margin-top:30px;
	}
	
	.preheader .block-body .col-sm-12:first-child .col-sm-4.p-20{
		padding-bottom:0 !important;
	}
	
	.dvCitas .preheader .block-body .col-sm-12:first-child .col-sm-4.p-20{
		padding-bottom:20px !important;
	}
	
	.formPru{
		position:relative;
	}
}

@media (max-width: 767px) {
	.formPru .text-right{
		position:relative;
		bottom:0;
		right:0;
	}
	.dvjs .dvCalculadoras .block-body .dvPercent {
    	width: 66%;

    }
}

.dvRecomendaciones .card{
	min-height: 0;
	margin-bottom: 10px;
	color: #4B4F54;
	font-size: 17px;
	line-height: 28px;
	display: table;
	width: 100%;
}

.dvRecomendaciones .card-body{
	display: table-row;
	cursor:pointer;
}

.dvRecomendaciones .card-body:hover{
	background: #f5f2f2;
}

.dvRecomendaciones .card-body > div{
	display: table-cell;
	padding: 20px;
}

.dvRecomendaciones .card-body > div.ver-mas{
	height: 100%;
	padding: 0 30px;
	font-size: 17px;
	vertical-align: middle;
	text-align: right;
	color: #00b2a9;
}

.dvRecomendaciones .card-body > div.recomIcon{
	background: #B7E3E0;
	width:64px;
	font-size:30px;
	color: #f05168;
	vertical-align: middle;
}

.recomendacion .modal-dialog {
	width: 60%;
	margin: 30px auto;
}

.recom h1{
	font-size: 22px;
}

.recom section > h1{
	text-align:center;
}

.listadoNoticias section .good h1,
.recomendacion .modal-body section .good h1{
	background: rgb(34, 186, 0);
	color:#fff;
	font-size: 18px;
}

.listadoNoticias section .medium h1,
.recomendacion .modal-body section .medium h1{
	background: rgb(222, 164, 18);
	color:#fff;
	font-size: 18px;
}

.listadoNoticias section .bad h1,
.recomendacion .modal-body section .bad h1{
	background: rgb(208, 2, 27);
	color:#fff;
	font-size: 18px;
}

.listadoNoticias section .comments h1,
.recomendacion .modal-body section .comments h1{
	background: #ffffff !important;
	padding: 0 !important;
	color: #404547;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
}

.listadoNoticias .list,
.recom .list{
	display:table;
}

.listadoNoticias .list .item,
.recom .list .item{
	display:table-row;
}

.listadoNoticias .list .item .item-image,
.listadoNoticias .list .item .item-text,
.recom .list .item .item-image,
.recom .list .item .item-text{
	display:table-cell;
	vertical-align: middle;
}

.listadoNoticias .list .item .item,
.recom .list .item .item{
	clear:both;
}

.listadoNoticias article > img,
.recom article > img{
	margin: 0 auto;
	display: block;
	padding:20px;
	width:100%;
}

.listadoNoticias .table,
.recom .table{
	display:table;
}

.listadoNoticias .table .table-item,
.recom .table .table-item{
	display:table-row;
}

.listadoNoticias .table .table-item > div,
.recom .table .table-item > div{
	display:table-cell;
}

.listadoNoticias .table .table-item.cabecera > div,
.recom .table .table-item.cabecera > div{
	font-weight:bold;
}

.listadoObjetivos .modal-dialog,
.listadoCampanias .modal-dialog {
	width: 60%;
	margin: 30px auto;
}

.listadoObjetivos .card-body > .obj,
.listadoCampanias .card-body > .camp{
	cursor:pointer;
	height:100%;
}

.listadoObjetivos .obj .main-list,
.listadoCampanias .camp .main-list{
	height:100%;
}

.listadoObjetivos .obj h1,
.listadoObjetivos .obj strong,
.listadoCampanias .camp h1,
.listadoCampanias .camp strong {
	color: #000000;
	font-size: 22px;
	font-weight: 500;
	line-height: 24px;
}

.listadoObjetivos .card-body,
.listadoCampanias .card-body,
.listadoAvisos .card-body{
	background:#fff;
}

.listadoObjetivos ul.cmContentMultipleList,
.listadoCampanias ul.cmContentMultipleList,
.listadoAvisos ul.cmContentList {
	padding:0;
	list-style-type: none;
}

.listadoObjetivos ul.cmContentMultipleList li.cmContentItem,
.listadoCampanias ul.cmContentMultipleList li.cmContentItem{
	background-image:none;
	padding:15px;
}

.listadoAvisos ul.cmContentList li.cmContentItem{
	background-image:none;
	padding:0;
}

.listadoAvisos .card-body{
	min-height: 0;
	margin-bottom: 10px;
	color: #4B4F54;
	font-size: 17px;
	line-height: 28px;
	display: table;
	width: 100%;
	padding:0;
	cursor:pointer;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.listadoAvisos .avName{
	font-size: 20px;
	font-weight: 500;
	display:block;
	color: #4B4F54;
}

.listadoAvisos .avDate{
	color: #00b2a9;
	display:block;
}

.listadoAvisos .fa{
	display: table-cell;
	width: 65px;
	font-size: 34px;
	padding: 10px;
	color: #fff;
	padding:15px;
	background: #f05168;
	vertical-align:middle;
}

.listadoAvisos .avisoDatos,
.listadoAvisos .avisoFecha{
	display:table-cell;
	padding:15px;
	vertical-align: middle;
}

.listadoAvisos .avisoFecha .dayDoc {
	color: #4B4F54;
	font-size: 24px;
	font-weight: 300;
	line-height: 32px;
	display: block;
	text-align: center;
}

.listadoAvisos .avisoFecha .monthDoc {
	color: #4B4F54;
	font-size: 15px;
	font-weight: 300;
	line-height: 21px;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

.listadoAvisos a:hover{
	text-decoration: none;
}

.listadoAvisos .card-body:hover{
	background: #f5f2f2;
}

.aviso .modal-title{
	font-size: 22px;
}

.contentList{
	padding:0;
	list-style-type:none;
}

.contentList li{
	margin-bottom:20px;
}

.listadoNoticias .list-group,
.listadoObjetivos .list-group,
.listadoCampanias .list-group{
	box-shadow:none;
	height: 100%;
	display:table;
	width:100%;
}

.listadoNoticias .list-group .item,
.listadoObjetivos .list-group .item,
.listadoCampanias .list-group .item{
	height: 100%;
}

.listadoNoticias .item-text,
.listadoObjetivos .item-text,
.listadoCampanias .item-text{
	padding:20px;
	font-size: 13px;
	color: #4B4F54;
}

.listadoObjetivos .objetivo .item-text,
.listadoCampanias .campania .item-text{
	font-size:14px;
}

.listadoObjetivos .card-body > .obj:hover .item-text,
.listadoCampanias .card-body > .camp:hover .item-text{
	background-color: #f5f2f2;
	transition: .5s;
}

.listadoObjetivos .card-body > .obj:hover h1,
.listadoCampanias .card-body > .camp:hover h1{
}

.listadoNoticias .item-image,
.listadoObjetivos .item-image,
.listadoObjetivos .objetivo img,
.listadoCampanias .item-image,
.listadoCampanias .camp img{
	height: 133px;
	width: auto;
	margin:0 auto;
	display:block;
	padding: 10px 0;
}

.listadoNoticias .miniatura .item-image,
.listadoObjetivos .miniatura .item-image{
	height: auto !important;
	width: 100px !important;
}

.listadoCampanias .miniatura .item-image {
	height: auto !important;
	width: 110px !important;
}

.listadoNoticias .miniatura .contentImgMin,
.listadoObjetivos .miniatura .contentImgMin,
.listadoCampanias .miniatura .contentImgMin{
	width: 169px;
	height: 169px;
	overflow: hidden;
	background-color: #B7E3E0;
	padding: 20px;
}

.listadoNoticias .miniatura .contentImgCircle,
.listadoObjetivos .miniatura .contentImgCircle,
.listadoCampanias .miniatura .contentImgCircle{
	background: #fff;
	border-radius: 100px;
	height: 130px;
	width: 130px;
	display: table-cell;
	vertical-align: middle;
}

.listadoNoticias .miniatura .contentImgCircle,
.listadoCampanias .miniatura .contentImgCircle{
	background:transparent;
}

.listadoNoticias .contentImgMin,
.listadoObjetivos .contentImgMin,
.listadoCampanias .contentImgMin,
.listadoNoticias .miniatura .item-text,
.listadoObjetivos .miniatura .item-text,
.listadoCampanias .miniatura .item-text{
	display:table-cell !important;
	vertical-align: middle;
}

.listadoNoticias .miniatura .list-group .item,
.listadoObjetivos .miniatura .list-group .item,
.listadoCampanias .miniatura .list-group .item{
	display:table-row;
	background-color: #B7E3E0;
}

.listadoNoticias .miniatura .item-text,
.listadoObjetivos .miniatura .item-text, 
.listadoCampanias .miniatura .item-text{
	background: #fff;
}

.listadoNoticias h1.initicalc,
.listadoCampanias h1.initicalc,
.recomendacion .modal-body header h1{
	background: #4b4f54;
	color: #fff !important;
	padding: 20px;
	border-bottom: 5px solid #00b2a9;
}

.listadoNoticias section > h1,
.listadoCampanias .camp section > h1,
.listadoObjetivos .objetivo section > h1{
	background: #4b4f54;
	padding: 10px;
	color: #fff;
	text-align: center;
}

.listadoNoticias .objHead,
.listadoObjetivos .objHead {
	color: #00B2A9;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	margin-bottom: 20px;
}

.recomendacion .modal-body section h1{
	background: #dedede;
	padding: 10px;
	text-align: left;
	color: #000;
}

.listadoNoticias .detail-title > h1,
.listadoCampanias .camp .detail-title > h1{
	background: #dedede;
	padding: 10px;
}

.listadoNoticias .detail-subtitle,
.listadoCampanias .camp .detail-subtitle {
	width: 100%;
	clear: both;
	background: #f5f5f5;
}

.listadoNoticias .detail-subtitle img,
.listadoCampanias .camp .detail-subtitle img{
	height: 123px;
	width: auto;
	display: inline;
	margin-right: 20px;
	padding: 10px;
}

.listadoNoticias .detail-subtitle p,
.listadoCampanias .camp .detail-subtitle p{
	display: inline;
}

.listadoNoticias .detail-subtitle + .detail-text,
.listadoCampanias .camp .detail-subtitle + .detail-text {
	width: 100%;
	margin-top: 20px;
}

.objetivoList {
	display: table;
	width: 100%;
	background: #f5f5f5;
	margin-bottom: 10px;
	transition: .2s;
}
.objetivoList:hover{
	background: #efefef;
}

.objetivoList a {
	display:table-row;
	width: 100%;
	text-decoration:none;
}

.objetivoList a:hover{
	text-decoration:none;
}

.objetivoList span {
	display:table-cell;
	vertical-align: middle;
	padding: 0 15px;
}

.objetivoList span.fechaObj{
	color: #00B2A9;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	width: 120px;
}

.objetivoList span.iconObj{
	padding: 10px;
}

.objetivoList span.textObj{
	color: #4B4F54;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}

.objetivoList span.iconObj img{
	height: auto;
	width: 40px;
}

.tucanaldesalud:before{
	background: #ececec;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.tucanaldesalud:after{
	content: "\f1ce";
	text-align: center;
	padding: 100px;
	font: normal normal normal 48px/1 FontAwesome;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 1s infinite linear;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 2;
	margin: 0 auto;
	color: #2196F3;
}

.modal-footer{
	clear:both;
}

.templateHtml {
	margin-bottom: 0;
}

.cmBodyContentChildrens.bgm-white > ul.cmContentList{
	padding:20px;
}

#line-chartAnaliticas .card,
#line-chartAnaliticas2 .card{
	width: 100%;
	height: 535px;
	padding:0;
}

#line-chartAnaliticas .card.cardOnlyHeader{
	height: 132px;
	min-height: 0;
}

#line-chartAnaliticas2 .card{
	height: 490px;
}

#line-chartAnaliticas .card-body,
#line-chartAnaliticas2 .card-body{
	clear:both;
	padding:20px;
}

#line-chartAnaliticas .card-header,
#line-chartAnaliticas2 .card-header{
	text-align:center;
	background: #00b2a9;
	color: #fff;
	padding: 10px 20px;
}

#line-chartAnaliticas2 .card-header{
	padding:20px;
}

#line-chartAnaliticas .titleChart{
	font-size: 21px;
	font-weight: bold;
	margin: 20px 0;
}

#line-chartAnaliticas .dataChart,
#line-chartAnaliticas2 .dataChart{
	margin: 0;
}

#line-chartAnaliticas .dataChart:after,
#line-chartAnaliticas2 .dataChart:after{
	clear:both;
	content: " ";
	display: table;
	box-sizing: border-box;
}

#line-chartAnaliticas .lastDate,
#line-chartAnaliticas2 .lastDate{
	font-size: 16px;
}

#line-chartAnaliticas .varData,
#line-chartAnaliticas2 .varData{
	padding: 10px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 10px;
}

.dvAnaliticas .card .card-header .btn-float {
	right: 25px;
	bottom: 30%;
	z-index: 1;
}
.dvCitas .noFecha,
.dvCitas .legalRec,
.dvCitas .legalAna,
.dvCitas .legalEsp,
.dvCitas .error,
.dvCitas .citas{
	display:none;
}

#fechasCita{
	max-width: 270px;
}

.pedirCitaBody .tab1,
.pedirCitaBody .tab2{
	width: 33.33%;
	margin: 0 auto;
	padding: 70px 0;
}

.pedirCitaBody .tab3{
	width: 33.33%;
	margin: 0 auto;
	padding-top: 13px;
	min-height: 450px;
}

.pedirCitaBody .tab4{
	margin-top: 30px;
}

.pedirCitaBody .tab3.has-hours{
	width: 75%;
}

.mobile-tabs{
	display: none;
	background-color: #F2F2F2;
	color: #A0A0A0;
	width: 40px;
    height: 40px;
	padding: 10px 15px;
	border-radius: 50%;
}

.pedirCitaHead ul li.active .mobile-tabs{
	background-color: #FF3F64;
	color: #fff;
}

.pedirCitaBody label{
	color: #4B4F54;
	font-size: 12px;
	line-height: 16px;
	display:block;
}

.pedirCitaBody select{
	width:100%;
	height: 55px;
	line-height: 55px;
	padding: 0 0 0 15px;
}

.pedirCitaBody input[type="text"]{
	width:100%;
	height: 55px;
	padding: 0 15px;
}

.pedirCitaBody select.disabled,
.pedirCitaBody input.disabled{
	background: #dedede;
}

.pedirCitaBody .tab2,
.pedirCitaBody .tab3,
.pedirCitaBody .tab4{
	display:none;
}
.pedirCitaBody .tab4Custom{
	display:none;
}

.pedirCitaBody .fecha .datepicker table td.active{
	color: #FFF;
	font-weight: bold;
}

.submitContainer{
	display: none;
}

.tab4 > .col-sm-12{
	border: 1px solid #00b2a9;
}

.pedirCita > .block-content{
	clear:both;
}

.block-content.graph {
	margin-bottom: 30px;
}

.loading:before{
	background: #ececec;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.loading:after{
	content: "\f1ce";
	text-align: center;
	padding: 0;
	font: normal normal normal 48px/1 FontAwesome;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 1s infinite linear;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	margin: 0 auto;
	color: #00b2a9;
}

.loading{
	position: absolute;
	left: 0;
	right: 0;
	top:50%;
}

#horasCita .loading{
	display: none;
}

.fecha .loading{
	top: 36%;
}

.dvjs.dvCitas .preheader .block-body label{
	font-size: 17px;
	color: #4B4F54;
	padding-right: 10px;
	width: 100%;
	text-align: left;
}

.dvjs.dvCitas .preheader .block-body input[type="text"]{
	padding: 8px 15px;
	font-size: 17px;
	border-radius: 0;
	color: #4B4F54;
	border: 1px solid #D4D4D4;
	width: 100%;
	height:42px;
}

.dvjs.dvCitas .preheader .block-body input[readonly]{
	background: #eaeaea;
}

.dvjs.dvCitas .preheader .block-body select{
	padding: 6px 15px;
	height: 42px;
	font-size: 17px;
	border-radius: 0;
	color: #4B4F54;
	border: 1px solid #D4D4D4;
	width: 100%;
}

.controlPanel .linkControl span{
	display:block;
}

.controlPanel .linkControl span.main-percent > span{
	display:inline;
}

#conditions .modal-body{
	max-height: 400px;
	overflow: auto;
}

div.infoWindowOverlayToShow a {
	color: #00b2a9;
	font-size: 13px;
}

.descriptionInInfoWindow {
	font-size: 13px;
}

.cmMenuBox .fa{
	display:none
}

.tucanaldesalud .templateHtmlListImageFull .contentImgName,
.tucanaldesalud .templateHtmlListImageFull .contentWrapper{
	display:table-cell;
}

.tucanaldesalud .templateHtmlListImageFull .contentImgName{
	width:180px;
}

.tucanaldesalud .contentImgName img{
	width:100%;
	height:auto;
}

.tucanaldesalud .contentWrapper{
	padding-left:20px;
	vertical-align: top;
}

.tucanaldesalud .templateHtmlListImageFull a{
	display:block;
}

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

.tucanaldesalud a:hover .contentName,
.tucanaldesalud a:focus .contentName,
.tucanaldesalud a:active .contentName{
	text-decoration: underline;
}

.tucanaldesalud .contentWrapper > span{
	display:block;
}

.tucanaldesalud .contentAbstract{
	color: #E03E52;
	font-size: 16px;
	line-height: 21px;
	margin-bottom:10px;
	text-transform: uppercase;
	display:block;
}

.tucanaldesalud .contentWrapper .contentName{
	color: #000000;
	font-size: 24px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 15px;
}

.tucanaldesalud .contentWrapper .contentDescription{
	color: #4B4F54;
	font-size: 13px;
	line-height: 18px;
}

.controlPanel .tucanaldesalud{
	clear:both;
}

.controlPanel .tucanaldesalud .dw-item{
	min-height: 0;
	padding-bottom: 0;
	height:100%;
}

.controlPanel .tucanaldesalud > div{
	margin-bottom: 15px;
}

#horasCita{
	padding-top: 107px;
	padding-left: 0;
}

ul.hi-span li.lastElement .him-counts {
	position: absolute;
	font-style: normal;
	background: #F44336;
	padding: 1px 5px;
	border-radius: 2px;
	right: -12px;
	top: -9px;
	font-size: 10px;
	line-height: 15px;
}

.listadoRecomendaciones .modal .modal-content .modal-body,
.listadoObjetivos .modal .modal-content .modal-body,
.listadoCampanias .modal .modal-content .modal-body{
	max-height: 600px;
	overflow: auto;
}

@media (max-width: 1500px) {
	.controlPanel .ultimasCitas .tab-nav.tn-justified > li {
		font-size: 14px;
		padding: 0;
	}
}

@media (max-width: 1400px) {
	.listadoObjetivos .obj h1, .listadoObjetivos .obj strong, .listadoCampanias .camp h1, .listadoCampanias .camp strong {
		color: #000000;
		font-size: 19px;
		font-weight: 500;
		line-height: 24px;
	}
	.pedirCitaBody{
		width:100%;
	}
}

@media (max-width: 1050px) {
	.dvSurveys .numResp textarea {
		width: 100%;
	}
	.dvSurveys .icon {
		width: 20%;
	}
	.dvSurveys .icon img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 1024px) {
	.h-inner .pull-right ul.hi-span .item1 {
		padding-right: 0;
	}
	.pedirCitaBody .tab3.has-hours{
		width: 100%;
	}
	#horasCita .hoursList > li a{
		padding: 10px 16px !important;
	}
	#horasCita{
		padding-left: 15px;
    	padding-right: 0;
	}
	.pedirCitaBody .tab1,
	.pedirCitaBody .tab2,
	.pedirCitaBody .tab4{
		width: 100%;
		padding: 6px 0;
	}
}

@media (max-width: 992px) {
	ul.nColumns_4 li.cmContentItem {
		width:100%;
		padding: 15px 0;
	}
	ul.cmContentMultipleList {
		margin-right: 0 !important;
	}
	.listadoObjetivos .item-text,
	.listadoCampanias .item-text{
		height: auto!important;
	}
	#line-chartAnaliticas .card, #line-chartAnaliticas2 .card {
		height: 650px;
	}
	#line-chartAnaliticas .card.cardOnlyHeader {
		height: auto;
		min-height: 0;
	}
	.pedirCitaBody {
		width: 100%;
	}
}

@media (max-width: 980px) {
	.foto-perfil,
	#header .pull-right .nombre-perfil-cabecera{
		display:none;
	}
	.hi-logo > .textHead {
		margin: 24px 0 0 0;
		font-size: 17px;
	}
	.menuMisalud > li {
		padding: 0;
	}
	#header .hi-logo a {
		padding: 7px 5px;
		display: inline;
	}
	.hi-logo .loginLogo {
		height: 38px;
		width: auto;
		margin-top: 7px;
	}
	.hi-logo .appLogo {
		height: 38px;
		width: auto;
	}
	.controlPanel .tucanaldesalud > div{
		height: auto !important;
	}
}

@media (max-width: 880px) {
	.hi-logo .appLogo {
		height: 27px !important;
		width: auto;
	}

}

@media (max-width: 767px) {
	.hi-logo.m-l-150{
		display:none;
	}
	.pull-right.p-t-10{
		padding:0!important;
	}
	.tucanaldesalud .templateHtmlListImageFull .contentImgName, 
	.tucanaldesalud .templateHtmlListImageFull .contentWrapper{
		display:block;
		margin-bottom:20px;
		width:100%;
	}
	.tucanaldesalud .templateHtmlListImageFull .contentWrapper {
		padding-left: 0;
		vertical-align: top;
	}
	.login:before {
		height: 0;
	}
	.lc-block{
		padding: 0 30px;
	}
	.lc-block .lc-block{
		padding: 0;
	}
	.lc-block:not(.lc-block-alt) .btn-login {
		right: 0;
	}
	#l-register .lc-block:not(.lc-block-alt) .btn-login {
		right: -26px;
	}
	.page-auth.fixed,
	.login{
		overflow:auto;
	}
	.page-auth .appLogo{
		width:49%;
		height:auto;
	}
	.page-auth .col-sm-6{
		width:100%;
	
	}
	.tucanaldesalud .contentImgName {
		width: 120px;
	}
	ul.hi-span li.lastElement .him-counts{
		right: -6px
	}
	.hi-logo .loginLogo {
		height: 35px;
		width: auto;
		margin-top: 8px;
	}
	.hi-logo .appLogo {
		height: 30px !important;
		width: auto;
	}
	.hi-logo > .cmBannersRelativePosition, 
	.navbar-brand > .imgHead {
		padding: 12px 0 0 0;
		display:block;
		float: none;
	}
	.hi-logo > .textHead{
		margin: 0;
		display:none;
	}
	#header .pull-right .hi-span.message{
		display:none;
	}
	.cmMenuBox {
		height:45px;
	}
	.menuMisalud{
		height: 0;
		overflow: hidden;
		position: absolute;
		margin-right: 20px;
		z-index: 9;
		background: #fff;
		top: 31px;
		border: 0;
		box-shadow: -3px 10px 33px -2px #313131;
		width: 93%;
	}
	.menuMisalud.down{
		height:auto;
	}
	.menuMisalud li{
		display: block;
		width: 100%;
		text-align: left;
	}
	.menuMisalud li.active .cmMenuTitle:after{
		height:2px;
	}
	.menuMisalud li .cmMenuTitle{
		text-align: left;
		font-size: 16px;
		font-weight: normal;
	}
	.cmMenuBox .fa{
		display:block;
		color: #f05168;
		font-size:30px;
	}
	.dvjsMisalud .data .card-body > span, .dvjsMisalud .dvPrub .card-body > span {
		padding: 20px 10px;
	}
	.dvjsMisalud .data .card, .dvjsMisalud .dvPrub .card {
		font-size: 17px;
	}
	.back {
		margin-top: 10px;
	}
	.flot-tick-label.tickLabel {
		max-width: 24px !important;
		font-size:12px;
	}
	.embeddedSearcher .cmSearchCols2 {
		width: 100%;
		margin: 0;
	}
	.dvjsMisalud .header{
		text-shadow: 1px 1px 4px #000;
	}
	.dvjsMisalud .header h2{
		text-align:center;
	}
	.controlPanel .table > tbody > tr > td, 
	.dvDocuments .table > tbody > tr > td {
		word-break: break-all;
	}
	.ultimasCitas .table>tbody>tr>td .btn{
		white-space: inherit;
	}
	.dvCitas .ultimasCitas .descCita {
		font-size: 13px;
	}
	.pedirCita.dw-item {
		padding: 40px 20px;
	}
	.ultimosDocumentos .p-20 {
		padding: 6px !important;
	}
	.dvDocuments .ultimosDocumentos .iconDoc {
		width: 40px;
		font-size: 24px;
	}
	.dvDocuments .ultimosDocumentos .dateDoc {
		width: 48px;
	}
	.dvDocuments .ultimosDocumentos .linkDoc{
		text-align: right;
	}
	.preloader {
		position: initial;
	}
	.preloader .pl-circular {
		width:25%;
	}
	.preheader .block-body .col-sm-12 .col-sm-4.p-20,
	.dvPrub .block-body .col-sm-12 .col-sm-4.p-20,
	.dvPrub .block-body form .col-sm-4.p-20 {
		padding-bottom: 0 !important;
		margin: 0;
	}
	.preheader .block-body .col-sm-12 .col-sm-4.p-20.text-right,
	.dvPrub .block-body .col-sm-12 .col-sm-4.p-20.text-right,
	.dvPrub .block-body form .col-sm-4.p-20.text-right {
		padding-bottom: 20px !important;
	}
	.dvRecomendaciones .card-body > div {
		padding: 20px 10px;
	}
	.dvRecomendaciones .card {
		font-size: 13px;
		line-height: 1.4;
	}
	.dvRecomendaciones .card-body > div.recomIcon{
		width:50px;
	}
	.dvRecomendaciones .card-body > div.ver-mas {
		padding: 0 15px;
		font-size: 15px;
	}
	.objetivoList span {
		display: block;
	}
	.objetivoList{
		padding:15px;
		text-align: center;
	}
	.objetivoList span.fechaObj {
		width: 100%;
	}
	.listadoObjetivos .modal-dialog, 
	.listadoCampanias .modal-dialog {
		width: 92%;
		margin: 30px auto;
	}
	.listadoCampanias .camp .detail-subtitle p {
		display: block;
		padding: 15px;
	}
	.listadoObjetivos .contentImgMin, 
	.listadoCampanias .contentImgMin, 
	.listadoObjetivos .miniatura .item-text, 
	.listadoCampanias .miniatura .item-text {
		display: block !important;
	}
	.listadoObjetivos .miniatura .contentImgMin, 
	.listadoCampanias .miniatura .contentImgMin{
		margin:0 auto;
	}
	.modelDireccion.templateHtml .left, 
	.modelDireccion.templateHtml .right {
		width: 100%;
		float: none;
	}
}

@media (max-width: 400px) {
	#header .hi-logo a {
		padding: 7px 0px;
		display: inline;
	}
}

@media (max-width: 420px) {
	.dvjs .dvCalculadoras .block-body .dvPerMed {
        	width: 16%;
     }
}

@media (max-width: 325px) {
	.dvDocuments .ultimosDocumentos .iconDoc.iconDocRec {
		width: 64px;
	}
	.ultimasCitas .table>tbody>tr>td .btn {
		font-size: 12px;
	}
}

/* Estilos para el validador genérico de Proxia */
.cmFormError {
	position: relative;
}
.cmFormError,
.cmFormError .help-block,
.cmFormError .control-label,
.cmFormError .radio,
.cmFormError .checkbox,
.cmFormError .radio-inline,
.cmFormError .checkbox-inline,
.cmFormError.radio label,
.cmFormError.checkbox label,
.cmFormError.radio-inline label,
.cmFormError.checkbox-inline label {
	color: #ee0000;
}
.cmFormError .mceEditor table.mceLayout,
.cmFormError .mceEditor table.mceLayout tr.mceFirst td,
.cmFormError .mceEditor table.mceLayout tr.mceLast td,
.cmFormError input,
.cmFormError textarea,
.cmFormError select,
.cmFormError .form-control {
	border-color: #ee0000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.cmFormError input:focus,
.cmFormError textarea:focus,
.cmFormError select:focus,
.cmFormError .form-control:focus,
.cmFormError .form-control:focus+.input-group-addon {
	outline-color: #FF6B6B;
	border-color: #FF6B6B;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFA4A4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFA4A4;
}
.cmFormError .input-group-btn .btn,
.cmFormError .input-group-addon {
	color: #000;
	border-color: transparent;
	background-color: #fff;
}
.cmFormError .form-control-feedback {
	color: #ee0000;
}
.cmFormError .dropdown-menu,
.cmFormError .dropdown-menu label,
.cmFormError .dropdown-menu.daterangepicker {
	z-index: 1000;
	color: #333;
}

.page-auth .cmFormAlert{
	left:0;
	top:28px;
}

.cmFormAlert{
	left:0;
}

.formError {
	position: absolute;
	z-index: 4;
	padding: 5px;
	border-radius: 0;
	color: white;
	width: 128px;
	text-align: center;
	font-size: 12px;
	background: red;
	height: auto;
	top: 33px;
}

.formError::after {
	content: '';
	border-bottom: 6px solid red;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	position: absolute;
	left: 8px;
	top: -5px;
}

.form-group.p-20{
	margin-bottom: 0;
}

.modal-footer {
	padding: 15px 28px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap: 1.2rem;
}

.modal-footer .aa-btn {
	background-color: #00b2a9;
	color: #fff;
	border-radius: 3px;
    font-weight: 500;
    font-size: 13px;
    width: 293px;
}

.btn{
	font-size:15px;
}

.login .isCons .lb-body{
	padding: 30px;
	text-align:center;
}

#prevCitas .cancelarCita{
	display:none;
}

#proxCitas .cancelarCita{
	display: inline-block;
}
.altContent{
	color: #00b2a9;
	font-size:15px;
	padding-bottom:10px;
}

#modalNewsSlider .modal-body {
	max-height: 100% !important;
}

.section-news-slider {
	position: relative;
}

.section-news-slider .cmContentList {
	display: block;
	margin:0;
	padding:0;
	list-style: none;
	overflow:hidden;
}

.section-news-slider .cmContentList:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.section-news-slider .cmContentItem {
	margin:0;
	padding:0;
	list-style: none;
	display: block;
	background: none;
}

.section-news-slider .cmHiddenItem .contentWrapper {
	height: 1px;
	overflow: hidden;
}

.section-news-slider .contentName {
	font-size: 20px;
	color: #00b2a9;
}

.section-news-slider .contentAbstract {
	margin-top: 10px;
}

.section-news-slider .contentImage {
	text-align: center;
	margin-top: 10px;
}

.section-news-slider .contentImage img {
	max-width: 100%;
	height: auto;
}

.section-news-slider .contentVideo {
	margin-top: 10px;
}

.section-news-slider .contentVideo iframe {
	border: none;
	width: 100%;
}

@media (max-width: 991px) {
	.section-news-slider .contentVideo iframe {
		height: auto;
	}
}

.section-news-slider .contentButton {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 7px;
}

.section-news-slider .controls {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
}

.section-news-slider .control {
	display: inline-block;
	margin: 0 5px;
}

.section-news-slider .control a {
	text-decoration: none !important;
}

.section-news-slider .control a:focus,
.section-news-slider .control a:active,
.section-news-slider .control a:hover {
	text-decoration: none !important;
}

.section-news-slider .control .fa-circle,
.section-news-slider .control.current .fa-circle-thin {
	display: none;
}

.section-news-slider .control.current .fa-circle,
.section-news-slider .control .fa-circle-thin {
	display: inline;
}

.section-news-slider .arrowsWrapper {
	font-size: 30px;
}

.section-news-slider .arrowsWrapper .arrowPrev {
	position: absolute;
	left: 0;
	bottom: 5px;
}

.section-news-slider .arrowsWrapper .arrowNext {
	position: absolute;
	right: 0;
	bottom: 5px;
}


/* Ajustes relacionados con tarjeta qsalud */
/* Para la opcion de menu de la tarjeta de fidelizacion */
.main-menu > li.inactiveCard .cmMenuTitle:after{
	content: "\f1f0";
	color: red;
	display: block;
	font-family: Material-Design-Iconic-Font;
	font-size: 21px;
	position: absolute;
	right: 23px;
	top: 0;
	padding: 10px 0;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.main-menu > li.hiddenCardItem {
	display: none !important;
}
.main-menu > li.showCardItem {
	display: list-item !important;
}
div.modelMisaludTarjetaWeb span.cmEmbedImageFooter {
	display: none;
}

#grad {
	width: 450px;
	min-height: 736px;
}
#grad .panel-body {
	padding: 25px;
}
#grad .sepCOVIDmedio {
    height: 117px;
}
#grad .sepCOVIDgrande {
	height: 117px;
}
#grad .sepCOVIDgrande + .row {
	padding: 0px 15px;
}

@media screen and (max-width: 767px) {
	#grad{
		width: calc(100% - 28px) !important;
		min-height: 550px;
	}
	#grad .sepCOVIDmedio {
		height: 70px;
	}
	#grad .sepCOVIDgrande {
		height: 70px;
	}
	#grad .txtCOVIDgrande {
		font-size: 1.8em;
	}
	#grad #linkColorCovid a:link {
		font-size: 11px;
	}
	.informacionTarjeta #disclaimerInfo {
		width: 100% !important;
	}
}

.misalud-activecard-info{
	text-align: center;
}
.misalud-card {
	width: 450px;
	min-height: 736px;
    border-radius: 40px;
	overflow: hidden;
	margin: auto;
	padding: 70px 60px 0px 60px;
	margin-bottom: 45px;
}
.misalud-card-header {
	text-align: center;
}
.misalud-card-header-title {
	margin: 0px;
    font-size: 18px;
    padding: 0px 55px;
    line-height: 24px;
    color: white;
    font-weight: 300;
    margin-top: -5px;
}
.misalud-card-header-image, .misalud-card-footer-image img {
	filter: brightness(0) invert(1);
}
.misalud-card-header-image {
	width: 109%;
    position: relative;
    left: -5%;
}
.misalud-card-footer-image-title {
	color: white;
	font-weight: 300;
	position: relative;
	bottom: -10px;
	margin: 0px;
	padding: 0px;
}
.misalud-card-footer-image img {
	width: 100%;
	margin: auto;
}
.misalud-card-content {
	min-height: 310px;
	text-align: center;
	position: relative;
}
.misalud-card-content-userdata {
	font-size: 28px;
	color: #fff;
	text-shadow: 1px 1px 5px #000;
	text-transform: uppercase;
	position: absolute;
	bottom: 40px;
}
.misalud-card-footer {
	width: 100%;
	text-align: center;
}
.misalud-card-footer-info {
	height: 110px;
}
.misalud-card-footer-info-box {
	width: 50%;
	float: left;
	color: white;
	text-align: right;
}
.misalud-card-footer-info-box:first-child {
	font-size: 11px;
	text-align: left;
	position: relative;
	padding-top: 3px;
}
.misalud-card-header,
.misalud-card-footer-info-box-title,
.misalud-card-footer-info-box-value,
.misalud-card-footer-info-box-value__arrow,
.misalud-card-footer-image {
	opacity: 0.5;
}
.misalud-card-footer-info-box-value {
	font-size: 22px;
    font-weight: 500;
}
.misalud-card-footer-info-box:first-child .misalud-card-footer-info-box-value {
	opacity: 1;
	padding-top: 2px;
	font-weight: bold;
}
.misalud-card-footer-info-box-value__arrow {
	font-size: 14px;
    position: relative;
    top: -3px;
}

@media screen and (max-width: 767px) {
	.misalud-card {
		width: calc(100% - 28px);
		min-height: 550px;
		border-radius: 40px;
		overflow: hidden;
		margin: auto;
		padding: 50px 10% 0px 10%;
		margin: 0px 14px 45px 14px;
	}
	.misalud-card-content {
		min-height: 200px;
	}
	.misalud-card-content-userdata br:first-child {
		display: none;
	}
	.misalud-card-header-title {
		font-size: 14px;
		padding: 0px;
	}
	.misalud-card-content-userdata {
		width: 100%;
		font-size: 14px;
		padding: 0px 12px;
		bottom: 60px;
	}

	.misalud-card-footer-info-box:first-child {
		font-size: 8px;
		padding-top: 3px;
	}
	.misalud-card-footer-info-box:nth-child(2) {
		font-size: 10px;
	}
	.misalud-card-footer-info-box-value {
		font-size: 14px;
		font-weight: normal;
	}
	.misalud-card-footer-info-box:first-child .misalud-card-footer-info-box-value {
		padding-top: 0px;
		font-weight: normal;
	}
	.misalud-card-footer-info-box-value__arrow {
		display: none;
	}
	.misalud-card-footer-image-title {
		font-size: 12px;
		bottom: -8px;
	}
	.misalud-card-footer-info {
		height: 80px;
	}
}

.informacionTarjeta .cmEmbedImage {
	position: relative;
    display: inline-block;
}

.informacionTarjeta .cmEmbedImage .user-data {
	position: absolute;
	top: 44%;
	left: 20px;
	right: 20px;
	text-align: center;
	font-size: 28px;
	color: #fff;/*color: #98C1BE;*/
	text-shadow: 1px 1px 5px #000;
	text-transform: uppercase;
}

.informacionTarjeta .cmEmbedImage .date-validity {
	position: absolute;
	bottom: 21.7%;
	left: 17%;
	text-align: left;
	font-size: 22px;
	color: #fff;/*color: #98C1BE;*/
	font-weight: bold;
	text-transform: uppercase;
}
@media screen and (max-width: 767px) {
	.informacionTarjeta .cmEmbedImage .user-data {
		font-size: 26px;
	}
	.informacionTarjeta .cmEmbedImage .date-validity {
		bottom: 22%;
		font-size: 20px;
	}
}
@media screen and (max-width: 479px) {
	.informacionTarjeta .cmEmbedImage .user-data {
		font-size: 20px;
	}
	.informacionTarjeta .cmEmbedImage .date-validity {
		font-size: 16px;
	}
}
@media screen and (max-width: 410px) {
	.informacionTarjeta .cmEmbedImage .user-data {
		font-size: 16px;
	}
	.informacionTarjeta .cmEmbedImage .date-validity {
		font-size: 12px;
	}
}

/* Ajustes para que alerta de la tarjeta Misalud se vea diferente */
#alertCard.modal .modal-footer {
	display: none;
}
#alertCard.modal .modal-body {
    padding: 0 26px 26px;
}

.modal .modal-body span.contentIcon {
    font-size: 70px;
    color: #00b2a9;
	margin-right: 110px;
}
.modal .modal-body span.contentIcon.financial {
	/*font-size: 50px;*/
}

/* Ajustes para que en version movil se vea la descarga de la tarjeta en formato wallet */
.wallet-card .contentBody {
	display: none;
}
.wallet-card .contentBody .cmEmbedImage .cmEmbedImageFooter {
	display: none;
}
@media screen and (max-width: 767px) {
	.wallet-card .contentBody {
		display: block;
		background-color: #ffffff;
		padding-bottom: 15px;
	}
	.wallet-card .contentBody .contentDescription h3.cmAlignleft {
		margin-top: 5px;
	}
	
}
.botonMail{
    margin-top: 20px !important;
}



/* modificaciones menu calculadoras */
.listMain ul.cmContentList {
	list-style-type: none;
	margin:	0px !important;
	padding: 0px !important;
	background-color: #ECECEC;	
}

.listMain ul.cmContentList li {
	background-image: none;
	margin:	0px;
	margin-bottom: 10px;
	padding: 0px;
	background-color: #ffffff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.listMain ul.cmContentList li a {
	display: block;
	padding: 0px;
	text-transform: uppercase;
	font-size: 17px;
}
.listMain ul.cmContentList li a:hover {
	background: #f5f2f2;
	text-decoration: none;
}

.listMain ul.cmContentList li.cmContentItem span.contentIcon {
	background-color: #B7E3E0;
	padding: 22px 20px;
	display: table-cell;
}

.listMain ul.cmContentList li.cmContentItem span.contentIcon:before {	
	font: normal normal normal 14px/1 FontAwesome;
    content: "\f1ec";
	font-size: 26px;
    vertical-align: middle;
	color: #f05168;
	padding-left: 2px;
}

.listMain ul.cmContentList li.cmContentItem span.contentWrapper {
	display: table-cell;
	padding: 0px 15px 0px 15px;
	vertical-align: middle;
}

@media screen and (max-width: 480px)  {
	.listMain ul.cmContentList li a {
		font-size: 14px;
	}
}

/* Banners */

.listBanners > * {
	background: #4A4F54;
	height: 141px;
	width:48%;
	float:left;
	margin-top: 24px;
	color: #FFFFFF;
	position:relative;

}

.listBanners > * > * {
	margin-left: 4%;
}


.listBanners > *:nth-child(even){
	float:right;
}

*.listBanners >*:nth-child(odd){
	float:left;
}

*.listBanners * {
	line-height: 18px !important;
}

.listBanners .digitalHospital{
	background-color: #fff;
	padding: 15.4px 20.8px 18.6px 17.8px;
}

.listBanners .digitalHospital > *{
	text-align: left !important;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.digitalHospital img{
	width: 100%;
	height: auto;
}

.digitalHospital .digitalHospitalTitle a img{
	width: 33.6px;
	margin-left: 16px;
}

.digitalHospital .digitalHospitalTitle a:hover{
	text-decoration: underline;
}

.digitalHospital .digitalHospitalDecorative{
	width: 133px;
	margin-top: 8px;
}

.digitalHospital .digitalHospitalLogo{
	position: absolute;
	right: 20.8px;
	width: 140px;
}

.digitalHospital h1{
	color: #62666A;
	font-size: 19.6px;
	letter-spacing: 0;
	font-weight: normal;
	width: auto !important;
}

.digitalHospital a{
	color: #00A6A0;
	font-size: 19.6px;
	letter-spacing: 0;
	width: auto !important;
	background: 0 !important;
	font-weight: 500;
}

.digitalHospital a:hover{
	text-decoration: underline;
}

.digitalHospital .digitalHospitalTitle{
	width: calc(100% - 137px);
	margin-top: 10px;
	padding-left: 15px;
}

.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital{
	padding: 11px 22px 10px 106px;
}

.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital > *{
	margin: 0 !important;
	display: inline-block !important;
}

.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalDecorative{
	width: 155px;
}

.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle{
	width: calc(100% - 160px);
	padding-left: 33px;
}

.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle > *{
	display: inline-block;
	padding-right: 2px;
	width: auto;
}

.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle a img{
	margin-left: 10px;
}

.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalLogo{
	width: 163px;
	padding-top: 6px;
}

/** Calculadora Inmunidad banners pares**/
.immunityCalc{
	background: #FFFFFF;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	color: #4B4F54 !important;
	font-size: 16px;
}

.immunityCalc > *{
	display: inline-block;
}

.immunityCalc .immunityCalcDecorative{
	margin-left: 0;
	width: 121px;
	float: left;
}

.immunityCalc .immunityCalcDecorative img{
	width: 100%;
	height: auto;
}

.immunityCalc .immunityCalcImgCrop{
	display: none;
}

.immunityCalc .immunityCalcText,
.immunityCalc .immunityCalcLink{
	width: calc(100% - 121px);
	margin-left: 0;
    padding-left: 20px;
    float: left;
}

.immunityCalc .immunityCalcTitle{
	color: #00A6A0;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 25px !important;
	padding-top: 20px;
	margin-bottom: 7px;
}

.immunityCalc .immunityCalcNew{
	position: absolute;
    right: 18px;
    top: 14px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 11px !important;
	text-align: center;
	border-radius: 9px;
  	background-color: #E03E52;
	padding: 3px 8px;
}

.immunityCalc .immunityCalcDescr{
	letter-spacing: 0;
	line-height: 19px !important;
	margin-bottom: 26px;
}

.immunityCalc .immunityCalcLink a{
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 19px !important;
	padding: 10px 22px;
	border-radius: 4px;
	background-color: #E03E52;
	box-shadow: none;
}

.immunityCalc .immunityCalcLink a:hover{
	background-color: #b93243;
}

/** Calculadora Inmunidad banners impares**/
.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc{
	height: auto;
}

.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcImgCrop{
	display: block;
}

.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcImgNormal{
	display: none;
}

.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcNew{
	position: static;
	display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    margin-top: 3px;
}

.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcDecorative{
	width: 154px;
}

.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcText, 
.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcLink{
	width: calc(100% - 154px);
	padding-left: 26px;
}

.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcLink a{
	position: absolute;
	right: 63px;
	top: 50%;
	transform: translateY(-50%);
	padding: 10px 16px;
	width: auto;
	border-radius: 2px;
}

.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcTitle{
	padding-top: 14px;
	text-align: left;
	margin-bottom: 8px;
}

.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcDescr{
	margin-bottom: 0;
	text-align: left;
}

@media screen and (min-width: 1013px) {
	*.listBanners[data-destac1 = 'true']>*:first-child  {
		width: 100%;
	}
	*.listBanners[data-destac1 = 'true']>*:first-child > h1 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	
	*.listBanners[data-destac1 = 'true']>*:first-child:not(*.cov19) > *:not(figure) {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display:block;
	}
	
	
	*.listBanners[data-destac1 = 'true'] > *:nth-child(even){
		float:left;
	}

	*.listBanners[data-destac1 = 'true'] >*:nth-child(odd){
		float:right;
	}

	*.listBanners[data-destac1 = 'true']>*.cov19:first-child > * {
		position:static;
    	display:inline-block !important;
    	margin:0px;
    	margin-top:5px;
		width:auto;
		text-align: center;
		vertical-align:middle;
	}
	
	*.listBanners[data-destac1 = 'true']>*.cov19:first-child > h1 {
		width: 25%;
		font-weight:normal;
		
		 line-height: 40px !important;
	}
	*.listBanners[data-destac1 = 'true']>*.cov19:first-child > p {
		font-size: 30px;
		font-weight:bold;
		width: 18%;
		line-height:40px !important;
		margin-left:4%;
		margin-right:4%;
		min-width: 227px;
		max-width:270px;

	}
		*.listBanners[data-destac1 = 'true']>*.cov19:first-child > a {
		float:right;
		margin-top:50px;
		margin-right:2%
	}
} 

.listBanners > * > h1 {
	font-size: 22px;
}
.listBanners > * > p {
	font-size: 16px;
	margin-bottom: 1.5em;
}
.listBanners > * > em {
	font-size: 16px;
	font-style: normal;
	position: absolute;
	right: 2%;
	top: 14px;
	background-color: #E03E52;
	font-size:12px;
	padding:4px 17px 2px 17px;
	border-radius: 11px 11px 11px 11px;
	-webkit-border-radius: 11px 11px 11px 11px;
	-moz-border-radius: 11px 11px 11px 11px;

}

.listBanners > * > a {
	font-size: 16px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
	text-align: center;
                
}

.listBanners > * > figure {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 130px;
}

.listBanners > * > figure > img {
	max-height: 100%;
	max-width:100%;
}
.listBanners[data-destac1] > *.listChats > figure {
	left:0px;
	margin-left:0px;
	max-height:120px;
	max-width:140px !important;
	overflow:hidden;
	width:33%;
}
.listBanners > .listChats > figure img {
	position:absolute;
	bottom:0px;
   }
.listBanners > *.listChats > *:not(figure) {
	margin-left: 140px;
}

.listBanners > *.listChats h1 {
	font-size:22px
}
.listBanners > .listChats > a {
	background-color: #FF1960;
}
.listBanners > .listChats > a:hover{
	background-color: #cc475a;
    border-color: #cc475a;
}
.listBanners > * a {
 background-color: #FF3F64;
 float: none;
 width: 207px;
}
.listBanners > *.listChats {
	background-color: #4A4F54;

}
.listBanners > * p, .listBanners > * h1 {
	width: 65%;
}

.listBanners .cov19 h1{
	margin-bottom: 51px;
}


@media screen and (max-width: 1410px) {
	.digitalHospital .digitalHospitalTitle{
		width: calc(100% - 114px);
		padding-left: 10px;
		margin-top: 15px;
	}
	.digitalHospital .digitalHospitalDecorative{
		width: 110px;
    	margin-top: 20px;
	}
	.digitalHospital h1,
	.digitalHospital a{
		font-size: 18px;
    	margin-bottom: 6px;
	}
	.digitalHospital .digitalHospitalTitle a img{
		width: 28px;
		margin-left: 8px;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle > *{
		font-size: 19.6px;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle{
		margin-top: 15px !important;
	}
}

@media screen and (max-width: 1013px) {
	.listBanners > * {
		width:100%;
		float:left !important;
		margin-top: 24px;
		color: #FFFFFF;
		position:relative;
	
	}
	.digitalHospital h1{
		margin-right: 2px;
	}
	.digitalHospital .digitalHospitalDecorative{
		width: 145px;
		margin-top: 0;
	}
	.digitalHospital h1, .digitalHospital a{
		margin-bottom: 6px;
		font-size: 19.6px;
		display: inline-block;
	}
	.digitalHospital .digitalHospitalTitle a img{
		width: 33px;
		margin-left: 15px;
	}
	.digitalHospital .digitalHospitalTitle{
		width: calc(100% - 150px);
		margin-top: 22px;
	}
	.digitalHospital .digitalHospitalLogo{
		width: 165px;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital{
		padding: 10px;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle{
		margin-top: 30px !important;
		padding-left: 6px;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle a img{
		margin-left: 6px;
		width: 24px;
	}
}

@media screen and (max-width: 560px) {
	.listBanners .digitalHospital{
		padding: 6px;
	}
	.digitalHospital .digitalHospitalTitle{
		width: 73%;
		padding-left: 0;
		margin-top: 0;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.digitalHospital .digitalHospitalDecorative{
		width: 25%;
    	margin-top: 0;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.digitalHospital h1,
	.digitalHospital a{
		font-size: 4vw;
    	margin-bottom: 6px;
	}
	.digitalHospital .digitalHospitalTitle a img{
		width: 24px;
		margin-left: 8px;
	}
	.digitalHospital .digitalHospitalLogo{
		width: 97px;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalDecorative{
		width: 25%;
    	margin-top: 0;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle{
		width: 73%;
		padding-left: 0;
		margin-top: 0 !important;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle > *{
		font-size: 4vw;
		padding-right: 0;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital{
		padding: 6px;
	}
}

@media screen and (max-width: 500px) {

	.listBanners[data-destac1] > *.listChats > *:not(figure) {
		margin-left: 27%;
	}
}
@media screen and (max-width: 464px) {

	.listBanners > * > h1 {
		font-size:4.5vw !important;
	}

	.listBanners > * > p,.listBanners > * > a {
		font-size:3.5vw !important;
	}

	.listBanners > * > em {
		font-size:2vw;
		padding:4px;
	}

	.listBanners > * > figure {
		max-height:90%;
		max-width:35%;
	}
	.listBanners[data-destac1 = 'false'] > *.listChats > *:not(figure), listBanners[data-destac1 = 'true'] > *.listChats:not(*:first-child) > *:not(figure) {
		margin-left: 34%;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalLogo{
		padding-top: 0;
		width: 97px;
	}
}

@media screen and (max-width: 385px) {
	.digitalHospital .digitalHospitalTitle a img{
		display: none;
	}
	.digitalHospital a{
		font-size: 4.5vw;
    	margin-bottom: 0px;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.digitalHospital .digitalHospitalTitle > a{
		font-size: 4.5vw;
		margin-bottom: 0px;
	}
}
/* ---------- Fin tarea banners  -------------- */

/* Formulario "Te llamo" */

div.form_tellamo {
	display: flex;
	align-items: center;
	margin-top: 4em;
}

div.form_tellamo > #mensajeError,
div.form_tellamo > #formularioTeLlamo {
	display: none;
}

div.form_tellamo > #mensajeError > h1 {
	font-size: 1.5em;
}

div.form_tellamo > div:first-child  {
	display: flex;

}

div.form_tellamo > div:first-child > img {
	width: 100%;
	height: auto;
	max-width: 500px;
	margin: auto;
}

div.form_tellamo h1 {
	color: #05625D;
	font-size: 2.5em;
	font-weight: bold;
}

div.form_tellamo h2 {
	color: #3BA5A2;
	font-size: 1.8em;
}

div.form_tellamo >  div:nth-child(2) > div:nth-child(3) {
	margin-top: 17px;
	margin-bottom: 2em;
}

div.form_tellamo form {
	margin-top: 15px;
}

div.form_tellamo form > div > div,
div.form_tellamo form > div {
	padding: 0;
}

div.form_tellamo form label {
	display: block;
}

div.form_tellamo form label {
	padding: 0;
	color: black;
}

div.form_tellamo form > div > input::placeholder,
div.form_tellamo form > div > textarea::placeholder {
	opacity: 0.8;
}

div.form_tellamo form > div > div > input.numTlf {
	height: 44px;
	margin-bottom: 1em;
	width: 50%;
	min-width: 185px;
	padding-left: 40px;
	background-image: url(../imagenes/app/tlfInput.png);
	background-size: 20px;
	background-position-x: 10px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	border: solid 1px rgb(169, 169, 169);
}
div.form_tellamo form > div > div > input.numTlf {
	height: 44px;
	margin-bottom: 1em;
	width: 50%;
	min-width: 185px;
	padding-left: 40px;
	background-image: url(../imagenes/app/tlfInput.png);
	background-size: 20px;
	background-position-x: 10px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	border: solid 1px rgb(169, 169, 169);
}

@-webkit-keyframes autofill {
    to {
        background-image:url(../imagenes/app/tlfInput.png);
    }
}

div.form_tellamo form > div > div > input.numTlf:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}


div.form_tellamo form > div > div > textarea.descrip {
	resize: none;
	height: 120px;
	padding: .8em;
	margin-bottom: 1em;
	border: solid 1px rgb(169, 169, 169);
}

div.form_tellamo form .condiciones label {
	font-size: 0.8em;
}

div.form_tellamo form .condiciones label > span.check {
	width: 15px;
	height: 15px;
	position: absolute;
	border-radius: 2px;
	position: absolute;
	left: -1px;
	margin-top: 2px;
	border: 1px solid #747474;
}

div.form_tellamo form .condiciones label > span.check:after {
	content: "";
	position: absolute;
	display: none;
	left: 5px;
	top: 1px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.form_tellamo form .condiciones label > input[type=checkbox]:checked ~ span.check {
	background-color: #EE4F68;
	border: none;
}

div.form_tellamo form .condiciones label > input[type=checkbox]:checked ~ span.check:after {
	display: block
} 

div.form_tellamo form .condiciones label > input[type=checkbox] {
	margin-right: 0.5em;
	height: 15px;
	width: 15px;
	opacity: 0;
	margin: 0 5px 0 0;
}

div.form_tellamo form .condiciones label > a {
	font-weight: normal;
}

div.form_tellamo form .btnLlamar input.btn_llamada {
	float: none;
	margin-top: 0;
	display: block;
	margin-top: 1em;
	padding-right: 50px;
	background-image: url(../imagenes/app/btnQuieroQueMeLlamen.png);
	background-size: 20px;
	background-position-x: 93%;
	background-position-y: 0.6em;
	background-repeat: no-repeat;
}

div.form_tellamo .infoFormCardAsigned {
    margin-top: 2% !important;
    color: black !important;
}



@media screen and (max-width: 767px)  {

	div.form_tellamo {
		margin-top: 1em;
	}

	div.form_tellamo > div:last-child {
		padding: 0;
	}

	div.form_tellamo > div:last-child > * {
		padding: 0;
	}

	div.form_tellamo form > div > div > input.numTlf,
	div.form_tellamo form > div > div > textarea.descrip {
		width: 100%;
	}

	div.form_tellamo form .btnLlamar input.btn_llamada {
		width: 90%;
		margin: auto;
		margin-top: 2em;
	}

	div.form_tellamo div.cmFormAlert {
		width: 100%;
		position: absolute;
		top: 70px;
		left: 0;
	}

	div.form_tellamo div.condiciones div.cmFormAlert {
		position: absolute;
		width: 100%;
		top: 80px;
		left: 0x;
	}

}

@media (min-width: 768px) and (max-width: 991px)  {

	div.form_tellamo {
		display: flex;
		flex-direction: column;
	}

	div.form_tellamo > div:first-child {
	/* se comenta por la mala visibilidad de la pantalla de error */
		/*order: 2;*/
		display: block;
	}

	div.form_tellamo > div:last-child {
		order: 1;
	}

	div.form_tellamo > div:last-child form div  {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: right;
	}
	
	div.form_tellamo > div:last-child form div > div > *, 
	div.form_tellamo > div:last-child form div.condiciones,
	div.form_tellamo > div:last-child form div.btnLlamar > * {
		width: 50%;
		margin-left: 50%;
	}

	div.form_tellamo > div:last-child form div.btnLlamar {
		margin-bottom: 1em;
	}
/* se comenta por la mala visibilidad de la pantalla de error */
	/*div.form_tellamo > div:first-child {
		margin-top: -26em;
	}*/

	div.form_tellamo > div:first-child > img {
		width: 300px;
		height: auto;
	}

	div.form_tellamo div.cmFormAlert {
		position: absolute;
		top: 70px;
		left: -10em;
	}

	div.form_tellamo div.condiciones div.cmFormAlert {
		position: absolute;
		width: 100%;
		top: 75px;
		left: -160px;
	}

}

/* Solicitud confirmada */

div.solicitudconfirmada {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 4em;
	text-align: center;
}

div.solicitudconfirmada h1 {
	color: #05625D;
	font-size: 2.5em;
	margin: 2em 0 1em 0;
	
}

div.solicitudconfirmada > span {
	font-size: 1.6em;
	max-width: 35%;
}

div.solicitudconfirmada > span:last-child {
	margin-top: 3em;
}

div.solicitudconfirmada > span > span {
	color: #D7974D;
	font-weight: bold;
}

@media screen and (max-width: 767px)  {

	div.solicitudconfirmada {
		margin-top: 1em;
	}

	div.solicitudconfirmada > h1 {
		margin-top: 1em;
	}

	div.solicitudconfirmada > img {
		width: 80%;
		height: auto;
		max-width: 450px;
		max-height: 256px;
	}

	div.solicitudconfirmada > span {
		font-size: 1.6em;
		max-width: 90%;
	}

	div.solicitudconfirmada > span:last-child {
		margin-top: 2em;
	}

}

/* Solicitud denegada */ 

div.solicituddenengada {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 4em;
	text-align: center;
}

div.solicituddenengada h1 {
	color: #05625D;
	font-size: 1.5em;
	margin: 2em 0 1em 0;
	font-weight: bold;
}

@media screen and (max-width: 767px)  {

	div.solicituddenengada {
		margin-top: 1em;
	}

	div.solicituddenengada > h1 {
		margin-top: 1em;
	}

	div.solicituddenengada > img {
		width: 80%;
		height: auto;
		max-width: 450px;
		max-height: 256px;
	}
	div.solicituddenengada > span:last-child {
    		margin-top: 2em;
    	}

}

/* Banner 'Te Llamo' */

/* div.cov19 {
	background: #1AB1A7;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 1em 0;
	padding: 0 1em;
	height: 115px;
}

div.cov19 > div {
	display: flex;
	align-items: center;
	height: 100% !important;
}

div.cov19 span {
	color: white;
}

div.cov19 > div:first-of-type  > span{
	font-size: 2em;
	text-align: right;
}

div.cov19 > div:nth-of-type(2) > span {
	font-size: 1.8em;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

div.cov19 > div:nth-child(3) {
	display: flex;
	justify-content: center;
}

div.cov19 > div:nth-child(3) > img {
	height: 115px;
	margin-left: -30px;
}

div.cov19 > div:nth-child(4) {
	display: flex;
	justify-content: flex-end;
}

div.cov19 a:hover, .cov19 a {
	text-align: center;
	width: 100%;
	max-width: 230px;
}

div.cov19 a:hover, .cov19 a:focus {
	text-decoration: none;
}

@media screen and (max-width: 767px) {

	.notNew > div:first-child {
		padding: 0;
	}

	div.cov19 > div:nth-child(4) > a {
		width: 88%;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 100%;
		margin-top: 1em !important;
	}

	div.cov19 > div:nth-child(3) > img {
		width: 165px;
		height: auto;
		margin-top: -20px !important;
		margin-left: 45px !important;
	}

}

@media screen and (max-width: 991px)  {

	div.cov19 {
		height: 100%;
		padding-top: 0.5em;
	}

	div.cov19 > div:nth-child(1), div.cov19 > div:nth-child(2) {
		z-index: 10;
	}

	div.cov19 > div:first-child > span,
	div.cov19 > div:nth-child(2) > span {
		width: 100%;
		text-align: right;
	}

	div.cov19 > div:nth-child(3) > img {
		margin-top: -3em;
		margin-left: 0;
	}

	div.cov19 > div:nth-child(4) {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 1em;
	}

	div.cov19 > div:nth-child(4) > a {
		margin-top: 0.5em;
	}

}

@media (min-width: 992px) and (max-width: 1199px)  {

	div.cov19 > div:nth-child(3) > img {
		margin-left: -40px
	}

}
 */
/* Formulario "Covid19" */

div.form_covid19 {
	display: flex;
	align-items: center;
	margin-top: 4em;
}

div.form_covid19 > #mensajeError,
div.form_covid19 > #formularioCovid19 {
	display: none;
}

div.form_covid19 > #mensajeError > h1 {
	font-size: 1.5em;
}

div.form_covid19 > div:first-child  {
	display: flex;

}

div.form_covid19 > div:first-child > img {
	width: 100%;
	height: auto;
	max-width: 500px;
	margin: auto;
}

div.form_covid19 h1 {
	color: #05625D;
	font-size: 2.5em;
	font-weight: bold;
}

div.form_covid19 h2 {
	color: #3BA5A2;
	font-size: 1.8em;
}

div.form_covid190 >  div:nth-child(2) > div:nth-child(3) {
	margin-top: 17px;
	margin-bottom: 2em;
}

div.form_covid19 form {
	margin-top: 15px;
}

div.form_covid19 form > div > div,
div.form_covid19 form > div {
	padding: 0;
}

div.form_tellamo form label {
	display: block;
}

div.form_covid19 form label {
	padding: 0;
	color: black;
	position : relative;
}

div.form_covid19 form > div > input::placeholder,
div.form_covid19 form > div > textarea::placeholder {
	opacity: 0.8;
}

div.form_covid19 form > div > div > input.numTlf {
 	height: 44px;
 	margin-bottom: 1em;
 	width: 50%;
 	min-width: 185px;
 	padding-left: 40px;
 	background-image: url(../imagenes/app/tlfInput.png);
 	background-size: 20px;
 	background-position-x: 10px;
 	background-position-y: 10px;
 	background-repeat: no-repeat;
 	border: solid 1px rgb(169, 169, 169);
 }

div.form_covid19 form > div > div > input {
	height: 44px;
	margin-bottom: 1em;
	width: 50%;
	min-width: 185px;
	padding-left: 40px;
	background-size: 20px;
	background-position-x: 10px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	border: solid 1px rgb(169, 169, 169);
}

div.form_covid19 form > div > div > select {
	height: 44px;
	margin-bottom: 1em;
	width: 50%;
	min-width: 185px;
	padding-left: 40px;
	background-size: 20px;
	background-position-x: 10px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	border: solid 1px rgb(169, 169, 169);
}

@-webkit-keyframes autofill {
    to {
        background-image:url(../imagenes/app/tlfInput.png);
    }
}

div.form_covid19 form > div > div > input.numTlf:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}


div.form_covid19 form > div > div > textarea.descrip {
	resize: none;
	height: 120px;
	padding: .8em;
	margin-bottom: 1em;
	border: solid 1px rgb(169, 169, 169);
}

div.form_covid19 form .condiciones label {
	font-size: 0.8em;
}

div.form_covid19 form .condiciones label > span.check {
	width: 15px;
	height: 15px;
	position: absolute;
	border-radius: 2px;
	left: -1px;
	margin-top: 2px;
	border: 1px solid #747474;
}

div.form_covid19 form .condiciones label > span.check:after {
	content: "";
	position: absolute;
	display: none;
	left: 5px;
	top: 1px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.form_covid19 form .condiciones label > input[type=checkbox]:checked ~ span.check {
	background-color: #EE4F68;
	border: none;
}

div.form_covid19 form .condiciones label > input[type=checkbox]:checked ~ span.check:after {
	display: block
}

div.form_covid19 form .condiciones label > input[type=checkbox] {
	margin-right: 0.5em;
	height: 15px;
	width: 15px;
	opacity: 0;
	margin: 0 5px 0 0;
}

div.form_covid19 form .condiciones label > a {
	font-weight: normal;
}

div.form_covid19 form .btnLlamar input.btn_llamada {
	float: none;
	margin-top: 0;
	display: block;
	margin-top: 1em;
	padding-right: 50px;
	background-image: url(../imagenes/app/btnQuieroQueMeLlamen.png);
	background-size: 20px;
	background-position-x: 93%;
	background-position-y: 0.6em;
	background-repeat: no-repeat;
}

div.form_covid19 .infoFormCardAsigned {
    margin-top: 2% !important;
    color: black !important;
}

div[data-service="proxia-restful-diplomas"] .fa-spinner,
div[data-service="proxia-restful-edad-cardiovascular"] .fa-spinner{
	display: none;
}

/* Certificados y diplomas */
div[data-service="proxia-restful-diplomas"] {
	margin-top: 33px;
}

.certificates-list-container .title {
    margin: 20px 0;
    border: 0;
    color: #4B4F54;
    font-family: Roboto;
    font-size: 34px;
    font-weight: 500;
    line-height: 1em;
}

.certificates-list-container .certificates-list{
	list-style-type: none;
	padding: 0;
	margin-top: 21px;
}

.certificates-list-container .certificate-icon{
	background: #02847d !important;
}

.certificates-list-container .certificate-url a{
	color: #02847d;
}

#horasCita .hoursContainer{
	margin-bottom: 45px;
}

#horasCita .submitContainer input{
	float: none;
}

#horasCita .hoursTitle{
	color: #000000;
	font-size: 12px;
	letter-spacing: 0;
	margin-bottom: 20px;
}

#horasCita .hoursList{
	list-style-type: none;
	padding: 0;
}

#horasCita .hoursList > li{
	width: 25%;
	float: left;
	margin-bottom: 25px;
}

#horasCita .hoursList > li a{
	border: 1px solid #979797;
	border-radius: 67.5px;
	color: #4B4F54;
  	font-size: 14px;
	letter-spacing: 0;
	padding: 10px 18px;
	text-decoration: none;
	cursor: pointer;
}

#horasCita .hoursList > li a.active,
#horasCita .hoursList > li a:hover{
	background-color: #008488;
	border-color:  #008488;
	font-weight: bold;
	color: #fff;
}

#horasCita .send{
	padding-left: 0;
}

/* Scrollbars */
.modern-scrollbar {
	scrollbar-face-color: #dddddd;
	scrollbar-highlight-color: #dddddd;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #dddddd;
	scrollbar-shadow-color: #dddddd;
	scrollbar-arrow-color: #dddddd;
	scrollbar-track-color: #ffffff;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.modern-scrollbar::-webkit-scrollbar {
	width:  6px;
	height: 6px;
	background-color:transparent;
}
.modern-scrollbar::-webkit-scrollbar-track {
	background-color:transparent;
	width: 2px;
}
.modern-scrollbar::-webkit-scrollbar-track-piece {
	background-color: transparent;
}
.modern-scrollbar::-webkit-scrollbar-thumb {
	background-color: #cccccc;
	width: 6px;
}

button.show-more-messages{
	width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    border: 0;
    font-size: 12px;
    background: 0;
    color: #008489;
    margin-bottom: 15px;
}

button.show-more-messages:hover{
	text-decoration: underline;
}

.close-dialog{
	position: absolute;
	background-color: rgb(75,79,84,0.9);
	color: #fff;
	top: 57px;
	z-index: 999;
	height: 100%;
	font-size: 16px;
	text-align: center;
}

.close-dialog-container{
	position: relative;
    top: 40%;
    transform: translateY(-40%);
}

.close-dialog .close-title{
	padding: 0 15px;
}

.close-dialog .close-buttons{
	margin-top: 12px;
}

.close-dialog .close-buttons button{
	border-radius: 5px;
}

.close-dialog .close-buttons button span{
	display: block;
	min-width: 25px;
}

.close-dialog .close-buttons button:first-child{
	margin-right: 15px;
}

/* EDAD CARDIOVASCULAR */
.banner-age{
	margin-bottom: 30px;
	color: #E23C4F;
	font-weight: bold;
	font-size: 22px;
}

.banner-age-container{
	background-color: #fff;
	background-image: url(../imagenes/app/edad-cardiovascular-bg.png);
    background-position: left;
    background-repeat: no-repeat;
	background-size: 300px 100%;
    padding: 3px 55px 3px 80px;
    overflow: hidden;
}

.banner-age-container{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.banner-age-logo{
	width: 75px;
}

.banner-age-logo img{
	width: 100%;
	height: auto;
}

.banner-age-info a{
	color: #fff;
	background-color: #E23C4F;
	padding: 11px 75px;
	font-size: 16px;
	font-weight: normal;
	border-radius: 6px;
	text-decoration: none;
}

.banner-age-info a:hover{
	background-color: #c33646;
}

.banner-age-text{
	margin-left: 75px;
}

.banner-age-text > *{
	display: inline-block;
	vertical-align: middle;
}

.banner-age-text .age{
	margin-left: 6px;
	font-size: 50px;
	font-weight: 500;
}

.banner-age-text .years{
	font-size: 30px;
    font-weight: 500;
}

@media screen and (max-width: 1350px)  {
	.banner-age-container{
		padding: 3px 30px 3px 30px;
		background-size: 250px 100%;
	}
	.banner-age-logo{
		margin-left: 30px;
	}
	.banner-age-text {
		margin-left: 50px;
	}
}

@media screen and (max-width: 992px)  {
	.banner-age-container{
		display: block;
		padding: 6px 3px 3px 175px;
		min-height: 141px;
		background-size: 300px 100%;
		background-position: -80px 0;
	}
	.banner-age-logo{
		width: auto;
		position: absolute;
		left: 25px;
		top: 50%;
		transform: translateY(-50%);
	}
	.banner-age-text,
	.banner-age-logo{
		margin-left: 0;
	}
	.banner-age-text > *{
		display: inline;
	}
	.banner-age-text .years,
	.banner-age{
		font-size: 3.5vw;
		font-weight: 500;
	}
	.banner-age-text .age{
		font-size: 5vw;
		margin: 0;
	}
	.banner-age-info a{
		display: inline-block;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcLink a{
		right: 30px;
	}
}

@media screen and (max-width: 767px)  {

	div.form_covid19 {
		margin-top: 1em;
	}

	div.form_covid19 > div:last-child {
		padding: 0;
	}

	div.form_tellamo > div:last-child > * {
		padding: 0;
	}

	div.form_covid19 form > div > div > input.numTlf,
	div.form_covid19 form > div > div > textarea.descrip {
		width: 100%;
	}

	div.form_covid19 form .btnLlamar input.btn_llamada {
		width: 90%;
		margin: auto;
		margin-top: 2em;
	}

	div.form_covid19 div.cmFormAlert {
		width: 100%;
		position: absolute;
		top: 70px;
		left: 0;
	}

	div.form_covid19 div.condiciones div.cmFormAlert {
		position: absolute;
		width: 100%;
		top: 80px;
		left: 0x;
	}

	.bootstrap-datetimepicker-widget ul{
		min-width: 270px;
	}

	.pedirCitaBody .tab3.has-hours{
		width: 100%;
	}

	.pedirCitaBody .tab3.has-hours .loading{
		top: 60%;
	}

	.pedirCitaBody .fecha{
		text-align: center;
	}

	.pedirCitaBody .fecha label{
		max-width: 270px;
   		margin-right: auto;
    	margin-left: auto;
    	text-align: left;
	}
	
	#horasCita {
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
	}

	#horasCita .hoursList > li{
		width: 33%;
	}

	#horasCita .hoursList > li a{
		padding: 10px 15px;
	}

	#horasCita .hoursContainer{
		margin-bottom: 0;
	}

	.mobile-tabs{
		display: inline-block;
	}

	.pedirCitaHead ul li .triangle-left,
	.pedirCitaHead ul li .triangle-right{
		display: none;
	}

	.bootstrap-datetimepicker-widget.bottom{
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%);
	}
	
	.pedirCitaBody .tab3{
		width: 100%;
		padding: 6px 0;
	}

	#horasCita .hoursTitle{
		margin-top: 10px;
		padding-left: 15px;
	}

	.banner-age-info{
		margin-top: 15px;
	}

	.banner-age-logo{
		width: 24%;
	}

	.banner-age-info a{
		padding: 11px 30px;
		font-size: 3vw;
		margin-bottom: 6px;
	}

	.banner-age-container{
		padding-left: 36%;
		min-height: 120px;
		background-position: -200% 0;
		background-size: 85% 100%;
	}

	.banner-age-text .years,
	.banner-age{
		font-size: 4.5vw;
	}

	.banner-age-text .age{
		font-size: 6.5vw;
	}

	.banner-age-logo{
		left: 20px;
	}

	.banner-age-text{
		margin-top: 4%;
	}

	.cardiovascular-age-item {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.cardiovascular-age-container{
		padding: 15px 15px 45px 15px;
	}

	.doctor-call a{
		display: block;
		padding: 15px 6px;
	}

	.doctor-call h3{
		margin-bottom: 30px;
	}

	#l-activate-success .activate-btn-second{
		float: none;
		margin-top: 12px;
	}

	#l-activate-success .activate-btn-first,
	#l-activate-success .activate-btn-second{
		display: block;
		text-align: center;
	}

	#l-activate-success .activate-btn-first a,
	#l-activate-success .activate-btn-second a{
		white-space: normal;
	}

	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcDecorative{
		width: 121px;
	}

	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcText, 
	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcLink{
		width: calc(100% - 121px);
		padding-left: 20px;
	}

	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcNew{
		position: absolute;
		margin: 0;
	}

	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcImgNormal{
		display: block;
	}

	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcImgCrop{
		display: none;
	}

	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcDescr{
		margin-bottom: 26px;
	}

	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcLink a{
		position: static;
	}
}


@media (min-width: 768px) and (max-width: 991px)  {

	div.form_covid19 {
		display: flex;
		flex-direction: column;
	}

	div.form_covid19 > div:first-child {
	/* se comenta por la mala visibilidad de la pantalla de error */
		/*order: 2;*/
		display: block;
	}

	div.form_covid19 > div:last-child {
		order: 1;
	}

	div.form_covid19 > div:last-child form div  {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: right;
	}

	div.form_covid19 > div:last-child form div > div > *,
	div.form_covid19 > div:last-child form div.condiciones,
	div.form_covid19 > div:last-child form div.btnLlamar > * {
		width: 50%;
		margin-left: 50%;
	}

	div.form_covid19 > div:last-child form div.btnLlamar {
		margin-bottom: 1em;
	}
/* se comenta por la mala visibilidad de la pantalla de error */
	/*div.form_tellamo > div:first-child {
		margin-top: -26em;
	}*/

	div.form_covid19 > div:first-child > img {
		width: 300px;
		height: auto;
	}

	div.form_covid19 div.cmFormAlert {
		position: absolute;
		top: 70px;
		left: -10em;
	}

	div.form_covid19 div.condiciones div.cmFormAlert {
		position: absolute;
		width: 100%;
		top: 75px;
		left: -160px;
	}
}

@media screen and (max-width: 480px)  {
	.immunityCalc .immunityCalcDescr{
		margin-bottom: 0px;
    	font-size: 12px;
		padding-right: 6px;
	}
	.immunityCalc .immunityCalcNew{
		top: 6px;
		right: 6px;
		font-size: 8px;
		padding: 3px 5px;
	}
	.immunityCalc .immunityCalcTitle,
	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcTitle{
		padding-top: 28px;
	}
	.immunityCalc .immunityCalcLink{
		margin-top: 12px;
	}
	.immunityCalc .immunityCalcLink a,
	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcLink a{
		white-space: nowrap;
		font-size: 14px;
		padding: 6px 6px;
	}
	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcDescr{
		margin-bottom: 0;
	}
}

@media screen and (max-width: 345px)  {
	.immunityCalc .immunityCalcDescr{
		display: none;
	}
	.immunityCalc .immunityCalcLink a,
	.listBanners[data-destac1 = 'true']>*:first-child.immunityCalc .immunityCalcLink a{
		padding: 10px 6px;
	}
}

/* ficha detalle discapacidad */
.modelDireccion.templateHtml .tipoCita{
	padding:0 0 40px;
}

.modelDireccion.templateHtml .col-for-icon .boxRight{
padding:30px 30px 0;
}

.col-for-icon .box-icon-adap {
padding: 15px;
display:flex;
justify-content: flex-start;
border: 1px solid #00b2a9;
margin: 10px 30px;
align-items: center;
max-width: 370px;
}
.col-for-icon .box-icon-adap .icon-title{
padding: 10px;
color:#00b2a9;
font-size: 16px;
text-align:center;
line-height: 1.3em;
flex-grow: 1;
}
.col-for-icon .box-icon-adap img.icon-adap {
width: auto;
height: 52px;
margin-left: 8px;
margin-top: -4px;
}
/* END ficha detalle discapacidad */

.dontShow {
	display: none;
}

.page-auth-error {
	.backstretch {
		filter: grayscale(100%) blur(5px);
	}
}