/*

* Override Pages default styles or create your own styles here

*/

.null_bills td {
	color: red !important;
}

.note_bills td {
	color: #8dc1ff !important;
	/*#F58634*/
}

.null_calendar td {
	color: red !important;
}

.accordionList {
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'arial';
	font-size: 13px;
	padding-top: 14px;
	padding-bottom: 14px;
	vertical-align: middle;
	border-bottom: 1px solid rgba(230, 230, 230, 0.7);
	color: rgba(44, 44, 44, 0.86);
}

.tableAccordionList {
	padding: 8px;
}

.angucomplete-dropdown {
	overflow-y: auto;
	max-height: 200px;
	height: 200px !important;
	width: auto;
}

.no-display {
	display: none;
}

#li-menu {
	float: left;
}

#li-filters {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

font-montserrat {
	font-family: 'Montserrat' !important;
}

.all-caps {
	text-transform: uppercase;
}

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

#link-menu {
	color: #777;
	padding-top: 20px;
	padding-bottom: 20px;
	min-width: 50px;
}

.actives {
	background-color: #eeeeee;
}

.animate-enter {
	-webkit-transition: 1s linear all;
	/* Chrome */
	transition: 1s linear all;
	opacity: 0;
}

.animate-enter.animate-enter-active {
	opacity: 1;
}

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

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

.bill_services table {
	height: 103px;
	display: -moz-groupbox;
}

.bill_services tr {
	width: 100%;
	display: inline-table;
	height: 60px;
	table-layout: fixed;
}

.bill_services table tbody tr td {
	padding: 10px !important;
}

.bill_services tbody {
	overflow-y: scroll;
	height: 120px;
	width: 95%;
	position: absolute;
}

.modal-fullscreen .modal-content {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-fullscreen .modal-dialog {
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

@media (min-width: 768px) {
	.modal-fullscreen .modal-dialog {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.modal-fullscreen .modal-dialog {
		width: 970px;
	}
}

@media (min-width: 93px) {
	.modal-fullscreen .modal-dialog {
		width: 93px;
	}
}

/*este estilo arregla el z-index del tooltip*/

.tooltip {
	position: fixed;
}

.column {
	margin: 5px 5px 0;
	padding: 0;
}

.column:last-child {
	padding-bottom: 5px;
}

.column::after {
	content: '';
	clear: both;
	display: block;
}

.column div {
	position: relative;
	float: left;
	width: 93px;
	height: 93px;
	margin: 0 0 0 25px;
	padding: 0;
}

.column div:first-child {
	margin-left: 0;
}

.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 93px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

figure {
	width: 93px;
	height: 93px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

/* Opacity #2 */

.hover12 figure {
	background: #1abc9c;
}

.hover12 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover12 figure:hover img {
	opacity: .5;
}

/* Imagenes CDAI */

.imghumano {
	display: inline-block;
	position: relative;
	min-width: 257px;
}

.ptnhumano,
.ptnhumanoDAPSA,
.ptnhumanoDAS28 {
	position: absolute;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../img/img/botonv.png);
	background-size: auto auto;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	z-index: 99;
}

.ptnhumano.activo,
.ptnhumanoDAPSA.activo,
.ptnhumanoDAS28.activo {
	background: url(../img/img/botonr.png);
	background-size: auto auto;
	background-size: 12px 12px;
	background-repeat: no-repeat;
}

.ptnHumanoRODNAN {
	position: absolute;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../img/img/botonRodnanTrans.png);
	background-size: auto auto;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	z-index: 99;
}

.ptnHumanoRODNAN.activo {
	background: url(../img/img/botonRodnanN.png);
	background-size: auto auto;
	background-size: 12px 12px;
	background-repeat: no-repeat;
}

.bodyleft1 {
	top: 36px;
	left: 100px;
}

.bodyleft2 {
	top: 66px;
	left: 97px;
}

.bodyleft3 {
	top: 96px;
	left: 92px;
}

.bodyleft4 {
	top: 162px;
	left: 110px;
}

.bodyright1 {
	top: 36px;
	left: 145px;
}

.bodyright2 {
	top: 66px;
	left: 148px;
}

.bodyright3 {
	top: 96px;
	left: 157px;
}

.bodyright4 {
	top: 162px;
	left: 136px;
}

.handleft1 {
	top: 126px;
	left: 18px;
}

.handleft2 {
	top: 140px;
	left: 4px;
}

.handleft3 {
	top: 160px;
	left: 30px;
}

.handleft4 {
	top: 178px;
	left: 30px;
}

.handleft5 {
	top: 160px;
	left: 45px;
}

.handleft6 {
	top: 178px;
	left: 45px;
}

.handleft7 {
	top: 160px;
	left: 60px;
}

.handleft8 {
	top: 178px;
	left: 61px;
}

.handleft9 {
	top: 154px;
	left: 73px;
}

.handleft10 {
	top: 170px;
	left: 75px;
}

.handright1 {
	top: 126px;
	left: 226px;
}

.handright2 {
	top: 140px;
	left: 241px;
}

.handright3 {
	top: 160px;
	left: 214px;
}

.handright4 {
	top: 178px;
	left: 214px;
}

.handright5 {
	top: 160px;
	left: 200px;
}

.handright6 {
	top: 178px;
	left: 200px;
}

.handright7 {
	top: 160px;
	left: 185px;
}

.handright8 {
	top: 178px;
	left: 182px;
}

.handright9 {
	top: 154px;
	left: 172px;
}

.handright10 {
	top: 170px;
	left: 169px;
}

/**** Class slide ****/

.slideText {
	font-size: 12px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.red-tooltip+.tooltip>.tooltip-inner {
	background-color: #fcf8e3;
}

.red-tooltip+.tooltip>.tooltip-arrow {
	border-bottom-color: #fcf8e3;
}

.grey-tooltip+.tooltip>.tooltip-inner {
	background-color: #91a5b9;
}

.grey-tooltip+.tooltip>.tooltip-arrow {
	border-bottom-color: #91a5b9;
}

.blue-tooltip+.tooltip>.tooltip-inner {
	background-color: #6ca5c2;
}

.blue-tooltip+.tooltip>.tooltip-arrow {
	border-bottom-color: #6ca5c2;
}

.pink-tooltip+.tooltip>.tooltip-inner {
	background-color: #ed7878;
}

.pink-tooltip+.tooltip>.tooltip-arrow {
	border-bottom-color: #ed7878;
}

/* clases para la convencion de colores en el modulo de terapias */

a.redTP {
	background-color: #e25f80;
	color: black !important;
	padding: 2.5px 13px;
	border-radius: 5px;
	border: 1px solid #ababab;
	margin-right: 5px;
}

a.greenTP {
	background-color: #00cfbe;
	color: black;
	padding: 2.5px 13px;
	border-radius: 5px;
	border: 1px solid #ababab;
	margin-right: 5px;
}

a.greyTP {
	background-color: #ccc;
	color: black;
	padding: 2.5px 13px;
	border-radius: 5px;
	border: 1px solid #ababab;
	margin-right: 5px;
}

a.yellowTP {
	background-color: rgb(236, 248, 131);
	color: black;
	padding: 2.5px 13px;
	border-radius: 5px;
	border: 1px solid #ababab;
	margin-right: 5px;
}

a.uno {
	background-color: #fcf8e3;
	color: black !important;
	padding: 2.5px 13px;
	border-radius: 5px;
	border: 1px solid #ababab;
	margin-right: 5px;
}

a.dos {
	background-color: #91a5b9;
	color: black;
	padding: 2.5px 13px;
	border-radius: 5px;
	border: 1px solid #ababab;
	margin-right: 5px;
}

a.tres {
	background-color: #6ca5c2;
	color: black;
	padding: 2.5px 13px;
	border-radius: 5px;
	border: 1px solid #ababab;
	margin-right: 5px;
}

a.cuatro {
	background-color: #ed7878;
	color: black;
	padding: 2.5px 13px;
	border-radius: 5px;
	border: 1px solid #ababab;
	margin-right: 5px;
}

.validateIncomplete {
	border: 2px solid rgb(227, 149, 168);
	border-radius: 4px;
	background-color: #edc5cf;
}

.validateComplete {
	border: 2px solid #74c9c2;
	border-radius: 4px;
	background-color: #bce6e2;
}

.check_collapsed {
	border: 1px solid #e25f80;
	margin: 0px 50px;
	padding: 10px 0px;
	color: #e25f80;
	border-radius: 3px;
	position: absolute;
	top: 6px;
	left: 75%;
}

.scrollModal {
	overflow-y: scroll;
}


.off {
	background-color: red;

}

.on {
	border: 2px solid #818181 !important
}

.on .panel-heading {
	background-color: #efefef !important;

}

.bg_imcumplida {
	background: #fbffe4 !important;
}

.bg_sala {
	background: #caedff !important;
}


#head,
#linkas {
	text-align: center
}

@media (max-width:1200px) {
	.body-login {
		background-image: url(../img/default2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: auto;
		width: auto
	}
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%
}

@media (min-width:1200px) {
	.body-login {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../img/default.jpg)
	}
}

#form {
	max-width: 333px;
	width: 90%;
	position: relative;
	left: 50%;
	top: 10%;
	padding: 40px;
	border-radius: 4px;
	transform: translate(-50%, 10%);
	color: #fff;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .2)
}

#image {
	margin: auto;
	width: 50%;
	padding: 10px;
	max-height: 175px;
	max-width: 175px
}

#linkas {
	display: block;
	font-size: 12px;
	opacity: .9;
	text-decoration: none
}

#butonas {
	background: #70b2d0;
	outline: 0;
	text-shadow: initial
}

#formum,
#formum2 {
	background: 0 0;
	border: none;
	border-bottom: 1px solid #434a52;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	color: inherit
}

.footer-2 {
	background-color: #231f20;
	color: #fff
}

@media (max-width:767px) {
	.footer-2 p {
		text-align: center
	}
}

@media (min-width: 1440px) {
	body {
		background-position: top;
	}
}

@font-face {
	font-family: "HP-Simplified";
	src: url("../fonts/hp-simplified-light.ttf");
	src: local('?'),
		url("../fonts/hp-simplified-light.ttf")
}
.citasPasadas {
	/*background-color: #ecddb7d7 !important; /* Naranja claro */
	background: linear-gradient(to right, white 90%, red 90%) !important; /* Naranja claro */
}

.contenedor-notificacion {
	max-height: 100px;
	padding-top: 3px;
	width: 450px;
	margin: none;
}

@media screen and (min-width: 1367px) and (max-width: 1920px) {
.contenedor-notificacion {
	width: 750px;
}
}

