body {
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	margin-top: 2px;
	margin-bottom:0px;
}

td {
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	margin-top: 2px;
	margin: 10px;
}

th {
	font-family: Calibri, Arial, sans-serif;
}

td {  }

input, select, option, button, textarea {
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
}
.textInput {

	border: 1px solid #d6d5d9;
	/* height: 21px; */
}

.textarea{
	border: 1px solid #d6d5d9;
}

textarea:read-only {
	background-color: rgba(239, 239, 239, 0.3) ;
	border-color: rgba(118, 118, 118, 0.3) ;
}

.msrs-buttonHeaderBackground 
{
	background-color: ButtonFace;
	border-bottom: 1px solid #FFFFFF;
}

a { color: #007FC5; text-decoration: none; }  
a:hover { color: #005F93; }
img, table { border: 0;}

.pageTitle {
	color: #650000;
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	/*font-weight: bold;*/
	vertical-align:middle;
	padding-left: 10px;
}

hr {
	height: 1px;
	color : #007FC5;
    background-color : #007FC5;
    border: 0;
}

/*Readonly controls*/
.txtReadOnly 
{
	color: Orange;
}

/*RollOver*/
#dhtmltooltip {
	position: absolute;
	border: 1px solid black; 
	background: #FFFFE0; 
	padding: 3px;
	display:none;
	color: black;
	z-index: 100;
	width: 200px;
}

#dhtmltooltipFrame {
	position: absolute;
	display: none;
	z-index: 99;
	height: 10px;
	width: 200px;
}

#tblWorkflowMenu .selected
{
    cursor:pointer;
    font-weight: bold;
    font-style:italic;
}

#tblWorkflowMenu .disabled
{
    background:white;
    color:silver;
    cursor:default;
}

#tblWorkflowMenu .mouseover
{
    background:#A0C0FF;
    cursor:pointer;
}

#tblWorkflowMenu .mouseout
{
    background:white;
    cursor:pointer;
}

#tblWorkflowMenu td
{
    border-bottom: 1px solid silver;
}

.swal2-title  {
	font-family: Raleway, Helvetica, sans-serif;
}

.swal2-content {
	font-family: Raleway, Helvetica, sans-serif;
}
.swal2-popup {
	font-family: Raleway, Helvetica, sans-serif;
}
.swal2-input {
	font-family: Raleway, Helvetica, sans-serif;
}
.modal-content {
	font-family: Raleway, Helvetica, sans-serif;
}

#overlay {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.4);
	opacity: 0.3;
}

#overlaygray {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.4);
	opacity: 0.3;
}

.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
	100% {
		transform: rotate(360deg);
	}
}

.is-hide {
	display: none;
}

@media screen and (min-width: 720px) {
	.chosen-container .chosen-drop {
		border-top: 1px solid #aaa !important;
		width: auto !important;
		white-space: nowrap !important;
		min-width: 100%;
	}
}

.vtr {
	background-color:#CCEEFF;
	border-color: rgba(118, 118, 118, 0.3);
}

.vtr:read-only {
	background-color:#CCEEFF;
	border-color: rgba(118, 118, 118, 0.3);
}

.field-validation-error {
	color: #e80c4d;
	font-weight: bold;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #e80c4d;
}

.validation-summary-errors {
	color: #e80c4d;
	font-weight: bold;
	font-size: 1.1em;
}

.validation-summary-valid {
	display: none;
}

.bedrijfCode {
	background-color: #3EBEB0;
}

.ucError {
	
	border-color: red;
	border-width: 2px;
}

.ucError:focus {
		border-width: 4px;
		background-color: #ffeceb;
	}