#RelationEditButtonBar .box-wrap .box {
	flex-direction: row;
	display: flex;
}

#framework .canvas .property input.control,
#framework .canvas .property textarea.control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#framework .canvas .property input.control.control_locked,
#framework .canvas .property textarea.control.control_locked {
	background-color: #e9ecef;
	opacity: 1;
}

#framework .canvas .col-1-2 {
	width: 50%;
	float: left;
	padding: 0 5px;
}

#framework .canvas .col-1-2.less {
	padding: 0;
}

#framework .canvas .col-1-1 {
	width: calc(100% - 10px);
	float: left;
	padding: 0 5px;
	margin: 0 5px;
}

#framework .row {
	margin: 0 0 0.5rem 0;
}

#RelationEditButtonBar a.button,
#framework a.button {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#framework .button_buttonBar5_CancelEKP a,
#RelationEditButtonBar .button_RenderRelatieMuterenButtons_Cancel a,
#framework .button_buttonBar3_Cancel a,
#framework .button_buttonBar2_Cancel a {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

#framework .button_buttonBar5_Opslaan a,
#RelationEditButtonBar .button_RenderRelatieMuterenButtons_Save a,
#framework .button_buttonBar3_Opslaan a,
#framework .button_buttonBar2_Opslaan a {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	margin-right: 0.5rem;
}

#framework .btnWrap {
	position: absolute;
	display: flex;
	margin: 1rem 0 4rem 0;
}

#framework #formulierworkflow .fw_wfFormulier_RelatieToevoegen,
#Wijzigingdoorgeven #framework #formulierworkflow .fw_wfFormulier_Generiek,
#framework #formulierworkflow .fw_wfFormulier_Verhuizing {
	overflow: auto;
    min-height: 160px;
}

#Terugbelverzoek #framework #formulierworkflow .fw_wfFormulier_Generiek {
	overflow: inherit;
	min-height: 200px;
}

.selectricWrapper{
	float: left;
	position: relative;
	width: 100%;
	padding: 0;
	cursor: pointer;
}

#framework .selectricWrapper .selectricHideSelect {
	position: relative;
	overflow: hidden;
	width: 0;
	height: 0;
}

#framework .selectricWrapper .selectricHideSelect select {
	display: none;
	position: absolute;
	left: -100%;
}

#framework .selectricWrapper.selectricOpen {
	z-index: 9999;
}

#framework .selectricWrapper.selectricOpen .selectricItems {
	display: block;
	border-radius: 4px 4px 4px 4px;
}

#framework .selectricWrapper.selectricOpen .selectric {
	z-index: 9999;
}

#framework .selectricWrapper .selectric {
	font-family: 'Lato Bold';
	font-weight: normal !important;
	float: left;
	position: relative;
	border: 1px solid #B2B2B2;
	background: #fff;
	height: 38px;
	width: 100%;
	border-radius: 4px 4px 4px 4px;
}

#framework .selectricWrapper .selectric .label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	padding: 10px 10px 10px 20px;
	font-size: 14px;
	color: #088FCD;
	line-height: 18px;
	min-height: 18px;
	height: 100%;
}

#framework .selectricWrapper .selectric .inputBtn {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	padding: 6px;
	font-size: 12px;
	line-height: 18px;
	color: #444;
	min-height: 18px;
}

#framework .selectricWrapper .selectric .button {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 100%;
	line-height: 35px;
	color: #656565;
	text-align: center;
	background: none;
}

#framework .selectricWrapper .selectric:hover {
	background: #e9e9e9;
}

#framework .selectricWrapper .selectric:hover .label,
#framework .selectricWrapper .selectric:hover .button {
	color: #656565;
}

#framework .selectricWrapper .selectricItems {
	display: none;
	position: absolute;
	overflow: auto;
	top: 100%;
	background: #fff;
	border: 1px solid #CCC;
	z-index: 9998;
}

#framework .selectricWrapper .selectricItems ul {
	list-style: none;
	padding: 0;
	margin: 0;
	min-height: 20px;
	line-height: 20px;
	font-size: 12px;
}

#framework .selectricWrapper .selectricItems ul li {
	display: block;
	list-style: none;
	padding: 10px 20px;
	margin: 0;
	min-height: 40px;
	line-height: 20px;
	font-size: 12px;
	cursor: pointer;
	color: #666;
	border-bottom: 1px solid #CED3DD;
}

#framework .selectricWrapper .selectricItems ul li.last {
	border: none;
}

#framework .selectricWrapper .selectricItems ul li.disabled {
	cursor: default;
}

#framework .selectricWrapper .selectricItems ul li:before {
	display: none;
}

#framework .selectricWrapper .selectricItems ul li:hover {
	background: #e9e9e9;
}

#framework .selectricWrapper .selectricItems ul:before {
	display: none;
}

#framework .selectricWrapper .selectricDisabled {
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#framework .selectricWrapper .selectricInput {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	outline: none !important;
	border: none !important;
	background: none !important;
}

#framework .selectricWrapper .selectricTempShow {
	position: absolute !important;
	visibility: hidden !important;
	display: block !important;
}

#framework .canvas .note.invalid {
	color: red;
}

#framework h3 {
	font-size: 1rem;
}
#framework h3 {
	font-size: 1.5rem;
}

#framework .selectricItems{
	width: 100%;
}

.col-1-8 .lock .hastip span {
	padding: 0 7px;
	background: lightblue;
	border-radius: 5px;
}

.col-1-8 .lock .hastip .tip {
	display: none;
	position: absolute;
	width: 350px;
	background: lightgray;
	margin-top: -23px;
	margin-left: 21px;
	border-radius: 5px;
	border: white 1px solid;
	padding: 5px 8px;
}