@media (min-width: 768px) {
	.container {
		width: 760px;

	}
}
@media (min-width: 992px) {
	.container {
		width: 992px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
	.modal-xl {
		width: 1200px;
	}
}

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:visited,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pager li > a:hover,
.pager li > a:focus {
	background-color: transparent !important;
}

.modal-footer {
	text-align: left;
}

/* add the error border to the select picker div (mimics form-control) */
.has-error .selectpicker {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .selectpicker:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.btn.dropdown-toggle {
    text-transform: none !important;
}

.page-content .loadingModal {
	display:    none;
	position:   fixed;
	z-index:    100000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 )
				url('/assets/hej/img/loading-spinner.gif')
				50% 50%
				no-repeat;
	text-align:center;
}

.page-content .loadingModal H4 {
	position:fixed;
	top:55%;
	width:100%;
	text-align:center;
}

.loading {
	overflow: hidden;
}
.page-content.loading .loadingModal {
	display: block;
}