body {
background-color: #FFFFFF;
font-size: 0.9em;
font-family: tahoma, sans-serif;
}
div.maincontainer {
padding-left: 0px;

}
ad:link, ad:visited, ad:active {
color: #000000;
text-decoration: none;
}
ad:hover {
color: #66B0D7;
text-decoration: underline;
}

h2 {
color: #15185D;
border-bottom: 1px solid #66B0D7;
font-size: 1.4em;
font-weight: normal;
margin-top: -4px;
margin-left: -10px;
padding-left: 10px;
margin-bottom: 5px;
padding-bottom: 5px;
}

h2.between {

border-top: 1px solid #66B0D7;
margin-top: 5px;
}

.tinymce-content p {
    padding: 0;
    margin: 2px 0;
}

h3 {
color: #000000;
font-size: 1.6em;
font-weight: normal;
margin-top: 5px;
margin-bottom: 4px;
}
h4 {
color: #000000;
font-size: 1.4em;
font-weight: normal;
margin-top: 4px;
margin-bottom: 3px;
}
div.replinecase, div.repheadercase ,div.repsubheadercase {
padding-top: 6px; 
padding-left: 3px;
padding-bottom: 6px;
border-bottom: 1px solid #EEEEEE;
font-size: 0.9em;
}
div.replinecase {
padding-top: 4px; 
padding-bottom: 4px;
border-top: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
margin-top: -1px;
background-color: #EEEEEE;
font-size: 0.9em;
}
div.replinecasebold {
font-weight: bold;
}
div.replinecasegrey {
color: #AAAAAA;
}

div.replinecasegrey a{
color: #AAAAAA;
}
div.repheadercase {
font-weight: bold;
padding-top: 10px;
padding-bottom: 6px;
border-bottom: 0px;
}

div.repsubheadercase {
font-weight: bold;
padding-top: 2px;
padding-bottom: 6px;
border-top: 1px solid #AAAAAA;
background-color: #DDDDDD;
}




div.header {

position: relative;
background-color: #DDDDDD;
border-bottom: 1px solid #AAAAAA;
}
div.between {
height: 27px;
background: #FFFFFF;
text-align: right;
padding-right: 30px;
padding-top: 3px;
}
div.header h1 {
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
	font-weight: normal;
}
div.menu {
float: left;
width: 200px;
padding: 0px;
margin-left: -200px;
z-index: 200;
}
ul.mainmenu  {
	 padding: 0px;
	 margin: 0px;
	 margin-left: 14px;
	 margin-right: 10px;
}


ul.mainmenu li {
	 list-style-type: none;
	 
	 padding: 0px;
	 margin: 0px;
	 
	 font-size: 0.9em;
}

ul.mainmenu li a {

display: block;
padding: 5px;
color: #000000;
text-decoration:none;
margin-bottom: 5px;
}


ul.mainmenu li a:link, ul.mainmenu li a:active, ul.mainmenu li a:visited{
background-color: #EEEEEE;
color: #000000;
}
ul.mainmenu li a:hover{
background-color: #DDDDDD;
color: #66B0D7;
}
div.system {
border-top: 0px solid #66B0D7;
margin-left:5px;
padding: 10px;
padding-left: 5px;
z-index: 100;

}
table.rowdata {
border-spacing: 2px;
border-collapse: seperate;
margin-top: 5px;
margin-bottom: 5px;
}

table.rowdatacrm {
border-spacing: 2px;
border-collapse: seperate;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
}


table.rowdata td {
	padding-top: 2px;
	padding-bottom: 2px;
	
}
input[type=text],input[type=password] { 
border: 1px solid #66B0D7;
padding: 2px;
}
span.logininfo{
float: right;
padding: 4px;
}
table.rowdata th.veldfixl{
font-weight: normal;
}
td.veldfixd{
 border: 1px solid #FFFFFF;
 border-bottom: 3px solid #FFFFFF;
 background-color: #EEEEEE;
 padding: 4px;
 padding-right: 10px;
 padding-left: 6px;
 
}
.lafoto {
float: right;
}
td.imagecolumn {
padding-right: 10px;
padding-top: 10px;
vertical-align:top;
border-top: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
}
td.infocolumn {
padding-left: 10px;
vertical-align:top;


}
span.menuoptie a {
padding: 5px;
padding-left: 10px;
padding-right: 10px;
background-color: #EEEEEE;
margin: 1px;
margin-right: 4px;
text-decoration: none;

}
span.menuoptie a:link, span.menuoptie a:active, span.menuoptie a:visited{
background-color: #EEEEEE;
}
span.menuoptie a:hover {
background-color: #DDDDDD;
}



div.buttonbar {
padding: 8px;
padding-left: 1px;
width: 100%;
border: 0px solid #AAAAAA;

}
div.pagination {
text-align: right;
color: #666666;
padding-right: 6px;
}
input.buttonbarinput {
	border: 1px solid #AAAAAA;
	padding: 4px;
}
form {
display: inline;
}
div.logtool_line {
padding: 10px;
border: 1px solid #000000;
margin-top: -1px;
margin: 2px;
width: 30%;
float: left;
}

div.logtool_menu {
padding: 4px;
border: 0px solid #000000;
padding-left: 10px;
height: 100%;
text-align: left;

}

div.logtool_line_monitor {
padding: 3px;
border: 1px solid #000000;
margin-top: -1px;
}
span.error {
display: block;
padding-top: 2px;
padding-bottom: 2px;
color: #DD0000;
}

    #tablist {
      float:left;
      width:100%;
      background:#DAE0D2 url("/img/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
	  
     
      }
  #tablist ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #tablist li {
      float:left;
      background:url("/img/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #66B0D7;
      }
    #tablist a {
      float:left;
      display:block;
      background:url("/img/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#313994;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tablist a {float:none;}
    /* End IE5-Mac hack */
    #tablist a:hover {
      color:#333;
      }
    #tablist #current {
      background-position:0 -150px;
      border-width:0;
      }
    #tablist #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #tablist li:hover, #tablist li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #tablist li:hover a {
      background-position:100% -150px;
      }
      
div.attachment {
float: left;
padding: 2px;
border: 1px solid #66B0D7; 
margin: 2px;
}
img.inline {
vertical-align: middle;
margin-top: -4px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

table.emailanswer td {
vertical-align: top;
}

textarea.emailanswertext {

width: 780px;
height: 300px;
margin-right: 10px;

}

table.emailanswer td h4 {

background-color: #DDDDDD;
margin:0px;
padding: 2px;
font-size: 12px;
font-weight: bold;

}
table.emailanswer td h5 {

background-color: #EEEEEE;
margin:0px;
padding: 2px;
font-size: 11px;
font-weight: bold;

}
span.info, span.error {
padding: 5px;
display: block
}
span.info {
background-color: #ffd201;
}
div#info_auto {
background-color: #ffd201; 
display: block;
position: absolute;
top: 5px;

padding: 5px;

padding-left: 10px;
padding-right: 10px;
font-weight: bold;
margin-left: 200px;
margin-right:200px;
}
div.replinelog  {
border-bottom: 1px solid #CDCDCD;
}
div.replinelog td {
vertical-align: top;
line-height: 1.4em;
}
div.req_klaar {
background-color: #AAFFAA;
}
div.req_test {
background-color: #AAAAFF;
}
div.req_onhold {
background-color: #FFAAAA;
}
div#debuginfo {
	border-top: 1px solid #CCCCCC;
	padding: 4px;
	color: #AAAAAA;


}
span.alerttag {

color: #FF0000;
}
div.btn-toolbar {
background-color: #EEEEEE;
border-bottom: 1px solid #BBBBBB;
border-right: 0px solid #BBBBBB;
padding: 5px;
margin:0px;
margin-bottom: 10px;
margin-top: -5px;
margin-left: -10px;
padding-left: 10px;
}
div.subject_overzicht {
height: 40px;
overflow: hidden;
}
.navbar-inverse .navbar-inner
{
  background-color: #1b1b1b;
  
  background-color: #66B0D7; /* fallback color, place your own */
	
  /* Gradients for modern browsers, replace as you see fit */
  background-image: -moz-linear-gradient(top, #66B0D7, #66B0D7);
  background-image: -ms-linear-gradient(top, #66B0D7, #66B0D7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66B0D7), to(#66B0D7));
  background-image: -webkit-linear-gradient(top, #66B0D7, #66B0D7);
  background-image: -o-linear-gradient(top, #66B0D7, #66B0D7);
  background-image: linear-gradient(top, #66B0D7, #66B0D7);
  background-repeat: repeat-x;

  /* IE8-9 gradient filter */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66B0D7', endColorstr='#66B0D7', GradientType=0);
}
.navbar .nav > li > a
{
  float: none;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  color: #FFFFFF;
  text-shadow: none;
}
p.navbar-text button {
margin-top:-5px;
}
tr.header2 td {
	background-color: #DDDDDD;
	font-weight: bold;
	border-top: 1px solid #666666;
}
tr.info1 td {
	background-color: #578FC3;
	font-weight: bold;
	border-top: 0px solid #AAAAAA;
}
tr.info3 td {
	background-color: #BBBBBB;
	font-weight: bold;
	border-top: 2px solid #666666;
}

div.wbox {
	background-color: #FFFFFF;
	padding: 20px;
	padding-top: 0px;
box-shadow: 3px 3px 3px #888;
}
div.wbox h5 {
	background-color: #888888;
	color: #FFFFFF;
	margin-left: -20px;
	margin-right: -20px;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
div#crmsearchbar {
padding: 6px;
padding-top: 2px;
border-bottom: 1px solid #66B0D7;
margin-left: -10px;
margin-bottom: 5px;
}
h4.section {
	background-color: #CCCCCC;
	clear: both;
	padding: 5px;
	padding-left: 15px;
	font-size: 1.2em;
	
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4.sectionhch {
	background-color: #006dcc;
	clear: both;
	padding: 4px;
	padding-left: 15px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: -20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 0px;
}
div.sectionhch {
	background-color: #006dcc;
	clear: both;
	padding: 8px;
	padding-left: 15px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: -20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

h5.sectionhch {
	background-color: #dddddd;
	clear: both;
	padding: 4px;
	padding-left: 12px;
	font-size: 1.1em;
	font-weight: normal;
	margin-left: -10px;

	margin-top: 2px;
	margin-bottom: 4px;
	border-radius: 0px;
	font-size: 14px;

}

h5.bluesectionhch {
	background-color: #006dcc;
	color: #ffffff;
	text-align: center;
	clear: both;
	padding: 4px;
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 4px;
	border-radius: 0px;
	font-size: 14px;

}


h5.section {
	background-color: #DDDDDD;
	clear: both;
	padding: 4px;
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: normal;
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h6.section {
	background-color: #DDDDDD;
	clear: both;
	padding: 3px;
	padding-left: 15px;
	font-size: 1.05em;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h6.sectionhch {
	
	clear: both;
	padding: 3px;
	padding-left: 15px;
	font-size: 1.05em;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}


div.newsart {
	padding-left: 6px;
}
span.attachbox {
	background-color: #CCCCCC; 
	padding: 4px;
}
td.hchfield {
	font-size: 12px;
	text-align: left;

}
th.hchfield {

	text-align: left;

}

tr.hchrow td, tr.hchrow th{
	font-size: 12px;
	border-bottom: 1px solid #e1ebf3;
}

tr.hchrow td {
	background-color: #f6f9fb !important;
}


#verderbutton {
	margin-top: -4px;
	margin-right: 5px;

}
#terugbutton {
	margin-top: -4px;
	margin-left: -12px;

}
div.huishch {
	border: 1px solid #c9dce8;
	border-radius: 5px;
	margin-right: -10px;
	padding: 10px;
	font-size: 12px;
}

div.hchhuisnaam {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0087cf;
}

div.hchdetail {
	
	position:relative;
	z-index: 0;
	
	
	font-size: 12px;
}
th.hchfieldmain {
	text-align: left;
	font-size: 14px;
}
td.blauwhch,th.blauwhch  {
	background-color: #f6f9fb !important;
}
td.streeplinks,th.streeplinks {
	border-left: 1px solid #006dcc;

}


div.redhch {
	color: #FFFFFF;
	background-color: #c82926;
	padding: 4px;
	text-align: center;
	border-radius: 4px;
}
div.greenhch {
	color: #FFFFFF;
	background-color: #219c12;
	padding: 4px;
	text-align: center;
	border-radius: 4px;
}
div.orangehch {
	color: #FFFFFF;
	background-color: #fe9320;
	padding: 4px;
	text-align: center;
	border-radius: 4px;
}
div.greyhch {
	color: #FFFFFF;
	background-color: #CCCCCC;
	padding: 4px;
	text-align: center;
	border-radius: 4px;
}
acronym {
	text-decoration: underline;
}
div.kpigraph {
	padding: 5px;
	border: 1px solid #AAAAAA;
	margin-right: 10px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
div.kpigraph h5 {
	margin-left: -5px;
	margin-right: -5px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FCFCFC;
	padding: 5px;
	margin-top: -5px;
}
div.kpidashboard {
	background-color: #eeeeee;
	margin-top: -20px;
	padding-top: 20px;
}
div.minimeter {
	width: 200px; 
	height: 160px;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	margin: 5px;

}
div.kpidashboard  h2{
	background-color: #FFFFFF;
	clear:both;
	padding: 0px;
	padding-left: 20px;
	border: 1px solid #AAAAAA;
	margin-top: 5px;
	color: #555555;
	
}
div.kpitable {
	margin-left: 20px;
}
div.change_window {
	width: 200px; 
	font-size: 17px;
	font-weight:bold;
	color: #888888;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	margin: 5px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: arial;
}
div.change_window  span.change_value {
font-size: 20px;
margin-top: 4px;
	font-weight:bold;
	color: #000000;
}


table.bookingtable th, table.bookingtable td {
	font-size: 10px;
	padding: 2px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #cccccc;

}


table.bookingtable td {
	text-align: center;

}


.orange {
	color: #FFA500;
}
.red {
	color: #FF0000;
}
.green {
	color: green;
}


tr.hch_boekpatroon_header1 th {

	text-align: center;

}

tr.hch_boekpatroon_jaren th {

	text-align: center;

}
tr.hch_boekpatroon_boekingen td,tr.hch_boekpatroon_boekingen th{

	background-color: #ffead6;
	border-top: 2px solid #FFA500;
	border-bottom: 2px solid #FFA500;
}
td.spacer {
	border: 0px !important;
	width: 10px;
	background-color: #ffffff !important;
	border-right: 1px solid #cccccc !important;

}

th.totaal_aankomsten {
	border-bottom: 0px !important;
}

th.test1 {
	margin-right: 20px;
}

div.progressbar {
	border: 1px solid #bbbbbb;
	padding: 1px;

}
div.progressbarinner {
	padding: 2px;
	padding-top: 0px;
	padding-bottom: 0px;

}
div.hchvakjes  {
	margin-bottom: 10px;
	margin-top: 10px;

}
tr.hchsmallline td {
	font-size: 11px;
	color: #AAAAAA;
	font-style: italic;
}
div.hchvakje {
	border: 1px solid #AAAAAA;
	padding: 2px;
	font-size: 12px;
	text-align: center;
	position: relative;
}

div.hchvakjeicon {
	position: absolute;
	bottom: 4px;
	right: 4px;
}

div.hchvakjevalue {

	text-align: center;
	font-size: 16px;
	padding: 5px;

}

table.table-hch-contacts th {

	background-color: #DDDDDD;
	border: 1px solid #ffffff;

}
table.homescore tr.overallheading {

	background-color: #006dcc;
	
}
table.homescore tr.subheading {

	background-color: #dddddd;
	
}


table.homescore td {
	text-align: center;

}
table.homescore td.legend {
	text-align: left;

}
table.homescore  tr.subitem  td.legend {
	text-align: left;
	padding-left:30px;
}
table.homescore  tr.subitem  td {
	font-style: italic;
}
table.homescore tr.subitem {

	background-color: #dddddd;
	
}

table.homescore tr.mainitem  {

	background-color: #ffffff;
	
}
table.homescore tr.mainitem  td {
	border: 0px !important;
}

table.homescore tr.overallheading th{
	
	border-top: 2px solid #000000;
	color: #FFFFFF;
	text-align: center;
	border-bottom: 2px solid #000000;
	

}

table.homescore tr.subheading th{
	font-weight: normal;
	text-align: center;


}

div.smiley-groen {	width: 22px;
	height: 22px;
	    background: url('/img/smileys.png');

	background-size: 24px;
	background-position:  0 0px;
	background-repeat: repeat-y;



}
div.smiley-oranje {	width: 22px;
	height: 22px;
	    background: url('/img/smileys.png');

	background-size: 24px;
	background-position:  0 -20px;
	background-repeat: repeat-y;



}
div.smiley-rood{	width: 22px;
	height: 22px;
	    background: url('/img/smileys.png');

	background-size: 24px;
	background-position:  0 24px;
	background-repeat: repeat-y;



}
div.hch_discounts {
	margin-top: 10px;
}

tr.level_1 {
	background-color: #ccecff !important;
}
tr.level_2 {
	background-color: #def3ff !important;
}
tr.level_3 {
	background-color: #f0f9ff !important;
}
tr.level_4 {
	background-color: #FFFFFF !important;
}



div.hchoverlay {

    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.85);
	z-index:9999;
	color:white;
    background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent;
    
    
}



p.whatsapp_received {
	clear:both;
	float: left;
	margin-right: 200px;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
		background-color: #FFFFFF;

	border-radius: 5px;
}

p.whatsapp_sent , p.whatsapp_received {
	
	margin-bottom: 5px;
	margin-top: 2px;
	
box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.5);
}
p.whatsapp_sent {
	clear:both;
	float: right;
	margin-left: 200px;
	margin-right: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #dcf8c6;
	border-radius: 5px;
}
p span.wapptime {
	float: right;
	padding-left: 5px;
	color: #CCCCCC;
	font-size: 10px;
	
}
p.whatsapp_sent img, p.whatsapp_received img {
	
	display: block;
	clear: both;
	
}

p.wappconvtab {
	margin: 0px;
	padding: 0px;
	
	
}
p.wappconvtab a{
	
	display: block;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 2px;
	text-decoration: none;
	color: #000000;
}