table td {
	position: relative;
}

#klant_portaal table {
	padding: 0;
	font: normal 10px Roboto, Trebuchet MS;
	border-spacing: 0;
}

#klant_portaal td {
	white-space: nowrap;
	padding-right: 10px;
}

#klant_portaal input {
	background-color: #fff;
}

#klant_portaal input:focus {
	box-shadow: 0 0 2px #333;
}

#klant_portaal th {
	text-align: left;
	padding: 4px;
	background-color: #ededed;
	border: 1px solid #ccc;
}

#default_table table {
	
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	min-width: 900px;
	padding: 0;
	margin-top: 10px;
	font: normal 11px Roboto, Trebuchet MS;
	border-spacing: 0;
}

#default_table table table {
	border: 0 !important;
	min-width: 100px !important;
}
	
#default_table th {
	text-align: left;
	padding: 3px;
	background-color: #ccc;
	font-weight: bold;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
}

.imageBronSelected {
	border: 2px solid #ffa102 !important;
}

.image15 {
	width: 15px;
	height: 15px;
}

.imageBron {
	margin-left: 5px;
	margin-bottom: 3px;
	padding: 1px;
	border: 2px solid #f8f8f8;
}

.thFullBorder {
	border-bottom: 1px solid #777 !important;
	border-left: 0 solid !important;
	border-right: 0 solid !important;
	background-color: #eee !important;
}

#default_table .thWarn {
	background-color: #ffeed4;
}

#default_table .thOk, #default_table .thOk td {
	background-color: #ebf9e7;
}

#default_table .thOkForce {
	background-color: #ebf9e7 !important;
}

#default_table .thError, #default_table .thError td {
	background-color: #f8d3d6;
}

#default_table .bold {
	font-weight: bold;
}

#default_table .italic {
	font-style: italic;
}

#default_table .submit {
	text-align: right;
	right: 3px;
	background-color: #bbb;
}

#default_table .submitDisabled {
	background-color: #eee !important;
	border: 1px dashed #999 !important;
	color: #777 !important;
}

#default_table th input, #default_table th button, #default_table td button {
	border: 1px solid #555;
	background-color: #777;
	color: #fff;
	font: normal 11px "Arial";
	height: 21px;
}

#default_table th input:hover, #default_table th button:hover, #default_table td button:hover {
	border: 1px solid #999;
	background-color: #eee;
	color: #000;
	font: normal 11px "Arial";
	height: 21px;
	cursor: pointer;
}

#default_table .buttonDisabled {
	border: 1px solid #999 !important;
	background-color: #eee !important;
	color: #3e3e3e !important;
}

#default_table .key {
	padding: 3px;
	margin: 0;
	vertical-align: top;
	text-align: left;
	background-color: #ececec;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
}

#default_table .border2top {
	border-top: 2px solid #777;
}

#default_table .value, #default_table .valueWarn, #default_table .valueOk {
	padding: 3px;
	margin: 0;
	font-style: italic;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #777;
	background-color: #f8f8f8;
	border-right: 1px solid #777;
}

#default_table .valueWarn {
	background-color: #ffeed4;	
}

#default_table .valueOk {
	background-color: #ebf9e7;
}

#default_table input {
	border: 1px solid #000;
	font: normal 11px Roboto, Trebuchet MS;
	background-color: #dce3ff;
	vertical-align: middle;
}

#default_table textarea {
	vertical-align: top;
	border: 1px solid #000;
	font: normal 11px Roboto, Trebuchet MS;
	background-color: #dce3ff;
}

#default_table select {
	border: 1px solid #000;
	font: normal 11px Roboto, Trebuchet MS;
	background-color: #dce3ff;
	vertical-align: middle;
}

#default_table .multiple {
	min-width: 200px;
	overflow: hidden;
}

#default_table input:focus, #default_table select:focus, #default_table textarea:focus {
	box-shadow: 0 0 4px #111;
}

#default_table .required {
	border: 1px solid #ff0000;
	background-color: #ffdfdf;
}

#default_table .te a {
	color: #ff0000;
}

#default_table .autoNotFound {
	border: 1px solid #e28f45;
	background-color: #ffe1ae;
}

#default_table .autoFound {
	border: 1px solid #4db51d;
	background-color: #cbe2cf;
}

#default_table img {
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
}

#default_table .control_img {
	text-align: right;
}

#default_table .result {
	margin: 5px; 
	border: 1px dotted #777; 
	min-width: 200px;
	padding: 3px;
	background-color: #fff;
}

#default_table .searchResult {
	font-size: 13px;
	padding: 5px;
	border-bottom: 1px solid #777;
}

#default_table .searchHighlight {
	color: #970209;
	font-weight: bold;
	text-decoration: underline;
}

#default_table .resultTitle {
	color: #333;
	font-weight: bold;
	font-size: 11px;
}

#default_table .notActive {
	background-color: #ffc5ae;
}

#default_table .result .title {
	text-decoration: underline;
	font-style: normal;
	font-weight: bold;
}

#default_table .result .metaData {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#default_table .result .warning {
	border: 1px dashed #f4ac97 !important;
	background-color: #fff8d0;
	margin-bottom: 5px;
	padding: 3px;
	vertical-align: text-top;
}

#default_table .result a {
	text-decoration: none;
	color: #008da9;
}

#default_table .textRight {
	text-align: right;
}

#default_table .tdResult {
}

#default_table .tdResultSelected {
	background-color: #fef2cd;
}

#default_table .tdResult:hover {
	background-color: #d6d8f8;
	cursor: pointer;
}

#default_table .tdDottedBottom {
	border-bottom: 1px dotted #ccc;
} 

#default_table .tdResultNoBg:hover {
	background-color: #d6d8f8;
	cursor: pointer;
}

#default_table .result:hover {
	background-color: #e2e1e3;
	border: 1px dotted #777;
	cursor: pointer;
}

#default_table .decoration {
	background-color: #ece8f0;
}

#default_table .selectMaxWidth {
	width: 700px;
}

#select_table table {
	margin-top: 15px;
	background-color: #f6f6f6;
	width: 100%;
	border-spacing: 0;
}

#select_table table table {
	border: 0 !important;
}
	
 
#select_table th {
	border: 0px;
	text-align: left;
	height: 25px;
	padding: 5px;
	border-bottom: 2px solid #64206e !important;
	border-top: 2px solid #64206e !important;
	background-color: #ffe3f8
}

#select_table th:first-child {
	border-left: 2px solid #64206e !important;
}

#select_table th:last-child {
	border-right: 2px solid #64206e !important;
}

#select_table .thSubTable {
	text-align: left;
	height: 21px;
	padding: 5px;
	border-bottom: 1px solid #64206e;
	border-top: 1px solid #64206e;
	background-color: #ffe3f8
}

#select_table .thSubTable:first-child {
	border-left: 1px solid #64206e;
}

#select_table .thSubTable:last-child {
	border-right: 1px solid #64206e;
}

#select_table .ok {
	border: 2px solid #60ac3d !important;
	background-color: #e0f9e9;
}

#select_table .error {
	border: 2px solid #e67966 !important;
	background-color: #eddedc;
}

#select_table .errorBackground {
	background-color: #ffd5dc;
}

#select_table .warning {
	border: 2px solid #f4ac97 !important;
	background-color: #f9e3b7;
}

#select_table .defaultGrey {
	border: 2px solid #bfbfbf !important;
	background-color: #ededed;
}

#select_table tr:hover, #select_table tr:nth-child(even):hover {
	background-color: #eee;
	cursor: pointer;
}

#select_table tr:first-child:hover {
	color: #000;
}

#select_table .firstColumn {
	width: 180px;
}

#select_table tr:last-child:hover {}

#select_table .required {
	border: 1px solid #ff0000;
	background-color: #ffdfdf;
}

#select_table .selected {
	background-color: #e9e9e9;
}

#select_table .italic {
	font-style: italic;
}

#select_table .bold {
	font-weight: bold;
}

#select_table tr:nth-child(even) {
	background-color: #f6f6f6;
}

#select_table td {
	height: 21px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

#select_table td .smallPadding {
	padding: 2px !important;
	height: 16px;
}

#select_table td:first-child {
	border-left: 1px solid #ccc;
}

#select_table td:last-child {
	border-right: 1px solid #ccc;
}

#select_table .topBorder {
	border-top: 1px solid #ccc;
}

#select_table .leftBorder {
	border-left: 1px solid #ccc;
}

#select_table .submit {
	text-align: right;
	right: 3px;
	background-color: #aaa;
}

#select_table .submitDisabled {
	background-color: #eee !important;
	border: 1px dashed #999 !important;
	color: #777 !important;
}

#select_table td input {
	border: 1px solid #ccc;
	background-color: #fff;
}

#select_table td button, #select_table .button {
	border: 1px solid #aaa;
	background-color: #fff;
	color: #000;
	font: normal 11px Roboto, Trebuchet MS;
	height: 21px;
	cursor: pointer;
}

#select_table td button:hover {
	border: 1px solid #666;
	background-color: #999;
	color: #fff;
	font: normal 11px Roboto, Trebuchet MS;
	height: 21px;
	cursor: pointer;
}

#select_table .firstColumn {
	width: 200px;
}

#select_table .result {
	margin: 5px; 
	border: 1px dotted #777; 
	min-width: 200px;
	padding: 3px;
	background-color: #fff;
}

.key {
	background-color: #e3e6e6;
}

.smallHeight {
	background-color: #fff !important;
	border: 0px !important;
	height: 3px !important;
}

.colorRed {
	color: #d9021c;
}

.colorBgRed {
	background-color: #ffd1d1 !important;
}

.colorOrange {
	color: #ff870d;
}

.colorBgOrange {
	background-color: #ffd6b9 !important;
}

.colorBlue {
	color: #1984d2;
}

.colorBgBlue {
	background-color: #ccefff !important;
}

.colorPurple {
	color: #a10fcb;
}

.colorGreen {
	color: #08cc0c;
}

.colorBgGreen {
	background-color: #ddffcc !important;
}

.colorYellow {
	color: #cadf11;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.floatCenter {
	margin: auto;
	width: 50%;
}

.inLine {
	display: inline;
	position: absolute;
	margin-left: 10px;
}

.editableField {
	background-color: #fff8df;
}

.img20 {
	width: 20px;
	height: 20px;
}

.noWrap {
	white-space: nowrap;
}

.spacer {
	margin-top: 2px;
}

#default_table .selectPreDefined, .selectPreDefined {
	background: #f4ef9f;
	margin-bottom: 2px;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

#default_table .selectPreDefinedBlue, .selectPreDefinedBlue {
	background: #84d7ff;
	margin-bottom: 2px;
}

.float_table {
	overflow: hidden;
	margin-bottom: 3px;
}

.float_table label {
	width: 180px; 
	display: block;
	float: left;
	text-align: left;
}

.smallText {
	font-size: 8pt;
	font-weight: normal;
}

.float_table .float_input {
	margin-left: 4px;
	float: left;
}

.marginLeft30 {
	margin-left: 30px;
}

.clickable {
	cursor: pointer;
}

.deactivate {
	font-style: italic;
	font-size: 8px;
}

.divBronSelected {
	background-color: #9cdb9d !important;
}

.divBronRemoved {
	background-color: #db9281 !important;
}

.klonenCheckbox {
	position: relative;
	float: right;
	margin-right: 5px;
	background-image: url('/images/dortmund/dortmund_denied.png');
	background-size: 15px 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}

.textBoxed {
	border: 1px solid #999999;
	border-radius: 3px;
	background-color: #dfecec;
	position: relative;
	font-style: normal;
	font: bold 10px/13px Roboto, Trebuchet MS ;
	padding: 2px;
}

.helpTitle {
	padding: 4px;
	width: 100%;
	font: bold 13px/15px Roboto, Trebuchet MS;
}

.helpText {
	border: 1px solid #aaaaaa;
	margin-left: 5px;
	padding: 10px;
	background-color: #fdfdfd;
	font: italic 11px/14px Roboto, Trebuchet MS
}


.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
	width: 100%;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 5px 5px;
	margin-left: 5px;
	right: 2px;
	cursor: pointer;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.hoeveelheid {
	bottom: 10px;
	position: absolute;
	width: 90px;
	height: 85px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #fafafa;
	bottom: 35px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #444;
	margin-left: -40px;
	margin-bottom: 15px;
}
.hoeveelheid:after, .hoeveelheid:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.hoeveelheid:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fafafa;
	border-width: 10px;
	margin-left: -10px;
}
.hoeveelheid:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #999999;
	border-width: 12px;
	margin-left: -12px;
}
.hoeveelheid span {
	font-weight: bold;
	background: #bbb;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	width: 100%;
	display: block;
}
.hoeveelheid input {
	margin: 4px 8px 4px 0px;
	background-color: #fafafa !important;
	border: 1px solid #cccccc;
}
.hoeveelheid_waarde {
	font-size: 11px !important;
	font-weight: normal !important;
}