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;
}

#closebutton {
    background-image: url(img/closeButton.jpg);
}


#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: auto;
    position: relative;
}

#displayframetable td {
    border-color: #dadada
}

#displayframetable tr {
    line-height: 0px;
}

.displayframetablesmall {
    height: 350px;
    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;
    }

.addpeople .details input, .addpeople .details select {
    width: 400px;
    background: white;
    color: #666666;
    border: solid 1px
}

.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: 0px;
}

.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;
}

.infobody span {
    margin-top:0px;
}

.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: right;
}

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

.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);
    border-bottom: 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;
    }

.menubody:has(.menuoptioncurrent) {
    display: block !important;
}

.hidden + .menubody[style*="display: none"]:has(.menuoptioncurrent),
.hidden + .menubody[style*="display:none"]:has(.menuoptioncurrent) {
    display: none !important;
}

.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;
    display:flex;
}

.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;
    /*height: i;*/
}

    .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 > div > input,
.contentjpanelpanel > span, .contentjpanelpanel > input {
    margin-top: 15px;
}

.tblarbeidsdealinfo .contentjpanelpanel > div > span, .contentjpanelpanel > div > input,
.tblarbeidsdealinfo .contentjpanelpanel > span, .contentjpanelpanel > input {
    margin-top: 0px;
}

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

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

.curriculumv .inputpanel {
    height: 50px;
    display: flex;
}

.curriculumv .inputpanel a {
    margin: auto 0px
}



.clspeopleselector {
    /*width: 99%;*/
    height: 300px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.clspeopleselector > div {
    height: 100%;
    display: block;
    width: 100%
}

.clspeopleselector .scrolllinks {
    background-color: #f0f5ff;
    height: 100%;
    overflow: auto;
    border: #0000cc 1px solid;
    padding-left: 0px;
    padding-top: 5px;
    width: 49%;
    float: left;
    margin-right: 1%;
}


.clspeopleselector .scrollrechts {
    background-color: #f0f5ff;
    height: 100%;
    overflow: auto;
    border: #0000cc 1px solid;
    padding-left: 0px;
    padding-top: 5px;
    /*width: 49%;*/
}

.clspeopleselector #ddlPeopleDepartment {
    margin-bottom: 5px;
    width: 49%
}

.clspeopleselector #pnlSearchPeople {
    height: auto;
    margin-bottom: 5px;
    width:49%;
}

.clspeopleselector #pnlSearchPeople span {
    width:auto;
    overflow:hidden;
    display:inline-block ;    
}

.clspeopleselector #txtSearchPeople {
    display:block;
    width: 79%;
    float:right;
}