/**
 *  Stylesheet voor Back-site
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700');

@import url("autosuggest.css?v=20190725");
@import url("formtypes.css?v=20190725");
@import url("bs_probleem.css?v=202011161115");
@import url("pagina_menu.css?v=20190725");

/* Altijd tonen van de verticale scrollbar, om verspringen van de site te voorkomen */
html {
	overflow-y: scroll;
	overflow: -moz-scrollbars;
}

html.disable-scroll {
	overflow: hidden;
}

body,
td,
th,
p,
a,
input {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #000000;
	margin:0px;
}
body,
td,
th,
p,
a{
	font-weight: bold;	
}

#de-content-blokken-container body,
#de-content-blokken-container td,
#de-content-blokken-container th,
#de-content-blokken-container p,
#de-content-blokken-container a,
#de-content-blokken-container input {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	margin: inherit;
}
#de-content-blokken-container body,
#de-content-blokken-container td,
#de-content-blokken-container th,
#de-content-blokken-container p,
#de-content-blokken-container a{
	font-weight: inherit;
}

td {
	
}

body {
	 background-color: #ffffff;
}

body.main-body{
}

form {
	padding:0px;
	margin:0px;
}

@media (max-width: 767px) {
	a[href="dashboard"] img:not([src='images/back-site.png']) {
		display: none;
	}
}

.ui-button .ui-button-text {
	display: block;
	line-height: 1em;
	margin:1px;
}

.bs-row-overview .ui-button-text-only .ui-button-text {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	vertical-align:middle;
}

.ui-button-text-only .ui-button-text .ui-icon{
	margin:-1px;
	margin-bottom:0px;
	padding:0px;
	vertical-align:middle;
}

.ui-dialog-buttonpane .ui-button-text-only {
	font-size:10px;
	/*padding:2px 5px;*/
	padding:0px;
}
.ui-dialog .ui-dialog-buttonpane{
	text-align:right;	
}

.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog-buttonpane .ui-button-text-only .ui-button-text{
	padding:8px 10px;
}
.ui-dialog .ui-dialog-buttonpane button .ui-button-text{
	padding:0px;	
}

.form-shadow{
	-webkit-box-shadow: 1px 1px 5px 0px #848484;
	-moz-box-shadow: 1px 1px 5px 0px #848484;
	box-shadow: 1px 1px 5px 0px #848484;	
}

.login-formulier{
	padding:10px;	
	width:400px;
	margin:0 auto;
	background-color:#ffffff;
	background-image:none;
	border:solid 1px #cccccc;	
	-webkit-box-shadow: 1px 1px 5px 0px #333333;
	-moz-box-shadow: 1px 1px 5px 0px #333333;
	box-shadow: 1px 1px 5px 0px #333333;	
}
.login-formulier-thickbox{
	padding:10px;	
	width:400px;
	margin:0 auto;
	background-color:#ffffff;
	background-image:none;
}

#login-dialog {
	height: 110px !important;
}

.login-formulier-thickbox .bs_detailform_left,
.login-formulier .bs_detailform_left{
	width:120px;	
}
.login-formulier-thickbox .bs_detailform_right,
.login-formulier .bs_detailform_right{
	width:180px;
}
.login-formulier-thickbox .askpass-message,
.login-formulier .askpass-message{
	margin-top:10px;
}
.login-formulier-thickbox  .askpass-message a,
.login-formulier .askpass-message a{
	font-weight:normal;	
	text-decoration:none;
	color:#666666;
}
.login-formulier-thickbox  .askpass-message a strong,
.login-formulier .askpass-message a strong{
	text-decoration:underline;	
}

.main-body-dashboard .backsite-modules {
	vertical-align: top;
	width: 100%;
	text-align: left;
	margin-top: 20px;
}
.main-body-dashboard .backsite-modules .backsite-module {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 135px;
	height: 135px;
	background-color: #F9F9F9;
	border: solid 1px #CCCCCC;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}
@media (max-width:1280px) {
    .main-body-dashboard .backsite-modules .backsite-module {
        width: 120px;
    }
}
.main-body-dashboard .backsite-modules .backsite-module a {
	display: block;	
}
.main-body-dashboard .backsite-modules .backsite-module a.icon {
	padding-top: 10px;
	padding-bottom: 6px;
}
.main-body-dashboard .backsite-modules .backsite-module a.name {
	padding-bottom: 13px;
	font-size: 13px;
    font-weight: 600;
}
.main-body-dashboard .backsite-modules .backsite-module:hover {
	-webkit-box-shadow: 1px 1px 2px 0px #CCCCCC;
	-moz-box-shadow: 1px 1px 2px 0px #CCCCCC;
	box-shadow: 1px 1px 2px 0px #CCCCCC;
}
.main-body-dashboard .backsite-modules .backsite-module.splash_inactive {
	background-color: #fefefe;
	width: 95px;
	height: 95px;
}
.main-body-dashboard .backsite-modules .backsite-module.splash_inactive a {
	font-size: 9px;
}
.main-body-dashboard .backsite-modules .title {
	font-weight: normal;
	font-style: italic;	
	line-height: 25px;
	color: #D2D2D2;
}

.messagebox{
	margin:10px auto;
	width:600px;
	font-weight:normal;
	border:solid 1px #32509E;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 5px 0px #333333;
	-moz-box-shadow: 1px 1px 5px 0px #333333;
	box-shadow: 1px 1px 5px 0px #333333;	
	text-align:center;
}
.messagebox.info{
	background-color:#E7F3F7;
}
.messagebox.error{
	background-color:#FFE8E8;
	color:#F00;
}

/**
 *  Toon loader over de content tot de pagina is geladen
 */
#pageloader {
	position: fixed;
 *position: absolute;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	text-align:center;
}

#pageloader #loadOverlay {
	position: fixed;
 *position: absolute;
	z-index:10000;
	top: 0px;
	left: 0px;
}

#pageloadInfo {
	position:absolute;
	z-index:10002;
	left:0px;
	background-image:url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding:5px;
	text-align:center;
	font-size:10px;
	color:#666666;
	width:250px;
}

.white {
	color: #FFFFFF;
}

a.white {
	text-decoration: none;
}

a.white:hover {
	text-decoration:underline;
}

a.splash_active {
	text-decoration: none;
	font-size: 8pt;
}

a.splash_inactive {
	text-decoration: none;
	font-size: 8pt;
	color: #CCCCCC;
}
a.splash_inactive img {
	opacity: 0.15;
}

img {
	border:none;
	
}

.minimum-height {
	line-height:0px; 
	font-size:0px;
}

.minimum-height {
	max-height: 25px;
	overflow: hidden;
}

.header-top-div {
	max-height: 51px;
	overflow: hidden; 
}

.icon-leftalign {
	float:left;
	margin-right:5px;
	margin-top:-2px;
}

.bs_tabletekst {
	font-weight: normal;
}

.inline-icon{
	float:left;
}

.bs-inline-icon{
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:middle;
}

#header-tr {
	height: 102px;
}
#header {
	width: 100%;
	height: 102px;
}

tr.bs_tabletekst:hover a .bs_invoerveld_readonly {
	text-decoration:underline;
}

.insidebutton {
	font-size: 8pt;
}

.bs_tables_left {
	width: 30px;
	text-align: right;
	font-weight: normal;
	position: relative;
}

.bs_detailform_left {
	width: 200px;
	text-align: right;
	font-weight: normal;
	position: relative;
}
.bs_detailform_left .required-icon {
	float: right;
	padding-top: 5px;
}
.record .bs_detailform_left {
	text-align: left;
	padding-left: 10px;
}
.fieldgroup {
	float: left;
}
@media (max-width: 767px) {
    .fieldgroup {
        float: none;
        width: 100%;
    }
}
.clearfloat {
	clear: both;
}

.bs_detailform_document {
	text-align: right;
	font-weight: normal;
}

.bs_warning {
	color: #d65b5b;
}

.bs_info {
	color: #666666;
	font-style:italic;
}

.bs_tableheader {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #2d73a6; /*#32509E;*/
}

.bs_tablefooter td {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #63B6D4;
}

.bs_table_cel_wl {
	border-bottom-width: thin;
	border-right-width: thin;
	border-bottom-style: inset;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
}

.trashlink {
	text-decoration: blink;
}

.bs_tablefield {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
}


.bs-tables,
.bs-tables-stamp {
	text-align: left;	
	letter-spacing: normal;
	vertical-align: top;
	margin-bottom: 5px;
	/*display: inline-block;
	zoom: 1;
	*display: inline;*/
	width: 260px;
	margin-left: 15px;
	/*margin-right: 15px;*/
	border:solid 1px #eeeeee;
	margin-bottom: 30px;
	position: relative;
}
@media (max-width: 569px) {
	.bs-tables,
	.bs-tables-stamp {
		width: auto;
		margin-right: 15px;
	}
}

.bs-tables .tussenkop,
.bs-tables-stamp .tussenkop {
	display:block;
	padding:11px 15px;
	background-color: #E7F3F7;
	color: #000000;
}
.bs-tables .tussenkop .normal,
.bs-tables-stamp .tussenkop .normal {
    font-weight: normal;
}
.bs-tables .bs-tables-table, 
.bs-tables-stamp .bs-tables-table,
.bs-tables .omschrijving, 
.bs-tables-stamp .omschrijving { 
	display:block;
	overflow: hidden;
    background-color: #F7F7F7;
    border: solid 1px #DDDDDD;
	margin-top: 5px;
	position: relative;
	vertical-align: bottom;
}
.bs-tables .bs-tables-table-superadmin,
.bs-tables-stamp .bs-tables-table-superadmin {
    background-color: #FFFFFF;
    border: solid 1px #DDDDDD;
}
.bs-tables .bs-tables-table-superadmin a,
.bs-tables-stamp .bs-tables-table-superadmin a {
    color: #000000;
}
.bs-tables .superadmin,
.bs-tables-stamp .superadmin {
    display:block;
    overflow: hidden;
    background-color: #E7F3F7;
    margin-top: 5px;
    position: relative;
    vertical-align: bottom;
}
.bs-tables .omschrijving,
.bs-tables-stamp .omschrijving {
    padding: 10px;
    font-weight: normal;
}
.bs-tables .superadmin,
.bs-tables-stamp .superadmin {
    padding: 7px 10px;
    font-weight: normal;
    font-style: italic;
}

.bs-tables .bs-tables-table img,
.bs-tables-stamp .bs-tables-table img {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 850;
}
.bs-tables .bs-tables-table a.link,
.bs-tables-stamp .bs-tables-table a.link {
	text-decoration: none;	
	display: block;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 900;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 220px;
    font-weight: normal;
}
.bs-tables .bs-tables-table a.link.with-count,
.bs-tables-stamp .bs-tables-table a.link.with-count {
	width: 187px;
}
.bs-tables .bs-tables-table a.count,
.bs-tables-stamp .bs-tables-table a.count {
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 900;
	font-weight: normal;
	width: 33px;
    text-align: center;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #F7F7F7;
	border-left: solid 1px #DDDDDD;
}

.insidelink,
.insidelink a {
	font-weight: normal;
	text-decoration: none;
}

.support-link {
	float:right;
}

.support-link img {
	vertical-align:middle;
	margin-right: 5px;
}

.support-link a {
	padding:5px;
	font-weight: normal;
}

.bs_pagenum1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	border: thin none #FFFFFF;
	border:solid 1px #000000;
	text-transform: lowercase;
	background-color:#E7F3F7;
	text-decoration:none;
}

.bs_pagenum2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #32509E;
	border: thin none #FFFFFF;
	text-transform: lowercase;
	text-decoration:none;
}

.fieldhelp {
	cursor:pointer;
}

.fieldhelp div:HOVER {
	background-color:#DDF1F8;
	color:#666666;
}

.invisible_submit {
	display:none;
	visibility:hidden;
	width:0px;
	height:0px;
}

.bs_iframe {
	position:absolute;
	top:255px;
	border:solid #666666 1px;
	width:80%;
	height:65%;
}
.bs_iframe .no-border{
	border:none;	
}

.insidelink.bs_tableheader a,
.bs_tableheader a {
	color:#FFFFFF;
}

.formActionHldr {
	text-align:right;
	background-color:#DDF1F8;
	border-top:solid #000000 1px;
	padding:5px;
	position:absolute;
	bottom:1px;
	width:780px;
	right:0;
	padding-right:50px;
	text-align:right;
}

.paginering-table {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

/**
 *  Zoekformulier
 */
.searchForm {
	padding:0px;
	margin:0px;
}

.searchForm .searchField {
	width: 100px;
	height:15px;
	font-weight:normal;
	font-size:10px;
}
.searchFormContainer{
	text-align:left;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.searchFormContainer table td {
    padding: 0px;
    margin: 0px;
}

.searchFormContainer .searchField {
	width:100px;
    background-color: #edf4f7;
    border: solid 1px #5192c1;
    padding: 1px 3px 2px 3px;
}

.searchFormContainer .bs-ui-button {
    height: 19px;
    width: 19px;
    background-color: #d5edf6;
    border: solid 1px #5192c1;
}

.detail-button-prev {
	margin-left: 10px;
}
.detail-button-next {
	margin-right: 10px;
}
.detail-button-prev,
.detail-button-next, 
.detail-button-new {
	padding: 3px 0px;
	font-size: 10px;
	margin-top: 10px;
	-webkit-box-shadow: 0px 0px 2px #555555;
	-moz-box-shadow: 0px 0px 2px #555555;
	box-shadow: 0px 0px 2px #555555;
	border: none !important;
	font-weight: bold;
}
.detail-button-prev:active,
.detail-button-next:active, 
.detail-button-new:active {
	color: #ffffff;
}

.ui-dialog-buttonpane button,
.rightBarActions .input {
	min-width: 160px;
	padding: 5px 7px;
	margin:5px;
	font-size:1em;
	margin-top: 15px;
	z-index: 900;
	background: none !important;
	background-color: #63B6D4 !important;
	color: #ffffff !important;
	border: none !important;
	font-weight: bold !important;
	white-space: nowrap;
}
.ui-dialog-buttonpane button .ui-icon,
.rightBarActions .input .ui-icon {
	background-image:url(back-site/images/ui-icons_ffffff_256x240.png) !important;
}

.ui-dialog-buttonpane button:hover,
.rightBarActions .input:hover {
	background-color: #82b2c0 !important;
}
.ui-dialog-buttonpane button:active,
.rightBarActions .input:active {
	color: #ffffff !important;
}
.ui-dialog-buttonpane button#deleteBtn,
.rightBarActions .input#deleteBtn {
	float: left;
	margin-left: 18px;	
}
.ui-dialog-buttonpane button#deleteBtn span,
.rightBarActions .input#deleteBtn span{
	color: #ffffff !important;
}
.ui-dialog-buttonpane button#copyBtn,
.rightBarActions .input#copyBtn {
	margin-left: 10px;
	float: left;	
}
.ui-dialog-buttonpane button#copyBtn,
.rightBarActions .input#copyBtn {
	color: #ffffff !important;
}
.ui-dialog-buttonpane button#saveBtn,
.rightBarActions .input#saveBtn {
	float: right;	
	margin-right: 18px;
}
.ui-dialog-buttonpane button#saveBtn,
.rightBarActions .input#saveBtn {
	color: #ffffff !important;
}
.ui-dialog-buttonpane button#cancelBtn,
.rightBarActions .input#cancelBtn {
	float: right;	
	margin-right: 10px;
}
.ui-dialog-buttonpane button#cancelBtn,
.rightBarActions .input#cancelBtn {
	color: #ffffff !important;
}

.ui-dialog-buttonpane {
	background-color: #ddf1f8;
	border-top: 2px solid #82b2c0 !important
}

#pageOptions {
	position: fixed;
	bottom:0px;
	right:0px;
	width: 100%;
	height: 65px;
	background-color: #ddf1f8;
	-webkit-box-shadow: 0px 0px 25px #969696;
	-moz-box-shadow: 0px 0px 25px #969696;
	box-shadow: 0px 0px 25px #969696;
	border-top: 2px solid #82b2c0;
}

/* Positioneer de pagina opties op een vaste plaats rechts onderin de pagina*/
#pageOptions .content {
	z-index: 9000;
}

* html #pageOptions { /* ie6 hack */
 *position: absolute;
 *margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (pageOptionsMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

tr.overview-filter td {
	background-color:#63B6D4;
}

tr.overview-filter .options input {
	width:50px;
}

.ov_mainOverzicht{
	
}

.prev-link,
.prev-link img {
	vertical-align: middle; 
	display: inline-block;	
	zoom: 1;
	*display: inline;	
}
.rows-add-item-holder,
.rows-add-items-holder {
	width: 100%;
	position: relative;	
}
.rows-add-item,
.rows-add-items {
	background-color: #32509e;
	
	position: absolute;
	top: -32px;
	right: 0px;
	white-space: nowrap;
}
.rows-add-items {
	right: 158px;
}
.rows-add-item .ui-icon,
.rows-add-items .ui-icon {
	float: right;
	margin-left: 10px;
	background-image:url(back-site/images/ui-icons_ffffff_256x240.png) !important;
}
.rows-add-item a,
.rows-add-items a {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	padding: 7px 20px 6px 20px;
	display: block;
	line-height: 1.5em;
}

.rows-overzicht.rows-overzicht-mobile,
.rows-overzicht.rows-overzicht-tablet{
	overflow-x: auto;
	overflow-y: hidden;
}

.rows-overzicht.rows-overzicht-mobile::-webkit-scrollbar,
.rows-overzicht.rows-overzicht-tablet::-webkit-scrollbar {
	-webkit-appearance: none;
}

.rows-overzicht.rows-overzicht-mobile::-webkit-scrollbar:vertical,
.rows-overzicht.rows-overzicht-tablet::-webkit-scrollbar:vertical {
	width: 8px;
}

.rows-overzicht.rows-overzicht-mobile::-webkit-scrollbar:horizontal,
.rows-overzicht.rows-overzicht-tablet::-webkit-scrollbar:horizontal {
	height: 8px;
}

.rows-overzicht.rows-overzicht-mobile::-webkit-scrollbar-thumb,
.rows-overzicht.rows-overzicht-tablet::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .3);
	border-radius: 10px;
	border: 2px solid #ffffff;
}

.rows-overzicht.rows-overzicht-mobile::-webkit-scrollbar-track,
.rows-overzicht.rows-overzicht-tablet::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #ffffff;
}

.children-container .rows-overzicht.rows-overzicht-mobile::-webkit-scrollbar-thumb,
.children-container .rows-overzicht.rows-overzicht-tablet::-webkit-scrollbar-thumb {
	border-color: #dde8be;
}

.children-container .rows-overzicht.rows-overzicht-mobile::-webkit-scrollbar-track,
.children-container .rows-overzicht.rows-overzicht-tablet::-webkit-scrollbar-track {
	background-color: #dde8be;
}

.rows-overzicht .col-right-options {
	width:55px;
	text-align:center;
	white-space:nowrap;
}

.rows-overzicht .col-right-options .bs-ui-button {
	padding:0px;
	margin:1px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
}
.rows-overzicht .col-right-options .bs-ui-button .ui-button-text{
	padding:0px;
}
.rows-overzicht .col-right-options.row-options{
	text-align:left;
	padding:0px;
	padding-left:5px;
}
.bs_tablefooter .col-right-options{
	text-align:left;
	padding-left:7px;
}
.rows-overzicht .col-right-options input.ck-delete-item{
	margin:1px;
	margin-top:3px;
	*margin-top:0px;
}

.rows-overzicht .bs_tableheader td.bs_tableheader,
.rows-overzicht .bs_tableheader td.bs_tableheader a{
	font-weight:normal;
	white-space:nowrap;
	line-height:1.7em;
}
.rows-overzicht .bs_tableheader a.change-order{
	text-decoration:none;
	display:block;
	background-image:url(../images/arrow_down.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:25px;
	padding-left:5px;
	min-height:11px;
	vertical-align:bottom;
}
.rows-overzicht .bs_tableheader a.change-order.asc{	
	background-image:url(../images/arrow_up.gif);
}
.rows-overzicht .bs_tableheader a.change-order.desc{	
	background-image:url(../images/arrow_down.gif);
}
.rows-overzicht .bs_tableheader.order-active-col{
	background-color:#3c5fbc;	
}
.rows-overzicht .bs_tableheader.order-active-col ,
.rows-overzicht .bs_tableheader.order-active-col a{
	font-weight:bold!important;
}	

.rows-overzicht .bs-row-overview td.col-children {
	width:25px;
}

.rows-overzicht .bs-row-overview .col-children {
	text-align:center;
}

.child_row .col-children-spacer {
	background-color: #DDE8BE;
}

.rows-overzicht table.bs-row-overview {
	background-color: #ffffff;
}

.rows-overzicht .row-no-records td, 
.rows-overzicht .ov-row-even td {
	background-color:#edf4f7;
}
.rows-overzicht .ov-row-oneven td {
	background-color:#d8e8ed;
}

.rows-overzicht .row-no-records:hover td, 
.rows-overzicht .ov-row-even:hover td {
	background: -webkit-linear-gradient(#dfebf0,#edf4f7);  
    background: -moz-linear-gradient(#dfebf0,#edf4f7);  
    background: -o-linear-gradient(#dfebf0,#edf4f7);  
    background: linear-gradient(#dfebf0,#edf4f7); 
}

.rows-overzicht .ov-row-oneven:hover td {
	background: -webkit-linear-gradient(#cae0e6,#d8e8ed);  
    background: -moz-linear-gradient(#cae0e6,#d8e8ed);  
    background: -o-linear-gradient(#cae0e6,#d8e8ed);  
    background: linear-gradient(#cae0e6,#d8e8ed); 
}

.rows-overzicht .bs_query td {
    background: none !important;
}

.rows-overzicht .child_row {
	display:none;
}

.rows-overzicht .child_row .children-container {
	background-color:#dde8be;
	padding: 20px 20px 20px 20px;
}
.rows-overzicht .child_row .children-container .children-inner-container {
	overflow: auto;
}

.rows-overzicht .row-no-records td {
	text-align:center;
	padding:5px;
	font-size: 10px;
	vertical-align: middle;
}

.rows-overzicht #reset_filter_ov {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;	
}

.rows-overzicht #bijschrift {
	font-style: normal;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1px;
	background-color: #edf4f7;
	padding: 10px;
}

.rows-overzicht #legenda {
	margin-top: 10px;
	font-style: normal;
	font-weight: normal;
	background-color: #edf4f7;
	padding: 10px;
}

.bs-row-overview .ov-loader {
	background-image:url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding:5px;
	text-align:center;
	font-size:10px;
	color:#666666;
	width:300px;
}


.bs-row-overview .ov-active-page {
	color:#FFF;
	cursor:default;
}

.bs-row-overview .bs_tableheader,
.bs-row-overview .bs_tablefooter{
	cursor:default;
}

.bs-row-overview .bs_tableheader td{
	vertical-align:middle;
}

.bs-row-overview .overview-filter .bs_invoerveld_textonly,
.bs-row-overview .overview-filter .bs_invoerveld_select{
	padding: 3px 3px;
	width: -moz-calc(100% - 6px) !important;
    width: -webkit-calc(100% - 6px) !important;
    width: calc(100% - 6px) !important;
}

.bs-row-overview .overview-filter .bs_invoerveld_multiple_select {
	background: none;
	border: none;
}
.bs-row-overview .overview-filter .bs_invoerveld_multiple_select .ms-choice {
	border-radius: 0px;
	height: 19px;
}
.bs-row-overview .overview-filter .bs_invoerveld_multiple_select .ms-choice > span,
.bs-row-overview .overview-filter .bs_invoerveld_multiple_select .ms-choice .placeholder {
	font-size: 11px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	top: -2px;
}
.bs-row-overview .overview-filter .bs_invoerveld_multiple_select .ms-drop {
	width: auto;
	outline: none;
	display: none;
}
.bs-row-overview .overview-filter .bs_invoerveld_multiple_select .ms-drop ul {
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 23px;
}
.bs-row-overview .overview-filter .bs_invoerveld_multiple_select .ms-drop li label {
	padding: 2px 0px;
}
.bs-row-overview .overview-filter .bs_invoerveld_multiple_select .ms-drop li input {
	margin-right: 5px;
}
.bs-row-overview .bs_date_remove {
	display: none;
}

td.fields_overview.gridedit {
	white-space: nowrap;
}
td.fields_overview.gridedit select {
	border: solid 1px #ddd;
}

td.fields_overview_mobile.disabled {
	display: none;	
}

.child_row_show {
	display:block;
}

.ov_childOverzicht {
	margin-bottom: 20px;
}

.child_overview {
}

.child_overview .caption {
	margin-left: 1px;
	width:200px;
	color:#2d73a6;
	padding:5px;
	border:solid 1px #2d73a6;
	border-bottom:none;
	font-weight: normal;
	padding:5px 5px;
	font-weight: bold;
	background-color: #edf4f7;
}

.child_overview .caption.add-child, 
.child_overview .caption.add-childs {
	margin-right: 1px;
	padding:10px 20px;
	border: none;
	background-color:#63B6D4;
	color:#FFFFFF;
	font-weight: normal;
}

.child_overview .caption {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.child_overview .caption.add-child,
.child_overview .caption.add-childs {
	width: 110px;
	padding:10px 20px;
}

.child_overview .caption.add-childs {
	position: absolute;
	right: 151px;
	top: 0px;
	width: 120px;
}

.add-child-item,
.add-child-items {
	font-weight: normal;
}
.add-child-item .ui-icon,
.add-child-items .ui-icon {
	background-image:url(back-site/images/ui-icons_ffffff_256x240.png);
	float: right;
}

.childFormTitle {
	position:absolute;
	top:0px;
	right:0px;
}

.childFormFieldhldr {
}

.paginering {
	height:auto;
	margin-left:10px;
	padding-top:0px;
}

.paginering ul {
	text-align:center;
	padding:0px;
	width:500px;
	margin:0;
}

.paginering ul li {
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;
}

.paginering ul li .bs-ui-button {
	padding:0px;
}

.rightBarActions .input.bs-btn-disabled,
.ui-dialog-buttonpane button.bs-btn-disabled {
	background-color: #b2dceb !important;
	cursor: wait !important;
}
.ui-state-loading {
	cursor: wait !important;
}
.rightBarActions .input.bs-btn-disabled:hover,
.ui-dialog-buttonpane button.bs-btn-disabled:hover {
	cursor: wait !important;
}
.ui-state-loading:hover {
	cursor: wait !important;
}
.rightBarActions .input.bs-btn-disabled .ui-button-text,
.ui-dialog-buttonpane button.bs-btn-disabled .ui-button-text {
	visibility: hidden;
}

.paginering ul li .nav-cijfer,
.paginering ul li .nav-spacer,
.paginering ul li.page-nr a{
	padding:1px 3px;
	height:15px;
}
.paginering ul li.page-nr.active a{
	font-weight:bold;
}

.paginering ul li .nav-spacer {
	margin-top:0px;
	width:auto;
}

.overview-set-paging{
	font-size:10px;
	border:solid 1px #32509E;
	color:#32509E;
	background-color:#ffffff;
}

/**
 *  Instellingen 
 */

.ui-dialog #bs-dialog-frame {
	position:relative;
}

.ui-dialog #bs-dialog-frame #bs-dialog-loader {
	position:absolute;
	top:10px;
}

.ui-dialog.bs-dialog {
	background-color:#FFF;
	background-image:none;
}

html.touch .ui-dialog.bs-dialog {
	height: 95% !important;
	-webkit-overflow-scrolling: touch !important;
	overflow: auto !important;
}
html.touch .ui-dialog.bs-dialog iframe {
	height: 1px !important;
	min-height: 85% !important;
}

a.ov-row-link {
	display:block;
	padding: 4px 0px;
	line-height: 1.5em;
}

a.thickboxed {

}

.ov-row {
	height: 30px;
}

.ov-row td {
	vertical-align: top;
}

.copy-children-dialog .ui-state-highlight,
.copy-check-dialog .ui-state-highlight,
.delete-children-dialog .ui-state-highlight{
	padding:10px;
	font-weight:normal;
	
}
.delete-children-dialog .ui-state-highlight {
	background: #feeaea !important;
	border: solid 1px #fcc4c4 !important
}
.copy-check-dialog .ui-state-highlight {
	font-size: 10px;
}
.copy-children-dialog .ui-state-highlight .ui-icon,
.copy-check-dialog .ui-icon,
.delete-children-dialog .ui-icon{
	float:left;
	margin-right:5px;
}
.copy-children-dialog .message-content,
.copy-check-dialog .message-content,
.delete-children-dialog .message-content{
	margin-left:20px;
}

ul.child-table-selection{
	list-style:square;
	padding:0px;
	padding-left:20px;
	font-weight:normal;
	margin-bottom: 0px;
}
ul.child-table-selection > li > label {
	font-style: italic;
}
ul.child-table-selection li{
	padding-bottom:0px;
	padding-top:2px;
}
ul.child-table-selection li ul{
	padding:0px;
	padding-left:20px;
	list-style:square;
}

.bs-ui-dialog{
	text-align:right;	
}


/**
 *  Instellingen AddNav menu
 */
.addnav-menu-bar{
	text-align:right;
	margin-right: 10px;
}
.addnav-menu-bar .addnav-menu-bar-items,
.addnav-menu-overview .addnav-menu-overview-items{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-bottom:0px;
}
.addnav-menu-overview .addnav-menu-overview-items {

}

.addnav-menu-bar .addnav-menu-bar-items li,
.addnav-menu-overview .addnav-menu-overview-items li{
	display:inline-block;
	zoom:1;
	*display:inline;
}
.addnav-menu-bar .addnav-menu-bar-items li a, 
.addnav-menu-overview .addnav-menu-overview-items li a {
	padding: 0px 0px;
	margin:5px;
	font-size:11px;
	z-index: 900;
	-webkit-box-shadow: 0px 0px 2px #555555;
	-moz-box-shadow: 0px 0px 2px #555555;
	box-shadow: 0px 0px 2px #555555;
	border: none !important;
	white-space: nowrap;
}
.addnav-menu-bar .addnav-menu-bar-items li a:active, 
.addnav-menu-overview .addnav-menu-overview-items li a:active {
	color: #ffffff;
}

#addnavMenuBar {
	max-height: 32px;
}
#addnavMenuBar #addnavMenuBarBtn{
	display: none;
}
#addnavMenuBar.collapsed #addnavMenuBarBtn,
#addnavMenuBar.expanded #addnavMenuBarBtn{
	display: inline-block;
}
#addnavMenuBar.collapsed .addnav-menu {
	display: none;
}
#addnavMenuBar.expanded {}
#addnavMenuBar.expanded .addnav-menu {
	z-index: 8000;
	position: absolute;
	background-color: rgba(255, 255, 255, 1.00);
	padding: 10px;
	border: 1px solid #32509e;
	right: 21px;
	top: 87px;
	text-align: left;
	max-height: 100%;
}
#addnavMenuBar.expanded .addnav-item {
	display: inherit;
	padding-bottom: 1px;
}
#addnavMenuBar.expanded .addnav-item a {
	display: block;
	text-align: left;
}
@media (max-width: 767px) {
	
}

#addnavMenuOverview {
	margin-top: -10px;
}

.addnav-item-button {

	display: inline-block;
	position: relative;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: hidden;
	
	font-weight: normal;

	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-khtml-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
	
	padding-left: 23.1px !important;
	padding-right: 11px !important;
	padding-top: 4.4px !important;
	padding-bottom: 4.4px !important;
	
	background: #e7f3f7;
	
}

.addnav-item-button.ui-button {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.addnav-item-button.shop_reindex_live,
.addnav-item-button.addnav-item-button-code-pw,
.addnav-item-button.addnav-item-button-code-support {
	background: none;
	background-color: #32509e;
	color: #ffffff;
	-webkit-box-shadow: 0px 0px 2px #ffffff !important;
	-moz-box-shadow: 0px 0px 2px #ffffff !important;
	box-shadow: 0px 0px 2px #ffffff !important;
}
.addnav-item-button.shop_reindex_live:hover,
.addnav-item-button.addnav-item-button-code-pw:hover,
.addnav-item-button.addnav-item-button-code-support:hover {
	background: none;
	background-color: #3758ae;
}
.addnav-item-button.shop_reindex_live .ui-icon, 
.addnav-item-button.addnav-item-button-code-pw .ui-icon, 
.addnav-item-button.addnav-item-button-code-support .ui-icon {
	background-image: url(jqueryui/1.8.18/images/ui-icons_ffffff_256x240.png) !important;
}

.logout-button {
	padding: 0px 0px;
	margin-top: 2px;
	font-size:11px;
	z-index: 900;
	-webkit-box-shadow: 0px 0px 2px #555555;
	-moz-box-shadow: 0px 0px 2px #555555;
	box-shadow: 0px 0px 2px #555555;
	border: none !important;
	white-space: nowrap;
}

/**
 *  Instellen voor extra opties menu
 */
.ExtraOptiesMenu,
.ExtraOptiesMenu ul,
.ExtraOptiesMenu li,
.ExtraOptiesMenu ul li{
	list-style:none;
	padding:0px;
	margin:0px;
}
.ExtraOptiesMenu li.main-button{
	position:relative;	
}
.ExtraOptiesMenu li.main-button a.show-menu{
	display: block;
	cursor: pointer;
	background-color: #63B6D4;
	padding: 8px 5px;
	color: #FFFFFF;
	text-decoration: none;	
}
.ExtraOptiesMenu li.main-button a.show-menu .ui-icon{
	position:absolute;
	right:5px;
	top:6px;	
}
.ExtraOptiesMenu li.main-button ul.addnav-menu{
	position: absolute;	
	z-index:1000;
	background-color:#63B6D4;
	border:solid 1px #ffffff;
	border-top:none;
	width:auto;
	display:none;
}
.ExtraOptiesMenu li.main-button:hover a.show-menu{
	background-color:#003B7F;
}
.ExtraOptiesMenu li.main-button:hover ul.addnav-menu{
	display:block;
	right:-4px;	
	text-align:right;
	width:170px;
}

.ExtraOptiesMenu li.main-button ul.addnav-menu li,
.ExtraOptiesMenu li.main-button ul.addnav-menu li a{
	display:block;	
	text-align:left;
	font-weight:normal;
}
.ExtraOptiesMenu li.main-button ul.addnav-menu li a{
	padding:10px 20px;
	position:relative;
	text-decoration:none;
	border-top:solid 1px #ffffff;
	background-color:#63B6D4;
	color:#FFF;
}
.ExtraOptiesMenu li.main-button ul.addnav-menu li a:hover{
	background-color:#003B7F;	
}
.ExtraOptiesMenu li.main-button ul.addnav-menu li a .icon-left,
.ExtraOptiesMenu li.main-button ul.addnav-menu li a .icon-right{
	position:absolute;
	top:9px;
}
.ExtraOptiesMenu li.main-button ul.addnav-menu li a .icon-left{
	left:0px;	
}
.ExtraOptiesMenu li.main-button ul.addnav-menu li a .icon-right{
	right:3px;	
}

/* instellingen addnav menu side */

.addnav-menu-side {
	margin-top: -20px;	
}

.main-body-dashboard .addnav-menu-side {
	margin-top: 35px;
}

.addnav-menu-side-items{
	margin-bottom:20px;	
}

.addnav-menu-side-items .addnav-menu-side-item a{
	display:block;
	padding:10px 20px;	
	background-color:#63B6D4;
	position:relative;
	text-decoration:none;
	color:#FFF;
	margin-bottom:2px;
	font-weight:normal;
}
.addnav-menu-side-items .addnav-menu-side-item a:hover{
	background-color:#003B7F;
}
.addnav-menu-side-items .addnav-menu-side-item a .icon-left,
.addnav-menu-side-items .addnav-menu-side-item a .icon-right{
	position:absolute;
	top:9px;
}
.addnav-menu-side-items .addnav-menu-side-item a .icon-left{
	left:3px;	
}
.addnav-menu-side-items .addnav-menu-side-item a .icon-right{
	right:3px;	
}
.ExtraOptiesMenu li.main-button ul.addnav-menu li a .ui-icon,
.addnav-menu-side-items .addnav-menu-side-item a .ui-icon{
	background-image:url(back-site/images/ui-icons_ffffff_256x240.png);	
}

/**
 *  css styles voor back-site widgets
 */

.bs-widget {
	margin: 5px;
	font-weight: normal;
}
.bs-widget .ui-widget-header {
	padding: 5px 10px;
	color: #FFF;
}
.bs-widget .ui-widget-content {
	padding: 5px 10px;
	font-weight: normal;
}
.bs-widget .bs-widget-actions {
	padding: 5px 10px;
	font-weight: normal;
	text-align:right;
	border-top:solid 1px #63B6D4;
}

.bs-widget .no-padding {
	padding: 0px;
}
.bs-widget .no-border {
	border: none;
}


/**
 *  instellingen standaard bs-gridview
 *	Voeg class bs-gridview toe aan de content grid class om deze automatisch te stylen in bs kleuren
 */
.bs-gridview.bs-gridview-wide {
	width: 100%;
}
.bs-gridview .content-grid-header-cell,  .bs-gridview .content-grid-cell {
	padding: 5px;
	text-align: left;
}
.bs-gridview .content-grid-header-cell {
	background-color: #003B7F;
	color: #FFF;
	font-weight: bold;
}
.bs-gridview .content-grid-cell {
	font-weight: normal;
}
.bs-gridview .content-grid-header .content-grid-header-cell,  .bs-gridview .content-grid-row .content-grid-cell {
	border-bottom: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}
.bs-gridview .content-grid-row.odd {
	background-color: #E7F3F7;
}
.bs-gridview .content-grid-row.even {
	background-color: #c5dcf0;
}

.breadcrumb {
	line-height: 20px;
	vertical-align: middle;
	border-left: none;
	border-top: none;
	border-right: none;
	font-weight: normal;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;	
}

#required-fields-message {
	text-align: center;
	line-height: 2em;
	font-weight: normal;
}

.deleteItems {
	text-decoration: none;
	font-weight: normal;	
}

/* algemene class: */
.inline-block {
	display: inline-block;
	zoom: 1;
 	*display:inline;
	letter-spacing: normal;
	word-spacing: normal;
}

.bs_invoerveld.bs_date, 
.bs_invoerveld_select,
.bs_invoerveld_textonly,
.bs_invoerveld_readonly,
.bs_invoerveld.bs_textarea {
    font-size: 13px;
    padding: 6px 5px;
}

#save-record-form, 
#bs-child-form {
    background-color: #ffffff;
}

.back-site-version, .usertype, .admin, .superadmin, .admin > * {
    font-size: 12px !important;
}

.bs-tables {
    border: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
}

.bs-tables.dontsplit {
    padding: 0;
}

.bs-tables .tussenkop {
    font-size: 16px;
    font-weight: 500;
}

.bs-tables .bs-tables-table a.link, .bs-tables-stamp .bs-tables-table a.link {
    font-size: 13px;
    padding-left: 20px;
    width: 260px;
}

.bs-tables .bs-tables-table img, .bs-tables-stamp .bs-tables-table img {
    display: none;
}

.bs-tables .bs-tables-table, .bs-tables-stamp .bs-tables-table, .bs-tables .omschrijving, .bs-tables-stamp .omschrijving {
    margin-top: 0px;
}

.bs-tables .bs-tables-table,
.bs-tables-stamp .bs-tables-table,
.bs-tables .omschrijving,
.bs-tables-stamp .omschrijving {
    background-color: transparent;
    border: solid 1px transparent;
}

.bs-tables .bs-tables-table:hover,
.bs-tables-stamp .bs-tables-table:hover {
    background-color: #efefef;
}

.bs-tables .bs-tables-table:not(:last-child) {
    border-bottom: 1px solid #efefef;
}

.bs-tables .superadmin {
    border-top: 5px solid #21409a;
    border-bottom: 1px solid #fff;
    margin-top: 0;
}

.bs-tables-table.bs-tables-table-superadmin {
    background-color: #E7F3F7;
    border-bottom: 1px solid #fff !important;
    margin-top: 0;
}

#sub-header-tr {
    background-color: transparent;
}

#sub-header-tr span {
    font-size: 10px !important;
}

.rows-overzicht table.bs-row-overview {
    background-color: #ffffff;
}
.child_overview .caption {
    border: solid 1px rgba(0, 0, 0, 0.25);
    border-bottom: none;
}

.main-body-dashboard .backsite-modules .backsite-module {
    background-color: #ffffff;
}

.rows-overzicht .row-no-records td,
.rows-overzicht .ov-row-even td {
    background-color: #fefefe;
}
.rows-overzicht .row-no-records td {
    font-size: 13px;
}

.rows-overzicht .ov-row-oneven td {
    background-color: #f2f2f2;
}

br.bs_probleem_email {
    line-height: 3px;
}