/* ==========================================================================
   General Styles
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);

body 		{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; line-height: 24px; color: #414141; }
a 			{ color: #0078C9; -webkit-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -o-transition: .25s; transition: .25s; }
a:hover 	{ color: #0078C9; opacity: .75; text-decoration: none; }
a:focus 	{ text-decoration: none; }
a img 		{ -webkit-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -o-transition: .25s; transition: .25s; }
a img:hover { opacity: 1; }
p 			{ margin-bottom: 24px; }
p.no-margin-bottom { margin-bottom: 0; }
p.blue 		{ color:#0078C9; }
img 		{ max-width:100%; }

h1 			{ font-size: 32px; line-height: 44px; font-weight: 400;	color: #0078C9; margin-top: 0; margin-bottom: 20px; text-align: center; }
h1:after 	{ content: ''; display: block; width: 54px; height: 1px; margin: 0 auto; background: #666; margin-top: 4px; }
h2 			{ font-size: 20px; line-height: 30px; font-weight: 700; color: #0078C9; margin-top: 0; margin-bottom: 20px; }
h3 			{ font-size: 16px; line-height: 22px; font-weight: 700;	margin-top: 0; margin-bottom: 20px; }
h4			{ font-size: 15px; line-height: 21px; font-weight: 700; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; }
h5 			{ font-size: 15px; line-height: 21px; font-weight: 700; margin-top: 0; margin-bottom: 6px; }
h6 			{ font-size: 16px; line-height: 26px; font-weight: 700; margin-top: 0; margin-bottom: 16px;	padding-bottom: 12px; border-bottom: 1px solid #f7f7f7; }
h3.blue, h4.blue, h5.blue, h6.blue 	{ color:#0078C9; }

.heading:after { content: none; }
.heading small { display: block; text-transform: uppercase; color: #969696; font-size: 14px; line-height: 24px; font-weight: 700; }
.main-heading { font-size: 45px; font-weight: 300; margin-bottom: 18px; text-align: left; }
.main-heading:after { content: none; }
.main-heading.white { color: #fff; }
.error-heading { font-size: 50px; line-height: 50px; font-weight: 400; color: #414141; margin-bottom: 36px; text-align: left; }
.error-heading:after { content: none; }
.line-heading { font-size: 18px; line-height: 50px; text-align: center; text-transform: uppercase; display: inline-block; margin-bottom: 36px; position: relative; }
.line-heading:before, .line-heading:after { content: ''; display: block; background: #f0f0f0; height: 2px; width: 75px; position: absolute; top: 24px; }
.line-heading:before { left: -94px; }
.line-heading:after { right: -94px; }
.main-heading b { font-weight: 400; }
.large-heading { text-align: left; font-size: 80px; line-height: 80px; font-weight: 300; color: #fff; margin-bottom: 36px; }
.large-heading:after { content: none; }
.large-heading small { display: block; font-weight: 300; font-size: 30px; line-height: 30px; color: #fff; margin-top: 6px; }
.aligned-cols { display: table; width: 100%; height: 100%; margin: 0; table-layout: fixed; }
.aligned-cols>.col-sm-1, .aligned-cols>.col-sm-10, .aligned-cols>.col-sm-11, .aligned-cols>.col-sm-12, .aligned-cols>.col-sm-2, .aligned-cols>.col-sm-3, .aligned-cols>.col-sm-4, .aligned-cols>.col-sm-5, .aligned-cols>.col-sm-6, .aligned-cols>.col-sm-7, .aligned-cols>.col-sm-8, .aligned-cols>.col-sm-9 { display: table-cell; float: none; vertical-align: top; 	height: 100%; }
.aligned-cols>.col-md-1, .aligned-cols>.col-md-10, .aligned-cols>.col-md-11, .aligned-cols>.col-md-12, .aligned-cols>.col-md-2, .aligned-cols>.col-md-3, .aligned-cols>.col-md-4, .aligned-cols>.col-md-5, .aligned-cols>.col-md-6, .aligned-cols>.col-md-7, .aligned-cols>.col-md-8, .aligned-cols>.col-md-9 { display: table-cell; float: none; vertical-align: top; 	height: 100%; }
.aligned-cols>.aligned-bottom { vertical-align: bottom; }
.aligned-cols>.aligned-middle { vertical-align: middle; }

.aligncenter { display: block; margin: 32px auto; }
.alignleft 	{ float: left; margin-right: 24px; margin-bottom: 12px; }
.alignright { float: right; margin-left: 24px; margin-bottom: 12px; }

.modal .modal-header .close { font-size:40px; margin-left:20px }
.modal .modal-footer { text-align:left; display:block }

.col-spacer { display: none; }
img.icon 	{ width:18px; height:auto; margin:0 5px }

main.page { padding-top:140px; min-height:600px }
body.not-logged-in main.page { padding-top:70px }

@media all and (max-width: 992px) {
	.aligned-cols-md { display: block; }
	.aligned-cols .col-md-1, .aligned-cols .col-md-10, .aligned-cols .col-md-11, .aligned-cols .col-md-12, .aligned-cols .col-md-2, .aligned-cols .col-md-3, .aligned-cols .col-md-4, .aligned-cols .col-md-5, .aligned-cols .col-md-6, .aligned-cols .col-md-7, .aligned-cols .col-md-8, .aligned-cols .col-md-9 { display: block; width: 100%; }
}
@media all and (max-width: 768px) {
	.aligned-cols { display: block; }
	.aligned-cols .col-sm-1, .aligned-cols .col-sm-10, .aligned-cols .col-sm-11, .aligned-cols .col-sm-12, .aligned-cols .col-sm-2, .aligned-cols .col-sm-3, .aligned-cols .col-sm-4, .aligned-cols .col-sm-5, .aligned-cols .col-sm-6, .aligned-cols .col-sm-7, .aligned-cols .col-sm-8, .aligned-cols .col-sm-9 { display: block; width: 100%; }
	.bottom-image { padding-top: 24px; }
	.bottom-image.left { bottom: 0 !important; padding-top: 0; padding-bottom: 24px; }
	h1 { font-size: 22px; line-height: 34px; }
	.col-spacer { display: block; margin-bottom: 24px;}
    /*main.page { padding-top:110px; min-height:0 }*/
    main.page {
        min-height: 0
    }
	body.not-logged-in main.page { padding-top:60px }
}

/* ==========================================================================
   Alerts
   ========================================================================== */
   
.alert 			{ font-size: 13px; line-height: 24px; border-radius: 0; padding: 13px 32px; margin-top: 24px; margin-bottom: 0; font-weight: 700; text-transform: uppercase; }
.alert-success 	{ background: #dff0d8; border: 1px solid #dae7d4; color: #3c763d; }
.alert-success .icon { color: #6fcb49; }
.alert-info 	{ background: #d9edf7; color: #31709c; }
.alert-warning 	{ background: #fcf8e3; color: #8a6d3b; }
.alert-danger 	{ background: #f2dede; color: #b84442; }
.form-alert 	{ display: none; }

/* ==========================================================================
   Progress Bars
   ========================================================================== */
   
.progress-wrapper { margin-bottom: 32px; }
.progress-wrapper:last-of-type { margin-bottom: 0; }
.progress 		{ height: 17px; margin-bottom: 20px; background: none; background-image: url('../img/progress-bg.png'); border-radius: 0; box-shadow: none; width: 497px; position: relative; overflow: visible; margin: 33px 0; margin-left: 109px; }
.progress-bar 	{ background: none; background-image: url('../img/progress-fill-bg.png'); box-shadow: none; color: #414141; font-weight: 700; font-size: 16px; line-height: 24px; text-align: right; }
.progress-bar span { position: absolute; top: -36px; right: 0; }
.percentage 	{ display: inline-block; width: 83px; height: 83px; line-height: 79px; border: 2px solid #0078C9; border-radius: 50%; text-align: center; color: #0078C9; font-size: 22px; font-weight: 700; float: left; }
@media all and (max-width: 768px) {
	.percentage { float: none; }
	.progress 	{ margin-left: 0; width: 100%; margin-top: 48px; }
}

/* ==========================================================================
   Buttons
   ========================================================================== */
   
.btn 			{ border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.btn-primary	{ background-color:#0078C9; }
.btn-lg 		{ padding: .5rem 3rem; }

/* ==========================================================================
   Forms
   ========================================================================== */

input[type="text"].form-control, 
input[type="email"].form-control,
input[type="phone"].form-control,
input[type="date"].form-control,
input[type="password"].form-control,
textarea.form-control,
select.form-control	{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-top:none; border-left:none; border-right:none; border-radius: 0; font-size:0.85rem; }
select.form-control { text-transform:uppercase }
textarea 			{ height: auto; }
label  				{ font-weight: 700; font-size: 12px; line-height: 20px; color: #414141; }
button.next 		{ float:right }
fieldset, .fieldset	{ padding: 20px; border: 1px solid #ebebeb; position:relative; }

.form-group 			{ margin-bottom: 15px; }

.form-inline .form-group { margin-right:15px }
.form-inline .form-group label { margin-right:5px }

.invalid-feedback ul { list-style:none outside; margin:0; padding:0; font-weight:700}
.invalid-feedback ul li { display:none}

::-webkit-input-placeholder { color: #828282; }
:-moz-placeholder 	{ color: #828282; }
::-moz-placeholder 	{ color: #828282; }
:-ms-input-placeholder { color: #828282; }

/* ==========================================================================
   Accordion
   ========================================================================== */
 
.panel 		{ border: none; border-radius: 0; box-shadow: none; margin: 0; }
.panel-group { padding: 0 30px;	border: 1px solid #ccc;	text-align: left; }
.panel-group .panel { margin: 0; border-radius: 0; border-bottom: 1px solid #e0e0e0; }
.panel-group .panel:last-of-type { border-bottom: none; }
.panel-group .panel+.panel { margin: 0; }
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border: none; }
.panel-heading { padding: 0; border-radius: 0; }
.panel-default>.panel-heading { background: none; color: #414141; }
.panel-title { text-transform: none; font-size: 16px; line-height: 28px; padding:6px 0 }
.panel-title>a:hover { opacity: 1; color: #0078C9; }
.panel-heading.active a { color: #0078C9; }
.panel-heading .icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #0078C9; color: #fff; text-align: center; font-size: 8px; float: right; margin-top: 18px; }
.panel-body { padding: 0; padding-bottom: 12px; }
.panel-body p { margin-bottom: 12px; }
.panel-body ul { margin-bottom: 0; line-height: 30px;}
.panel-body a { color: #414141; }
.panel-body a:hover { color: #0078C9;opacity: 1;}

@media all and (max-width: 768px) {
	.panel-group {	padding: 0 12px; }
}

/* ==========================================================================
   Header
   ========================================================================== */
   
.header 		{ position: relative; z-index: 9; }
.header.fixed 	{ position: fixed; z-index:100; top:0; width:100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.header .top 	{ background-color:#0078C9; color: #fff; font-size: 12px; font-weight: 700; position: relative; z-index: 10; padding:5px 0 }
.header .bottom { background-color:#ffffff; position: relative; z-index: 9; padding:10px 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.header .status { vertical-align: middle; display: inline-block;}
.header .status h1 { font-size:16px; line-height:26px; color:#fff; margin:0; text-align:left }
.header .status h1:after { display:none }
.header .status h2 { font-size:14px; line-height:24px; color:#fff; margin:0; text-align:left; text-transform:uppercase }

.header .settings { vertical-align: middle; display: inline-block; float: right; }
.header .settings .top-nav 		{ position:relative; z-index:10; display:inline-block; margin-bottom:0; margin-left:15px; font-size:20px; vertical-align: middle; }
.header .settings .top-nav a 	{ color:#fff; text-decoration:none }

.header .top-logout 	{ position:relative; z-index:10; display:inline-block; margin-bottom:0; }
.header .top-logout a 	{ background-color:#fff; color:#0078C9; font-weight:bold }
.header .top-logout a:hover { color:#fff; background-color:#0078C9; opacity:1 }

.header .logo {	position:relative; z-index:10; float:left; -webkit-transition: all 0.3s; transition: all 0.3s; }
.header .logo a.brand { display: inline-block; vertical-align: middle; width:150px; margin:0; opacity:1; padding:7px 0 }
.header .logo:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.header .menu { position:relative; z-index:10; float:right }

.responsive-menu-open { font-size: 32px; text-align: center; color: #0078C9; display: inline-block; position: relative; margin: 15px 0 0 0; }
.responsive-menu-open:hover { color: #31b1f8; }
.responsive-menu-open span { font-size:18px; line-height:32px; vertical-align:top; display:none }
.responsive-menu-open .fa { color:#0078C9 }

.responsive-menu, .responsive-settings				{ position: fixed; top: 0; bottom: 0; left: 100%; min-width: 100%; background: rgba(0, 120, 201, 0.9); z-index: 999; padding: 100px 50px; overflow-y: scroll; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s; font-weight: 700; text-transform: uppercase; }
.responsive-menu.open, .responsive-settings.open	{ left: 0; }
.responsive-menu-close 	{ position: absolute; top: 0; right: 0; font-size: 24px; color: #fff; background: #1fa9f5; display: inline-block; padding:15px; text-align: center; }
.responsive-menu-close:hover { color: #414141; opacity: 1; }

.responsive-nav ul li, .responsive-nav p	{ list-style:none outside; padding:0 5px }
.responsive-nav ul, .responsive-nav p 		{ max-width:400px; margin:0 }
.responsive-nav a 			{ font-size: 14px; color: #fff; padding: 0; line-height: 36px; display: inline-block; position: relative; }
.responsive-nav a:hover 	{ opacity: 1; color: #BBE4FF; }
.responsive-nav a .fa 		{ width:20px }
.responsive-nav .active 	{ background-color:#fff; color:#0078C9 }
.responsive-nav .active a 	{ color:#0078C9 }
.responsive-nav .active a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; content: "\f05d"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-left:10px }
.responsive-nav .langs  	{ border-top: 2px dotted #fff; margin-top: 20px; padding-top: 20px; }
.responsive-nav .callme		{ border: 2px dotted #fff; }
.responsive-nav .callme .fa { margin-left: 5px; font-size: 20px; top: 3px; position: relative; }
.no-scroll { overflow: hidden !important; }
.responsive-nav .callme + .langs { border:none; padding-top:0 }

@media all and (max-width: 978px) {
}
@media all and (max-width: 768px) {
	.header .top .status h1 { font-size:14px; line-height:24px; }
	.header .top .status h2 { font-size:12px; line-height:22px; }
	.header .bottom .logo a.brand { width:120px; }
	.responsive-menu-open { margin:10px 0 0 0; font-size:28px }
}
@media all and (max-width: 480px) {
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer { background-color: #fff; bottom: 0; position: absolute; width: 100% }

.footer .logos 	{ background: #eee; padding:40px 0 20px 0 }
.footer .logos img { -webkit-filter: grayscale(100%); filter: grayscale(100%); margin:10px 1px }
.footer .logos img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.footer .logos a:hover { opacity:1 }

.footer .top 	{ background: #eee; padding:20px 0 40px 0; color: #8f8f8f;	font-size: 15px; font-weight: 400; line-height: 22px; }
.footer .top a 	{ color: #8f8f8f; }
.footer .top a:hover { color: #666; opacity: 1; }
.footer .top h4 { color: #666; }
.footer .top ul { line-height: 30px; margin-bottom: 0; }
.footer .top ul i { color: #909090; }
.footer .top ul.white-icons i { color: #fff; }

.footer .top h4 { margin-bottom:0 }

.footer .bottom 	{ background: #0078C9; color: #fff; font-size: 13px; font-weight: 400; }
.footer .bottom p 	{ margin:20px 0 }
.footer .bottom a 	{ color: #fff; }
.footer .bottom a:hover { color:#f0f0f0 }
.footer .bottom a:hover { border-bottom:1px dotted #f0f0f0 }
.footer .bottom .footer_menu { float: right; margin:20px 0 }
.footer .bottom .footer_menu li { border-right:1px solid #fff;  padding-right:15px }
.footer .bottom .footer_menu li:last-child { border:none; padding-right:0; }

.footer .bottom .app ul { margin: 20px 0 }
.footer .bottom .app ul li { margin-bottom: 0 }

@media all and (max-width: 768px) {
	.footer .logos 	{ display:none }
	.footer .top 	{ padding: 20px 0; }
	.footer .top .awards { display:none }
	.footer .top .app ul li.list-inline-item { margin:5px }
	.footer .top p { margin-bottom:0 }
	.footer .bottom { text-align:center; }
	.footer .bottom p { margin:5px 0 }
	.footer .bottom .footer_menu { text-align:center; float:none; margin:5px 0 }
	.footer .bottom .copyright { float: none; }
	.footer .top .col-sm-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}

@media all and (max-height: 600px) {
    .footer { position: relative }
}

.moveup 		{ position:relative; top:0; -webkit-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; }
.moveup:hover 	{ top:-4px }

/* ==========================================================================
   Sections
   ========================================================================== */
   
.section 		{ position: relative; padding: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section>.inner { position: relative; padding: 50px 0; }
.section>.inner .container { position: relative; }

.section.small>.inner 	{ padding: 38px 0; }
.section.tiny>.inner 	{ padding: 18px 0; }
.section.large>.inner 	{ padding: 145px 0; }
.section.no-padding>.inner { padding: 0; }
.section.no-padding-bottom>.inner { padding-bottom: 0; }
.header-transparent+.section>.inner { padding-top: 221px; }
.header-transparent.simple+.section>.inner { padding-top: 232px; }
.section.white>.inner 	{ background: #fff; }
.section.light>.inner 	{ background: #f9f9f9; }
.section.blue>.inner 	{ background: #0078C9; color: #fff; }
.section.dark-blue>.inner { background: #284473; color: #fff; }
.section.transparent>.inner { background: rgba(0,0,0,.7); color: #fff; }
.section.transparent.white>.inner { background: rgba(255,255,255,.80); color: #414141; }
.section.transparent.white.light>.inner { background: rgba(255,255,255,.10); color: #414141; }
.section.transparent.blue>.inner { background: rgba(1,153,237,.8); color: #fff; }
.section.transparent.clear>.inner { background: none; }

@media all and (max-width: 480px) {
	.section>.inner { padding:20px 0 }
}

.seleccion 	{ margin-bottom:5px; }
.seleccion a 		{ background-color:#ffffff; color:#414141; border:2px solid #ebebeb; padding:10px; text-transform:uppercase; display:block; position:relative }
.seleccion a:hover 	{ background-color:#0078C9; color:#ffffff; }
.seleccion a span 	{ color:#0078C9; margin-right:20px; font-weight:700 }
.seleccion a:hover span { color:#ffffff; }
.seleccion a[data-toggle="collapse"]		{ padding:10px 30px 10px 10px; }
.seleccion a[data-toggle="collapse"]:after	{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; content: "\f114"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position:absolute; top:15px; right:10px }
.seleccion a[aria-expanded="true"]:after	{ content: "\f115"; }
.seleccion a[aria-expanded="false"]:after	{ content: "\f114"; }
.seleccion a[aria-expanded="true"]			{ background-color:#0078C9; color:#ffffff; }
.seleccion a[aria-expanded="true"] span 	{ color:#ffffff; }

.card 	{ border-radius: 0; border:none; }
.card p { margin-bottom:0 }
.card p.blue { font-weight:700; text-transform:uppercase }
.card h4 { margin-bottom:0 }
.card .form-group { margin-bottom:10px}
.card .form-group .form-group { display:inline-block; margin-right:10px}
.collapse .card	{ border-top: 0; border-left: 2px solid #ebebeb; border-right: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb; }

/* ==========================================================================
   Login
   ========================================================================== */

#loginAccesoGroup .form-check	{ padding: 0; margin: 0; }
#loginAccesoGroup .form-check .form-check-input { display:none }
#loginAccesoGroup .form-check .form-check-label { font-size: 16px; line-height: 26px; padding:8px 15px; border:1px solid #ebebeb; cursor:pointer }
#loginAccesoGroup .form-check input:checked + .form-check-label { color: #fff; background-color: #0078C9; border:1px solid #fff }
#loginAccesoGroup .form-check input:checked + .form-check-label:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; content: "\f05d"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-left:10px }

#loginPasswordGroup 	{ display:none }
#loginPasswordGroup label { font-size:14px; line-height:24px; display:block; text-align:center }

#loginSubmitGroup	{ margin-top:20px }
#loginSubmitGroup button + p { margin-top:10px }
#loginSubmitGroup .btn { font-weight:700 }

/* ==========================================================================
   Home
   ========================================================================== */

.btn-home a 		{ display:block; color:#414141}
.btn-home a svg 		{ width:65px; height:auto; margin-bottom:5px; fill:#414141 }
.btn-home a:hover		{ color:#0078C9; }
.btn-home a:hover svg 	{ fill:#0078C9; }

/* ==========================================================================
   Citas
   ========================================================================== */

#facultativoGroup,
#filtroGroup,
#appointmentSubmitGroup	{ display: none }

#filtroGroup label { display:block }
#filtroGroup .form-group { display:inline-grid }
#filtroGroup .form-group label { font-weight:400 }

#calendarBox { margin-bottom:15px }
#calendarForm { display:none }
#calendar .datepicker { margin:0 auto; width:256px }
#calendar .datepicker table tr td,
#calendar .datepicker table tr th { padding:8px }
#calendar .datepicker table tr td.day 			{ color: #fff; background-color: #0078C9; border-radius: 0px; border:2px solid #fff }
#calendar .datepicker table tr td.day.disabled 	{ color: #777; background-color:transparent }
#calendar .datepicker table tr td.day.active	{ color: #fff; background-color: #31b1f8; }

#gapsBox 		{ display:none }
#gapsBox #gaps 	{ margin-bottom:15px }
/*
#gaps .gaps { width:28%; padding:0 1% }
#gaps .gapsArrow { width:5%; }
#gaps .gaps.active p.blue { background-color:#0078C9; color:#fff }*/

#appointmentsBox #appointments 	{ margin-bottom:15px }


/* ==========================================================================
   Historial Médico
   ========================================================================== */

#historyForm label { display:block }
#historyForm .form-group { display:inline-grid; vertical-align:bottom }
#historyForm .form-group .btn { margin-bottom:1px}

#historyBox h3 { text-transform:uppercase }
#historyBox .histories { margin-bottom:15px }
#historyBox .histories .seleccion a			{ padding:10px 30px 10px 10px; }
#historyBox .histories .seleccion a:after	{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; content: "\f019"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position:absolute; top:15px; right:10px }
#historyBox .histories .seleccion button 	{ margin-bottom:10px; }

/* ==========================================================================
   Documentos
   ========================================================================== */

#documentosBox #documentos .seleccion a:after	{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; content: "\f019"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position:absolute; top:15px; right:10px }

/* ==========================================================================
   Datos
   ========================================================================== */

#addressesBox #addresses,
#contactsBox #contacts 		{ margin-bottom:15px }

#addressForm #tipoVia		{ width:90px }
#addressForm #direccion		{ width:300px }
#addressForm #numero,
#addressForm #bloque,
#addressForm #escalera,
#addressForm #planta,
#addressForm #puerta		{ width:60px }

#contactsBox .seleccion a 		{ text-transform: none;}
#contactsBox .seleccion a span 	{ text-transform:uppercase; }

#addressAdd .card,
#contactAdd .card		{ border-bottom:none; border-left:none; border-right:none }

#addressAdd #addressSubmitGroup,
#contactAdd #contactSubmitGroup { margin-top:15px }

/* ==========================================================================
   Call me
   ========================================================================== */

#callmeForm #telefono { width:240px; margin:0 auto 15px auto }
#callmeForm #callmeDesde, #callmeForm #callmeHasta { width:100px;}
#callmeForm #callmeGroup .form-group { display:inline-grid }
#callmeForm #callmeGroup > label { display:block}


/* ==========================================================================
   Pagination
   ========================================================================== */
   
.pagination 	{ font-size: 0; margin: 0; border-radius: 0; position: relative; z-index: 2; }
.pagination>li>a, .pagination>li>span { float: none; padding: 4px 10px; margin-left: 1px; border: 1px solid #c1c1c1; background: none; color: #c1c1c1; font-size: 14px; line-height: 24px; display: inline-block; }
.pagination>li.short>a, .pagination>li.short>span { border:none }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #0078C9; background: none; opacity: 1; }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover  color: #c1c1c1; background: none; cursor: default; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: #fff; background: #0078C9; }
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0; }

.pager { margin: 0; padding: 0 24px; position: absolute; top: 20px; left: 0; width: 100%; }
.pager li>a, .pager li>span { padding: 0; background: none; border: none; border-radius: 0; color: #414141;	font-size: 14px; line-height: 24px; font-weight: 700; }
.pager li>a:focus, .pager li>a:hover { background: none; color: #ff820e; opacity: 1; }
.pager li>a i, .pager li>span i { color: #aeaeae; }
.pager .previous>a i, .pager .previous>span i { margin-right: 12px; }
.pager .next>a i, .pager .next>span i { margin-left: 12px; }


/* ==========================================================================
   Cookies
   ========================================================================== */

#cookies { display:none }
#cookie-bar { background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; z-index:1000; position:relative }
#cookie-bar.fixed { position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.top { top:0; bottom:auto;}
#cookie-bar p { margin:0; padding:0;}
#cookie-bar a { color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable { background:#007700;}
#cookie-bar .cb-enable:hover { background:#009900;}
#cookie-bar .cb-disable { background:#990000;}
#cookie-bar .cb-disable:hover { background:#bb0000;}
#cookie-bar .cb-policy { background:#0033bb;}
#cookie-bar .cb-policy:hover { background:#0055dd;}


/* ARREGLOS */

.marginLeft5 {
    margin-left: 5px;
}

.verticalAlignMidde { 
    vertical-align: middle; 
}

.textAlignCenter {
    text-align: center;
}

.position30 {
    position: relative;
    left: 30%;
}

.textAlignLeft {
    text-align: left;
}

.fontWeight700 {
    font-weight: 700;
}

.errorLogin {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
    font-weight: 700;
}

.field-validation-error {
    font-weight: 700;
    color: #e80c4d;
    font-weight: bold;
    font-size: 12px;
}

.invalidDisplayed {
    font-weight: 700;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.fontSize14 {
    font-size: 14px;
}

.marginAuto{
    margin: auto;
}

.tablaItems {
    border-collapse: separate;
    border-spacing: 0 15px;
    border-top: hidden;
    border-bottom: hidden;
    border-left: hidden;
    border-right: hidden;
    margin: auto;
}

.tablaTd {
    padding: 5px 10px;
    border-style: solid;
    border-radius: 5px;
    border-color: #CCC;
}

.botonBlanco{
    border:none;
    border-radius:0px;
    background-color: white;
}

.botonBlancoAzul {
    border: none;
    border-radius: 0px;
    background-color: white;
    color: #0078C9;
    font-weight: 700;
}

.seleccion a input:hover {
    background-color: #0078C9;
    color: #ffffff;
}

.seleccion a:hover input {
    background-color: #0078C9;
    color: #ffffff;
}

.wrapButton {
    white-space: normal;
}

.sinPadding {
    padding: 0px;
}

.botonesCitas {
    display: inline-block;
    margin-top: 5px;
}

.maxWidth180{
    max-width: 180px;
}

#MainContent_Calendario_PMCImg {
    max-width: none;
}

#MainContent_Calendario_NMCImg {
    max-width: none;
}

#callmeGroup .form-group {
    display: inline-grid
}

#callmeGroup > label {
    display: block;
}

#MainContent_loginAccesoGroup .form-check {
    padding: 0;
    margin: 0;
}

#MainContent_loginAccesoGroup .form-check .form-check-input {
    display: none
}

#MainContent_loginAccesoGroup .form-check .form-check-label {
    font-size: 16px;
    line-height: 26px;
    padding: 8px 15px;
    border: 1px solid #ebebeb;
    cursor: pointer
}

#MainContent_loginAccesoGroup .form-check input:checked + .form-check-label {
    color: #fff;
    background-color: #0078C9;
    border: 1px solid #fff
}

#MainContent_loginAccesoGroup .form-check input:checked + .form-check-label:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f05d";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px
}

#Login1_loginPasswordGroup label {
    font-size: 14px;
    line-height: 24px;
    display: block;
    text-align: center
}

#MainContent_tbTelefono {
    width: 240px;
    margin: 0 auto 15px auto
}

#MainContent_DDLHoraDesde, #MainContent_DDLHoraHasta {
    width: 100px;
}