/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #333;
	color: #F9F9F9;
}*/

/* Disable form tekst (zonder input veld) */
p.form-control{
	background-color: #eee;
	color: #555;
	cursor: not-allowed;
}



/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 481px) and (max-width: 800px) {
	.container {
		max-width: 600px !important;
	}

	.middle {
		min-height: 650px !important;
	}

	.content {
		width: 580px;
		float: left;
		margin-left: 10px;
	}

	.prices .col-md-3,
	.prices .col-md-8 {
		float: left;
	}
	.prices .col-md-3 {
		width: 100px;
	}
	.prices .col-md-8 {
		width: 300px;
	}

	.rightside_nav {
		display: none;
	}

	.topbar .logo-jag {
		left: 70px;
	}
	.topbar .logo-lr {
		left: 160px;
	}

	.car_left img {
		width: 200px !important;
	}
	.car_right img {
		width: 200px !important;
		margin-top: -15px !important;
	}

	#polyglotLanguageSwitcher {
		display: none;
	}
	.breadcrumbbar .pull-right {
		display: none;
	}
	.responsive-menu-icon { display: block; }
	.rightside_nav {
		position: absolute;
		left: -20px;
		top: -20px;
		border-radius: 0 !important;
		-webkit-box-shadow: 4px 0px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    4px 0px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         4px 0px 5px 0px rgba(50, 50, 50, 0.75);
		z-index: 999999;
	}
	.exceptional-form fieldset {
		display: block;
	}
	.exceptional-form fieldset.order-search legend {
		display: none;
	}
	.exceptional-form fieldset legend {
		font-size: 16px;
	}
	.exceptional-form fieldset .form-group,
	.exceptional-form fieldset .btn {
		display: none;
	}
	.exceptional-form fieldset.order-search .form-group,
	.exceptional-form fieldset.order-search .btn {
		display: block;
	}
	.exceptional-form .manual-search {
		margin-top: 15px;
	}
	#exceptional-search-form {
		margin-bottom: 15px;
	}
	#exceptional-search-form p {
		display: none;
	}
	#exceptional-search-form .form-control {
		width: 200px !important;
		float: left;
	}
	#exceptional-search-form .btn {
		float: left;
	}
	.exceptional-detail fieldset legend {
		font-size: 16px;
	}
	.exceptional-detail fieldset .form-group {
		display: none;
	}
	.exceptional-detail fieldset .legend-close {
		background-image: url('../images/legend-icon-close.png');
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 19px 19px;
	}
	.exceptional-detail fieldset .legend-open {
		background-image: url('../images/legend-icon-open.png');
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 19px 19px;
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; margin-bottom: 10px !important; }

	td {
		/* Behave  like a "row" */
		border: 0;
		/*order-bottom: 1px solid #eee;*/
		position: relative;
		padding-left: 50% !important;
		text-align: left !important;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	.table-exceptional-user td:nth-of-type(1):before { content: "Ordernummer"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(2):before { content: "Uniek nr"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(3):before { content: "Naam dossier"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(4):before { content: "Datum aanvraag"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(5):before { content: "Status"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(6):before { content: "Marge bedrag"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(7):before { content: "Marge percentage"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(8) {
		padding-left: 10px !important;
	}
	.table-exceptional-user td:nth-of-type(8) .btn {
		width: 100% !important;
	}

	.legenda-status .btn {
		margin-left: 0 !important;
	}

	.table-exceptional-admin td:nth-of-type(2):before { content: "Ordernummer"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(3):before { content: "Uniek nr"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(4):before { content: "Naam dossier"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(5):before { content: "Datum aanvraag"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(6):before { content: "Status"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(7):before { content: "Marge bedrag"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(8):before { content: "Marge percentage"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(9) {
		padding-left: 10px !important;
	}
	.table-exceptional-admin td:nth-of-type(9) .btn-group {
		width: 100% !important;
	}

	.form-search-exceptional .form-group {
		width: 100%;
		float: left;
		margin-bottom: 5px;
	}
}

/* Smartphones (portrait) ----------- */
@media (max-width: 480px) {
	/* Styles */
	.container {
		width: 320px !important;
		max-width: 320px !important;
	}
	.middle {
		min-height: 650px !important;
	}
	.car_left img {
		width: 78px !important;
	}
	.car_right img {
		width: 78px !important;
		margin-top: -15px !important;
	}
	.login_wrap {
		width: 305px !important;
	}
	.topbar .logo-jag {
		left: 70px;
	}
	.topbar .logo-lr {
		left: 160px;
	}
	.rightside_nav {
		display: none;
	}
	.content {
		width: 305px;
	}
	#polyglotLanguageSwitcher {
		display: none;
	}
	.breadcrumbbar .pull-right {
		display: none;
	}
	.responsive-menu-icon { display: block; }
	.rightside_nav {
		position: absolute;
		left: -20px;
		top: -20px;
		border-radius: 0 !important;
		-webkit-box-shadow: 4px 0px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    4px 0px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         4px 0px 5px 0px rgba(50, 50, 50, 0.75);
		z-index: 999999;
	}
	.exceptional-form fieldset {
		display: block;
	}
	.exceptional-form fieldset.order-search legend {
		display: none;
	}
	.exceptional-form fieldset legend {
		font-size: 16px;
	}
	.exceptional-form fieldset .form-group,
	.exceptional-form fieldset .btn {
		display: none;
	}
	.exceptional-form fieldset.order-search .form-group,
	.exceptional-form fieldset.order-search .btn {
		display: block;
	}
	.exceptional-form .manual-search {
		margin-top: 15px;
	}
	#exceptional-search-form {
		margin-bottom: 15px;
	}
	#exceptional-search-form p {
		display: none;
	}
	#exceptional-search-form .form-control {
		width: 200px !important;
		float: left;
	}
	#exceptional-search-form .btn {
		float: left;
	}
	.exceptional-detail fieldset legend {
		font-size: 16px;
	}
	.exceptional-detail fieldset .form-group {
		display: none;
	}
	.exceptional-detail fieldset .legend-close {
		background-image: url('../images/legend-icon-close.png');
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 19px 19px;
	}
	.exceptional-detail fieldset .legend-open {
		background-image: url('../images/legend-icon-open.png');
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 19px 19px;
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; margin-bottom: 10px !important; }

	td {
		/* Behave  like a "row" */
		border: 0;
		/*order-bottom: 1px solid #eee;*/
		position: relative;
		padding-left: 50% !important;
		text-align: left !important;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	.table-exceptional-user td:nth-of-type(1):before { content: "Ordernummer"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(2):before { content: "Uniek nr"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(3):before { content: "Naam dossier"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(4):before { content: "Datum aanvraag"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(5):before { content: "Status"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(6):before { content: "Marge bedrag"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(7):before { content: "Marge percentage"; font-weight: bold; }
	.table-exceptional-user td:nth-of-type(8) {
		padding-left: 10px !important;
	}
	.table-exceptional-user td:nth-of-type(8) .btn {
		width: 100% !important;
	}

	.legenda-status .btn {
		margin-left: 0 !important;
	}

	.table-exceptional-admin td:nth-of-type(2):before { content: "Ordernummer"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(3):before { content: "Uniek nr"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(4):before { content: "Naam dossier"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(5):before { content: "Datum aanvraag"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(6):before { content: "Status"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(7):before { content: "Marge bedrag"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(8):before { content: "Marge percentage"; font-weight: bold; }
	.table-exceptional-admin td:nth-of-type(9) {
		padding-left: 10px !important;
	}
	.table-exceptional-admin td:nth-of-type(9) .btn-group {
		width: 100% !important;
	}

	.form-search-exceptional .form-group {
		width: 100%;
		float: left;
		margin-bottom: 5px;
	}
}

.fullwidth-container {
	width: 100% !important;
	max-width: 100%;
}
.fullwidth-container .rightside_nav {
	position: fixed;
	z-index: 9999;
	top: 50px;
	left: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);
}
.table-matrix>tbody>tr>td,
.table-matrix>tbody>tr>th,
.table-matrix>tfoot>tr>td,
.table-matrix>tfoot>tr>th,
.table-matrix>thead>tr>td,
.table-matrix>thead>tr>th {
	padding: 2px;
}
.table-matrix .form-group {
	margin-bottom: 0;
}