/*******************************************************************
Bootstrap 3 css settings
Nodig om vanaf IRES versie 5.30 waarin BS5.3 default is, ervoor 
te zorgen dat de oude (nog op BS3 gebaseerde settings) dialogen er 
goed blijven uitzien en dus niet 'omvallen'... 
*******************************************************************/

/*** DISPLAY ***/
.hidden {
	display: none !important;
	}
	@media (max-width: 767px) {
		.hidden-xs {
		  display: none !important;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.hidden-sm {
			display: none !important;
			}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.hidden-md {
			display: none !important;
			}
	}
	@media (min-width: 1200px) {
		.hidden-lg {
			display: none !important;
			}
	}
	
/*** NAVBAR ***/
.navbar-fixed-top {
	position: fixed!important;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	padding-top: 0 !important;
  	padding-bottom: 0 !important;
	}
	/*** overrides needed for the WHITE-BLACk THEME where we use the pseudoclass ::before  for the navlinks ***/
	.nav-link {
		position:relative;
		}
		@media screen and (min-width: 768px) {
			.bootstrapfront .header_content .navbar-default .navbar-nav li a.nav-link::before {
				width: calc(100% - 1rem);
				left:0.5rem;
				top:2rem;
				}
			.bootstrapfront .header_content .navbar-default .navbar-nav li a.nav-link:hover,
			.bootstrapfront .header_content .navbar-default .navbar-nav li a.nav-link:focus {
				text-decoration:none;
				}
		}
/*** LAYOUT ***/
.well {	
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	}

.lead {
	font-size:21px;
	line-height: 1.4;
	margin-bottom: 20px;
	}

	.list-unstyled {
		padding-left: 0;
		list-style: none;
	  }
	  .list-inline {
		padding-left: 0;
		list-style: none;
		margin-left: -5px;
	  }
	  .list-inline > li {
		display: inline-block;
		padding-right: 5px;
		padding-left: 5px;
	  }
	  dl {
		margin-top: 0;
		margin-bottom: 20px;
	  }
	  dt,
	  dd {
		line-height: 1.42857143;
	  }
	  dt {
		font-weight: 700;
	  }
	  dd {
		margin-left: 0;
	  }
	  @media (min-width: 768px) {
		.dl-horizontal dt {
		  float: left;
		  width: 160px;
		  clear: left;
		  text-align: right;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  white-space: nowrap;
		}
		.dl-horizontal dd {
		  margin-left: 180px;
		}
	  }

/*** BUTTONS ***/
.btn-block {
	display: block;
	width: 100%;
	}

/*** IMAGES ***/
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	}

/*** Alignment ***/
.text-left { text-align:left;}
.text-right { text-align:right;}
.text-center { text-align:center;}