/* **************  uit color css ***************** */
/* grijs voor border #898987*/
/* grijs voor vlakken #ebebeb
/* donkerder grijs voor vlakken #bababa
/* logo roze #f74299
/* oranje: #f99443*/
/* paars: # 975796   */

/* colorcodes :  rood       #f40d17
        geel        #f6f14e
        oranje      #f99443
        groen       #53d744
        blauw       #0d7bfb */
.bgGrey{
    background-color:#ebebeb;
}
.bgDarkgrey{
    background-color:#bababa;
}
.bgWhite{
    background-color:#fff;
}
.fn-gantt .fwGrey{
    background-color: #bababa;
    
}
.bgOranje{
        background-color:#f99443;
}
.fn-gantt  .fwOranje {
    background-color:#f99443;
}
.fn-gantt .fwOranje .fn-label {
    color: #9d5d2a !important;
}
.fn-gantt .fwBlue {
    background-color: #33b6da;
}
.fn-gantt .fwPaars {
    background-color: #975796;
}
.fn-gantt .fwRood {
    background-color: #e22e3a;
}
.fn-gantt .fwRoze {
        background-color: #f74299;
}
/*  ********** uit twMain.css ****************  */
#upload-form{
    left:50%;
    margin-left:-325px;
    width:650px;
    z-index:310;
}
#upload-form form{
    padding:20px;
}
#upload-form .form-row{
    float:left;
    margin-top:10px;
    margin-bottom:10px
}
#upload-form label{
    float:left;
    margin-right:10px;
    width:150px;
}
#upload-form label.switch-box{
    font-size:.8em;
}
#upload-form input[type="text"], #upload-form input[type="file"], #upload-form select{
    width:430px
}
#upload-form input[type="text"].switch-box{
    width:260px;
}
.right{
float:right;   
}
#upload-form select.switch-box{
    width:270px;
    border-radius:5px;
    margin-top:5px;
}
div.switch-box{
    float:left;
    padding:10px 0px 0;
}
div.switch-box button.switch-button{
    display:block;
    margin-top:35px;
    margin-left:10px;
    margin-right:10px;
}
#upload-form .selected-row{
    background-color:#FFAEDD;
}
.upload-overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#000;
    opacity:.4;
    display:none;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.upload-overlay img{
    position:relative;
    top:50%;
    margin-top:-50px;
    left:50%;
    margin-left:-50px;
}
i.onwhite{
    padding:5px 10px;
    cursor:pointer;
    font-style:normal;
    font-size:.7em
}
.div-table{
    font-size:.8em;
    margin:10px;
    border-radius:3px;
}
.div-table-head{
    background-color:#95569A;
    padding:10px 5px 5px;
    color:#fff;
    font-weight:bold;
}
#documents-list{
    max-height:210px;
    border:1px solid #95569A;
    overflow:auto;
}
#documents-list span{
    display:inline-block;
}
#documents-list span.column-1{
    width:350px;
}
#documents-list span.column-2{
    width:200px;
}
.div-table-body{
     padding:1px 0px 3px;
}
.div-table-row{
    padding-bottom:3px;
    border-bottom:1px solid #ebebeb;
    float:left;
}
.div-table-selectarea{
    cursor:pointer;
    float:left;
    padding:0 5px;
}
.div-table-selectarea:hover{
    background-color:#b2b2b2;
}

/*************GLOBORGS******************/


#globorg-popup{
    top:150px;
}
#globorg-popup ul{
    list-style:none;
    font-size:.9em;
    margin:10px;
    border-radius:5px;
    overflow:auto;
    padding-left:10px;
    padding-right:10px;
}
#globorg-popup li{
    cursor:pointer;
}
#globorg-popup .bg-globorg{
    background-color:#925B98;
    color:#fff;
    padding:5px 5px 2px;
    margin-top:10px;
    border-radius:3px 3px 0 0;
    color:#ebebeb;
}
#globorg-popup .bg-globorg:hover{
    color:#fff;
}
#globorg-popup .school-globorg{
    padding-left:10px;
    color:#929292;
}
#globorg-popup .school-globorg:hover{
    color:#000;
}
#globorg-popup .checked-org{
    font-weight:bold;
}
#globorg-popup .bg-globorg.checked-org{
    color:#fff;
}
#globorg-popup .school-globorg.checked-org{
    color:#000;
    background-color:#ebebeb;
}


/**************NEW-LOGIN***************/

#new-login{
    left:50%;
    margin-left:-200px;
    top:200px;
}
#new-login .popbody{
    padding:15px;
    font-size:.9em;
    color:#959595;
}
#new-login label{
    width:130px;
    display:inline-block;
}
#new-login-credentials{
    float:left;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
    padding:10px;
    border:2px solid #b2b2b2;
    border-radius:3px;
}
#new-login .input-box{
    float:left;
    margin:5px;
}
/**************REPORTS*****************/

#overzicht-side-left{
    float:left;
    height:548px;
    width:300px;
    margin-right:15px;
    background-color:#F7F7F7;
}
#overzicht-side-right{
    float:left;
    height:548px;
    width:645px;
/*    background-color:#F2F2F2;*/
}
#inner-overzicht-side-left{
    padding:10px 15px;
    list-style:none;
    height:528px;
    margin:0;
}
#inner-overzicht-side-left li{
    color:#b2b2b2; 
    font-size:.9em;
    background-color:#e2e2e2;
    color:#3f3f3f;
    padding:3px 5px;
    border-radius:3px;
    cursor:pointer;
    margin-bottom:5px;
}
#inner-overzicht-side-left li:hover{
    color:#525252; 
    background-color:#ddd;
}

/*************NOTIFICATIE****************/

#communicatie-page ul{
    list-style: none;
}
#communicatie-page h4{
    font-size: 1em;
    margin:-25px 10px 10px;
    padding:2px 30px 2px 10px;
    width:400px;
    background-color:#ebebeb;
    color: #577e97;
    border:1px solid #b2b2b2;
    border-radius:5px;
}
#communicatie-page label{
    font-size:.8em ;
    margin-top:-2px;
    float:left;
    margin-right:10px;
}
#communicatie-page li.email-notifies{
    width:700px;
    padding:10px;
    font-weight:bold;
    border:1px solid #b2b2b2;
    border-radius:5px;
    margin:30px 0 5px 20px;
}
#communicatie-page input[type="text"]{
    padding:2px 5px;
    width:420px;
    border-radius:5px;
    border:1px solid green;
    margin-top:5px;
}
#communicatie-page  input[type="text"].not-valid{
    border:1px solid red;
}    
 
/***********MENSACTIEF*******************/

#mensactief-container ul{
    list-style:none;
    margin:0;
    padding:0 0 0 15px;;
}
.mansactief-niv1{
    height:450px;
    overflow:auto;
    list-style:none;
    padding:
}
.mansactief-niv1 li h4{
    padding:0;
    margin:0;
    font-weight:bold;
    font-size:.9em;
    cursor:pointer;
}
.mensactief-niv2 label{
    float:left;
    width:150px;
    font-size:.8em;
    font-style:italic;
}
.mensactief-niv2 span{
    float:left;
    width:80px;
    height:20px;
    background-color:#ebebeb;
    border:1px solid #b2b2b2;
    text-align:center;
}
.mensactief-niv2 span:hover{
    background-color:#e4e4e4;
}
.mensactief-niv2 .active-user{
    background-color:#F99443;
}

.mensactief-niv2 .active-user:hover{
    background-color:#ffa443;

}
.tw-rotate{
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#mensactief-container .matrix-header{
    padding:10px 10px 5px 10px;
    float:left;
    margin-left:175px;
}

#mensactief-container .matrix-header p{
   float:left;
    text-align:left;
    width:70px;
    height:70px;
    margin:0;
    margin-left:-10px;
    padding:10px 10px 0;
    font-size:.9em;
    font-weight:bold;
    border:1px solid #b2b2b2;
}

/*  ****************uit beheer css ************************** */

#org-container{
    font-family:Arial;
}
#org-container  input{
    float:left;
}
#org-container input[type="text"]{
    padding:2px 5px;
    border-radius:5px;
    border:1px solid #b2b2b2;
    float:left;
}
#org-search-box{
    width:940px;
    padding:10px;
}
#org-search-box button{
    font-size:.9em;
    float:left;
    margin:0 20px 0 5px;
}
#org-search-box .search-box{
    width:200px;
    margin-right:20px;
    margin-left:10px;
    border-radius:5px;
}
#org-search-box label{
    margin: 3px 15px 0 5px;
}
#org-table{
    width:500px;
    margin-right:15px;
    float:left;
    height:480px;
    overflow:auto;
    background-color:#ebebeb;
}
#org-table ul{
    color:#727272;
    list-style:none;
    padding-left:10px;
}
#org-table li{
    cursor:pointer;
}
#org-table li.bg-li{
    margin-bottom:15px;
}
#org-table li.school-li{
    margin-bottom:3px;
}
#org-container .bg-org-row span.org-brin, #org-container .bg-org-row span.org-bg{
    font-weight: bold;
    float:left;
    margin-bottom:5px;
}
#org-table span.org-brin{
    float:left;
    width:50px;
}
#org-table li.school-li span{
    font-size:.9em;
}
#org-table .bg-org-row{
    padding:5px 0px 0 5px;
}
#org-table .school-li{
    padding:1px 2px 1px 5px;
}
#org-table .checkedBG{
    float:left;
    width:98%;
    background-color: #D4B9D3;
}
.checkedBG{
    background-color:#D4B9D3;
    padding-left:5px;
    border-radius:3px;
}
#org-edit{
    float:left;
    width:405px;
    background-color:#ebebeb;
    padding:10px;
    color:#727272;
    font-size:.8em;
}
#org-container label{
    float:left;
}
#org-edit input[type="text"]{
    width:390px;
}
#org-edit input[type="text"].half{
    width:180px;
    margin-right:10px;
}
#org-edit label.half{
    width:50%;
}
#org-edit button{
    margin-top:20px;
}

/*   *************** uit layout.css ***************** */
.header {
    background-color:#ebebeb;
    height:125px;
    width:960px;
}
.kop2{
    background-color:#f99443;
    font-style:italic;
    color:#fff;
    padding:2px 5px 1px 5px;
}
.hoofdpagina{
    width:960px;
    height:548px;
    background-color:#fff;
}
.fullpage{
    width:960px;
/*  height:720px;
*/  background-color:#ffffff;
}
.logincontainer{
    width:900px;
    height:720px;
    background-color:#ffffff;
    border-radius:10px;
}
.loginline{
    width:900px;
    height:75px;
    background-color:#ffffff;
    margin-top:-20px;
}
.centerpage{
    padding-left:50%;
    margin-left:-475px;
}

.MainPagina{
    display:none;
    position: absolute;
    width:960px;
}
.Subpagina{
    display:none;
    width:960px;
}
.showhoofdpagina, .showsubpagina{
    visibility:visible;
    display:block;
}
.halfpag{
    float:left;
    width: 48%;
    padding-left: 3px;
    height:545px;
}
button.butTopMenu {
    width:200px;
    height: 50px;
    border:1px solid #e3e3e3;
    border-left-color:#ffffff;
    border-top-color:#ffffff;
    border-right-color: #898987;
    border-bottom-color:#898987;
    background-color: #ebebeb;
    font-size:2em;
}
button.butTopMenu:hover{
    background-color:#fafafa;
}
button.butTopMenu[disabled]:hover{
    background-color:inherit;
}
button.butTopMenu.selected{
    color:#f99443;
}
.dirigentblok {
    float:left;
    width:125px;
    height:110px;
}
.blokrechts {
    float:right;
    width:830px;
    height:110px;
}

.menuknoppenblok{
    float:left;
    width:687px;
    height:70px;
    padding-top:5px;
}
.logoblok{
    float:left;
    width:110px;
    height: 70px;
    padding-top:5px;
    padding-left: 20px;
}
.submenublok{
    margin-top:10px;
/*  height: 34px;*/
    height: 35px;

    width: 830px;
    background-color:#bababa;
    border-top-left-radius:4px;
    border:1px solid #727272;
    display:none;
}
.show-menu{
    display:block;
}
button.sub {    display: inline-block;
    font-family:"Mooischrijf","Open Sans", Verdana, Sans;
    font-style:italic;
    font-size:1.0em;
    margin-left:10px;
    margin-top:3px;
    padding:2px 10px 2px 10px;
    background-color:#bababa;
    border:1px solid #bababa;
}
 button.sub.selected{
    border:1px solid #fff;
    border-radius:4px;
}
button.sub:hover {
    background-color:#ebebeb;
    border-radius:4px;
}
button.sub:hover[disabled]{
    background-color: inherit;
}
.statusbalktop {
    width:960px;
    height:26px;
    font-size:0.7em;
    background-color:#727272;
    color:#fff;
    margin-top:-5px;
    border-top:1px solid #ffff;
}
button.logout{
    width:20px;
    height:20px;
    border:1px solid #898987;
    border-radius:4px;
    color:#ebebeb;
    background:#535353;
    float:right;
    line-height:16px;
    font-family:"OpenSans";
    font-size:16px;
    padding-bottom:4px;
    margin-top:3px;
    margin-left:5px;
    margin-right:1px;
}
button.logout:hover{
    background:#898987;
}
div.footer{
    width:960px;
    /*height:20px;*/
    font-size:0.7em;
    background-color:#727272;
    color:#fff;
    float:left;
    text-align:center;
    border-bottom:1px solid #f99443;
    padding-top:2px;
    padding-bottom:4px;
}
.butfooter{
    width:20px;
    border:1px solid #898987;
    border-radius:4px;
    color:#ebebeb;
    background:#535353;

    font-family:"OpenSans";
    font-size:16px;
    margin-top:1px;
    }
.butfooter.help{
    float:right;
    margin-right:1px;
}
.butfooter:hover{
    background:#898987;
}

.vat{
    vertical-align:top;
}
.hidden{
    display:none;
}
.loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 33% auto;
  position: relative;
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
}
div.overlay{
bottom: 0px;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
background-color: black;
opacity:.5;
display:none;
z-index: 50;
}

/* ********** uit tags.css **************** */

@font-face {
    font-family: 'OOKEENAARDIGE LETTER';
        src: url('/fonts/classico_becker_med-webfont.eot');
        src: url('/fonts/classico_becker_med-webfont.eot?#iefix') format('embedded-opentype'),
             url('/fonts/classico_becker_med-webfont.woff') format('woff'),
             url('/fonts/classico_becker_med-webfont.ttf') format('truetype'),
             url('/fonts/classico_becker_med-webfont.svg#classico_becker_medregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mooischrijf';
      src: url('/classic_ssi_italic-webfont.eot');
      src: url('/fonts/classic_ssi_italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('/fonts/classic_ssi_italic-webfont.woff') format('woff'),
             url('/fonts/classic_ssi_italic-webfont.ttf') format('truetype'),
             url('/fonts/classic_ssi_italic-webfont.svg#classic_ssiitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face{
    font-family: 'OpenSans';
      src: url('/fonts/opensans-regular-webfont.eot');
        src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('/fonts/opensans-regular-webfont.woff') format('woff'),
             url('/fonts/opensans-regular-webfont.ttf') format('truetype'),
             url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
}
.fontfancy {
    font-family: 'Mooischrijf', 'OpenSans', Verdana, Sans;
}
.fontbig{
    font-size:3.0em;
}

body {
    background-color:#9c9c9c;
    font-family: 'OpenSans', Verdana, Sans;
    font-size: 16px;
    width:100%;
    margin:0;
    padding:0;
}
p {
    margin-top:2px;
    margin-bottom:2px;
}

button, .upload-button{
    border-radius:2px;
    font-family: "OpenSans";
    font-size:1.0em;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    border: solid 1px #da7c0c;
    /*background: #f99443;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbbe8d), to(#f99443));
    background: -moz-linear-gradient(top,   #fbbe8d,#f99443);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbe8d', endColorstr='#f99443');*/
}
button:hover, .upload-button:hover{
    background: #f9b843;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fbcb74), to(#f9b843));
    background: -moz-linear-gradient(top,   #fbcb74,#f9b843);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbcb74', endColorstr='#f9b843');*/
}

.clearfix{
    content: " ";
    visibility: hidden;
    display:block;
    height:0;
    clear:both;
}

button.onwhite, i.onwhite{
    font-family: "OpenSans";
    font-size:.8em;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    border: outset 2px #b8b8b8;
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ebebeb));
    background: -moz-linear-gradient(top,   #f2f2f2,#ebebeb);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ebebeb');
}
button.ondark {
    font-family: "OpenSans";
    font-size:.8em;
    height:2.2em;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: outset 2px #b8b8b8;

    background: #ebebeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ebebeb));
    background: -moz-linear-gradient(top,   #ebebeb,#d1d1d1);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#9b9b9b');
}
button.ondark:hover, button.onwhite:hover {
    background:#f0f0f0;
}
button.onwhite[disabled]:hover, button.ondark[disabled]:hover{
    background: inherit;
}
button.nohover:hover{
    background: #ebebeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#9b9b9b));
    background: -moz-linear-gradient(top,   #ebebeb,#d1d1d1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#9b9b9b');
}
button.left{
    font-family: "OpenSans";
    font-size:.8em;

    border: outset 2px #b8b8b8; 
    background: url('/css/images/paarslinks.png') no-repeat #ebebeb center;
    width: 23px;
    height: 25px;
}
button.LSright{
    font-family: "OpenSans";
    font-size:.8em;

    border: outset 2px #b8b8b8;
    background: url('/css/images/paarsrechts.png') no-repeat #ebebeb center ;
    width: 23px;
    height: 25px;
}
button.LSright:hover, button.left:hover {
    background-color: #fff;
}
input {
    font-size: .9em;
    padding-left:2px;
}
textarea{
    font-family: "OpenSans";
    font-size:0.9em;
    padding-left:3px;
}
select {
    font-size:.9em;
    height: 1.6em;
}
select[multiple]{
    height: 8em;
}
select[multiple]:focus{
    border-color:#ebebeb;
}
select[multiple]:disabled{
    background-color:inherit;
}
select:focus, input:focus {
    /*border:1px  solid #f99443;
    border-radius:5px;*/
    outline: none;
    border-color:#f99443;
    box-shadow:0 0 1px #f99443;
};

#lsOverlay{
    z-index:200;
     display:none; 
     width: 100%;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=50);
    zoom:1;
}
#lsOverlay2{
    z-index:500;
    display:none;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
    zoom:1;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #878787;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  zoom:1;
  z-index: 60;
  display: none;
}
.popup{
    background:#fbfbfb;
    border:0px solid #fff;
    box-shadow:0px 3px 7px #333;
    -moz-box-shadow:0px 3px 7px #333;
    -webkit-box-shadow:0px 3px 7px #333;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -khtml-border-radius:4px;
/*  position:absolute;
*/  z-index:300;    
    position:fixed;
    display:none;
    top: 20px;
    left:10%;
    filter: alpha(opacity=100);
    zoom:1;
    opacity:1;
}
.popheader {
    color:#fff;
    background-color: #bababa ;
    text-align:center;
    border-top-left-radius: 4px;
    border-top-right-radius:4px;
}
.popfooter{
    background-color:#ebebeb;
    height:50px;
}
.popfooter hr{
    margin-top:0px;
    margin-bottom:10px;
}
.popclose{
    float:left;
}

.isresizable {
    overflow-x: auto;
    overflow-y: auto;
    resize: both;
/*  width: 675px;
*/  height: 550px;
    max-width:960px;
    min-width: 100px;          
}
.draganchor{
    float:left; 
    background:#cfcfcf; 
    background: -webkit-gradient(linear, left , right, from(#fdfdfd), to(#e4e4e4));
    background: -moz-linear-gradient(left,#fdfdfd,   #e4e4e4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e4e4e4');
    width:12px;
    margin-right:2px;
    height:900px;
    overflow-y: hidden;
}
.posabsolute{
    position: absolute;
}
.draganchornodrag{
    float:left; 
    background:#cfcfcf; 
    background: -webkit-gradient(linear, left , right, from(#fdfdfd), to(#e4e4e4));
    background: -moz-linear-gradient(left,#fdfdfd,   #f2f2f2);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e4e4e4');
    width:12px;
    margin-right:2px;
    height:3000px;
    overflow-y: hidden;
}
.popcontent {
    margin-left: 5px;
    overflow-y: auto; 
}
.PDFcontent {   
     margin-left:15px;
}
.ui-datepicker{
    border-radius-bottom:5px;
    font-family:"OpenSans", Arial, Verdana;
    background:#fff;
    border:1px solid #fff;
    box-shadow:0px 3px 7px #333;
    -moz-box-shadow:0px 3px 7px #333;
    -webkit-box-shadow:0px 3px 7px #333;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -khtml-border-radius:4px;
    z-index: 500;
}
.ui-datepicker .ui-datepicker-header {
    position:relative;
    padding:.2em 0;
    background-color:red;}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
     text-align: center;
     background-color:#bababa;}
.ui-datepicker .ui-widget-header{
    background:#bababa;
    border:0px;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    background:#fbcb74;
    border:0px;
}
.hasDatepicker{
    position:relative;
}
#ui-datepicker-div{
    z-index: 999;
    display:none;
}
#lswaiter{
    position:absolute;
    top:45%;
    left:45%;
    width:128px;
    height:128px;
    display:none;
    background-image: url('/css/images/ajaxloader.gif');
    background-color:#ffffff;
    z-index:500;
}

/* ************************ uit details.css ********************* */

/* ------- gebruikt in Log In -----------*/

.blok1of2{
    width:447px;
    height:30px;
    float:left;
    background-color:#e3e3e3;
    padding-top:5px;
}
.blok2of2{
    width:448px;
    height:30px;
    float: right;
    background-color:#e3e3e3;
    padding-top:5px;
}
span.cStatus{
    float:right;
    margin-top:5px; 
}
span.cStatus:hover :enabled{
    background-color:#bababa;
    border-radius:4px;
}
span.cStatus:disabled:hover{
    background-color:inherit;
}
table.tmetborders{
    float:left;
    font-size: 0.8em;
    border-collapse:collapse;
    table-layout: fixed;
}
.selected{
    background-color: #e2cce1 ; 
}
div.selected{
    background-color: inherit;
}
td.cTitel{
    background-color:#ebebeb;
    border-right:1px solid #bababa;
}
td.col1{
        padding-left:2px;
}
td.rborder{
    border-right:1px solid #bababa;
}
td.bborder{
    border-bottom:1px solid #bababa;
}
td.lborder{
    border-left:1px solid #bababa;
}
td.cTekstcenter{
    text-align:center;
}

input[type="radio"].redradio:checked{
    display: none;
}
input[type="radio"].oranje1radio:checked{
    display: none;
}
input[type="radio"].oranje2radio:checked{
    display: none;
}
input[type="radio"].green1radio:checked{
    display: none;
}
input[type="radio"].green2radio:checked{
    display: none;
}
input[type='radio'] {
    width:15px;
    height:15px;
}
 input[type="radio"].redradio:checked + label { 
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 4px;
    margin-top:4px;
    background:  url("/css/images/raredchecked.png") ;
}
 
  input[type="radio"].oranje1radio:checked + label {    
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 4px;
    margin-top:4px;
    background:  url("/css/images/raoranje1checked.png") ;
}
 input[type="radio"].oranje2radio:checked + label { 
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 4px;
    margin-top:4px;
    background:  url("/css/images/raoranje2checked.png") ;
}
 input[type="radio"].green1radio:checked + label {  
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 4px;
    margin-top:4px;
    background:  url("/css/images/ragreen1checked.png") ;
}
 input[type="radio"].green2radio:checked + label{   
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 4px;
    margin-top:4px;
    background:  url("/css/images/ragreen2checked.png") ;
}

input[type="radio"].blueradio:checked{
    display: none;
}
input[type="radio"].blueradio:checked + label {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 2px;
    margin-top:3px;
    background:  url("/css/images/rabluechecked.png") no-repeat ;
}

.tablehead {
    background-color: #f99443;
}

input.datveld{
    width:90px;
}
input.editicon{
    background: url('/css/images/pencil.png') right no-repeat;
    padding-right:15px; 
}
input.bedrag{
    background:url('/css/images/euro.png')  left no-repeat;
    width: 100px;
    text-align: right;
}
input.intveld, input.realveld{
    width:50px;
    text-align:right;
}
input.dubbelint {
    width:20px;
    text-align:right;
}
button.gantt{
    width:40px;
    height:28px;
    border-radius:5px;
    border:none;
}
button.gantt:hover{
    background-color:#ebebeb;
}
button.undo{
    background: url('/css/images/UNDO.png') center no-repeat;
}
button.redo{
    background: url('/css/images/REDO.png') center no-repeat;
}
button.addabove{
    background: url('/css/images/AddAbove.png') center no-repeat;
}
button.addbelow{
    background: url('/css/images/AddBelow.png') center no-repeat;
}
button.indent{
    background: url('/css/images/Indent.png') center no-repeat;
}
button.unindent{
    background: url('/css/images/Unindent.png') center no-repeat;
}
button.ganttUp{
    background: url('/css/images/ganttUp.png') center no-repeat;
}
button.ganttDown{
    background: url('/css/images/ganttDown.png') center no-repeat;
}
button.minknop{
    background: url('/css/images/minknop.png') center no-repeat;
}
button.plusknop{
    background: url('/css/images/plusknop.png') center no-repeat;
}

button.plus{
    background-image: url("/css/images/plus.png");
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-size: 16px 15px;
        
    background-position:center;
    border: none;
    width: 18px;
    height: 18px;
    border:none;
    cursor: pointer;
    box-shadow:none;
}
button.edit{
    background-image: url("/css/images/pencil.png");
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-size: 13px 20px;
        
    background-position:center;
    border:  none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    box-shadow:none;
}
button.delete, .delete{
    background-image: url('/css/images/trash.png');
    margin-right: 1px;
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-size: 15px 20px;
    background-position:center;
    width: 20px;
    height: 20px;
    border:  none;
    cursor: pointer;
    box-shadow:none;
}
button.download{
    background-image: url("/css/images/download.png");
    margin-right: 1px;
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position:center;
     width: 20px;
    height: 20px;
    border: medium none;
    cursor: pointer;
}
.info{
    background-image: url('/css/images/info.png');
    background-size: 15px 15px;
    background-color:#ffffff;
     width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    border:none;

    border: medium none;
    cursor: pointer;
}
.info:hover{
    background-color:inherit;
    background-image: url('/css/images/info.png');
    background-size: 15px 15px;
    background-repeat: no-repeat;
}
button.gantttext {
    font-family:"OpenSans";
    font-size: 0.8em;
    border:1px solid #F99443;

    height:28px;
    border-radius:5px;
    border:none;
    margin-left:5px;
}
div.taakextrainfo{
    min-width:100px;
    min-height: 150px;
}
.lstable{
    border-collapse:collapse;
   border-spacing:0;
    border:none;
    table-layout: fixed;
}
.lijn17{
    line-height: 21px;
}