BODY
{
    margin:0px;
    FONT-SIZE: 16px;
    COLOR: #000000;
    FONT-FAMILY: Raleway, Arial;
    background: #ffffff;
	font-weight: bold;
	}
SELECT:focus,INPUT:focus,TEXTAREA:focus {
    outline:1px solid #666666;
} 
INPUT[type="text"] {
    padding:1px 0px;
}


.prompt {
FONT-SIZE: 16px;
COLOR: #666666;
FONT-FAMILY: Raleway, Arial;
font-weight: bold;
letter-spacing:1px;

}

.bodybg {
background:#77789E;
}

.aandacht {
    background:#ff0f83 !important;
}

INPUT
{
font-family:'Source Sans Pro', Arial;
font-size:14px;
color:#343333;

background-color: rgb(250,250,250); 
border:1px solid #cccccc;
letter-spacing:1px;
}

#navdiv {
position:fixed;
top:0px;
left:0px;
right:0px;
z-index:1;
height:auto;
min-height:110px;
}
#pagecontent {
	min-height:75vh;
    
	
}
.nietactief {
    opacity:0.4;
}

.statusknop {
    float:left;
    width:40px;
    height:40px;
    margin:5px;
    border-radius:12px;
    border:1px solid #ffffff;
    }

#divhistorie .statusknop,#divhistorie2 .statusknop {
    float:left;
    width:20px;
    height:20px;
    margin:5px;
    border-radius:6px;
    border:1px solid #ffffff;
    }

.actielink {
    float:left;
    line-height:40px;
    margin:5px 0px;
}
.actielink A {
    color:#eeeeee;
    font-size:23px;
    font-family:'Source Sans Pro',Arial;
}

.actielink A:hover {
    color:#cccccc;
    font-size:23px;
    font-family:'Source Sans Pro',Arial;
}

#divhistorie .actielink,#divhistorie2 .actielink {
    float:left;
    line-height:20px;
    margin:3px 10px 3px 0px;
}
#divhistorie .actielink A,#divhistorie2 .actielink A   {
    color:#eeeeee;
    font-size:14px;
    font-family:'Source Sans Pro',Arial;
}

#divhistorie .actielink A:hover,#divhistorie2 .actielink A:hover  {
    color:#cccccc;
    font-size:14px;
    font-family:'Source Sans Pro',Arial;
}



.attribuutcontainer {
	flex-wrap: wrap;
    justify-content: space-around;
    display: flex;
	min-height:60vh;
	background:white;
}

.attribuut{
width:240px;
height:auto;
margin:0px 1px 1px 1px;
flex-grow:1;
background:#77789E;
color:white;
font-family:'Raleway',Arial;
padding:15px;
font-size:16px;
line-height:24px;

}
.attribukop {
margin-bottom:7px;
font-weight:bold;
font-family:'Source Sans Pro',Arial;
letter-spacing:2px;
font-size:30px;
line-height:36px;
}
.subkop {
margin-bottom:7px;
font-weight:bold;
font-family:'Source Sans Pro',Arial;
letter-spacing:2px;
font-size:18px;
line-height:26px;
}
.attributoel {
margin-top:10px;
font-size:70%;
line-height:150%;
}

.attribuut INPUT,.attribuut TEXTAREA  {
	background:white;
	color:#587781;
	font-size:16px;
	padding:7px;
	border:3px solid white;
	border-radius:2px;
	font-family:'Source Sans Pro',Verdana,Arial,Fontello;
}

.attribuut SELECT {
	background:white;
	color:#587781;
	font-size:16px;
	padding:1px;
	border:1px solid white;
	border-radius:2px;
	font-family:'Source Sans Pro',Verdana,Arial,Fontello;
}


.attribuut .tijdvakken INPUT  {
	background:white;
	color:#587781;
	font-size:13px;
    font-weight:bold;
	padding:0px;
	border:3px solid white;
	width:16px;
	text-align:right;
	font-family:'Source Sans Pro',Verdana,Arial,Fontello;
}
.attribuut .tijdvakkenmdw INPUT  {
	background:white;
	color:#587781;
	font-size:14px;
	padding:2px;
	border:3px solid white;
	border-radius:2px;
	width:24px;
	text-align:right;
	font-family:'Source Sans Pro',Verdana,Arial,Fontello;
}
.tijdvakkenmdw {
    margin-top:7px;
    border-spacing:0px;
    
}
.attribuut .tijdvakken SELECT {
	background:white;
	color:#587781;
	font-size:13px;
	padding:1px;
	border:1px solid white;
	font-family:'Source Sans Pro',Verdana,Arial,Fontello;
}


.attribuut ::-webkit-input-placeholder { color:#bbbbbb;font-size:14px }
.attribuut ::-moz-placeholder { color:#bbbbbb;font-size:14px } /* firefox 19+ */
.attribuut :-ms-input-placeholder { color:#bbbbbb;font-size:14px } /* ie */
.attribuut input:-moz-placeholder {color:#bbbbbb;font-size:14px }


.attribuut .tijdvakken ::-webkit-input-placeholder { color:#bbbbbb;font-size:10px;letter-spacing:0px; }
.attribuut .tijdvakken ::-moz-placeholder { color:#bbbbbb;font-size:10px } /* firefox 19+ */
.attribuut .tijdvakken :-ms-input-placeholder { color:#bbbbbb;font-size:10px } /* ie */
.attribuut .tijdvakken input:-moz-placeholder {color:#bbbbbb;font-size:10px }

.mijnopm {
    margin-top:10px;
    font-style:italic;
}


#kopform {
	background:#2d3e50;
	color:white;
	min-height:21px;
	height:auto;
	padding:10px;
	margin-bottom:0px;
	font-size:18px;
	position:fixed;
	top:69px;
	width:100%;
    font-family:Montserrat,Arial;
    letter-spacing:3px;
    font-weight:normal;
    z-index:1;
    box-sizing:border-box;
	}

.extrakop {
	background:#2d3e50;
	color:white;
	min-height:41px;
	height:auto;
	padding:10px;
	margin-bottom:0px;
	font-size:18px;
	width:auto;
    font-family:Montserrat,Arial;
    letter-spacing:3px;
    font-weight:normal;
    z-index:1;
	}

.weekcontainer {
	flex-wrap: wrap;
    justify-content: space-around;
    display: flex;
	background:white;
}

.bbhweekkop,.planweekkop {
	font-size:24px;
    font-family:'Source Sans Pro',Arial;
    letter-spacing:3px;
    font-weight:bold;
    
    
}
.bbhweek,.planweek{
float:left;
width:240px;
height:auto;
flex-grow:1;
margin:0px 1px 1px 0px;
background:#2d3e50;
color:white;
font-family:'Raleway',Arial;
padding:15px;
font-size:12px;
line-height:24px;

}
.planweek {
}
.planweek:hover {
    background:#0d1e30;
}	
.planweekinit {
    font-size:14px;
    float:right;
    cursor:pointer;
}
.planweekfld {
    margin-top:20px;
    cursor:pointer;
}
.plandaginit {
    border-bottom:1px solid;
    padding:5px;
}
.plandaginit A {
    font-size:17px;
    font-family:'Source Sans Pro',Arial;
    color:white;
}
.plandaginit A:hover {
    text-decoration:underline;
}

#bbhweken {
    
background:#eeeeee;
}
.bbhdag,.plandag,.planniet{
float:left;
width:120px;
height:auto;
margin:0px 1px 1px 0px;
flex-grow:1;
background:#77789E;
color:white;
font-family:'Source Sans Pro',Arial;
padding:15px;
font-size:16px;
line-height:24px;
text-align:center;
}

.bbhdaguit,.plandaguit{
float:left;
width:120px;
height:auto;
margin:0px 1px 1px 0px;
flex-grow:1;
background:#ffffff;
border-right:1px solid;
color:#333333;
font-family:'Source Sans Pro',Arial;
padding:15px;
font-size:16px;
line-height:24px;
text-align:center;
}
.plandaguit {
border-bottom:1px solid;    
  
}
.plandag,.plandaguit {
font-size:15px;
line-height:20px;
word-wrap:break-word;
 }
.bbhdag,.bbhdaguit {
    font-family:'Raleway',Arial;
}
.bbhnietmeer,.planniet {
pointer-events:none;
opacity:0.2;
}
.herhalen {
padding:3px;
font-family:Raleway,Arial;
color:#333333;   
width:100%;
font-size:14px; 
padding-left:10vw;
}
.herhalen A{
color:#333333;    
}
.herhalen A:hover{
color:#666666;    
}
.dagenpw {
    height:14px;
    width:29px;
    color:#666666;
    background:#eeeeee;
    border-right:1px solid #666666;
    font-size:10px;
    float:left;
    cursor:pointer;
    text-align:center;
    font-family:Arial;
    line-height:15px;
}
.dagenpwchecked {
    color:#ffffff;
    background:#2d3e50;
}

@media screen and (max-width: 1360px) {
.bbhdaguit,.bbhdag,.bbhdaghelemaaluit,.plandag,.plandaguit,.planniet {width:100px;}
}
@media screen and (max-width: 1200px) {
.bbhdaguit,.bbhdag,.bbhdaghelemaaluit,.plandag,.plandaguit,.planniet {width:90px;}
}
@media screen and (max-width: 1140px) {
.bbhdaguit,.bbhdag,.bbhdaghelemaaluit,.plandag,.plandaguit,.planniet {width:240px;}
}
@media screen and (max-width: 990px)
{
.bbhdaguit, .bbhdag, .bbhdaghelemaaluit, .plandag, .plandaguit, .planniet, .attribuut {width: 100vw;min-width:0px !important;}
}

.dagnaam {
    font-size:150%;
    min-height:80px;
    
}
.bbhdag:hover {
    background:#0c8b77;
    cursor:pointer;
}	
.plandag:hover {
    background:#3ebdad;
    cursor:pointer;
}	
.bbhdaguit:hover {
    cursor:pointer;
}	

.bbhdag INPUT,.plandag INPUT {
    width:24px;
    
}

.medewerkerregel TD {
	font-family:'Source Sans Pro',Verdana,Arial;
	padding:5px;
	font-size:16px;
	line-height:24px;
	margin:1px;
    background:#eeeeee;
	letter-spacing:1px;
    cursor:pointer;
	background:#77789E;
	color:white;
}	
	
.medewerkerregel .sdivc:hover {
    background:#999999 !important;
}	
.medewerkerregel TD  A {
    color:white;
    font-weight:bold;
    font-family:'Source Sans Pro',Arial;
}
.medewerkerregel TD  A:hover {
    color:#dddddd;
    font-weight:bold;
    font-family:'Source Sans Pro',Arial;
}
	
.actmedewerker TD.sdivc  {
	background:#076357 !important;
}

.medewerker_header_regel TD {
  background:#cccccc;
  color: white;
  padding: 5px;
  font-size: 24px;
  line-height: 30px;
  margin: 1px;
  font-family:'Source Sans Pro',Arial;
  letter-spacing:2px;
  }
	

.doebutrev {
	color:white !important;
	cursor:pointer !important;
	background:#2d3e50 !important;
	border:0px !important;
	}
.doebutrev:hover {
	background:white !important;
	cursor:pointer !important;
	color:#2d3e50 !important;
	border:0px !important;
}

.roosterbut,.doebut:hover {
	color:white !important;
	cursor:pointer !important;
	background:#77789E !important;
    font-size:18px !Important;
    font-weight:bold;
    letter-spacing:2px;
   border-radius:10px !important;
   z-index:2;
	border:2px solid white !important;
	}
.roosterbut:hover , .doebut {
	background:white !important;
	cursor:pointer !important;
	color:#77789E !important;
	border:2px solid white !important;
    font-size:18px !important;
    font-weight:bold;
    letter-spacing:2px;
   border-radius:10px !important;
   z-index:2;
}
.tinybut {
	background:#2d3e50 !important;
	cursor:pointer !important;
	color:white !important;
	border:0px !important;
    line-height:9px;
    border:1px solid #2d3e50 !important;
    font-size:12px !important;
	}
.tinybut:hover {
	color:#2d3e50 !important;
	cursor:pointer !important;
	background:white !important;
    border:1px solid #2d3e50 !important;
}



SELECT
{
font-family:'Source Sans Pro', Arial;
font-size:9pt;
color:#343333;
background-color: rgb(250,250,250); 
border:1px solid #cccccc;
}
TEXTAREA
{
font-family:'Source Sans Pro', Arial;
font-size:9pt;
color:#111111;
background-color: #ffffff; 
border:1px solid #cccccc;
}



::-webkit-input-placeholder { color:#bbbbbb;font-size:13px }
::-moz-placeholder { color:#bbbbbb;font-size:13px } /* firefox 19+ */
:-ms-input-placeholder { color:#bbbbbb;font-size:13px } /* ie */
input:-moz-placeholder {color:#bbbbbb;font-size:13px }


.menutable {
z-index:1;
background: rgba(255,255,255,1.0);
border-bottom: 1px solid #ffffff;
padding: 10px 0px 10px 110px;
text-align: right !important;
text-transform: uppercase !important;
letter-spacing: 1px;
font-weight: normal !important;
position: relative;
top:0px;
right:0px;
width: auto;


margin-bottom:0px !important;
}

.menuuit:hover {
color: #2d3e50;
}

.menuaan 
{
white-space: nowrap;
font-family:'Montserrat', sans-serif;
font-weight: normal;
padding-left:7px;
padding-right:7px;
color:#fff;
background-color:#2d3e50;
height:30px;
line-height:30px;
vertical-align:middle;
border-radius: 3px; 
padding-top: 9px;
margin-top: 0px !important; 
font-size: 15px; 
padding-bottom: 10px; 
line-height: 26px !important;
letter-spacing:3px;
}
.menuaancolor
{
background-color:#2d3e50;
color:#fff;
}

.menuuit 
{
white-space: nowrap;
font-family:'Montserrat', sans-serif;
font-weight:normal;
padding-left:7px;
padding-right:7px;
color:#444444;
background-color:transparent;
height:30px;
line-height:30px;
vertical-align:middle;
border-radius: 3px; 
padding-top: 9px;
margin-top: 0px !important; 
font-size: 15px; 
padding-bottom: 10px; 
line-height: 26px !important;
letter-spacing:3px;
}

.menumob
{
line-height:24px;
}


A
{
FONT-SIZE: 16px;
COLOR: #dddddd;
FONT-FAMILY: Raleway, Arial;
TEXT-DECORATION: none;
}

A:hover
{
color:#ffffff;
TEXT-DECORATION: none;
}

A.lightbg
{
FONT-SIZE: 16px;
COLOR: #666666;
FONT-FAMILY: Raleway, Arial;
TEXT-DECORATION: none;
}

A.lightbg:hover
{
color:#999999;
TEXT-DECORATION: none;
}





#topmenu {
position:fixed;   
width:100%;
left:0px;
top:0px;
z-index:10;
}

.topmenudiv {
background:#2d3e50;
color:#ffffff;
font-size:24px;
padding:5px;
cursor:pointer;
word-wrap: break-word;
}

.topmenudiv A {
color:#ffffff;
}

.snap-drawer-left {
background:#ffffff;
}

.topmenuitem {
background:#2d3e50;
color:#ffffff;
font-size:18px;
padding:16px;
cursor:pointer;
border-top:1px solid #ffffff;
font-family:sans-serif;
word-wrap: break-word;
}

.snap-drawer-right {
background:#ffffff;
}


.fixcontent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}





#topdiv {
position:fixed;
left:20px;
top:5px;
z-index:200;
background:#ffffff;
padding-right:16px;
font-size:16px;
font-family: 'Raleway', sans-serif;
color:#2d3e50;
}


.footer {
	border-top:1px solid #333333;
    padding: 30px;
    color: #333333;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    line-height: 23px;
    margin: auto;
    display: flex;
    justify-content: space-around;	
	font-weight:bold;
}






.details {

}

.weekacties A,.dagacties A {
    color:#eeeeee;
    font-family:'Source Sans Pro',Arial;
    font-weight:bold;
    font-size:14px !important;
}
.weekacties A:hover,.dagacties A:hover {
    opacity:0.7;
}

.scroll {
    overflow-y:auto;
}

.scroll::-webkit-scrollbar {
    width: 8px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background:white;
}

.opensluit {
    cursor:pointer;
    font-size:13px;
}

.opensluituit {
    opacity:0.6;
}
.tijdvakkenmdw .opensluituit {
    opacity:0.4;
}

.namen {
    cursor:pointer;
}
.toonnamenheader {
    border:6px solid #ffffff;
    font-size:14px;
    font-family:'Source Sans Pro',Verdana;
    padding:5px;
    background:#2d3e50;
    
}
.toonnamenregel {
    font-size:12px;
    font-family:'Source Sans Pro',Verdana;
    cursor:pointer;
    line-height:20px;
}
.toonnamenregel:hover {
    opacity:0.8;
}
.toonnamenregels {
    height:calc(100% - 84px);
    overflow-y:scroll;
    padding:6px;
    border:3px solid #ffffff;
    background:#2d3e50;
}
.vandaagalgepland {
    opacity:0.3;
}

.balkregelinhoudvanaf,.balkregelinhoudvanafmut {
    float:left;
    }

.balkregelinhoudtot,.balkregelinhoudtotmut {
    float:right;
    }


.balkregelinhoud,.balkregelinhoudmut {
    background:#bbbbbb;
    border:2px solid white;
    color:white;
    font-size:11px;
    font-family:'Source Sans Pro',Arial;
    display:inline-block;
    line-height:27px;
    padding-top:1px;
    border-radius:16px;
    padding-left:4px;
}
.balkregelinhoudmut {
    min-width:500px;
    padding-left:9px;
    padding-right:4px;
}
.copyb {
    cursor:pointer;
}
.regelgevuld {
    background:#076357 !important;
}
.tijdvakken {
    margin-top:7px;
    width:100%;
    border-spacing:0px;
    margin-bottom:20px;    
}

.vasttijdvakcel {
    cursor:pointer;
}
#vastetijdvakken {
    margin-top:50px;
    font-family:'Source Sans Pro',Arial;
    font-size:14px;
    margin-left:20px;
    margin-left:20px;
    
}
.gevuld {
    font-size:12px;
}
.laatstedag {
    border:2px solid;
}	
.incompleet {
    background:#aaaaaa;
}	
.alert {
    background:#ff0000;
    border-radius:7px;
    padding:0px;
    border:2px solid;
    font-size:12px;
    display:inline-block;
    line-height:18px;
    min-width:40px;
    text-align:center;

    }	
.alert2 {
    background:orange;
    border-radius:7px;
    padding:0px;
    border:2px solid;
    font-size:12px;
    display:inline-block;
    line-height:18px;
    min-width:40px;
    text-align:center;
}
.alert3 {
    background:#ff0f83;
    border-radius:7px;
    padding:0px;
    border:2px solid;
    font-size:12px;
    display:inline-block;
    line-height:18px;
    min-width:40px;
    text-align:center;
    
}
.mwgevuld.icon-user:before,.mwgevuld.icon-clock:before,.mwleeg.icon-clock:before,.mwmeer.icon-clock:before {
    margin-left:0px;
    margin-right:0px;
}
	
.mwleeg.icon-user:before {
    margin-left:0px;
    margin-right:0px;
    font-size:14px;
    color: #cccccc;
   -webkit-text-fill-color: #aaaaaa; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #ffffff;
}
.mwleeg.icon-clock:before {
    opacity:0.5;
    
}
.mwmeer.icon-clock:before {
    color:#ff0000;
}
.nwfunct {
    line-height:24px;
}	
.tijdendiv {
    min-height:75px;
}
.aandachttip {
    color:#eeeeee;
    font-family:'Source Sans Pro',Arial;
    font-weight:bold;
    font-size:14px !important;
    cursor:pointer;
}
.bijztoel {
    font-family:'Source Sans Pro',Arial;
    font-weight:normal;
    line-height:18px;
    font-size:13px !important;
    margin-bottom:10px;
    color:#eeeeee;
    
}
.bijzmedew A,.bijzfunctie {
    font-family:'Source Sans Pro',Arial;
    color:#eeeeee;
    font-size:14px;
    
}
.vervangbut {
    cursor:pointer;
    font-size:11px;
    white-space:nowrap;
}
.naamvervanger {
    font-style:italic;
    text-align:right;
    
}
.kleurkeuze {
    padding:9px 0px 9px 0px !important;
    border:0px !important;
}
.bbhinfo,.communicatieinfo {
    color:#eeeeee;
    font-family:'Source Sans Pro',Arial;
    font-weight:normal;
    font-size:13px !important;
    line-height:18px;
}
.vervangstijl {
    text-decoration:line-through;
}
.dagtags {
    font-size:12px;
    letter-spacing:1px;
    border:1px solid;
    display:block;
    line-height:18px;
    margin:5px 0px;
    font-family:'Source Sans Pro',sans-serif;
    background:#2d3e50;
	color:#ffffff;
}
.medewerkertabel,.functietabel {
    border-spacing: 0;
    border-collapse: collapse;
    max-width:270px;
    margin-bottom:12px;
}

.medewerkertabel TD,.functietabel TD {
    font-size:10px;
    font-family:'Source Sans Pro',Arial;
    line-height:12px;
    border:1px solid;
    color:#eeeeee;
    font-weight:normal;
    min-width:36px;
    text-align:center;
    
    width:270px;
    
}

.tabtoelichting {
    text-align:left !important;
    font-size:11px !important;
    padding:6px !important;
    padding-left:20px !important;
}
.tabstatus {
    font-weight:bold !important;
}
.tabnietactueel {
    background:#cccccc !important;
}
.nietrecent {
    background:#cccccc !important;
}
i.kanbbh {
    opacity:0.7;
}
.functiecl {
    font-weight:bold;
    border:1px solid;
    opacity:0.5;
    padding:4px;
    font-family:'Source Sans Pro',sans-serif;
    word-wrap:break-word;

    
}
.functieclchecked {
    opacity:1.0;
}
.functiekeuze {
    max-width:180px;
}
.functieplaats {
font-size:16px;
border-top:1px solid;
border-bottom:1px solid;
letter-spacing:3px;
padding:5px;
margin:7px 0px 3px 0px;
}
.dagopm {
    font-size:13px;
    border:1px solid;
    padding:5px;
    margin:5px 0px;
    display:inline-block;
}
.helpdiv {
	position: absolute;
	background: #ff0f83;
	border: 3px solid #ffffff;
    color:#ffffff;
    font-family:Source Sans Pro, sans-serif;
    font-size:14px;
    letter-spacing:0px;
    padding:15px;
    width:200px;
    border-radius:8px;
    display:none;
    margin:2px;
    font-weight:bold;
}
.helpdiv:after, .helpdiv:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

.helpdiv:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.helpdiv:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}
.helpvraaga {    
    color: white;
    font-weight: bold;
    font-size: 26px;
    font-family: Verdana;
}
#helpvraag {    
    padding: 3px 18px 7px 18px;
    background: #ff0f83;
    color: white;
    border: 3px solid;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    font-size: 26px;
    font-family: Verdana;
}
.helpsluit {
    position:absolute;
    top:5px;
    right:5px;
    cursor:pointer;
    font-weight:bold;
    font-family:Arial;
}
.toektitel {
margin-bottom:7px;
font-weight:bold;
font-family:'Source Sans Pro',Arial;
letter-spacing:2px;
font-size:20px;
line-height:26px;
    
    
}
.verbergtip {
    cursor:pointer;
    color:#eeeeee;
}
.ingepland {
background:#888888 !important;
cursor:default !important;
color:#ffffff !important;
}

.magniet {
    opacity:0.6;
    cursor:default !important;
}
.dagkosten {
border:1px solid;
border-radius:5px;
padding:3px;
margin-top:15px;
}
.weekkosten {
border:1px solid;
border-radius:5px;
padding:3px;
margin-top:15px;
font-size:15px;
font-family: 'Source Sans Pro',Arial;
font-weight:bold;
width:240px;
text-align:center;
}
.doclink {
    font-family:'Source Sans Pro';
    font-size:18px;
    color:white;
}
.boek:before {
    content: "\f02d" !important;
    font-family:FontAwesome;
}
.medewerkerclose {
position: absolute;
    top: -15px;
    right: -28px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    
    }
.medewerkerclose:before {
font-family:FontAwesome;
content: "\f057";
color:#ffffff;
font-size:30px;
}
.ktabelmain {
    flex-wrap: wrap;
    justify-content: space-around;
    display: flex;
    margin-bottom:20px;

    }
.ttabel {
    float:left;
    width: 60px;
    height: auto;
    flex-grow: 1;
    padding: 1px;
    font-size: 12px;
    line-height: 16px;
    border:1px solid;
    text-align:right;
}
.tabdagdeel {
}
.tabbedrag {
}
.tabhead {
border-top:2px solid;
border-bottom:2px solid;
margin:auto;
padding:2px;
margin-bottom:2px;

}
.tabafd {
margin:auto;
padding:2px;
margin-bottom:2px;
}
.targettabmw {
margin-top:30px;
border-top:1px solid;
font-size:15px;
font-family:'Source Sans Pro';

}
.legecel {
border:0px !important;
width:5px !important;
}
.legerij {
height:10px;
}




.cijfertab {
font-family:'Source Sans Pro';
font-size:12px;
width:auto;
}
.cijfertab TD {
border:1px solid;
text-align:right;
padding:3px;
margin:0px;
width:55px;
}
.titelcel {
width:80px !important;
height:50px;
}
.totaalkol {
width:80px !important;
}
.showafd {
text-align:right;
}
.cijfertitel {
font-size:16px;
font-family:'Source Sans Pro';
}
.dagdeelkop {
font-size:12px;
font-family:'Source Sans Pro';
}
.cijfersclose {
    position: fixed;
    top: 40px;
    right: 15px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.cijfersclose:before {
    font-family: FontAwesome;
    content: "\f057";
    color: #ffffff;
    font-size: 30px;
    }
#cijferknop {
font-size:40px;
border:4px solid;
border-radius:50px;
background:#2d3e50;
cursor:pointer;
color:white;
position:fixed;
top:90px;
right:50px;
padding:16px;    
    }
#cijfers {
background:#77789E;
position:fixed;
z-index:1;
top:60px;
right:40px;
width:800px;
max-width:90vw;
height:calc(100% - 90px);
padding:0px;
display:none;
border:3px solid;
border-radius:5px;
color:white;
padding:7px;
overflow-y: scroll;
overflow-x: hidden;

}
#berekendecijfers {
background:#2d3e50;
padding:5px;
overflow:auto;
}
#divomzetschatting {
float:left;
}
#divberekendeomzettarget {
float:right;
margin-bottom:10px;
}
.cijferinfo {
margin:auto;
margin-top:15px;
width:100%;
max-width:160px;
border-collapse:collapse;
}
.cijferinfo TD {
border:2px solid;
padding:1px;
font-size:14px;
width:33%;
}