.ui-select{width: 100%}
/* This is to remove the arrow of select element in IE */
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
@-moz-document url-prefix(){
	.ui-select{border: 1px solid #CCC; border-radius: 4px; box-sizing: border-box; position: relative; overflow: hidden;}
  .ui-select select { width: 110%; background-position: right 30px center !important; border: none !important;}
}

body {
	margin: 0;
	width:100%;
	font-family: 'Open Sans', 'Verdana', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align:center;
	background-color: #2a384f;
}

input {
	font-family: 'Open Sans', 'Verdana', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.schermklein {
	padding:20px;
	display:inline-block;
	margin:auto;
	width: 240px;
	margin-top:40px;
	background: #FFFFFF;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
}

.scherm {
	padding:20px;
	display:inline-block;
	margin:auto;
	width: 984px;
	margin-top:40px;
	background: #FFFFFF;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
}

.scherm3 {
	padding:20px;
	display:inline-block;
	margin:auto;
	width: 1440px;
	margin-top:40px;
	background: #FFFFFF;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
}

.message {
	padding:10px;
	display:block;
	margin:40px;
	margin-top:40px;
	margin-bottom:0px;
	background: #CC6666;
	border: 2px solid #CC3333;
	box-shadow: 0 0 20px rgba(204,0,0,.3);
}

.success {
	padding:10px;
	display:block;
	margin:40px;
	margin-top:40px;
	margin-bottom:0px;
	background: #66CC66;
	border: 2px solid #33CC33;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
}

.input {
	border: 1px solid #666666;
	font-size:20px;
	padding:2px;
	width:calc(100% - 6px);
    box-shadow: 0px 0px 2px #666666;
}

.textinput {
	height:24px;
}

.selectinput {
	width:100%;
	height:30px;
}

.textareainput {
	resize:none;
}

.submitinput {
	background-color:#354766;
	color:#EEE;
	width:100%;
}

.label {
	text-align:left;
	font-size:20px;
}

.ordertabel td, .ordertabel th {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:14px;
}

input, select {
	border: 1px solid #AAAAAA;
	font-size:14px;
	padding:2px;
	width:calc(100% - 6px);
    width:144px;
}

select {
	width:150px;
	height:25px;
}

input[readonly] {
	border: 1px solid #DDDDDD;
	font-size:14px;
	padding:2px;
	width:calc(100% - 6px);
    background-color:#DDDDDD;
    color: #888888;
    width:144px;
}

textarea {
	border: 1px solid #AAAAAA;
    width:144px;
}

.spinnerbackground {
	display: none;
    position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	background: rgba(0,0,0,0.5);
}

.spinner {
	display: none;
    position: fixed;
    left: calc(50% - 68px);
    top: calc(50% - 68px);
    border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db;
	border-bottom: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}