/**
 Custom project css
 -------------------------------------------------- 
 **/

.lcb-form,
.fz-block {
	background: rgba(40,40,40,0.8);
}

.lc-block:not(.lc-block-alt) .btn-login {
    top: 55%;
    margin-top: 0;
}

.error .fz-block,
.success .fz-block {
	height: auto;
}

.error .fz-block h2,
.success .fz-block h2 {
	font-size: 60px;
}
#header {
    background-color: #000;
}
#header .hi-logo a {
    padding: 0;
}
#header .hi-logo a > img {
	width: auto;
	height: 36px;
	display: inline;
	margin: 0;
}
#header .hi-menu {
   line-height: 34px;
}

.navbar-toggle {
	outline: none;
}

.alert-default {
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	border: none;
	border-radius: 5px;
}

.footer p {
	margin: 0;
	font-size: 12px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	min-height: 60px;
	background-color: #f5f5f5;
	border-top: 1px solid #e8e8e8;
	box-shadow: 0px -1px 5px #e8e8e8;
}

.footer .text-muted {
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
}

.footer .text-muted img {
	width: auto;
	height: 60px;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.page-title img {
	width: 50%;
	height: auto;
}

.main-footer img {
	height: 60px;
	width: auto;
}

.intro-box {
	width: 400px;
	margin-left: -200px;
	background: rgba(255, 255, 255, 0.85);
	padding: 30px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -200px;
	z-index: 100;
	box-shadow: 0 0 150px rgba(0, 0, 0, 0.7);
}

.login,
.error,
.success,
.reset_password,
.register {
	background-image: url(../img/intro-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	background-color: #000;
}

.intro-box h1 {
	margin-bottom: 50px;
}

.img-full,
.logo img {
	width: 68%;
	height: auto;
}

.loginHeader {
	width: 300px;
	margin: 0 auto;
}

.loginHeader h1 {
	font-size: 170px;
}

.loginColumns {
	margin-top: 0;
}
.modal-content {
	position: relative;
	background-color: #333;
}
.modal .modal-body {
    padding: 15px;
}
.modal-content,
.modal .modal-title {
	color: #fff;
}
.spinner {
	text-align: center;
	color: #888;
	padding: 10px;
}

.highlight {
	background-color: #FF9;
	color: #000;
	font-style: normal;
}

.lang-xs.lang-lbl,
.lang-xs.lang-lbl-full {
	padding-left: 20px;
	line-height: 1.4;
}

.highcharts-contextmenu hr {
	margin: 5px 0;
}

.no-results {
	padding: 15px 0;
}

.checkbox label,
.radio label {
	margin-right: 20px;
}

.form-control.radio-groups {
	height: auto;
	padding-bottom: 14px;
}

.datepicker.datepicker-dropdown,
.bootstrap-timepicker-widget {
	z-index: 1151 !important;
}

.datepicker.datepicker-dropdown table td input,
.bootstrap-timepicker-widget table td input {
	max-width: 100%;
}

.btn-none {
	cursor: default;
	pointer-events: none;
}

.user-male {
	color: #007fff;
}

.user-female {
	color: #ff007f;
}

.bootbox,
.waitDialog {
	z-index: 2050;
}

.bootbox + .modal-backdrop {
	z-index: 2049;
}

/* Wait dialog */
.wait-dialog,
.wait-overlay {
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	overflow: auto;
	color: white;
}

.wait-dialog {
	z-index: 2049;
}

.wait-overlay {
	z-index: 2050;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}

.wait-icon {
	position: fixed;
	z-index: 2051;
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 200px;
}

#main-options .row {
	margin: 0 0 0 -15px;
	list-style: none;
	padding: 0;
}

#main-options .row:after {
	clear: none;
}

#main-options .row-item {
	margin: 0;
	padding: 0 0 15px 15px;
}

#main-options .row-item a {
	border: 1px solid #bbb;
	padding: 15px;
	border-radius: 5px;
	display: block;
}

#main-options .menu-title {
	color: #000;
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.1;
}

#main-options.root-options .menu-title {
	margin-top: 13px;
}

#main-options .row-item a:hover {
	color: #fff;
	text-decoration: none;
}

#main-options .row-item a:hover .menu-title {
	color: #fff;
}

#main-options .fa {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	font-size: 2.5em;
}

#main-options .menu-descr {
	display: block;
	clear: both;
}

.row-item-wrapper .row-item {
	margin-top: 10px;
}

.hr-sm {
	margin: 10px 0;
}

.panel-sm .panel-body {
  padding: 10px 10px 0;
}

.panel-sm .form-group {
  margin-bottom: 10px;
}

.panel-sm {
  margin-bottom: 15px;
}

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

.b-t-0 {
	border-top: none !important;
}

.b-r-0 {
	border-right: none !important;
}

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

.b-l-0 {
	border-left: none !important;
}

.b-a-1 {
	border: 1px solid #000 !important;
}

.b-t-1 {
	border-top: 1px solid #000 !important;
}

.b-r-1 {
	border-right: 1px solid #000 !important;
}

.b-b-1 {
	border-bottom: 1px solid #000 !important;
}

.b-l-1 {
	border-left: 1px solid #000 !important;
}

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

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

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

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

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

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

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

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

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

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

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

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

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

.p-a-5 {
	padding: 5px;
}

.table > thead > tr > td.selected,
.table > tbody > tr > td.selected,
.table > tfoot > tr > td.selected,
.table > thead > tr > th.selected,
.table > tbody > tr > th.selected,
.table > tfoot > tr > th.selected,
.table > thead > tr.selected > td,
.table > tbody > tr.selected > td,
.table > tfoot > tr.selected > td,
.table > thead > tr.selected > th,
.table > tbody > tr.selected > th,
.table > tfoot > tr.selected > th {
	background-color: #304381 !important;
	color: #fff;
}
.table-hover > tbody > tr > td.selected:hover,
.table-hover > tbody > tr > th.selected:hover,
.table-hover > tbody > tr.selected:hover > td,
.table-hover > tbody > tr.selected:hover > th {
	background-color: #203371 !important;
	color: #fff;
}

.table > thead > tr > td.selected a,
.table > tbody > tr > td.selected a,
.table > tfoot > tr > td.selected a,
.table > thead > tr > th.selected a,
.table > tbody > tr > th.selected a,
.table > tfoot > tr > th.selected a,
.table > thead > tr.selected > td a,
.table > tbody > tr.selected > td a,
.table > tfoot > tr.selected > td a,
.table > thead > tr.selected > th a,
.table > tbody > tr.selected > th a,
.table > tfoot > tr.selected > th a {
	color: #fff;
}

.table > thead > tr > td.selected .btn-default,
.table > tbody > tr > td.selected .btn-default,
.table > tfoot > tr > td.selected .btn-default,
.table > thead > tr > th.selected .btn-default,
.table > tbody > tr > th.selected .btn-default,
.table > tfoot > tr > th.selected .btn-default,
.table > thead > tr.selected > td .btn-default,
.table > tbody > tr.selected > td .btn-default,
.table > tfoot > tr.selected > td .btn-default,
.table > thead > tr.selected > th .btn-default,
.table > tbody > tr.selected > th .btn-default,
.table > tfoot > tr.selected > th .btn-default {
	color: #222c32 !important;
}

.table-hover > tbody > tr > td.selected:hover a,
.table-hover > tbody > tr > th.selected:hover a,
.table-hover > tbody > tr.selected:hover > td a,
.table-hover > tbody > tr.selected:hover > th a {
	color: #fff;
}

.selected .text-muted,
.selected .text-primary,
.selected .text-warning,
.selected .text-info,
.selected .text-danger,
.selected .text-success {
	color: #fff;
}

.selected .softtextsmall,
.selected .hardtextsmall,
.selected .normaltextsmall,
.selected .blacktextsmall {
	color: #fff;
}

.selected .blue,
.selected .dark-blue,
.selected .black {
	color: #fff;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

/* Grupos de 2 botones */
.btn-group-2 {
	width: 82px;
}
.btn-group-2-xs {
	width: 48px;
}
.btn-group-2-sm {
	width: 72px;
}
.btn-group-2-lg {
	width: 98px;
}

/* Grupos de 3 botones */
.btn-group-3 {
	width: 116px;
}
.btn-group-3-xs {
	width: 82px;
}

/* Grupos de 4 botones */
.btn-group-4 {
	width: 150px;
}
.btn-group-4-xs {
	width: 116px;
}

/* Grupos de 5 botones */
.btn-group-5 {
	width: 184px;
}
.btn-group-5-xs {
	width: 170px;
}

/* Grupos de 6 botones */
.btn-group-6 {
	width: 218px;
}
.btn-group-6-xs {
	width: 204px;
}

.btn-checkbox {
	margin: 0;
	cursor: pointer;
}

.clear {
	clear: both;
}

.separator {
	border-top: 1px solid #DDD;
}

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

.valign-top {
	vertical-align: top !important;
}

.valign-middle {
	vertical-align: middle !important;
}

.valign-bottom {
	vertical-align: bottom !important;
}

.nowrap {
	white-space: nowrap !important;
}

.wrap {
	white-space: normal !important;
}

.word-break {
	word-break: break-all;
}

.text-normal {
	font-weight: normal;
}

.page-header .btn {
	margin-left: 10px;
}

.page-header .btn + .btn {
	margin-left: 0;
}

.nass-picture-print {
	text-align: center;
}

.nass-picture-print img {
	width: auto;
	max-height: 100px;
}

.resident-nass-picture img,
.resident-picture img {
	max-width: 34px;
}

.nass-picture-preview,
.resident-picture-preview {
	text-align: right;
}

.nass-picture-preview img,
.resident-picture-preview img {
	max-width: 100%;
	height: auto;
	max-height: 34px;
}

.modal-resident-medicaments .modal-dialog {
	width: 780px;
}

.placeholder {
	color: #999;
}

.archive-date {
	padding: 5px 10px 10px;
	min-width: 250px;
}

.archive-date label {
	margin-right: 0;
}

#archive-date-selected {
	text-transform: lowercase;
}

.elapsed-time {
	display: inline;
	vertical-align: middle;
}

.inline {
	display: inline;
}

.form-control-info {
	background: #f3f3f3;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.input-daterange .input-group-addon {
	padding: 6px 12px;
	border-width: 1px;
}

#residentsheetdate {
	width: 90px;
	text-align: center;
}

.toggle-resident-sheet {
	margin-top: -6px;
	margin-right: -11px;
	float: right;
}

.observations {
	position: relative;
}

.btn-observations {
	opacity: 0;
	position: absolute;
	top: -1px;
	right: -1px;
}

.resident-observations .buttons {
	margin-top: 8px;
}

.resident-observations:hover .btn-observations {
	opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	   -moz-transition: opacity 0.3s linear;
	    -ms-transition: opacity 0.3s linear;
	     -o-transition: opacity 0.3s linear;
	        transition: opacity 0.3s linear;
}

.modal-open .mfp-bg {
	z-index: 1062;
}
.modal-open .mfp-wrap {
	z-index: 1063;
}

.modal-open .mfp-content {
	z-index: 1065;
}

.modal-open .mfp-preloader {
	z-index: 1064;
}

.modal-open button.mfp-close,
.modal-open button.mfp-arrow {
	z-index: 1066;
}

.table-log>tbody>tr>td,
.table-log>tfoot>tr>td,
.table-log>thead>tr>td {
	padding: 4px 5px;
	line-height: 1.2;
}

.log-json {
	padding: 0;
	font-size: 14px;
	line-height: 1.2;
	color: #555;
}

.printresidentsheet {
	margin: 0;
	font-size: 11px;
	display: none;
}

.printresidentsheet .cell-data {
	padding: 2px 4px;
}

.printresidentsheet .big {
	font-size: 13px;
}

.printresidentsheet .cell-motive {
	padding: 5px 6px;
}

.printresidentsheet .cell-separator {
	margin-top: 6px;
}

.printresidentsheet .observation-separator {
	margin-top: 5px;
}

.printresidentsheet .alert-error {
	padding: 15px;
	border: 1px solid #000;
}

.printresidentsheet .alert-error p {
	margin: 0;
}

.printresidentsheet .table-black-bordered {
	margin-top: 10px;
	margin-bottom: 0;
}

.printresidentsheet .table-black-bordered>tbody>tr>td,
.printresidentsheet .table-black-bordered>tbody>tr>th,
.printresidentsheet .table-black-bordered>tfoot>tr>td,
.printresidentsheet .table-black-bordered>tfoot>tr>th,
.printresidentsheet .table-black-bordered>thead>tr>td,
.printresidentsheet .table-black-bordered>thead>tr>th {
	vertical-align: middle !important;
	font-size: 10px;
}

.printresidentsheet .table-black-bordered>tbody>tr>th,
.printresidentsheet .table-black-bordered>tfoot>tr>th,
.printresidentsheet .table-black-bordered>thead>tr>th {
	padding: 2px 3px;
}

.printresidentsheet .table-black-bordered>tbody>tr>td,
.printresidentsheet .table-black-bordered>tfoot>tr>td,
.printresidentsheet .table-black-bordered>thead>tr>td {
	padding: 1px 3px;
}

/**
 Hoja de estilo para la versión imprimible de la ficha de un residente
 ---------------------------------------------------------------------
 **/

@media print {
	body {
		overflow: visible;
		margin: 0 !important;
		padding: 0 !important;
	}
	body > * {
		display: none;
	}

	body > .printresidentsheet {
		display: block;
	}
}

.table-black-bordered>tbody>tr>td,
.table-black-bordered>tbody>tr>th,
.table-black-bordered>tfoot>tr>td,
.table-black-bordered>tfoot>tr>th,
.table-black-bordered>thead>tr>td,
.table-black-bordered>thead>tr>th {
	border: 1px solid #000;
}

.table > thead > tr > td.inactive,
.table > tbody > tr > td.inactive,
.table > tfoot > tr > td.inactive,
.table > thead > tr > th.inactive,
.table > tbody > tr > th.inactive,
.table > tfoot > tr > th.inactive,
.table > thead > tr.inactive > td,
.table > tbody > tr.inactive > td,
.table > tfoot > tr.inactive > td,
.table > thead > tr.inactive > th,
.table > tbody > tr.inactive > th,
.table > tfoot > tr.inactive > th {
  background-color: #f5f5f5;
  color: #888;
}
.table-hover > tbody > tr > td.inactive:hover,
.table-hover > tbody > tr > th.inactive:hover,
.table-hover > tbody > tr.inactive:hover > td,
.table-hover > tbody > tr:hover > .inactive,
.table-hover > tbody > tr.inactive:hover > th {
  background-color: #e8e8e8;
  color: #777;
}

/* Idioma desconocido */
.lang-lbl-en:after,
.lang-lbl-full:after,
.lang-lbl:after {
	content: "?";
}

/* Catalán */
.lang-lbl[lang=ca]:after { content: "Catal\0000E0"; }
.lang-lbl-en[lang=ca]:after { content: "Catalan"; }
.lang-lbl-full[lang=ca]:after { content: "Catal\0000E0/\0000A0Spanish"; }

/* Gallego */
.lang-lbl[lang=gl]:after { content: "Galego"; }
.lang-lbl-en[lang=gl]:after { content: "Galician"; }
.lang-lbl-full[lang=gl]:after { content: "Galego/\0000A0Spanish"; }

.car-model {
	white-space: normal !important;
}

select option {
	color: #222c32;
}

.overlay-wrapper > .overlay,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-wrapper .overlay {
  z-index: 51;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.overlay-wrapper .overlay > .preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #aaa;
  background: transparent;
  font-size: 30px;
}
.wait-open {
  position: relative;
}
.modal-open {
  position: static;
}
.upper {
	text-transform: uppercase;
}
.lower {
	text-transform: lowercase;
}

.file-preview {
	border: 0 !important;
	border-radius: 2px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.file-drop-zone {
	border-radius: 2px !important;
	margin: 0 !important;
	padding: 12px !important;
}
.file-caption-name {
	height: 32px;
	line-height: 32px;
}
.kv-file-content {
	width: 180px;
	height: 120px;
}
.kv-file-content img {
	max-width: 180px;
	max-height: 120px;
}
.file-drag-handle i {
	color: #fff;
}
.file-highlighted {
	border: 1px solid #999!important;
	background-color: #212629;
}

/**
 * Hoja de estilo para la versión adaptativa
 **/

/* Medium devices */
@media (max-width: 1199px) {
	.md-spacing-self {
		margin-top: 10px !important;
	}
	.md-spacing > * {
		margin-top: 10px;
	}
	.btn-md-spacing .btn {
		margin-top: 10px;
		display: block;
	}
	.btn-md-spacing .btn:first-child {
		margin-top: 0;
	}
}

/* Small devices */
@media (max-width: 991px) {
	.sm-spacing-self {
		margin-top: 10px !important;
	}
	.sm-spacing > * {
		margin-top: 10px;
	}
	.btn-sm-spacing {
		float: none !important;
	}
	.btn-sm-spacing .btn {
		margin: 10px 0 0 0;
		display: block;
	}
	.btn-sm-spacing .btn:first-child {
		margin-top: 0;
	}
	.sm-clear {
		clear: both !important;
		float: none !important;
	}
	.sm-block {
		display: block;
	}
	.sm-block .checkbox,
	.sm-block .radio {
		margin-left: 20px;
		display: inline;
	}
	.f-left,
	.f-right {
		float: none;
	}

	.btn-group:after {
		display: table;
		content: " ";
		clear: both;
	}
	.btn-group:before {
		display: table;
		content: " ";
	}
	.btn-group .btn {
		display: table-cell !important;
		width: 90% !important;
		float: left !important;
		clear: none !important;
		margin: 0 !important;
	}
	.btn-group .btn + .btn {
		margin: 0 0 0 -1px !important;
	}
	.btn-group .dropdown-toggle {
		width: 10% !important;
	}
}

/* Extra small devices */
@media (max-width:767px) {
	.display-inline-block * {
		display: block !important;
	}
	.child-inline-block > * {
		display: block !important;
	}
	.responsive-tabs li {
		display: block;
		float: none;
	}
	.responsive-tabs > li > a {
		border: 1px solid #DDD;
		margin-right: 0;
	}
	.btn-group-row,
	.btn-group-row .btn {
		display: block;
		float: none;
	}
	.btn-group-row button {
		width: 100%;
	}
	.btn-xs-spacing .dropdown-menu,
	.btn-group-row .dropdown-menu {
		right: 0;
	}
	.bootstrap-dialog .modal-dialog {
		width: auto !important;
	}
	.xs-spacing-self {
		margin-top: 10px !important;
	}
	.xs-spacing > * {
		margin-top: 10px;
	}
	.xs-clear {
		clear: both !important;
		float: none !important;
	}
	.label-xs-spacing .label,
	.btn-xs-spacing .btn {
		margin-top: 10px;
		display: block;
		width: 100%;
	}
	.btn-xs-spacing .btn-group {
		margin-top: 10px;
		width: 100%;
	}
	.btn-xs-spacing .btn-split .btn-split-1 {
		width: 90%;
		margin-top: 0;
	}
	.btn-xs-spacing .btn-split .btn-split-2 {
		width: 10%;
		margin-top: 0;
	}
	.btn-xs-spacing .btn:first-child {
		margin-top: 0;
	}
	.layout-slider {
		width: auto !important;
	}
}

.kv-file-slider {
	display: none !important;
}
.language-selector {
	width: 100%;
}
.language-selector .dropdown-menu>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
}

.language-menu {
	margin: 0 15px !important;
	position: relative;
}

.sold-in-selector {
	width: 100%;
}

.sold-in-selector.btn-group .dropdown-toggle {
	width: 100% !important;
	background: transparent !important;
	color: #DADADA !important;
	border-bottom: 1px solid rgba(255,255,255,.06);
	padding-left: 0;
}

.sold-in-selector.btn-group .dropdown-toggle > span:not(.caret) {
	width: 100%;
	text-align: left;
}