.clearBlock { zoom: 1; }
.clearBlock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

html { height: 100%; }
body { font-family: 'Titillium Web', sans-serif; background-color: #F6F8FA; }
label { display: inline; }
select { border-radius: 4px; margin: auto; height: 25px; padding: 0px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #FFF; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

#layout-main { margin-top: 10px; }

.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }

#logoContainer { display: table; table-layout: fixed; width: 100%; }
#logoNav { padding: 0px; }
#logoNav .logo { text-align: center; padding: 20px 0; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #FFF; text-decoration: none; cursor: default; }

.navbar-header { background-color: #7F889C; }
.navbar-header .navbar-brand { color: #FFF; font-size: 13px; }
#header h1 { color: #FFF; padding-top: 18px; font-size: 25px; }
h2 { background-color: #2E343F; border-radius: 4px; color: white; font-size: 16px; text-transform: uppercase; padding: 5px 10px; margin: 5px 0 10px 0; }

th { white-space: nowrap; }

#messages { margin-bottom: -20px; }
.zone-messages { padding-top: 8.5px; padding-left: 15px; padding-right: 15px; }
.page.content-item h1 { display: none; }
.page.content-item .metadata { margin: 15px 0 20px 0; }

/* Forms */
.cliclable { cursor: pointer; }
.mouse { cursor: default; }
.not-allowed { cursor: not-allowed; }
label.not-allowed { cursor: not-allowed; color: #C2C3C4; }

fieldset { margin: 15px 0 0 0; }
.required { cursor: default; font-weight: bold; }
.check-all { display: inline; font-size: 12.5px; cursor: pointer; }

.editor-wrap { width: 100%; margin-bottom: 5px; min-height: 45px; }
.editor-wrap.double-size { min-height: 155px; }
.editor-wrap-checkbox { width: 100%; margin-bottom: 5px; min-height: 0px; margin-top: 10px; margin-bottom: 10px; }
.editor-wrap-checkbox label, input[type= "checkbox"] { cursor: pointer; }
.editor-wrap-checkbox.double-size { min-height: 105px; }

.editor-checkbox > input[type= "checkbox"] { margin-left: 8px; }
.editor-label label { margin-bottom: 0; margin-left: 2px; }
.editor-field input,
.editor-field textarea,
.editor-field select { width: 100%; border-radius: 4px; margin: auto; height: 25px; padding: 0px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #FFF; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.editor-field select { border: 1px solid #AEAEAE; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNOTguOSwxODQuN2wxLjgsMi4xbDEzNiwxNTYuNWM0LjYsNS4zLDExLjUsOC42LDE5LjIsOC42YzcuNywwLDE0LjYtMy40LDE5LjItOC42TDQxMSwxODcuMWwyLjMtMi42ICBjMS43LTIuNSwyLjctNS41LDIuNy04LjdjMC04LjctNy40LTE1LjgtMTYuNi0xNS44djBIMTEyLjZ2MGMtOS4yLDAtMTYuNiw3LjEtMTYuNiwxNS44Qzk2LDE3OS4xLDk3LjEsMTgyLjIsOTguOSwxODQuN3oiLz48L3N2Zz4=) no-repeat 95% 50%; background-size: 10px; background-color: white; }
.editor-field select::-ms-expand { display: none; }
.editor-field input input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.editor-validation { display: none; margin-left: 5px; }
/* Por las ņapas de iAltitude */

.editor-validation,
.validation-summary-errors { color: #ff0000; font-size: 12px; }
.validation-summary-errors { height: 28px; overflow: hidden; background-color: #D2CECE; border-radius: 4px; padding: 3px; margin-top: 20px; margin-left: 0px; margin-bottom: 20px; }
.validation-summary-errors ul { list-style-type: none; padding-left: 5px; margin-bottom: 0; }
.validation-summary-errors li { color: #333; font-size: 16px; }
.validation-summary-errors .fa { margin-right: 5px; }

.editor-field textarea { width: 100%; height: auto; }

.editor-field .input-validation-error { border: 1px solid #E6A2A2; }
.editor-field select.valid,
.editor-field input.valid[data-val-required] { border: 1px solid #56AD57; }
.editor-field input[type= "checkbox"] { width: inherit !important; float: left; cursor: pointer; }

.inicio { text-align: start; }
.centrado { text-align: center; }
.izquierda { text-align: left; }
.derecha { text-align: right; }

.right { float: right !important; }

button { color: #333 !important; background-color: #F0F0F0; padding: 4px 10px; line-height: 1.42857143; font-size: 14px; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; text-decoration: none !important; }
button[disabled], button[readonly], input[disabled], input[readonly], select[disabled], select[readonly] { opacity: .65; }
button.option { width: 75px; }

.filter-zone { text-align: right; padding-right: 31px; }
.filter-zone button { margin-left: 25px; margin-bottom: 15px; }
.zone-header > h1 { white-space: nowrap; }
.zone.zone-content { margin-top: -10px; margin-bottom: 15px; }

h2 .pageing { float: right; }
h2 .pageing li a,
h2 .pageing li span { font-size: 11px; padding: 0px 6px; background-color: #FFF; border-color: #FFF; color: #7F889C; }
h2 .pageing li.active a,
h2 .pageing li.active a:hover { background-color: #7F889C; border-color: #7F889C; color: #FFF; }
h2 .pagination { margin: 0; }
h2 .pagination > li > a:hover,
h2 .pagination > li > a:active,
h2 .pageing li { background-color: #FFF; border-color: #FFF; }

/* Popups */
.modal { top: 2%; left: 2%; }
.modal-body { max-height: calc(100vh - 260px); overflow-y: auto; }
.modal-ialtitude { top: 18% !important; }
.modal-ialtitude-content { border: 5px solid #2E3440; border-radius: 0px; }
.modal-ialtitude-header { border: 0px; background-color: #2E3440; padding: 7px 6px 11px 6px; }
.modal-ialtitude-header > button.modal-ialtitude-close-button { color: white !important; opacity: 1; font-size: 25px; padding-right: 5px; }
.modal-ialtitude-body { padding-bottom: 0px; margin: 15px; }
.modal-ialtitude-titulo { color: #0071B8; font-size: 25pt; text-align: center; }
.modal-ialtitude-mensaje { margin-top: 28px; font-size: 15px; min-height: 60px; }
.modal-ialtitude-footer { border: 0px; margin: 10px; }
/* Modal notificaciones*/
.modal-body-notificaciones { max-height: calc(100vh - 500px); overflow-y: auto; }
.modal-ialtitude-innerTitle { min-height: 40px; font-weight: bold; text-align: center; }
.modal-ialtitude-mensajeNotificaciones { font-size: 15px; min-height: 60px; }
.modal-ialtitude-letraFina { font-weight: normal; }
/* Modal spinner*/
.modal-ialtitude-spinner-body { text-align: center; transform: translateY(40%); min-height: 200px; }
[hidden],
template { display: none; }

/* AmCharts*/
.amcharts-chart-div > svg > g:nth-last-child(2) { cursor: pointer; }
a[title="JavaScript charts"] { display: none !important; }

/* Iconos: */
img.descuento { max-width: 30px; }
img.reposo { max-width: 113px; }
img.movimiento { max-width: 113px; }
img.combinado { max-width: 113px; }

@media (min-width: 500px) /* with > XS */
{
	.navbar-header .navbar-brand { font-size: 18px; }
}

@media (min-width: 768px) /* with > XS */
{
	#headerContent #layout-header > .row { background-color: #7F889C; }

	#main-container,
	#main-container > .row,
	#headerContent,
	body { height: 100%; }

	#logoNav { min-height: 100%; height: auto; }

	#User { margin-top: 10px; }
	div#header { min-height: 75px; }

	#logoNav { background-color: #2E343F; color: #FFF; padding-left: 15px; padding-right: 15px; }

	#logoNav a,
	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus { color: #FFF; }
	.navbar-header { font-size: 18px; }

	#logoNav .logo { height: 100px; display: table-cell; vertical-align: middle; }
	#logoNav img { max-width: 100%; }

	.zone.zone-user.zone.zone-user { margin-top: -20px; }
	a.user-button { color: #fff; padding: 5px 8px; margin: 10px 5px 0px 5px; font-size: 12px; display: block; float: right; }

	.filter-zone { padding-right: 15px; }
	.filter-zone button { margin-bottom: 7.5px; margin-left: 5px; }
	.zone.zone-filter { margin-top: 12px; padding-right: 15px; }
	.zone.zone-content { margin-top: 15px; }

	#layout-main-container { overflow-y: auto; }
	#layout-navigation .menu.menu-main-menu { margin-left: -15px; margin-right: -15px; }

	#layout-navigation nav { }
	#layout-navigation nav ul { list-style-type: none; padding-left: 0px; }
	#layout-navigation nav ul > li > ul { display: none; }
	#layout-navigation nav ul > li.expanded { background-color: #7F889C; }
	#layout-navigation nav ul > li.expanded > ul { display: block; margin-top: 10px; padding: 0 0 10px 15px; }
	#layout-navigation nav ul > li.expanded > ul li { text-align: left; }
	#layout-navigation nav ul > li.dropdown i { position: absolute; right: 20px; top: 25px; }

	#layout-navigation ul.menu > li { margin-bottom: 18px; }

	#layout-navigation li { text-align: center; }
	#layout-navigation li > a:focus { text-decoration: none; }
	#layout-navigation li.home > a,
	#layout-navigation li.customers > a,
	#layout-navigation li.subscriptions > a,
	#layout-navigation li.sessions > a,
	#layout-navigation li.management > a { display: block; padding-top: 50px; background-position: top center; background-repeat: no-repeat; }
	#layout-navigation li.home > a { background-image: url(../Content/inicio.svg); background-size: 50px 50px; }
	#layout-navigation li.customers > a { padding-top: 46px; background-image: url(../Content/clientes.svg); background-size: 50px 50px; }
	#layout-navigation li.subscriptions > a { background-image: url(../Content/suscripciones.svg); background-size: 50px 50px; }
	#layout-navigation li.sessions > a { background-image: url(../Content/sesiones.svg); background-size: 50px 50px; }
	#layout-navigation li.management > a { background-image: url(../Content/gestion.svg); background-size: 50px 50px; }

	/* Popups */
	.modal { top: 0; left: 0; }
}