html{overflow-y:scroll; overflow-x:hidden;}
body{color:#484848;font:normal 13px/22px 'Helvetica Neue',Helvetica,Arial,Sans-Serif;text-align:left;-webkit-text-size-adjust:none}
a{color:#003944;text-decoration:none;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
table { font-size:14px;}
a:hover{color:#54585e;text-decoration:none}
#container{width:1260px;margin:0 auto;position:relative}
#header{color:#fff;margin:16px 0}
#header-inner{padding:40px 0}
#logo{position:absolute;top:9px}
#logo a,#logo a img{display:block;opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);transition:opacity .2s linear;-moz-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear}
#logo a:hover img{opacity:.8;filter:alpha(opacity=80);-ms-filter:alpha(opacity=80)}
#user-area{float:right;font-size:11px}
#user-area a{color:#fff}
#header-notification{background:#4b4f55 url(../media/header-notification.png) repeat-x;border:1px solid rgba(0,0,0,0.07);height:23px;margin:3px 0 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:1px 1px 0 rgba(0,0,0,.2);float:left}
#header-notification a{position:relative;display:block;padding:0 11px}
#header-notification a span{background:#ffc931;background:-moz-linear-gradient(top,#ffc931 0%,#f9b800 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffc931),color-stop(100%,#f9b800));background:-webkit-linear-gradient(top,#ffc931 0%,#f9b800 100%);background:-o-linear-gradient(top,#ffc931 0%,#f9b800 100%);background:-ms-linear-gradient(top,#ffc931 0%,#f9b800 100%);background:linear-gradient(top,#ffc931 0%,#f9b800 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc931',endColorstr='#f9b800',GradientType=0);color:#8c1f1c;font:normal 9px/14px 'Helvetica Neue',Helvetica,Arial,Sans-Serif;text-align:center;width:12px;height:12px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);text-shadow:1px 1px 0 rgba(255,255,255,.5);position:absolute;right:3px;top:-7px}
#user-area-sep{background:url(../media/user-area-sep.png) no-repeat;float:left;width:2px;height:31px;margin:0 10px}
#my-profile{float:left;width:auto;height:30px;position:relative}
#my-profile span{font-size:11px;color:#333;font-weight:700}
#my-profile span a{color:#333}
#my-profile span a img{width:20px;height:20px;border:1px solid rgba(0,0,0,0.1);float:left;margin:0 8px 0 0}
#sub-menu{background:#52575d;width:227px;position:absolute;top:31px;left:0;border:1px solid rgba(0,0,0,0.07);border-top:0;box-shadow:0 0 5px rgba(0,0,0,.1);-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);display:none;z-index:1}
#sub-menu li{border-bottom:1px solid #45494f}
#sub-menu li:first-child a{border-top:0}
#sub-menu li:last-child{border-bottom:0}
#sub-menu a{background-repeat:no-repeat;background-position:12px 50%;display:block;padding:5px 12px 5px 28px;border-top:1px solid #5b5f64;transition:background .2s linear;-moz-transition:background .2s linear;-webkit-transition:background .2s linear;-o-transition:background .2s linear;-ms-transition:background .2s linear}
#sub-menu a:hover{background-color:#585d63}
.my-profile{background-image:url(../media/icons/main/icon-my-profile.png)}
.add-product{background-image:url(../media/icons/main/icon-add-product.png)}
.tasks{background-image:url(../media/icons/main/icon-tasks.png)}
.my-messages{background-image:url(../media/icons/main/icon-my-messages.png)}
.logout{background-image:url(../media/icons/main/icon-logout.png)}
#sub-menu a div{float:right;background:#ffc931;background:-moz-linear-gradient(top,#ffc931 0%,#f9b800 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffc931),color-stop(100%,#f9b800));background:-webkit-linear-gradient(top,#ffc931 0%,#f9b800 100%);background:-o-linear-gradient(top,#ffc931 0%,#f9b800 100%);background:-ms-linear-gradient(top,#ffc931 0%,#f9b800 100%);background:linear-gradient(top,#ffc931 0%,#f9b800 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc931',endColorstr='#f9b800',GradientType=0);color:#8c1f1c;font:normal 11px/20px 'Helvetica Neue',Helvetica,Arial,Sans-Serif;text-align:center;width:20px;height:20px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);text-shadow:1px 1px 0 rgba(255,255,255,.5)}
#navigation { max-width:230px; margin:auto;}
#navigation #nav-drop-down,#page-changer{display:none}
.nav-head,.data .head{background:#4b4f55 url(../media/nav-head.png) repeat-x;color:#fff;font:bold 14px/34px 'Helvetica Neue',Helvetica,Arial,Sans-Serif;text-shadow:1px 1px 0 rgba(0,0,0,.2);border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;padding:0;display:block;margin:0}

ul, li, ul li, .nav-head ul, .nav-head ul li { margin:0px; padding:0px; list-style:none;}
.nav-head a{background:url(../media/icons/main/icon-nav-head-arrow.png) 92% 50% no-repeat;color:#fff;display:block;padding:0 15px;height:34px}


.section{background:#fff;margin:0 0 20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-box-shadow:0 0 3px rgba(0,0,0,.1)}
.section-content{border:1px solid #d8d8d8;border-top:0;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}
.section-content ul{margin:0}
.section-content li:last-child a{border-bottom:0;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}
.section-content a{background-color:#fff;background-repeat:repeat-y;background-position:93% 0;color:#727272;display:block;padding:8px 15px;border-bottom:1px solid #dff1ff;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.section-content a:hover{background-color:#f5fbff;color:#3799e1}
.section-content a.active{background-color:#f5fbff}
.section-content span{background-position:0 50%;background-repeat:no-repeat;padding:0 15px;display:block;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}

#content{float:left;width:99%}
#content-wrapper{margin-top:-10px}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{background-position:0 0;background-repeat:no-repeat;border-bottom:1px solid #f2f2f2;margin:0 0 20px;text-transform:uppercase}
#content h1{font-size:19px}
#content h2#dashboard{padding-bottom:23px}
.extra ul li,.extra ol li{background:url(../media/list.png) 0 10px no-repeat;padding:0 0 0 16px}
.blockquote{background:#fcf9e3 url(../media/blockquote.png) 15px 0 repeat-y;color:#985b46;border:1px solid #ece9d9;margin:0 0 20px;font:italic 13px/31px Georgia,"Times New Roman",Times,serif}
.blockquote blockquote{background:url(../media/blockquote-lines.png) 0 11px repeat;padding:11px 11px 11px 35px}
.blockquote blockquote p{background:url(../media/quotes.png) 99% 97% no-repeat}
.codeblock{background:#53575e url(../media/code.png) repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3);padding:15px;line-height:19px}
.codeblock pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
.codeblock code{color:#ffc6a7;font-family:"Courier New",Courier,monospace;font-size:11px}
.half-column{float:left;width:46%;margin-right:3%}
.radio{height:25px;width:19px;clear:left;float:left;margin:0 0 3px;padding:0;background:url(../media/radio.png);background-repeat:no-repeat;cursor:default}
.checkbox{height:25px;width:19px;clear:left;float:left;margin:0 0 3px;padding:0 0 0 1px;background:url(../media/checkbox.png) no-repeat;cursor:default;text-align:left}

.checkbox input,.radio input{display:none}
.checkbox input.show,.radio input.show{display:inline}

.selected{background-position:0 -52px}
dd label{float:left}
.radio-button{float:left;padding:0 0 0 10px}
.datepicker{background:url(../media/icons/nav/calendar.png) 98% 50% no-repeat}

span.customStyleSelectBox{background:#f6f6f6 url(../media/customStyleSelectBox.png) repeat-x;font-size:11px;padding:2px 12px;border:1px solid #e5e5e5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-align:left;width:486px;display:inline-block}
span.customStyleSelectBox.changed{background-color:#f6f6f6}
.customStyleSelectBoxInner{background:url(../media/canvas-list-nav-item-arrow.png) no-repeat center right;display:block}
#footer{color:#777;font-size:11px;float:right;width:730px;padding:14px 0}
#footer p{float:left}
#footer a{color:#777;font-weight:700}
#footer a:hover{color:#54585e}
#footer-logo{float:left;padding:1px 20px 0 10px}
p#copyright{float:right;padding-right:10px}
table{border-bottom:2px solid #EEE;width:100%}
table caption{height:27px; text-align:center;}
thead tr th{background-color:#A1A1A1;color:#FFF;text-align:left;padding:4px;font-weight:700}
thead tr th a{color:#FFF}
tbody td{padding:0 4px}
tfoot tr td{background-color:#EEE;color:#333;padding:4px 0}
tbody td.left{text-align:right;width:20%;vertical-align:top}
tbody td.right{text-align:left;width:80%;vertical-align:top}
.bordered{border-radius:2px}
.bordered td{border-bottom:1px solid #D3D3D3;padding:4px 0}
.odd,.odd td{background-color:#FAFAFA}
.even,.even td{background-color:#FEFEFE}
/*.odd td a{color:#333}
.even td a{color:#333}
*/
.oddover td{background-color:#999;color:#FFF;cursor:pointer}
.evenover td{background-color:#999;color:#FFF;cursor:pointer}
.edit a{width:16px;height:16px;display:block;background-image:url(../images/ico_edit.png)}
.edit a:hover{background-position:0 -16px}
.copy a{width:16px;height:16px;display:block;background-image:url(../images/ico_kopieren.png)}
.copy a:hover{background-position:0 -16px}
.verzenden a{width:16px;height:16px;display:block;background-image:url(../images/ico_verzenden.png)}
.verzenden a:hover{background-position:0 -16px}
.print a{width:16px;height:16px;display:block;background-image:url(../images/ico_print.png)}
.print a:hover{background-position:0 -16px}
.delete a{width:16px;height:16px;display:block;background-image:url(../images/ico_delete.png)}
.delete a:hover{background-position:0 -16px}
.pdf a{width:16px;height:16px;display:block;background-image:url(../images/ico_pdf.png)}
.pdf a:hover{background-position:0 -16px}
.overzicht{border:1px solid silver}
.overzicht p{height:16px;line-height:16px;border-bottom:1px solid silver;padding:4px}
.overzicht p:hover{background-color:#CCC}
.overzicht p span.right{float:right;font-weight:700;color:#333}
.overzicht input{background-image:none;background-color:#333;color:#fff}
table tr td.right{float:none}
td.right select,td.right input[type<>'radio']{width:100%}
td.right textarea{height:100px}
caption{background-color:#666;padding:0;line-height:22px;color:#FFF;border-radius:4px 4px 0 0;padding-top:3px;font-weight:700}
.save_volgorde{margin-top:10px}
.add{margin-bottom:10px}
.nactief input,.nactief td{font-style:italic;color:#999}
tr.actief td{background-color:#D3D3D3}
.upfield{width:90%}
.ui-state-highlight{background-color:#ff0;height:30px}
tr.ok td{background-color:#C4F8BE}
tr.ok td input{background-color:transparent}
.error{width:95%;height:auto;background-color:#fbd5d5;padding:1em;margin:1em auto;border:1px solid #c45d5d;border-radius:5px;color:#c45d5d;text-align:left;display:inline-block;vertical-align:middle}
.success{width:95%;height:auto;background-color:#d7ebd2;padding:1em;margin:1em auto;border:1px solid #6da25f;border-radius:5px;color:#6da25f;text-align:left;display:inline-block;vertical-align:middle}
#zoeken a{display:block;border-bottom:1px dotted silver;padding:4px 0}
#zoeken a:hover{display:block;font-weight:700;background-color:#EEE}
.kiestab{display:block;width:100%;font-size:15px}
.bigsel{display:block;width:100%;font-size:15px}
label{font-weight:400}
h3{font-size:18px}
.rapport input{border:1Px solid #222;padding:4px}
.ak{background-color:#EEE;padding:10px;margin:4px 0}

h2 { font-size:20px; border:none;}

.ak h2, #content .ak h2 { font-size:15Px; margin:0px; padding:0px; line-height:auto; border:none; margin-bottom:10px; font-weight:bold;}
.handler { margin-right:10px; cursor:move}
.nietleeg { background-color:#BAD057;}

.form-sm select, .form-sm input[type='text'] { font-size:12px; padding:3px;}

.frmFilterLinks select, .frmFilterLinks input { margin-bottom:4px;}

.navbar-default {
    border-color: #a1bc31;
	background-color:#a1bc31;;
}

.navbar-default a { color:#000; }
.navbar-default .navbar-nav>li>a {
    color: #FFF;
}

.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #FFF;
    background-color: #798936;
}

.btn-success {
    color: #fff;
    background-color: #a1bc31;
    border-color: #a1bc31;
}

.btn-danger {
    color: #fff;
    background-color: #951204;
    border-color: #951204;
}

.btn-primary {
    color: #fff;
    background-color: #003944;
    border-color: #003944;
}

.btn-warning {
    color: #fff;
    background-color: #a6be30;
    border-color: #a6be30;
}

@media screen and (min-width: 768px) {
  	#standaard_modal .modal-dialog {
        left: 1% !important;
        width: 350px !important;
		margin:0px !important;
    }
}


th.rotate {
  /* Something you can count on */
  height: 200px;
  white-space: nowrap;  
}

th.rotate > div {
  transform: 
    /* Magic Numbers */

    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: auto;
  max-width:30px;
}
th.rotate > div > span {
font-weight:normal;
font-size:11px;
}





.vertical-header .rotate {
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
      -ms-transform: rotate(-90.0deg);  /* IE9+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */
          transform: rotate(-90.0deg);  /* Standard */
		  max-width: 42px !important;
		  padding-left: 25px;
		  margin-top: 10px;
}
.vertical-header .vertical{height:245px !important;padding:0px !important;margin-bottom:10px;/*vertical-align:middle;*/}

.badge-success {
  background:green;

}