body {
    font-family:'Comic Sans MS';
}

/*kleuren voor hoofdset*/
.headerbox
{
background-color: #fff;
}

.contentbox
{
}
.footerbox
{
background-color: #ccc;
overflow:hidden;
}
.contentboxleft
{
background-color:#dadada
}
.contentboxright
{
background-color: #fff;
}

body.framed .footerbox
{
background-color: #ccc;
}
body.framed .contentboxleft
{
background-color: #b6b6b6;
visibility:hidden;
}
body.framed .contentboxright
{
background-color: #fff;
}


#dynamicdiv, DynamicDiv, #smalldynamicdiv, SmallDynamicDiv, #waitDiv, WaitDiv  {
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
}

#displayframediv, #displaysmallframediv, #displaywaitframediv {
    BACKGROUND-IMAGE: url(img/fadeBG.png);
    /*Z-INDEX: -1;*/
    POSITION: absolute;
    TEXT-ALIGN: center;
    WIDTH: 100%;
    HEIGHT: 100%;
    TOP: 0px;
    LEFT: 0px;
    bottom:0px;
    right:0px;
    overflow:hidden;
}

#displaywaitframediv {
    opacity:0.4;
}


#displayframetable
{   border:0;
    border-width:5px; 
    border-style:solid; 
    border-color:#dadada ;
    background-color:#fff; 
    margin:0 auto; 
    position:relative; 
}

#displayframetable td {
    border-color:#dadada
    }


.displayframetablesmall
{   height:50%; 
    width:60%; 
    top:15%;

   border:0;
    border-width:5px; 
    border-style:solid; 
    border-color:#dadada ;
    background-color:#fff; 
    margin:0 auto; 
    position:relative; 


 }

.displayframetablesmallest
{   /*
    min-height:25%; 
    min-width:25%; 
    */
    top:30%;
    border:0;
    border-width:5px; 
    border-style:solid; 
    border-color:#dadada ;
    background-color:#fff; 
    margin:0 auto; 
    position:relative; 
 }

.displayframetablesmallest table {
    height:auto !important;
    width :auto !important
    }

.showmessage .textinput {
    border:none !important    
    }

.displayframetablebig
{   height:90%; 
    width:96%; 
    top:5%;
 }

.displayframetablefull {
    height: 100%;
    width: 100%;
    top: 0%;
}


.displayramesizesmallest
{   height:300px; 
    width:800px; 
    top:5%;
    overflow:hidden 
 }

.displaywaitframetable
{   height:100%; 
    width:100%; 
    top:0%;
 }

iframe {
    border:0px;
}

#informationframediv {
/*    BACKGROUND-IMAGE: url(../styles/img/fadeBG.png);*/
    background-color: lightgray ;
    Z-INDEX: 40000;
    POSITION: absolute;
    TEXT-ALIGN: center;
    WIDTH: 48%;
    HEIGHT: 50%;
    TOP: 10%;
    LEFT: 50%;
    overflow:auto
}

#informationframediv > a {
    width: 28px; 
    height: 28px; 
    float: right; 
    display: block; 
    background-image: url("../styles/img/navigation_absent.gif"); 
    background-repeat: no-repeat;
    background-position-x:100%;
    background-color:lightgray 
    }


#informationframe {
    width: 98%;
    height: 90%;
    top: 1%;
    position: relative;
}

.showdoc #displayframediv {
    z-index:0 !important;
}

/*kleuren voor hoofdset*/


.leftpanelbutton {
    width:100%;
    border-collapse:collapse 
}
.leftpanelindication 
{
    width:4px;
}
.leftpanelselected
{
    background-color:#FF8000;
}

.leftpanellink 
{
    vertical-align:top 
}

.leftpanelbutton tr:hover {
    background-color:#FF8000
}

 

.resp .leftpanellink:hover, .all .leftpanellink:hover, .instruct .leftpanellink:hover, .general .leftpanellink:hover, .leftpanel5 .leftpanellink:hover, .leftpanel6 .leftpanellink:hover, .leftpanel7 .leftpanellink:hover {
    background-color:#dadada
}

.leftpanelindication:hover {
    background-color: #FF8000;
}

.leftpanellink 
{
    vertical-align:top 
}

.leftpanellink a
{
    display:block
}

.main_header  
{
}

.navigation_header	 
{
height:34px; 
background: url('img/navigation_background.gif') 0px 0% repeat-x; 
overflow: hidden; 
margin:0px 90px 0px auto;
width:100%; 
}

.navigation_header_button  
{
display:inline-block ;
border:1px solid transparent;  
width:35px; 
height:24px; 
margin-left:1px;
margin-right : 15px;
background-repeat:no-repeat ;
overflow:hidden;
/*white-space:nowrap ;*/
}

.navigation_header_1button  
{
margin-left:250px; 
margin-right:15px;
display:inline-block ;
border:1px solid transparent;  
width:35px; 
height:24px; 
margin-left:1px;
margin-right : 15px;
background-repeat:no-repeat ;
overflow:hidden;
/*white-space:nowrap ;*/
}

.navigation_header_button:hover  
{
background-color:#97B4DE; 
border:1px solid #596980; 
}

.navigation_header_1button:hover  
{
background-color:#97B4DE; 
border:1px solid #596980; }

/*
.resp, .instruct, .all, .general, .leftpanel5, .leftpanel6, .leftpanel7 {
    border:1px solid transparent;  
    background-color:#dadada;
    padding-top:10px;
    padding-bottom:10px;
}

.resp:hover, .instruct:hover, .all:hover, .general:hover, .leftpanel5:hover, .leftpanel6:hover, .leftpanel7:hover {
        border: 1px solid #596980;
    }
*/

a { color:#000; text-decoration:none; }
a:hover { color:#555; }
.general_button { /*white-space:nowrap ;*/ overflow:hidden;text-decoration:none; color:#99b6de; font-weight:700; border:0; cursor:pointer }	/*general setting: in this layout, show text and image in case of a button*/
.general_button:hover { color:#555990; }


.textinput {  /* border:1px solid #000; */ /* padding-left:3px; */}
.textinput:focus-visible {
    outline: none;
}
.wronginput { background:#e4aeae url('img/inputfield_fadedarkred.gif') 0px 0px repeat-y !important}

.evenrow { background:#e0eafa; vertical-align: top;font-style:italic }
.oddrow { background:#f0f5ff;vertical-align: top; font-style:italic }
.evenrow2 { background:#e0eafa; vertical-align: top;font-style:italic }
.oddrow2 {  background:#f0f5ff; vertical-align: top;font-style:italic }


/*JavaContentTables */
.contentjavatable {width:100%;border:0 solid white; border-collapse: collapse;margin-bottom:0px; padding-left:5px; padding-right:5px  }
.contentjavatablewithmargin {margin-bottom:15px;} 
.mastercontentright > .contentjavatable {margin-bottom:10px  }
.contentboxright > .contentjavatable {margin-bottom:10px  }

.contentjavatable .contentjavatable {margin-top:2px; margin-left:5px; border-collapse:collapse}
.tableheader {text-align:left; background:#9cb8de url('img/table_header.gif')  repeat-x; padding: 0px 0px; /*font-weight:bold;*/ }
.tableheader th { border-bottom:2px white solid; border-top:2px white solid }
.contentjavatable .H0 .tableheader, .rowaftercontent .H0 {border-bottom:0px solid #000;text-align:left; color:black; background:#bbb url(' ') repeat-x}
.contentjavatable .H1 .tableheader, .rowaftercontent .H1 {border-bottom:0px solid #000;text-align:left; color:black; background:#dadada url(' ') repeat-x; }
.contentjavatable .H2 .tableheader, .rowaftercontent .H2 {border-bottom:0px solid #000;text-align:left; color:black; background:#dadada url(' ') repeat-x; }
.contentjavatable .H3 .tableheader, .rowaftercontent .H3 {border-bottom:0px solid #000;text-align:left; color:black; background:#dadada url(' ') repeat-x; }
.contentjavatable .H4 .tableheader, .rowaftercontent .H4 {border-bottom:0px solid #000;text-align:left; color:black; background:#dadada url(' ') repeat-x; }
.contentjavatable .H5 .tableheader, .rowaftercontent .H5 {border-bottom:0px solid #000;text-align:left; color:black; background:#dadada url(' ') repeat-x; }

.contentjavatable .tableheader .tablename {font-size: 1em;color: #000000;}

.contentjavatable .tableheader span {font-size:1.2em;font-weight:bold}
.contentjavatable .H0 .tableheader span {font-size:1.1em;font-weight:bold}
.contentjavatable .H1 .tableheader span {font-size:1.1em;font-weight:bold}
.contentjavatable .H2 .tableheader span {font-size:1.1em;font-weight:bold}
.contentjavatable .H3 .tableheader span {font-size:1.1em;font-weight:bold}
.contentjavatable .H4 .tableheader span {font-size:1.1em;font-weight:bold}
.contentjavatable .H5 .tableheader span {font-size:1.1em;font-weight:bold}

.contentjavatable .H0 .contentcell {padding-left:7px; padding-bottom:5px; border:solid 1px #bababa; border-top:0px;}
.tableheadertitle {text-align:left; background:#9cb8de url('img/table_header.gif')  repeat-x; padding: 0px 0px; font-weight:bold; border-top:2px red solid }
.tablesubheader, .level1
 { border-bottom:1px solid #FFF;text-align:left; background:#dadada url(' ') 0% -15px repeat-x; padding:2px 10px; }


.emptycell {margin-bottom:10px; background-color:transparent;padding-left:20px;}
.emptycell td {min-height:50px; display:block}
.emptycell td P {min-height:12px; display:block}

.contentjavatablelist .tableheader {
    background-color: red;
}
.contentjavatablelist .tableheader a, .contentjavatablelist .tableheader span {
    display:block;text-align:left
}

.contentjavatablelist .oddrow td {}
.contentjavatablelist .evenrow td {}
.contentjavatablelist .evenrow2 td{height:30px}
.contentjavatablelist .oddrow2 td{height:30px}
.contentjavatablelist .evenrow2 .button_go {background: #99b6de ; color:#f0f5ff  ; height:20px; border:#99b6de 1px solid; margin:5px 5px 5px 5px;padding-right:20px} 
.contentjavatablelist .oddrow2 .button_go {background:#99b6de ;color:#f0f5ff ; height:20px; border: #99b6de 1px solid; margin:5px 5px 5px 5px;padding-right:20px} 
.contentjavatablelist .evenrow2 .button_go:hover {background-color:#f0f5ff;color:#99b6de}
.contentjavatablelist .oddrow2 .button_go:hover {background-color:#e0eafa;color:#99b6de}
.contentjavatable .contentcell { padding-left:0px; border-left:0px }

.contentcellbox {
    background: #e0eafa;
    line-height:50px
}

.titlerow 
{border-bottom:0px solid #000;text-align:left; color:black; background:#bbb url(' ') repeat-x}
/*{text-align:left; background:#9cb8de url('img/table_header.gif')  repeat-x; padding: 0px 0px; font-weight:bold; }*/

.titlerow:first-child {
        border-top: 5px transparent solid;
    }


.panelleft {
    width:100%
}

.pageheading {font-size:1.5em;display:block ; font-weight:bold; font-style:italic;border-bottom:2px solid
}

.pageexplanation {font-size:1.3em; font-style:italic; display:block; margin-bottom:10px
}

h3 span {
font-size:large 
}
/*
.contentjavatableseparator {}
.contenttableseparator {}
.contentjavatablelist {padding:0px; table-layout:fixed;border:0}  
.contentjavatablelist H4 {margin-top:0px; margin-bottom:0px;  font-size:1em; font-weight:normal  }  




.contentjavatablelist .tableheader th {}
.contentjavatablelist .tableheader td {}
.contentjavatablelist .contentjavatablelist .tableheader th {}
.contentjavatable .tableheader .tablename .button_plus { border : 1px solid white;border-right:1px solid black;border-bottom:1px solid black; background:url('img/plus.gif') 0% 50% no-repeat;height:15px;width:20px }
.contentjavatable .tableheader .tablename .button_min { border : 1px solid white;border-right:1px solid black;border-bottom:1px solid black; background:url('img/min.gif') 0% 50% no-repeat;height:15px;width:20px }
*/

.button_go { background: url('img/main_go.gif')  0% 50% no-repeat} /*pijltjes voor de tekst*/
.button_go_after {  padding-right:20px; background:url('img/main_go.gif')   100% 50% no-repeat;/*white-space:pre*/} /*pijltjes achter de tekst*/
.button_go_back { background:url('img/main_go_back.gif') 0% 50% no-repeat; }
.button_nobutton {  background:url(' ')  0% 00% no-repeat;/*white-space:pre*/}
.button_info {width:12px; height:19px;background:url('img/info.gif') no-repeat;/*white-space:pre*/}


.button_selected
{	/*width : 100%;*/
height:12px;
padding-left: 20px;
background: url(img/selected.gif) no-repeat 0% 0%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
cursor:pointer;
}

.button_unselected { /*width : 100%;*/ padding-left:20px;
height:12px;
background: url(img/unselectable.gif) no-repeat 0% 0%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
cursor:not-allowed !important;
}

.button_toselect {	/*width : 100%;*/
height:12px;
padding-left: 20px;
background: url(img/toselect.gif) no-repeat 0% 2px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
cursor:pointer;
}

.button_noselection {	/*width : 100%;*/
height:12px;
padding-left: 20px;
background: url(img/noselection.gif) no-repeat 0% 0%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
cursor:not-allowed !important;
}


.button_errorselection{	width : 100%;
padding-left: 20px;
background: url(img/error_selection.gif) no-repeat 0% 0%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
cursor:not-allowed !important;
}

.button_plus {width : 100%;
padding-left: 20px;
background: url(img/plus.gif) no-repeat 0% 50%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}
.button_min {width : 100%;
padding-left: 20px;
background: url(img/min.gif) no-repeat 0% 50%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}

.button_none {width : 100%;
padding-left: 20px;
background: url('') no-repeat 0% 50%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}

.alfabet
{
border-right: gray 1px solid;
border-top: gray 1px solid;
border-left: gray 1px solid;
border-bottom: gray 1px solid;
background-color: transparent;
width: 99%;
margin:0px;
margin-bottom:5px;
padding : 0px;
	
}


/*calendar*/
.calendarrow {text-align:center;}
.calendarnavigator {/*POSITION: relative;top:-26px;*/ margin:auto ;width:600px}
.calendarheader 
{	background:#9cb8de url('img/table_header.gif') 0% -15px repeat-x; padding:2px 10px; 
border-bottom:1px solid #000;
text-align:left; 
font-weight:bold; 
font-style:italic ;
}
.canapp tr {vertical-align:top}
.canapp td {padding-top:3px}
.canapp td td {padding-top:0px}


.calendardata 
{	text-align:left; 
vertical-align:top ;
background-color : #e0eafa;
height:75px
}

.calendarheading {
font-weight:bold; 
font-style:italic;
font-size:15px !important;
}


.noshow
{
	
	background:#dadada url(' ') 0% -15px repeat-x
}
.show
{
		
}

#cursus
{
	border-bottom:1px solid #000;
 	width : 100%;

}

#cursus a
{background-color:transparent ;
width:100%;
}

#cursus a:hover 
{
background-color:#9cb8de;
width:100%;
}

#cursus .button_go:hover {  /*padding-left:20px;*/ background-color:transparent ; background :url('img/main_go.gif')  0% 50% no-repeat;/*white-space:pre*/} /*pijltjes voor de tekst*/

.holiday 
{
background-color:#FF9966;
color:#666666;
font-style: italic;
font-weight:bold ;
text-align:center ;
width:100%;
}

.peoplecontainer
{
height:80%;
clear:both ;
width:100%;
margin-top:5px;
}

.WaitlistToMasteryFor1 .peoplecontainer
{
    display:none ;
}

.WaitlistToMasteryFor1 h3
{
    margin-bottom :25px ;
}

.manageuserdetaildiv input {
    margin-bottom : 10px;
    min-width:30%
}

.koloms {
    width: 46%;
    height: 100%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
}


.scrolllinks
{
background-color:#f0f5ff;
height:80%;
overflow:auto;
border:#0000cc 1px solid;
padding-left:5px;
padding-top:5px;
}

.scrollrechts
{
background-color:#f0f5ff;
height:80%;
overflow:auto;
border:#0000cc 1px solid;
padding-left:5px;
padding-top:5px;
}

.scrolllinks span {
height : 15px;
/*line-height:normal;*/
}

.scrolllinks .header {
    background-color: lightgray 

}

.scrollrechtsonder
{
background-color:#f0f5ff;
height:10%;
overflow:auto;
border:#0000cc 1px solid;
margin-top:1%;
margin-bottom:1%;
}

.selectwarning
{
color : red;
font-weight:bold;
border:#0000cc 1px solid;
display:block;
height:10%;
position:relative ;
bottom:0%;
margin-top : 5px;
}


#lblRechts {
    color: red;
    font-weight: bold;
    border: #0000cc 1px solid;
    display: block;
    position: relative;
    bottom: 0%;
    margin-bottom: 10px;
    padding: 10PX
}


.details {
    background-color: white;
    clear: both;
    /*margin-left: 1%;
    width: 94%;*/
    border: 1px solid #00C;
}

.details span {
width : 150px;
display:inline-block;
/*padding-left: 7px;*/
}

.details .spanwide,
.duplicateclass .spanwide {
    width: 300px;
    margin: 0px 0px 15px 0px;
}

.details p {
margin-bottom: 2px;
margin-top: 3px;

}

.namelabel {
 /*   font-size:1.1em*/
}
.messageerror { color:red;font-weight:bold; }
.messagebody
{
border: 1px solid #ddd;
background: #f7f7f7 url('img/inputfield_faux_fadegrey.gif') 0px 0px repeat-y;
height: 50%;
display: block;
padding: 2px 5px;
text-align: left;
}



#logon_information { font-size:10px; color:#555990; text-align:left; width:600px; margin: 0px auto; }
#logon_information span { display:block; /*white-space:nowrap ;*/ }

.canapp .sitebygivi {
font-size:x-small;color:#bbb
}
.canapp .sitebygivi  a {
font-size:x-small;color:#bbb; margin-left:0px
}

.framed .canapp .sitebygivi {
 display:none
}


/*aanpassingen*/


table {
font-size:12px;
}

/*if fixes*/
/*
.ie10 .navigation_header_language:hover {
    background-color:#97B4DE!important; 
    border:1px solid #596980; 
}
*/



.competenceprogressbar {
    width:95%;
    display:block;
    top:+5px;
    position:relative ;
    height:17px;
    float:left;
    background-color:red
}

.full {
    background-color:green
}

.competenceprogressbarcel {
    display:block;
    float:left;
    height:17px;
    color:silver ;
    font-weight:bold;
    text-align:center ;
    background-image:url('img/WhiteLine.png') ;
    background-position-x:left;
    background-repeat:no-repeat;
}

.obtainedlevel {
    background-color:green
}
.notobtainedlevel {
    background-color:red
}



.contentfiller {
/*
    height:150px;
*/
}








.testbox {
    background-color : yellow;
    border-bottom : 1px blue solid;
    display:block;
    overflow: auto;
    
}

.testbox div {
    margin:5px;
    background-color:green;
    float:left;
    width:30%
}

.fill {
    height:150px;
    display:block
}

.clear {
    margin:5px;
    background-color:brown ;
    float:initial ;
    width:30%;
    overflow:hidden;    
    clear:both;
    display:block;
}

.fileuploaddiv {
    padding:10px;
    border: 1px solid gray;
    display:block;
    margin-bottom: 10px
 }


.fileuploaddiv .textinput {
    margin-bottom:30px;

}


.filterblock {
    border:1px gray solid;
   padding:5px;
   font-style:italic ;
   font-weight:bold;
   margin-bottom:10px;
   background-color : #FFF;}

.btndeleteinput {
    width:18px !important;
    height:18px;
    background-image:url("img/intake_not.gif");
    background-position: 1px -1px;
    background-repeat:no-repeat ;
    margin-left:0px !important;
    border:1px solid #fff;
    position:relative;
    top:-1px;
    background-color:#fff;
    cursor:pointer;
}

.ui-datepicker-trigger {
    width:18px;
    height:18px;
    background-image:url("img/calendarButton.png");
    background-position: 3px 1px;
    background-repeat:no-repeat ;
    margin-left:5px;
    /*border:1px solid gray;*/
    padding: 1px 5px 0px 5px;
    cursor:pointer;
    position:relative;
    /*top:+7px;*/
}
.selectionskillgroup {
    font-size:0.8em;
    line-height : 14px;
}
.selectionskill {
    font-size:0.8em;
    font-style:italic;
    line-height : 14px;
}

.nieuw {
    background: #0075ba url('');
    color: #ffffcc;
    z-index: 1;
    height: auto;
    font-weight: bold;
    vertical-align: middle;
}


.vertical_header {
   background: #E8EEEE url(' ') 0% -15px repeat-x;
    color:#666666;
    height:25px;
    font-weight:bold;
}

.updatebuttonnew {/*Z-INDEX: 999; LEFT: 60px; POSITION: absolute; TOP: 8px*/}
.updatelinknew {POSITION: absolute;/*Z-INDEX: 999; LEFT: 200px;  TOP: 15px*/}


.tiplink{
  /*color:#ff3333;*/
  cursor:pointer;
  position:relative;
    display:inline-block;
    width:25px;
    height:12px;
    background-image:url("img/Info.png");
    background-position: 50% 50%;
    background-repeat:no-repeat 
}
.noinfobutton{
  /*color:#ff3333;*/
  cursor:auto;
  position:relative;
    display:initial ;
    width:initial;
    height:initial;
    background-image:url("");
    width:auto;
}


.tip{
  position:absolute;
  display:none !important;
  top:20px;
  left:20px;
  background-color:#FFF;
  border:1px solid gray;
  width:500px;
  /*color:black;*/
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
  text-align:center;
  padding:10px;
  padding-left:20px;
  text-align:left;
  z-index:1;
}

.tiphtml {
    position: fixed;
    display: none !important;
    top: 100px;
    left: 100px;
    right: 100px;
    /*bottom:100px;*/
    border: 1px solid gray;
    /*color:black;*/
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    /*text-align:center;*/
    padding: 10px;
    padding-left: 20px;
    text-align: left;
    z-index: 1000;
    margin: auto;
    min-height: 600px;
}
.tiplink:hover .tip {
    display: block !important ;
}

.tiplink:hover .tiphtml {
    display: block !important ;
}

.selectpeople2 .filterpanel,
.selectskills2 .filterpanel,
.selectfunctions2 .filterpanel,
.waitlisttomastery .filterpanel

{
    
    border: rgb(44, 140, 252) 1px solid;
    margin: 0px;
    margin-top: 5px;
    padding: 5px 10px 0px 10px;
}

.selectpeople2 .filterpanel table,
.selectskills2 .filterpanel table,
.selectfunctions2 .filterpanel table,
.waitlisttomastery .filterpanel table
 {
    width:100%
}



.selectpeople2 .filterpanel td label,
.selectskills2 .filterpanel td label,
.selectfunctions2 .filterpanel td label,
.waitlisttomastery .filterpanel td label
 {
    margin-left: 5px;
    margin-right: 10px;
    top: -2.5px;
    position: relative;
}



.selectpeople2 .textinput 
.selectskills2 .textinput,
.selectfunctions2 .textinput,
.waitlisttomastery .textinput
{ width:99%!important}

.selectpeople2 .filterfooter,.selectpeople2 .resetfilter, 
.selectskills2 .filterfooter,selectskills2 .resetfilter,
.selectfunctions2 .filterfooter,selectfunctions2 .resetfilter,
.waitlisttomastery .filterfooter,waitlisttomastery .resetfilter

{
    border-bottom : 0px ;
    margin-top: 0px;
} 


.filterpanel
{
    /*float: left;
    width: 20%;*/
    border: outset 1px;
    margin: 5px;
    margin-top: 20px;
    padding: 10px;
}

.filterheader
{
    display: block;
    background: gainsboro;
    line-height: 20px;
    margin-bottom: 7px;
    margin-top: 7px;
}

.filterpanel div:nth-child(1) .filterheader {
    margin-top: 0px;
    
}

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

.filterdatav3 {
    display:block;
    margin-right:5px;
}

.filterdatav3 div {
    display: block;
    margin-top: 4px;
}

.selectpeople3 .filterpanel,
.selectskills3 .filterpanel,
.functionsforperson .filterpanel,
.selectfunctions3 .filterpanel,
.selectinstructors3 .filterpanel {
    margin: 5px 0px 0px 0px;
    padding: 5px 5px 0px 5px;
}

.selectpeople3 .filterdata .button_go,
.selectskills3 .filterdata .button_go,
.functionsforperson .filterdata .button_go,
.selectfunctions3 .filterdata .button_go,
.selectinstructors3 .filterdata .button_go {
    margin-left: -2px;
    font-size: 0.8em
}

    .selectpeople3 .filterdata .button_go:nth-child(1),
    .selectskills3 .filterdata .button_go:nth-child(1),
    .functionsforperson .filterdata .button_go:nth-child(1),
    .selectfunctions3 .filterdata .button_go:nth-child(1),
    .selectinstructors3 .filterdata .button_go:nth-child(1) {
        margin-left: 2px;
    }


    .selectpeople3 .filterdata .button_go:hover,
    .selectskills3 .filterdata .button_go:hover,
    .functionsforperson .filterdata .button_go:hover,
    .selectfunctions3 .filterdata .button_go:hover,
    .selectinstructors3 .filterdata .button_go:hover {
        /*margin-left: -2px;*/
    }

.selectpeople3 .filterfooter,
.selectskills3 .filterfooter,
.functionsforperson .filterfooter,
.selectfunctions3 .filterfooter,
.selectinstructors3 .filterfooter,
.selectpeople3 .resetfilter,
.selectskills3 .resetfilter,
.functionsforperson .resetfilter,
.selectfunctions3 .resetfilter,
.selectinstructors3 .resetfilter {
    margin-top: 5px;
    line-height: 5px;
} 

.filterfooter, .resetfilter {
    display: block;
    /*
    background: gainsboro;
    margin-bottom: 7px;
    */
    margin-top: 10px;
    line-height: 20px;
    border-bottom : gainsboro 2px solid;
} 

.columnleft {
    float: left;
    width: 299px;
    overflow: auto;
    display: block;
    height: 100%;
}

.columnright
{
    display: block;
    height: 100%;
    overflow: auto;
    padding-left:5px;
}

.filtersearchbox
{
    border: outset 1px;
    padding: 5px 0px 15px 10px;
    min-height : 75px;
    display:block;
    float:none;
    margin-bottom:15px;
}

.columnleft .filtersearchbox
{
    margin: 5px;
    margin-top: 20px;
}

.filtersearchbox .left
{
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	margin-right: 20px;
}

.filtersearchbox .right
{
	display: block;
	height: 100%;
}

.filtersearchbox .textinput
{
    margin-bottom:10px;
}

.inputdate:focus-visible {
    outline:none 
}

.filterdata .inputdate {
    float: right;
}

.columnright > div:nth-of-type(1) {
    margin-top:20px;
}

.columnright > div {
    margin-bottom: 75px
}



.actionrow {
    height: 40px;
    vertical-align: middle !important;
}

.eformaccesscontrol .tableheader 
{
    padding-left : 7px;
}

.eformaccesscontrol span
{
    margin-left : 7px;
}

.eformaccesscontrol .contentjavatable{
    margin-top : 0px;
}


.privacy .textinput {
    min-height:50%
}


.addressees {
    display: block;
    width: 30%;
    float: left;
    margin-bottom: 10px;
}

.addressees input,.copies input  {
     margin-left : 20px;
     margin-top:2px;
    }

.addressees label ,.copies label  {
     padding-left : 5px;
    }



.copies {
    display: block ;
    float:left;
    width:70%;
    padding-bottom: 20px;

}

.flaggedcheckbox, 
.scoreparticipantradiobutton,
.participantscored, 
.markpresence,
.markedabsent,
.markedpresent,
.markformasterycheckbox {
    display: block;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-decoration: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-height: 20px;
    min-width: 5em;
    float: left;
}

.selectpeople3 .flaggedcheckbox,
.selectfunctions3 .flaggedcheckbox,
.functionsforperson .flaggedcheckbox,
.selectskills3 .flaggedcheckbox,
.selectinstructors3 .flaggedcheckbox {
    min-height: 15px;
    min-width: 0em;
}


.flaggedcheckbox,
.markformasterycheckbox {
    float: none;
}

.flaggedcheckbox, 
.markformasterycheckbox {
    display: block;
    width: 100%;
}

.eformaccesscontrol .flaggedcheckbox {
    width: auto;
}

.eformaccesscontrol .aspNetDisabled label {
    left: 3px;
}

.eformaccesscontrol .aspNetDisabled > input:checked + label {
    background: url("img/noselection.gif");
    background-repeat: no-repeat;
    background-position: center left;
}


.eformaccesscontrol .aspNetDisabled input {
    display: inherit
}



.flaggedcheckbox input,
.scoreparticipantradiobutton input,
.participantscored input,
.markpresence input,
.markedabsent input,
.markedpresent input,
.markformasterycheckbox input {
    /*visibility: hidden;*/
    left: -20px;
    position: relative;
}


.markformasterycheckbox input{
    float:left;
}


.flaggedcheckbox > label,
.scoreparticipantradiobutton > label,
.participantscored > label,
.markpresence > label,
.markedabsent > label,
.markedpresent > label,
.markformasterycheckbox > label {
    position: relative;
    left: -10px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background: url("img/toselect.gif") no-repeat;
    background-position: center left;
    border-bottom: 1px solid transparent;
}

.flaggedcheckbox._unselectable > label,
.scoreparticipantradiobutton._unselectable > label,
.participantscored._unselectable > label,
.markpresence._unselectable > label,
.markedabsent._unselectable > label,
.markedpresent._unselectable > label,
.markformasterycheckbox._unselectable > label {
    position: relative;
    left: -10px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background: url("img/unselectable.gif") no-repeat;
    background-position: center left;
    border-bottom: 1px solid transparent;
}

.flaggedcheckbox._unselectable > input:disabled {
    display: inline-block;
}


.flaggedcheckbox > input:focus + label,
.scoreparticipantradiobutton > input:focus + label,
.participantscored > input:focus + label,
.markpresence > input:focus + label, s
.markedabsent > input:focus + label,
.markedpresent > input:focus + label,
.markformasterycheckbox > input:focus + label {
    /*
    border-bottom: 1px dotted black;
    */
    font-style: italic;
    background: url("img/toselectfocus.gif") no-repeat;
    background-position: center left;
}


.markformasterycheckbox > label {
    left: 0px;
}

.pnlmarkformasterynoselect .markformasterycheckbox > label {
    background: url("img/unselectable.gif") no-repeat;
}

.flaggedcheckbox > input:checked + label,
.scoreparticipantradiobutton > input:checked + label,
.participantscored > input:checked + label, 
.markpresence > input:checked + label,
.markedabsent > input:checked + label,
.markedpresent > input:checked + label,
.markformasterycheckbox > input:checked + label {
    background: url("img/selected.gif");
    background-repeat: no-repeat;
    background-position: center left;
}



.flaggedcheckbox > input:checked:focus + label,
.scoreparticipantradiobutton > input:checked:focus + label,
.participantscored > input:checked:focus + label,
.markpresence > input:checked:focus + label,
.markedabsent > input:checked:focus + label,
.markedpresent > input:checked:focus + label,
.markformasterycheckbox > input:checked:focus + label {
    background: url("img/selectedfocus.gif");
    background-repeat: no-repeat;
    background-position: center left;
}


.flaggedcheckbox._unselectable > input:checked + label,
.scoreparticipantradiobutton._unselectable > input:checked + label,
.participantscored._unselectable > input:checked + label,
.markpresence._unselectable > input:checked + label,
.markedabsent._unselectable > input:checked + label,
.markedpresen._unselectablet > input:checked + label,
.markformasterycheckbox._unselectable > input:checked + label {
    background: url("img/noselection.gif");
    background-repeat: no-repeat;
    background-position: center left;
}


.flaggedcheckbox > label,
.markpresence > label,
.participantscored > label,
.markedabsent > label,
.markedpresent > label /*,
.markformasterycheckbox > label*/ {
    top: -3px;
}

.agreetotalk .flaggedcheckbox > label {
    top: 0px;
}

.markformasterycheckbox > label {
    display: block;
}

.markedabsent > label,
.participantscored > label,
.markedpresent > label {
    background: url("") no-repeat;
    background-repeat: no-repeat;
    background-position: center left;
}

.markedabsent > input:checked + label,
.markedpresent > input:checked + label,
.participantscored > input:checked + label {
    background: url("img/noselection.gif");
    background-repeat: no-repeat;
    background-position: center left;
}

.executionerror > label {
    background: url("img/unselectable.gif") no-repeat !important ;
}

.divselectfile {
    top: 30px;
    display: block;
    position: relative;
}

.markformasterydate {
    width: 90px;
    text-align: right;
    padding: 2px;
    margin-left: 5px;
}

.MarkForMasteryPanel span:first-child {
    margin-left: 40px;
}

.markformasteryduration {
    /*margin-right: 10px;*/
    margin-left: 5px;
    width: 50px;
    text-align: right;
    padding: 2px;
}

.pnlmarkformastery {
    margin-bottom: 10px;
    margin-top: 5px;
}

.tblduration span {
    width: 15%;
    float: left;
}
#lblDurationExplanation
    {float:none }

.contentcell .fileuploaddiv,
.contentjpanel .fileuploaddiv {
    margin: 0px;
    padding: 10px 0px 0px 2px;
    border: 0px;
}

.contentcell .fileuploaddiv span,
.contentjpanel .fileuploaddiv span {
    width: 150px;
    display: inline-block;
}

.contentcell .fileuploaddiv .inputbox,
.contentjpanel .fileuploaddiv .inputbox {
    width: 75%;
}

.contentcell .fileuploaddiv a,
.contentjpanel .fileuploaddiv a {
    margin-left: 150px;
    line-height: 2em;
}

.waitlistperpersontomastery .contentcell .fileuploaddiv a,
.waitlistperpersontomastery .contentjpanel .fileuploaddiv a,
.waitlisttomastery .contentcell .fileuploaddiv a,
.waitlisttomastery .contentjpanel .fileuploaddiv a {
    margin-left: 0px;
}


.maildiv span {
    margin-left: 20px;
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
}

.maildiv .pageheading, .maildiv .pageexplanation {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.maildiv input, .maildiv textarea {
    margin-left: 20px;
    width: 95%;
    padding: 3px;
}

.maildiv textarea {
    height: 350px;
}


#txtRemarks, .inputbox
{
    display: block;
    width: 99%;
    padding-right: 1px;
    min-height: 30%;
    padding:5px;
    margin-bottom: 7px;    
}

.waitlisttomastery #txtRemarks, .waitlisttomastery .inputbox {
    display:initial ;
    width:auto ;
}

.inputboxoneline {
    min-height: auto !important ;
}


.infobody
{
    background-color: aliceBlue;
    display: block;
    border: 1px solid;
    padding: 5px;
    margin-bottom: 7px;
    margin-top:3px;
}

.inputpanel {
    display: block;
    border: 1px solid;
    padding: 5px;
    margin-bottom: 7px;
    margin-top: 3px;
}

.inputpanel textarea {
    border: 0px;
    width: 99%;
    min-height: 75px;
    max-width:99%;
    min-width:99%;
}
.inputpanel textarea:focus-visible  {
   outline:none;
}

.inputpanel #TxtDurationHours, .inputpanel #TxtDurationMinutes {
    width: 30px;
    text-align: right;
    margin-right: 10px;
}

.inputpanel #Lblhours, .inputpanel #Lblminutes {
    width: auto;
    margin-right: 10px;
}

.filter .infobody {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.filter .inputpanel {
    margin-top: 0px;
    border-top: 0px;
    background-color: aliceBlue;
    height:5em;
}

.filter .filterlabels {
    width: 25%;
    display: block;
    float: left;
    background-color: aliceBlue;
    height: 100%;
    padding-top:5px;
}

.filter .filterinput {
    display: block;
    background-color: white;
    height: 100%;
    padding-top: 5px;
}

.filter .filterinput input {
    margin-left: 10px;
    width: 70%;
}

.filter .filterinput .inputdate {
    width: auto;
}


    .cbsendmail {
        border: 0px !important;
        margin-top: 10px;
        display: block;
        width: auto !important
    }

.details textarea,
.duplicateclass textarea {
    margin-left: 157px;
    width: 85%;
    height: 150px;
}


.changeclassdetails textarea {
    /*margin-left: auto;
    width: 85%;*/
}

.checkdisponibility .cbagree {
    margin-left:2px;
    width:100%;
    display:inline-block;
    margin-bottom : 5px;
}

.checkdisponibility .cbagree > label {
    margin-left: 5px;
}

.checkdisponibility .txtemailaddress {
    width:500px;
}

.checkdisponibility .lblemailaddress {
    display: inline-block;
    padding-left: 20px;
    margin-right: 10px;
}

.peoplelevel0 {
    /*
        background: #dadada url(' ') 0% -15px repeat-x;
         border-bottom: 1px solid #FFF;
    */
    line-height: 1.5em;
    margin: 0px 0px 0px 0px;
    height: 1.2em;
    display: inline-table;
    width: 99%
}

.peoplelevel0 > .responsable {
    background: #dadada url(' ') 0% -15px repeat-x;
    border-bottom: 1px solid #FFF;
        
}

.scrolllinks .peoplelevel0 > .responsable span {
    height: 18px;
    line-height: 26px;
}

.scrolllinks .peoplelevel0 > .responsable .resplevelselect span {
    line-height: 21px !important;
}



.peoplelevel0 .imgmin, .peoplelevel0 .imgplus  {
    visibility: hidden;
}
.peoplelevel1 .imgmin, .peoplelevel1 .imgplus {
    visibility: visible ;
}

.peoplelevel1, .peoplelevel2, .peoplelevel3, .peoplelevel4, .peoplelevel5, .peoplelevel6, .peoplelevel7, .peoplelevel8, .peoplelevel9, .peoplelevel10 {
    padding-left: 30px;
}

.aspNetDisabled input{
    display:none;
}

.aspNetDisabled label {
    background-image: none;
}

.aspNetDisabled label {
    left: -16px;
}

.adminmails .aspNetDisabled input {
    display: inline-block;
}

.responsable .flaggedcheckbox {
    width: auto;
    position: relative;
    left: -20px;
    float: left;
}

.resplevelselect .flaggedcheckbox {
    float: left;
    min-width: auto;
}

.resplevelselect :nth-last-child(1).flaggedcheckbox {
    float: none;
}

.resplevelselect .flaggedcheckbox label {
    left: auto;
}

.resplevelselect .aspNetDisabled label {
    background: url("img/notselectable.gif") no-repeat center left !important;
}

.resplevelselect .partiallychecked label {
    background: url("img/noselection.gif") no-repeat center left !important;
}

.resplevelselect .partiallychecked:focus label {
    background: url("img/noselectionfocus.gif") no-repeat center left !important;
}


/*.responsable {
    display:inline-block;
    width : 100%
}*/

.responsable div {
    /*float:left ;
    width : 100%;*/
}

.resplevelselect {
    float: none !important;
}


.imgmin {
    background: url("img/min.gif") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    left: -20px;
    top: +3px;
    cursor:pointer;
}

.imgplus {
    background: url("img/plus.gif") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    left: -20px;
    top: +2px;
    cursor: pointer;
}

strong {
    background-color:yellow;
}


/*CONTENTJTABLEDIV SECTION*/
.contentjpanel {
    display:block ;
    background-color:aliceblue  ;
    border: outset 1px;
    margin-bottom : 10px;
/*    margin-right:10px;*/
    overflow:auto;
    color:dimgray ;
}

.contentjpanel .contentjpanel {
    margin-right:0px;
    margin-left:0px;
    border:none;
    background-color:aliceblue ;
}

.contentjpanel .contentjpanel .contentjpanel {
    /*margin-left:10px;*/
}

.contentjpanel .contentjpanel .contentjpanel .contentjpanel {
}

.contentjpanelhead {
    display:block ;
    min-height:20px;
    line-height:20px;
    overflow:auto
}

.contentjpanelcontrolafter {
    display:block ;
    min-height:20px;
    line-height:2em;
    overflow:auto;
}

.contentjpanelcontrolbefore {
    display:block ;
    min-height:20px;
    line-height:2em;
    overflow:auto;
}

.contentjpanelcontrolbefore .general_button,
.contentjpanelcontrolafter .general_button {
    margin-right: 10px;
}


.contentjpanel .contentjpanelhead {
    border-bottom:2px solid black;
    overflow:auto;
    font-size:1.2em;
    font-weight:bold;
    cursor:pointer;

}
.contentjpanelhead .button_min {
    background: url(img/min.gif) no-repeat 50% 50%;
    border-style: none;
    display:block;
    width : 0px;
    height:20px;
    float:left;
}
   
.contentjpanelhead .button_plus {
    background: url(img/plus.gif) no-repeat 50% 50%;
    border-style: none;
    display:block ;
    width : 0px;
    height:20px;
    float:left;
}

.hidden_button {
    display:none !important;
}

.contentjpanelpanel {
    display:block ;
    overflow:auto;
    border: solid 0px rgb(190, 190, 190);
}

.emptytable .contentjpanelpanel {
    line-height: 50px;
    border: solid 0px rgb(190, 190, 190);
}

.contentjpanel .contentjpanel .contentjpanelpanel {
    border-right: solid 1px rgb(190, 190, 190);
    border-left : solid 1px rgb(190, 190, 190);
    border-bottom : solid 1px rgb(190, 190, 190);
    padding-left:5px;
}

.contentjpanel .contentjpanel .contentjpanel .contentjpanelpanel {
    border-left : solid 1px rgb(190, 190, 190);
}

.datadiv{
    display: block;
    overflow:auto;
    margin-left:18px;
}

.dataheaderdiv {
    display: block;
    border-bottom:1px solid black;
    overflow:auto;
    margin-top:5px;
}

.datacontentdiv {
    display: block;
    overflow: auto;
/*    border: solid 1px rgb(190, 190, 190);*/
}

.vertical .datacontentdiv {
    border: solid 0px rgb(190, 190, 190);
    min-height: 18px;
    font-style: italic;
    background-color: transparent ;
}

.managepeople .vertical .datacontentdiv {
    border-bottom: 1px white solid;
}

.managepeople .datafield span {
    min-width: 75%;
}


.datafield span {
    margin-left:5px;
    display:inline-block 
}

/*.contentjpanel .contentjpanel .datacontentdiv {
    border-right : solid 0px rgb(190, 190, 190);
    border-left : solid 0px rgb(190, 190, 190);
}

.contentjpanel .contentjpanel .contentjpanel .datacontentdiv {
    border-left : solid 1px rgb(190, 190, 190);
}*/


.columnheading {
    display: block;
    overflow: hidden;
    float: left;
    background-image : url('img/WhiteLine.png');
    background-position :right ;
    background-repeat:repeat-y;
}

.dataheaderdiv .columnheading:nth-last-child(1) {
   background-image : url('')
}

.datarowdiv {
    display: block;
    line-height: 16px;
    font-style: italic;
    border-bottom-color: gainsboro;
    border-bottom-style: inset;
    padding: 5px 0px 0px 0px;
/*
    margin-bottom: 11px;
    padding-bottom: 10px;
*/
}

.datacontentdiv > div:nth-child(1) {
    margin-top: 5px;
}

.datacontentdiv > div:last-of-type .datarowdiv {
    border: none;
}

.vertical .dataheaderdiv {
    margin-top: 20px;
}

.vertical .dataheaderdiv:nth-child(1) {
    margin-top: auto ;
}

.vertical .datacontentdiv > div:nth-child(1) {
    margin-top: 0px;
}

.datacontentdiv > div:nth-child(odd) {
    background-color:gainsboro  ;
}

.datacontentdiv > div:nth-child(even) {
    background-color:white  ;
}


.firstrow, .secondrow {
    display: block;
    overflow: hidden
}

.datafield {
    float: left;
    display: block;
    background-position-x: left;
    background-repeat: no-repeat;
    line-height: 1.7em;
    overflow: hidden;
    background-image: url('img/WhiteLine.png');
    background-position: right;
    background-repeat: repeat-y;
}

.datafield:last-of-type {
    background-image: url('');
}


.secondrow .datafield {
    background-image: url('');
 }

.secondrow .datafield span:empty {
    display: none;
}


.title {
    width : 25%
}

.data {
    width : 75%
}

.secondrow .datafield .general_button {
    background: #99b6de;
    color: #f0f5ff;
    min-height: 20px;
    line-height: 20px;
    border: #99b6de 1px solid;
    margin: 5px;
    padding-right: 20px;
    display : inline-block;
    text-align : center
}

.sortable {
    /*background: url('img/main_littletriangle.gif') no-repeat 0% 50%;*/
    cursor: pointer;
    display: block;
    margin-left: 0px;
}

.sortup {
    background: url('img/fadeUpArrow.png') no-repeat;
    background-position-x: center;
    background-position-y: top;
    /*background-size: cover ;*/
    background-size: 10px;
    cursor: pointer;
    display: block;
    font-weight: bold;
    font-style: italic;
    margin-left: 0px;
}

.sortdown {
    background: url('img/fadeDownArrow.png') no-repeat;
    background-position-x:center;
    background-position-y:top;
    /*background-size: cover ;*/
    background-size:10px;
    cursor: pointer;
    display: block;
    font-weight: bold;
    font-style: italic;
    margin-left: 0px;
}

.sortable span,.sortup span,.sortdown span {
    margin-left: 5px;
    display:inline-block

}

/*<-CONTENTJTABLEDIV SECTION*/

/*<Menu Sectie->*/
.fullmenu {
    background-color: gainsboro;
    padding-left: 0px;
    vertical-align: top;
}
.menusection {
    padding-left: 0px;
    vertical-align: top;
    margin-bottom: 5px;
    border: 0px #bebebe solid;
    padding-bottom: 15px;
}

.menuheading {
    display: block;
    font-weight: bold;
    line-height: 1.7em;
    padding-left: 3px;
    margin-top: 10px;
    border-bottom: 1px solid gray;
    color: black;
}

.menuheading:first-of-type {
    margin-top: 0px;
}


.menuheading span {
    font-size: 1.2em;
}

.menuoption {
    margin-bottom: 5px;
    border-width: 0px;
    border-color: #bebebe;
    border-bottom: 0px solid #bebebe;
    margin-left: 5px;
}
.menusection .menuoption:first-child {
    margin-top: 8px;
}
.menuoption:hover, .menuoptioncurrent {
     background: #CB1142 -10px 0 no-repeat;
 }

/*
:last-of-type.menusection .menubody {
    padding-bottom: 20px;
}
*/

.menuindication {
    width : 4px;
}

.menulink a {
    color:#666666;
    text-decoration:none;
    font-weight : normal;
    display:block;
    margin-left :5px;
}

.menulink a:hover, .menuoptioncurrent .menulink a {
    text-decoration: none;
    background-color: rgb(44,140,252);
    color: rgb(255,255,255);
}

.menulanguage {
    background-color: transparent;
    border: 1px solid transparent;
    padding-left: 5px;
    height: 26px;
}

.menulanguage a {
    font-size: 1.1em;
    font-style: italic;
    color: #f0f5ff
}

.menulanguage:hover {
    border: 1px solid #596980;
}

.loggedinname {
    font-size: 0.75em;
    font-style: italic;
}


.mastercontentright .menusection {
    float: left;
    display: block;
    width: 50%;
    background-color:transparent ;
}

.mastercontentright .menuheading {
    margin-right: 10px;
    margin-top: 0px;
}

.mastercontentright .menuoptioncurrent {
    background: transparent;
}

.mastercontentright .menuoptioncurrent .menulink {
    /*op het home scherm is dit sowieso de menu*/
    display:none;
}

.mastercontentright .menulink a {
    font-size:12px;
    line-height:12px;
}

.mastercontentright .fullmenu  {
    margin-top:30px;
}


/*<-Menu Sectie>*/


.followMeBar {
    /*
    background: #e64a19;
    padding: 10px 20px;
    position: relative;
    z-index: 1;
    color: #fff;
    */
}

.followMeBar.fixed {
    /*
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 0;
    */
}

.followMeBar.fixed.absolute {
    /*
    position: absolute;
    */
}
.canapp {
    display:block
}

.canapp div {
    display: block;
    float: left;
}

.canapp div:first-of-type {
    margin-left: 245px;
}

body.framed .canapp div:first-of-type {
        margin-left: 0px !important;
    }


.canapp div:last-of-type {
    float: none;
}

.canapp .calendardiv
{
    text-align: center;
    float: none;
    margin: auto;
}

.canapp .printdiv {
    float: right !important;
    margin-right: 25px;
}

#rbLevelForPeople .flaggedcheckbox {
    float:left;
    width:auto
}

#rbLevelForPeople .flaggedcheckbox:last-of-type  {
    float: none;
}


/*ckeditor*/
.cke_combo__strinsert {
    /*width: 250px*/
}

    .cke_combo__strinsert .cke_combo_label {
        /*width: 100%;*/
    }

    .cke_combo__strinsert .cke_combo_button {
        /*width: 93%*/
    }

    .cke_combo__strinsert .cke_combo_inlinelabel {
        width: 100px;
    }

.cke_combopanel {
    width: 350px !important;
}
/*ckeditor*/




/*@media (max-width: 480px) {
    .mastercontentleft {
        display:none
    }


    .mastercontentright .menusection {
        width: 100%;
    }

    body.framed {
        margin-top:50px;
    }


    body.framed .masterfooter {
        height: 45px;
    }

    body.framed .mastercontent {
        bottom: 45px;
    }

    body.framed .mastercontentright h3 {
        position:fixed;
        background-color:white;
        top : 0px;
        max-height : 50px;
        overflow:auto
    }

    .actionrow td {
        width: 100% !important;
        display: block;
    }

    .actionrow #lbApprovers {
        display: block;
        width: 100%;
        height: 30px;
        font-size: 1.5em;
    }

    .actionrow .button_toselect {
        width: auto !important;
        margin-bottom: 5px;
        display: block;
        background-color: #555990;
        height: 2em;
        line-height: 2em;
        border-radius: 0px;
        text-align: center;
        font-size: 1.5em;
    }

    .actionrow .button_selected {
        width: auto !important;
        margin-bottom: 5px;
        display: block;
        background: forestgreen url("");
        height: 2em;
        line-height: 2em;
        border-radius: 0px;
        text-align: center;
        font-size: 1.5em;
    }

    .masterfooter {
        position: fixed;
        bottom: 0px;
        left: 0px;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 45px;
        display: block;
        background-color: transparent;
        color: #fffdfa;
        text-align: left;
    }

    .body.framed .masterfooter {
        height: 45px;
        bottom: 0px;
        text-align: left;
        left: 0px;
        background-color: #555990
    }
    .canapp a {
        background-color: transparent;
        color:white
    }

    .contentjpanel .contentjpanelhead {
        background: rgb(62, 128, 188) !important;
    }

    .contentjpanelhead span {
        margin-left: 0px !important;
        color: white !important;
    }

    .canapp{
        left : 0px
    }

    .canapp div:first-of-type {
        margin-left : 0px !important;
        background-color: green;
        width: 50%
    }

    .canapp div {
        background-color: red ;
        width: auto;
        line-height : 45px;
        text-align:center;
    }
    .canapp .printdiv {
        display:none
    }

.koloms {
    width:auto
    }
.koloms:last-of-type {
    display:none
    }
}
*/


/*#refreshframediv 
{
    z-index: 5000;
    top: 90%;
    display: block;
    position: absolute;
}*/


.showapplicationsettings .mastercontentright div {
    border: solid 1px;
    line-height: 21px;
    height: 21px;
    padding-left:5px;
    margin-bottom:1px;
}

.showapplicationsettings .mastercontentright div div {
    float: left;
    border: 0px solid;
    padding-left: 0px;
}





.mastercontentleft .collapses .menuheading span::before {
    content: "- ";
}

.mastercontentleft .collapses .hidden span::before {
    content: "+ " !important;
}

.mastercontentleft .collapses .menuheading {
    cursor: pointer;
}
.mastercontentleft .collapses .menusection {
    padding-bottom: 0px !important
}
.mastercontentleft .collapses :last-of-type.menuoption {
    margin-bottom: 20px;
}

.accessattribute {
    display: block;
    margin-bottom: 3px;
}

:last-of-type.accessattribute {
    margin-bottom: 20px;
}

.accessattribute span {
    width: 200px;
    display: inline-block;
}

.adminforms .info {
    margin-bottom: 15px;
    margin-top: 15px;
}


.adminforms .info span {
    font-style: italic;
    font-weight: bolder;
}


.attention {
    background-color: lightSalmon;
    border: 1px solid lightgray;
    padding: 10px;
    margin-bottom: 10px;
    min-height:25px
}

.confirmation {
    background-color: lightCyan;
    border: 1px solid lightgray;
    padding: 10px;
    margin-bottom: 10px;
    min-height:25px
}

.confirmation > span {
    font-weight: bolder;
    display: block;
    left: -10px;
    margin-bottom: 10px;
}


#ProcessData div {
    display: block;
    background-color: aliceBlue;
    line-height: 25px;
    vertical-align : middle 
}

    #ProcessData div:hover {
        background-color: gainsboro;
    }


    #ProcessData div div:first-of-type  {
        display: inline-block;
        width: 20px;
        overflow:hidden;
    }

    #ProcessData div div {
        background-color:transparent;
        display: inline-block;
        width: 40%;
    }

    #ProcessData .processing {
        background-position: left top;
        background-image: url("/styles/img/wait_.gif");
        background-repeat: no-repeat;
        background-size: contain;
        min-height:20px;
    }

    #ProcessData .hidden  {
        display:none  
    }

.dropdownlist {
    margin: 15px 0px;
    font-size: 1em;
    width: 50%;
}


.nolevels {
    display:none;
}



.mastercontentright .block .menusection  {
    float: left;
    display: block;
    width: 100%;
}


.mastercontentright .block .menuoption {
    background: lightgray;
    display: block;
    height: 75px;
    margin: 5px 5px;
    float: left;
    width: 75px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blockneed textarea {
    display: block;
    width: 99%;
    height: 50%;
    padding:5px
}

.contentjpanelpanel > div > span,
.contentjpanelpanel > span {
    margin-top: 15px;
    display: block;
}

.contentjpanelpanel > .dataheaderdiv  > span {
    margin-top: 0px;
}

.tblinscription .contentjpanelpanel {
    padding: 15px 0px;
}