/*
blauw = #08aee3
grijs = #363f41
rood = #c81b1b
groen = #008000
*/


body, textarea, input, select, option, button
{
	font-size: 11px;
}

a
{
	color: #08aee3;
}
input:focus, select:focus, textarea:focus
{
	border-color: #08aee3;
}
input[type=button], input[type=submit], button, a.asbutton
{
	background-color: #08aee3;
}
.SearchHighlight
{
	background-color: yellow;
	color: #000;
}
td.alt
{
	background-color: #08aee3;
}
.errorinfield, input[type=text].errorinfield, input[type=search].errorinfield, input[type=password].errorinfield, input[type=number].errorinfield, input[type=email].errorinfield
{
	border: 2px solid #c81b1b !important; /*om de focus kleur te overrulen */
}
.inputerror input[type=text], .inputerror input[type=number], .inputerror input[type=email], .inputerror select, .inputerror textarea, .inputerror .specialinputelement
{
	border: 2px solid #c81b1b !important; /*om de focus kleur te overrulen */
}

.selectimage img:hover
{
	border: 1px solid #08aee3;
}

a:hover
{
	color: #363f41;
}
.crm th, .crm th a
{
/*	font-weight: bold;*/
	color: #363f41;
}
input[type=button]:hover, input[type=submit]:hover, button:hover, a.asbutton:hover, input[type=button]:focus, input[type=submit]:focus, button:focus, a.asbutton:focus, input[type=button].activebutton, input[type=submit].activebutton
{
	background-color: #363f41;
}

.interactive_cell
{
	border-bottom: 1px dotted #363f41;
}
.interactive_cell:hover
{
	border-bottom: 1px solid #363f41;
}

.okmsg
{
	color: #008000;
	background: none;
	font-weight: bold;
	padding: 0;
}
.warnmsg
{
	color: #c81b1b;
	background: none;
	font-weight: bold;
	padding: 0;
}
.errmsg
{
	background-color: #c81b1b;
}

nav, nav ul
{
	background: none;
}
nav
{
	margin: 0 0 8px 0;
	font-size: 110%;
}
nav a
{
	background-color: #08aee3;
	color: #fff;
}
nav a:hover
{
	background-color: #363f41;
}
nav a.active
{
	background-color: #363f41;
  	color: #fff;
}
nav li
{
	margin: 0 8px 0 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	color: #000;
}
nav a
{
	margin: 0;
	border: 0;
	padding: 6px;
}
nav a.nohighlight
{
	padding: 0;
	background: none;
}
nav>ul>li ul
{
	margin: 0;
	border: 2px solid #fff;
}
nav>ul>li ul li
{
	border-bottom: 1px solid #fff;
	margin: 0;
}
.subtabs a
{
	background-color: #999;
}
.subtabs a
{
	padding: 4px 8px;
}
.subtabs li
{
	margin: 0 4px 0 0;
}


.RecordSearch, input[type=search]
{
	width: 80px;
}
.NumericRecordInput
{
	width: 40px;
}


.supportfacturabel
{
	background-image: url(publicfile.php?filename=flexservice-support-facturabel.gif);
}
.cluster, .boekregels
{
	max-height: 200px;
	overflow: auto;
}
.commentaar
{
	max-height: 400px;
	overflow: auto;
}
/* gebruikersnaam en datum/tijd */
.commentaar .crm tr td:nth-child(1), .commentaar .crm tr td:nth-child(2)
{
 	white-space: nowrap; 
}
.laatsteversie
{
	color: #008000;
	font-weight: bold;
}
#ffc-t22-f415 input
{
	width: 70px;
}
/* om de breedte van 98% hieronder te laten slagen */
#ffc-t22-f376, #ffc-t22-f404, #ffc-t22-f403, #ffc-t22-f529
{
	width: 100%;
}
#ffc-t22-f409
{
	width: 90%;
}
.changelogform #ffc-t22-f409
{
	width: 100%;
}
#ffc-t22-f376 input, #ffc-t22-f404 textarea, #ffc-t22-f403 textarea, #ffc-t22-f409 input, #ffc-t22-f529 textarea
{
	width: 98%;
}
#ffc-t22-f529 textarea
{
	height: 6em;
}
#listnieuwsdiv .RecordReadonly td
{
	color: #000;
}
.splittable
{
	border-spacing: 0;
	width: 100%;
}
.splittable>tbody>tr>td
{
	vertical-align: top;
	padding: 0 5px;
	border: 0;
}
.splittable>tbody>tr>td:first-child
{
	padding-left: 0;
}
.splittable>tbody>tr>td:last-child
{
	padding-right: 0;
}
.fas, .far
{
	font-size: 125%;
}
h1 .fas, h2 .fas, h1 .far, h2 .far
{
	/*11px * 1.25 = 14*/
	font-size: 14px;
}
#page
{
	background-image: url(publicfile.php?filename=flexservice104x97.png);
	background-repeat: no-repeat;
	padding-top: 125px;
	text-align: left;
}
#page, #page input
{
	font-size: 125%;
}
#JS_username, #JS_password, #pw1, #pw2, #JS_old_pwd
{
	width: 250px;
}
.split
{
	display: inline-block;
	margin: 0 10px 10px 0;
	vertical-align: top;
}
#ffc-t20-f356
{
	display: none;
}
.isvolgen
{
	display: inline;
	color: #008000;
}
.isnotvolgen
{
	display: none;
}
.volgen0 .isvolgen
{
	display: none;
}
.volgen0 .isnotvolgen
{
	display: inline;
}

/* overrule voor b&b */
.formfieldcontainer
{
	display: inline-block;
}
.formfieldlabel
{
	display: none;
	width: auto;
	padding: 0;
}
.formfield
{
	display: block;
	width: auto;
	padding: 0;
}

/* custom */
.autoformfields .formfieldlabel, .profilepage .formfieldlabel
{
	vertical-align: top;
	display: inline-block;
	color: #363f41;
	width: 150px;
	padding: 6px 6px 6px 0;
	text-align: right;
}
.autoformfields .formfield, .profilepage .formfield
{
	vertical-align: top;
	display: inline-block;
	padding: 6px 0 6px 6px;
	border-left: 2px solid #ccc;
}
.telefoonform
{
  white-space: nowrap;
}
.telefoonform .formfieldlabel
{
	width: 7.5em;
}
/* form-table */
.form-table
{
	border-spacing: 0;
}
.form-table>tbody>tr>th
{
	vertical-align: top;
	color: #363f41;
	padding: 6px 6px 6px 0;
	text-align: right;
	border-right: 2px solid #ccc;
}
.form-table>tbody>tr>td
{
	vertical-align: top;
	padding: 6px 0 6px 6px;
}

h2
{
	margin: 0.5em 0 0.2em 0;
}

.customerscore {
	width:800px;
	margin:5em auto auto auto;

}
.customerscorelogo {
	float: right;
	margin-left: 5em;
}
.toonformfieldlabel {
	display: inline;
}
.toonformfieldlabel .formfieldlabel, .toonformfieldlabel .formfield {
	display: inline;
	padding-left: 1em;
}
#ffc-t22-f388 select, #ffc-t22-f391 select {
	max-width: 140px;
}
#ffc-t27-f538, #ffc-t26-f534
{
  	display: block;
}
#ffc-t27-f538 textarea, #ffc-t26-f534 textarea
{
	height: 6em;
  	width: 98%;
}
.tagscheckboxes ul
{
  	-webkit-column-count: 6;
	-moz-column-count: 6;
	column-count: 6;
}
/* nodig om de search box for filtercheckboxes op een nieuwe regel te zetten */
.tagscheckboxes div
{
  display: block !important;
  padding: 0 !important;
}
.tagscheckboxes .formfieldlabel
{
  display: none !important;
}
.callinkaccuratetimes
{
   display: none; 
}
.alertmessage {
	background-color: #666 !important;
  	color: #fff !important;
}

.crm tbody tr.noclick td
{
	cursor: default;
	background: none !important;
}
#nav-arrows
{
display: none;
}