/**
 * Main CSS style for the framework functionality.
 * Add here only the common classes across projects.
 *
 */

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.noselect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.noselect:focus,
.noselect.focus{
    outline: none !important;
    box-shadow: none;
}

label {
	font-weight: normal;
}

option.blank-item {
	color: gray;
	font-style: italic;
}

.deleted {
	color: #999;
	text-decoration: line-through;
	font-style: italic;
}

.disabled a {
	pointer-events: none;
}

.grayed {
	background: #f0f0f0;
}

.red {
    color: red;
}

.green {
    color: green;
}

.yellow {
    color: yellow;
}

.tag {
	margin: 1px;
	padding: 2px 5px;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
	border-radius: 2px;
}

.flag {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 12px;
    vertical-align: middle;
    border: #ccc 1px solid;
    background-size: contain;
}

.flag-bg {
    background-image: url(../img/flags/bg.png) !important;
}

.flag-en {
    background-image: url(../img/flags/en.png) !important;
}

.flag-de {
    background-image: url(../img/flags/de.png) !important;
}

.btn-switch-lang.flag {
    border: #ccc 3px solid;
    width: 34px;
    height: 22px;
    opacity: 0.5;
}

.btn-switch-lang.flag.active {
    border: #000 3px solid;
}

.btn-switch-lang.flag:hover,
.btn-switch-lang.flag.active{
    opacity: 1;
}


/* --- Thumbnails --- */

.table td .thumbnail {
	max-width: 100px;
	min-width: 50px;
}

.table td .thumbnail img {
	max-height: 50px;
}

.form-control-wrapper .thumbnail {
	height: 100%;
	overflow: hidden;
	padding: 0;
	border: #fff 2px solid;
	outline: #ddd 1px solid;
}

.form-control-wrapper .thumbnail img {
	max-height: 100%;
}

.thumbnail.preview-scale-height > img {
	max-height: 100%;
	max-width: none;
}

.thumbnail.preview-scale-width > img {
	max-height: none;
	max-width: 100%;
}


/* --- Alerts --- */

.alert {
	line-height: 1.7;
}

.alert.alert-info {
	border: 1px solid #c0e4f9;
	background-color: #e8f4fc;
}

.alert pre {
	overflow: auto;
	max-height: 600px;
}

.alert-fixed {
	position: fixed;
	top: 40px;
	left: 6%;
	width: 88%;
	margin: 0 auto;
	z-index: 999999 !important;
	border-radius: 0px;
	box-shadow: 0 0 10px rgba(90, 90, 90, 0.2);
}

@media (min-width: 1200px) {
	.alert-fixed {
		left:-webkit-calc(100%/2 - 540px);
		left:-moz-calc(100%/2 - 540px);
		left:calc(100%/2 - 540px);
		width: 1080px;
	}
}


/* --- Overlays --- */

.overlay::before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
	z-index: 1040 !important;
	vertical-align: middle;
	text-align: center;
}

.overlay .fa {
	font-size: 40px;
	color: white;
	text-shadow: 0 0 12px #3060ff !important;
	vertical-align: middle;
	cursor: default;
}

.overlay-container {
	position: relative;
}

.progress {
	margin: 5px 0;
}

.tooltip-inner {
	text-align: left !important;
	white-space: pre-wrap;
	max-width: 300px;
	opacity: .85;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	text-overflow: clip;
	word-wrap: break-word;
}


/* --- FullCalendar updates --- */

.fullcalendar {
	position: relative;
}

.fullcalendar .loading {
	background: rgba(0,0,0,0.05);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.fullcalendar .loading > .fa {
	position: absolute;
	left: 49%;
	top: 20%;
}

.fullcalendar .fc-toolbar.fc-header-toolbar {
	margin-bottom: 0;
}

.fullcalendar .fc-btn-title-short {
	font-weight: bold;
}

@media (max-width: 500px) {
	.fullcalendar .fc-btn-title {
		display: none;
	}
}

@media (min-width: 501px) {
	.fullcalendar .fc-btn-title-short {
		display: none;
	}
}

.empty-cell-event {
    background: rgba(255,255,255,0.01) !important;
    border: none !important;
    padding: 1px;
    text-align: center;
    vertical-align: middle !important;
}

.empty-cell-event .fc-content {
    text-align: left;
    color: #aba;
}

.empty-cell-event:hover .fc-content {
    color: #8a8;
}

.empty-cell-event:hover {
    background: rgba(0,0,0,0.05) !important;
    cursor: pointer;
}

.empty-cell-event:hover:before {
    position: absolute;
    top:0; left:0; bottom:0; right:0;
    text-align: center;
    padding-top: 8px;
    color: #8a8;
    font-size: 19px; /* 1px border */
    content: '+';
}

.empty-cell-event-last {
    left: auto !important;
    width: 20px;
}

.fc-event-appendable {
    margin-right: 20px !important;
}

.fc-event-appendable-last {
    margin-right: 0px !important;
}

.fc-list-view .empty-cell-event,
.fc-month-view .empty-cell-event {
    display: none !important;
}

.fc-resource-cell {
    text-overflow: ellipsis;
    overflow: hidden;
}

.fc-scroller {
   overflow-y: hidden !important;
}

.fc-axis {
    position: relative;
}

.fc-axis > span {
    top: 0px;
    position: absolute;
    left: 2px;
    font-size: 12px;
    font-weight: bold;
}


/* --- Page Layout, Widget, Dialog --- */

.page-container {
	padding: 15px 0;
}

.popover-content .page-container {
	padding: 0;
}

.crud-container {
}

.toolbars {
	margin-bottom: 10px;
}

.toolbars + .page-container {
	padding-top: 0;
}


/* --- Table & Grid classes --- */

table.no-borders td, table.no-borders th {
	border-width: 0 !important;
}

.form-group > .table-responsive > .table,
.form-group > .table {
	margin-bottom: 0;
}

.form-group .form-group {
	margin-top: 0;
}

.table-custom-content {
	text-align: center;
	font-style: italic;
}

.table th {
	cursor: default;
}

.table[data-sortable] th[data-sortkey] .fa-stack > .fa:not(.active) {
	color: #ddd;
}

.table[data-sortable] th[data-sortkey] a:hover > .fa-stack > .fa:not(.active) {
	color: #bbb;
}

.table-header-centered {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.tab-pane .table {
	margin-bottom: 0;
}

td.actions-column,
th.actions-column {
	width: 20px;
	white-space: nowrap;
	padding: 5px !important;
	text-align: right;
	vertical-align: middle !important;
}

td.actions-column .btn,
th.actions-column .btn{
	margin-left: 3px;
	margin-right: 0;
	padding: 5px 5px 3px 5px;
	width: 35px;
}

.table-footer-total {
	font-style:  italic;
	color: #777;
	margin-top: 5px;
}

.pagination {
	margin-bottom: 5px;
}


/* ------ Form, fixes & sizes ------ */

/* Reduce horisontal gap for XS and SM display size */
@media (max-width: 991px) {
	.row {
		margin-left: -7px;
		margin-right: -7px;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 7px;
		padding-right: 7px;
	}
}


.input-group {
	width: 100%;
}

.btn-toolbar {
	clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group {
	float: none;
}

.btn-toolbar .btn {
	margin-left: 5px;
}

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

.popover .form-group {
	margin-top: 10px;
}

.form-group > label.control-label {
	margin-bottom: 2px;
    width: 100%;
}

.form-group > label.control-label > .fa {
	font-size: 15px;
}

.form-group > label.control-label > .fa.fa-info-circle,
.form-group > label.control-label > .fa.fa-question-circle{
	color: #8ab2c9;
	cursor: help;
}

.form-group > label.control-label.pull-left,
.form-group > label.control-label.pull-right,
.form-group > label.control-label.text-on-right {
	/* fix the height for labels/titles on the left to follow the 1-line sized editors */
	padding-bottom: 3px;
	padding-top: 3px;
}

.form-section-header > div {
    font-size: 18px;
	margin-top: 20px;
    padding-bottom: 5px;
	border-bottom: #ddd 1px solid;
}

.form-section-header small {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #999;
	display: block;
}

label.control-label small {
	font-size: 0.75em;
	color: #89a;
	font-style: italic;
	display: block;
}

input.form-control, select, button.ui-multiselect.form-control, .select2-search input, .color-dropdown.form-control {
	height: 30px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

label.check-wrapper {
	height: 26px !important;
	position: relative;
}

.form-control-wrapper label.check-wrapper {
	height: 30px !important;
    line-height: 30px;
}

.radio-group.form-control label.check-wrapper {
	height: 20px !important;
}

.radio-group label.check-wrapper {
    margin-right: 20px;
}

.form-control.check {
	height: 26px !important;
}

input.check[type="checkbox"] + .lbl,
input.check[type="radio"] + .lbl {
	font-weight: normal;
}

.select2-selection {
	height: 30px !important;
	padding: 1px 2px !important;
    position: relative;
}

.select2-selection__arrow {
	right: 8px !important;
}

.select2-selection__rendered {
	padding: 4px 35px 2px 4px !important;
}

.select2-selection__rendered img {
	height: 22px;
	margin: -3px 3px 0 -2px;
    box-shadow: 0 0 5px rgba(90, 90, 90, 0.4);
    border-radius: 2px;
    background-color: #fcfcfc;
}

.select2-selection__rendered i::before,
.select2-results__option i::before {
	font-size: 1.2em;
}

.select2-selection__rendered i[class^="icon-"]::before,
.select2-results__option i[class^="icon-"]::before {
	vertical-align: text-top;
}

.select2-dropdown {
	min-width: 90px;
	z-index: 1080;
}

.select2-container.form-control .select2-choice {
	height: 30px;
}

.select2-container.form-control {
	padding: 0 !important;
	border: 0 !important;
}

.select2-container .select2-results > .select2-results__options {
	max-height: 240px;
}

.select2-container--bootstrap .select2-selection__clear {
	margin-right: -15px;
	margin-top: -1px;
	padding: 0 3px;
	font-size: 1.7em;
	line-height: 0.75em;
	color: #b44;
}

.select2-container--bootstrap .select2-selection__clear:hover {
	background: #f0f0f0;
}

.select2-container--bootstrap .select2-results__option,
.select2-container--bootstrap .select2-results__option .select2-results__option {
	padding: 6px;
}

.select2-container--bootstrap .select2-results__option[aria-selected="true"] .color-blue {
	color: #fff;
}

.select2-results__option img {
	max-width: 42px;
	margin-top: -2px;
	margin-bottom: -2px;
}

.select2-results__option.twolines {
	line-height: 1.2em !important;
}

.select2-results__option.twolines .tag {
	float: left;
	font-weight: bold;
}

.select2-results__option.twolines img {
	margin-right: 5px;
	float: left;
}

.select2-container--bootstrap .select2-results__group,
.select2-results__option.twolines > span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.select2-results__option.twolines > span {
	font-weight: bold;
}

.select2-results__option.twolines > span .subtext {
	font-weight: normal;
	font-size: 0.85em;
}

/* Fix for read-only state of select2 plugin. https://github.com/select2/select2/issues/3387 */
select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;

	.select2-selection {
		background: #eee;
		box-shadow: none;
	}

	.select2-selection__arrow,
	.select2-selection__clear {
		display: none;
	}
}

.multiselect-container.dropdown-menu.form-control {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;;
	display: block;
	z-index: initial;
	padding: 6px 8px !important;
	overflow-x: hidden;
	overflow-y: auto;
}

.multiselect-container .input-group {
	margin: 0;
}

.multiselect-container > li > a > label {
	padding: 3px 2px 3px 22px;
}

span.form-control, div.form-control, textarea {
	height: 100%;
	min-height: 30px;
}

.form-control-wrapper textarea.form-control {
    height: 100% !important;
}

span.form-control.html-box,
div.form-control.html-box {
	overflow: auto;
	white-space: pre-wrap;
	display: block;
	unicode-bidi: embed;
}

.form-control, select, button.ui-multiselect, textarea {
	padding: 4px 6px !important;
}

.form-control-wrapper {
	position: relative;
}

button.ui-multiselect {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

button.ui-multiselect > span {
	height: 1.42857em;
}

.control-label .fa-comment-o {
	cursor: help;
	padding-left: 5px;
}

.control-label .btn-xs {
	display: inline-block;
	padding: 0px 3px;
	margin-left: 2px;
	opacity: 0.7;
    transition: 0.4s;
}

.control-label .btn-xs:hover {
	opacity: 1;
	transition: 0.4s;
}

.control-label .btn-default:not(:hover) {
	background: #d5d5d5;
}

input[type="number"] {
	padding-right: 2px;
}

.input-icon > input {
	padding-left: 24px !important;
}

.required {
	color: red;
	font-weight: bold;
}

.form-control-borderless {
	border: none !important;
	background: none !important;
}

.form-control-scrollable {
    overflow: auto;
}


/* --- Hide the browser`s helpers buttons for number input and date and time pickers --- */

input.nohelpers::-webkit-outer-spin-button,
input.nohelpers::-webkit-inner-spin-button,
input.nohelpers::-webkit-calendar-picker-indicator,
input[readonly]::-webkit-outer-spin-button,
input[readonly]::-webkit-inner-spin-button,
input[readonly]::-webkit-calendar-picker-indicator,
input:disabled::-webkit-outer-spin-button,
input:disabled::-webkit-inner-spin-button,
input:disabled::-webkit-calendar-picker-indicator {
	-webkit-appearance: none;
	margin: 0;
	display: none;
}

input.nohelpers,
input[readonly],
input:disabled {
	-moz-appearance: textfield;
	cursor: default !important;
}

form input::-webkit-validation-bubble-message,
form select::-webkit-validation-bubble-message,
form textarea::-webkit-validation-bubble-message {
	display:none;
}

textarea.form-control, textarea.noresize {
	resize: none;
}

input::-ms-clear {
	display: none;
}

input[type="search"] {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}


/* --- Validation --- */

.help-block {
	margin: 0;
	font-size: 0.9em;
	cursor: default;
}

.help-block ul {
	margin: 0;
	padding: 0;
}

.help-block *:first-child {
	margin-top: 3px;
}


/* --- Error page --- */

.error-page {
	margin: 0 auto;
	text-align: center;
}

.error-page .error-description {
	font-size: 1.3em;
}

.error-page img.error-img {
	width: 100%;
	max-width: 410px;
	height: auto;
	margin: 40px auto 40px auto;
}

.error-page .error-icon {
	font-size: 120px;
	line-height: 180px;
	color: gray;
}

.error-page .error-title {
	font-size: 1.5em;
	font-weight: bold;
}

.error-page p {
	margin: 10px 0;
}

.error-page pre {
	margin-top: 5px;
	text-align: left;
}

.error-page .more-details {
	margin-top: 15px;
	border-top: #ddd 1px solid;
}

.error-page .more-details button {
	margin-top: 10px;
}

#btnStackTrace {
	text-align: left;
	margin-top: 10px;
	background: #fffff0;
}

/*For Mobile Devices*/
@media (max-width: 500px) {
	.error-page .error-description {
		font-size: 1.1em;
	}

	.error-page .error-icon {
		font-size: 80px;
		line-height: 120px;
	}

	.error-page .error-title {
		font-size: 1.3em;
	}
}


/* --- Bootstrap-dialog styles --- */

.dialog-buttons {
	margin-top: 15px;
	margin-left: -15px;
	margin-right: -15px;
}

.modal-body {
	min-height: 50px;
}

.modal-body .page-container {
	padding: 0 !important;
}

.modal-body form .btn-toolbar.modal-footer {
	margin-left: -15px !important;
	margin-right: -15px !important;
	margin-bottom: 0 !important;
	padding-top: 15px !important;
	border-top-width: 1px !important;
}

.modal-body form .btn-toolbar > .btn:first-child {
	margin-left: 1px !important;
}

.bootstrap-dialog .bootstrap-dialog-title {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	cursor: default;
}

.modal-header .close {
	font-size: 32px;
	margin-top: -5px;
}

/* Fix dialog size to be the same as bootstrap container */

@media (max-width: 991px) and (min-width: 600px) {
	.modal-lg {
		width: auto;
		margin: 10px;
	}
}

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

@media (min-width: 1200px) {
	.modal-lg {
		width: 1170px;
	}
}


/* --- Popover fixes --- */

.popover {
	max-width: 350px;
}

.popover-title {
	padding-top: 5px;
	padding-bottom: 5px;
}

.popover-content {
	min-width: 290px;
}

.popover-content .btn-toolbar {
	margin-top: 10px;
	padding-top: 10px;
	border-top: #ddd 1px solid;
	margin-left: 0;
}

.popover-content .btn-toolbar .btn:first-child {
	margin-left: 0;
}

.popover-content form *:not(.row) + .row > .form-group {
	margin-top: 0px;
}

.popover-title .close {
	font-size: 30px;
	margin-top: -3px;
}

.popover-title a:hover {
	text-decoration: none !important;
}


/* --- Tree combo indentations --- */

.indentation-1 { margin-left: 15px; }
.indentation-2 { margin-left: 30px; }
.indentation-3 { margin-left: 45px; }
.indentation-4 { margin-left: 60px; }
.indentation-5 { margin-left: 75px; }
.indentation-6 { margin-left: 90px; }
.indentation-7 { margin-left: 105px; }


/* --- Grid system sizes ---
 *
 * Defaults (for font-size: 14px!):
 *
 * Standard single-line editor height: X = 30px
 * Label height: L = 22px (20px + 2px margin)
 * Form group total margins: G = 20px
 *
 * Calculation formula for ".form-control-wrapper" class:  X + (level-1)*(X + L + G)
 * So each next level adds from the previous height: N = 72px
 */
.grid-h1 > .form-control-wrapper { height: 30px; }
.grid-h2 > .form-control-wrapper { height: 102px; }
.grid-h3 > .form-control-wrapper { height: 174px; }
.grid-h4 > .form-control-wrapper { height: 246px; }
.grid-h5 > .form-control-wrapper { height: 318px; }
.grid-h6 > .form-control-wrapper { height: 390px; }
.grid-h7 > .form-control-wrapper { height: 462px; }
.grid-h8 > .form-control-wrapper { height: 534px; }
.grid-h9 > .form-control-wrapper { height: 606px; }
.grid-h10 > .form-control-wrapper { height: 678px; }
.grid-h11 > .form-control-wrapper { height: 750px; }
.grid-h12 > .form-control-wrapper { height: 822px; }
.grid-h13 > .form-control-wrapper { height: 894px; }
.grid-h14 > .form-control-wrapper { height: 966px; }
.grid-h15 > .form-control-wrapper { height: 1038px; }
.grid-h16 > .form-control-wrapper { height: 1110px; }
.grid-h17 > .form-control-wrapper { height: 1182px; }
.grid-h18 > .form-control-wrapper { height: 1254px; }
.grid-h19 > .form-control-wrapper { height: 1326px; }
.grid-h20 > .form-control-wrapper { height: 1398px; }

.grid-max-h1 > .form-control-wrapper { max-height: 30px; }
.grid-max-h2 > .form-control-wrapper { max-height: 102px; }
.grid-max-h3 > .form-control-wrapper { max-height: 174px; }
.grid-max-h4 > .form-control-wrapper { max-height: 246px; }
.grid-max-h5 > .form-control-wrapper { max-height: 318px; }
.grid-max-h6 > .form-control-wrapper { max-height: 390px; }
.grid-max-h7 > .form-control-wrapper { max-height: 462px; }
.grid-max-h8 > .form-control-wrapper { max-height: 534px; }
.grid-max-h9 > .form-control-wrapper { max-height: 606px; }
.grid-max-h10 > .form-control-wrapper { max-height: 678px; }
.grid-max-h11 > .form-control-wrapper { max-height: 750px; }
.grid-max-h12 > .form-control-wrapper { max-height: 822px; }
.grid-max-h13 > .form-control-wrapper { max-height: 894px; }
.grid-max-h14 > .form-control-wrapper { max-height: 966px; }
.grid-max-h15 > .form-control-wrapper { max-height: 1038px; }
.grid-max-h16 > .form-control-wrapper { max-height: 1110px; }
.grid-max-h17 > .form-control-wrapper { max-height: 1182px; }
.grid-max-h18 > .form-control-wrapper { max-height: 1254px; }
.grid-max-h19 > .form-control-wrapper { max-height: 1326px; }
.grid-max-h20 > .form-control-wrapper { max-height: 1398px; }


/* Height styles for "label on the left" mode:
 * Label height is not taken into account here, as does not preceeds the editor on height
 *
 * Calculation formula for ".form-control-wrapper" class:  X + (level-1)*(X + G)
 * So each next level adds from the previous height: N = 50px
 */

.grid-h2 > label.pull-left + .form-control-wrapper { height: 80px; }
.grid-h3 > label.pull-left + .form-control-wrapper { height: 130px; }
.grid-h4 > label.pull-left + .form-control-wrapper { height: 180px; }
.grid-h5 > label.pull-left + .form-control-wrapper { height: 230px; }
.grid-h6 > label.pull-left + .form-control-wrapper { height: 280px; }
.grid-h7 > label.pull-left + .form-control-wrapper { height: 330px; }
.grid-h8 > label.pull-left + .form-control-wrapper { height: 380px; }
.grid-h9 > label.pull-left + .form-control-wrapper { height: 430px; }
.grid-h10 > label.pull-left + .form-control-wrapper { height: 480px; }
.grid-h11 > label.pull-left + .form-control-wrapper { height: 530px; }
.grid-h12 > label.pull-left + .form-control-wrapper { height: 600px; }
.grid-h13 > label.pull-left + .form-control-wrapper { height: 630px; }
.grid-h14 > label.pull-left + .form-control-wrapper { height: 680px; }
.grid-h15 > label.pull-left + .form-control-wrapper { height: 730px; }
.grid-h16 > label.pull-left + .form-control-wrapper { height: 780px; }
.grid-h17 > label.pull-left + .form-control-wrapper { height: 830px; }
.grid-h18 > label.pull-left + .form-control-wrapper { height: 880px; }
.grid-h19 > label.pull-left + .form-control-wrapper { height: 930px; }
.grid-h20 > label.pull-left + .form-control-wrapper { height: 980px; }

.grid-max-h2 > label.pull-left + .form-control-wrapper { max-height: 80px; }
.grid-max-h3 > label.pull-left + .form-control-wrapper { max-height: 130px; }
.grid-max-h4 > label.pull-left + .form-control-wrapper { max-height: 180px; }
.grid-max-h5 > label.pull-left + .form-control-wrapper { max-height: 230px; }
.grid-max-h6 > label.pull-left + .form-control-wrapper { max-height: 280px; }
.grid-max-h7 > label.pull-left + .form-control-wrapper { max-height: 330px; }
.grid-max-h8 > label.pull-left + .form-control-wrapper { max-height: 380px; }
.grid-max-h9 > label.pull-left + .form-control-wrapper { max-height: 430px; }
.grid-max-h10 > label.pull-left + .form-control-wrapper { max-height: 480px; }
.grid-max-h11 > label.pull-left + .form-control-wrapper { max-height: 530px; }
.grid-max-h12 > label.pull-left + .form-control-wrapper { max-height: 600px; }
.grid-max-h13 > label.pull-left + .form-control-wrapper { max-height: 630px; }
.grid-max-h14 > label.pull-left + .form-control-wrapper { max-height: 680px; }
.grid-max-h15 > label.pull-left + .form-control-wrapper { max-height: 730px; }
.grid-max-h16 > label.pull-left + .form-control-wrapper { max-height: 780px; }
.grid-max-h17 > label.pull-left + .form-control-wrapper { max-height: 830px; }
.grid-max-h18 > label.pull-left + .form-control-wrapper { max-height: 880px; }
.grid-max-h19 > label.pull-left + .form-control-wrapper { max-height: 930px; }
.grid-max-h20 > label.pull-left + .form-control-wrapper { max-height: 980px; }



/* --- XS screen space optimzations --- */

@media (max-width: 600px) {
	.form-section-header > div {
		margin-top: 10px;
	}
	.container.content > .page-container {
		padding-top: 5px;
	}
	.toolbars {
		margin-bottom: 0;
	}
	.visible-xs-inline {
		display: inline-block !important;
	}
	.navbar-header .popover {

	}
}

@media (min-width: 600px) {
	.visible-xs-inline {
		display: none !important;
	}
}

@media (min-width: 600px) and (max-width: 991px) {
    .container {
        width: auto;
    }
}

#calendarPastEventWarning {
	display: none;
}