html, body, button, input, select, textarea, .editable, .pure-g, .pure-g [class*="pure-u"] {
	font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 400;
	font-size:14px;
	margin:0;
}
/*
b, strong, label, th {
//    font-weight: 400;
}
*/
.required {
    color: #F3443F;
    font-size: 2rem;
    line-height: 1.5rem;
    vertical-align: top;
    height: 1rem;
    display: inline-block;
}
.hidden { display:none; }

textarea, input, select, .editable, .checkbox {
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    border-radius: 8px;
    padding: 0.2rem 0.2rem;
    background-color: white;
    border: 1px solid #ddd;
//    box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%);
 min-width:5em;
}


textarea:hover, input:hover, select:hover .editable:hover .checkbox:hover {
    border-color: #F5F5F5;
}
input:read-only, .editable:read-only {
	background-color:#D0D0D0; 
}

input:focus ,textarea:focus, select:focus, .editable:focus .checkbox:focus {
	border-color: yellow;
	border-style: solid;
	border-width:3px;
}

label, .label {
	display:inline-block;
	vertical-align:center;
	margin-top:8px;
	margin-left:10px;
	width: 200px;
	white-space:nowrap;

}

#xinfo {
	position:absolute;
	z-index:10;
	left: 700px;
	top:10px;
	color:red;
}

.ui-select {
	display:inline;
}
#header-parent {

	background-color:white;
}
#xheaderTitle {
	text-align:center;
	margin:auto;
	border: 5px solid #ddd;
	width:80%;
	margin-top:10px;
}
#form_page {
	margin:auto;
	width:80%;

}
.red-background {
	background-color:red;
}
.dropdown-mhzoek {
	position:absolute;
	border: 1px solid #ddd;
	display:none;
	background-color:white;
}
.dropdown-mhzoek-item:hover, .highlighted{
	background-color:yellow;
}
// uit digi.css

img.dicon {
 width:16px; height:16px;
 vertical-align:middle;
 display:inline;
 background:url(/jqui11/ds/images/primaicons.png) no-repeat;
 border:none;
 margin:5px;
 background-position: -252px -252px; 
}

img.uicon {
 width:16px; height:16px;
 vertical-align:middle;
 display:inline;
 background-image: url("/jqui11/jqui/images/ui-icons_ef8c08_256x240.png");
 border:none;
 margin:5px;
}


img.icon {
 float:left; width:16px; height:16px;
 background:url(/jqui11/ds/images/primaicons.png) no-repeat;
 border:none;
 margin-left:-10px;
 margin-right:5px;
 background-position: -252px -252px; 
}

img.inline {
 background:url(/jqui11/ds/images/primaicons.png);
 width:16px; height:16px;
 border:none;
 cursor:pointer;
 vertical-align:top;
}
img.sort_both { background-position: -192px -0px; }
img.sort_asc { background-position: -208px -0px; }
img.sort_desc { background-position: -224px -0px; }
img.drag { background-position: -240px -0px; }
img.reload { background-position: -64px -80px; }
img.save { background-position: -208px -192px; }
img.add { background-position: -0px -192px; }
img.delete { background-position: -16px -192px; }
img.close { background-position: -32px -192px; }
img.prevform { background-position: -144px -192px; }
img.prevfunc { background-position: -160px -192px; }
img.lookup { background-position: -176px -176px; }
img.edit { background-position: -64px -112px; }
img.search { background-position: -160px -112px; }
img.bulb { background-position: -128px -128px; }
img.book { background-position: -0px -96px; }
img.work { background-position: -16px -112px; }
img.clock { background-position: -80px -112px; }
img.clean { background-position: -96px -128px; }
img.power { background-position: -0px -176px; }
img.copy { background-position: -144px -176px; }
img.excel { background-position: -128px -176px; }
img.word { background-position: -112px -176px; }
img.download { background-position: -112px -176px; }
img.star { background-position: -224px -112px; }
img.film { background-position: -224px -128px; }
img.story { background-position: -240px -128px; }
img.config { background-position: -192px -112px; }
img.mail { background-position: -96px -96px; }
img.history { background-position: -224px -128px; }
img.report { background-position: -160px -96px; }
img.people { background-position: -144px -96px; }
img.attach { background-position: -160px -144px; }
img.help { background-position: -48px -144px; }
img.bold { background-position: -160px -160px; }
img.italic { background-position: -176px -160px; }
img.underline { background-position: -192px -160px; }
img.olist { background-position: -224px -144px; }
img.renumber { background-position: -224px -144px; }
img.ulist { background-position: -240px -144px; }
img.setup { background-position: -176px -112px; }
img.firstpage { background-position:  0px -16px; }
img.prevpage { background-position: -16px -16px; }
img.nextpage { background-position: -32px -16px; }
img.lastpage { background-position: -48px -16px; }
img.go { background-position: -64px -0px; }
img.extra { background-position: -64px -0px; }
img.filter { background-position: -80px -0px; }
img.wizard { background-position: -48px -0px; }
img.group { background-position: -96px -0px; }
img.colorwheel { background-position: -112px -0px; }
img.import { background-position: -144px -0px; }
img.export { background-position: -128px -0px; }
img.right { background-position: -48px -192px; }
img.down { background-position: -64px -192px; }
img.left { background-position: -80px -192px; }
img.up { background-position: -96px -192px; }
img.instxt { background-position: -160px -0px; }
img.sendmail { background-position: -176px -0px; }
.ui-button-text {
//	padding: 0em;		// werkt nog niet
}
.ui-resizable-se {
bottom: -5px;
right: -5px;
}
.tiles1 {
	
 	width:80px;
	height:80px;
}

