.myGridNoPaddingStyle{
	margin-bottom:0px!important
}

.myGridNoPaddingStyle > #takenToetsenAandachtspuntenGridId-body{
	top:17px !important
}

.datumPickerTakenToetsenCell.x-datepicker-active > a{
	min-height:30px !important;
}

.datumPickerTakenToetsenCell.x-datepicker-prevday > a{
	color:#F1F1F1 !important;
}

.tooltip .tooltip-taakbelasting{
	position:fixed;
	left:925px;
	margin-top:20px;
	padding:10px;
	color:#FFFFFF;
	border-radius:5px;
	background-color:rgb(150, 150, 150) !important;
}

/*.tooltip-head .tooltip-taakbelasting{
	font-weight:800;
}

.tooltip-inner .tooltip-taakbelasting{
	background-color:blue !important; 
}*/

.taakbelasting-groep{
	font-size:13px;
}

.taakbelasting-type{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
}

.taakbelasting-vak{	
	padding-left:20px;
}

.taakbelasting-type-punt{	
	
}

.taakbelasting-gekozen-groepen-titel{
	padding-left:0px;
}

.taakbelasting-gekozen-groepen{
	padding-left:30px;
}

.taakbelasting-titel{
	font-style:italic;
}

.taakbelasting-leerkracht{
	padding-left:5px;
}

.taakbelasting-type-label{
	padding-left:5px;
}

.taakbelasting-type-zwaar{
	text-decoration: underline;
}

.disabledKolomGrijs > .x-grid-cell-inner {
	background-color:#ededed;
}

.geenMenuIcoontje .x-menu-item-text { margin-left:0px !important; }

.fa-WISA-fontSize14{
	font-size:14px;
}

.buttonTextZichtbaar{
	text-indent:0px !important;
}

.labelVerplichtVeld {
    color: #57595f !important;
    display: block !important;
    font-weight: 500 !important;
    margin-right: 5px !important;
    margin-top: 4px !important;
    padding-right: 10px !important;
    text-align: right !important;
    vertical-align: bottom !important;
}
.labelOptioneelVeld {
    color: #57595f !important;
    display: block !important;
    margin-right: 5px !important;
    margin-top: 4px !important;
    padding-right: 10px !important;
    text-align: right !important;
    top: 5px !important;
    vertical-align: bottom !important;
}
.labelKleurCommentaar {
    color: #8c8d8f !important;
}
.titelMiddenGroot {
    font-size: 14px;
    font-weight: bold;
    text-align: center !important;
    text-transform: uppercase;
}
.titelGroot {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.titelGrootSubMenu {
    font-size: 13px;
    font-weight: bold;
    padding-top: 3px !important;
}
.titelGrootLinks {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.iconLinks {
    background-image: url("./../pics/links.png") !important;
    background-repeat: no-repeat;
}
.iconRechts {
    background-image: url("./../pics/rechts.png") !important;
    background-repeat: no-repeat;
}
.iconToevoegen {
    background-image: url("./../pics/add.png") !important;
    background-repeat: no-repeat;
}
.iconWijzigen {
    background-image: url("./../pics/edit.png") !important;
    background-repeat: no-repeat;
}
.iconCopy {
    background-image: url("./../pics/copy.png") !important;
    background-repeat: no-repeat !important;
    height: 15px !important;
    width: 17px !important;
}
.iconCopy-default-toolbar-small-disabled {
    opacity: 0.2 !important;
}
.iconShare {
    background-image: url("./../pics/shareKlein.png") !important;
    background-repeat: no-repeat !important;
    height: 17px !important;
    width: 16px !important;
}
.iconShare-default-toolbar-small-disabled {
    opacity: 0.2 !important;
}
.iconToegewezenLesgroepen {
    background-image: url("./../pics/groep.png") !important;
    background-repeat: no-repeat !important;
    height: 15px !important;
    width: 15px !important;
}
.iconNaarEigenAgenda {
    background-image: url("./../pics/naarEigenAgenda.png") !important;
    background-repeat: no-repeat !important;
    height: 15px !important;
    width: 15px !important;
}
.iconNaarEigenAgenda-default-toolbar-small-disabled {
    opacity: 0.2 !important;
}
.iconWijzigen2 {
    background-image: url("./../pics/edit2.png") !important;
    background-repeat: no-repeat !important;
    height: 15px !important;
    width: 17px !important;
}
.iconWijzigen2-default-toolbar-small-disabled {
    opacity: 0.2 !important;
}
.iconVerwijderen {
    background-image: url("./../pics/verwijderen.png") !important;
    background-repeat: no-repeat;
    height: 15px !important;
    width: 17px !important;
}
.iconKoppelen {
    background-image: url("./../pics/koppelen.png") !important;
    background-repeat: no-repeat;
    height: 15px !important;
    width: 17px !important;
}
.iconPrint {
    background-image: url("./../pics/print.png") !important;
    background-repeat: no-repeat;
}
.iconVernieuwen2 {
    background-image: url("./../pics/refresh2.png") !important;
    background-repeat: no-repeat;
}
.iconRaadplegen {
    background-image: url("./../pics/zoom.png") !important;
    background-repeat: no-repeat;
}
.iconCalculator {
    background-image: url("./../pics/calculator.png") !important;
    background-repeat: no-repeat;
}
.iconFilter {
    background-image: url("./../pics/filter.png") !important;
    background-repeat: no-repeat;
}
.iconFilterKlein {
    background-image: url("./../pics/filterKlein.png") !important;
    background-repeat: no-repeat;
}
.iconFilterVerwijderen {
    background-repeat: no-repeat;
}
.iconFilterVerwijderenKlein {
    background-image: url("./../pics/filterVerwijderenKlein.png") !important;
    background-repeat: no-repeat;
}
.iconFilterGrijsKlein {
    background-image: url("./../pics/filterGrijsKlein.png") !important;
    background-repeat: no-repeat;
}
.iconFilterGrijsVerwijderenKlein {
    background-image: url("./../pics/filterGrijsVerwijderenKlein.png") !important;
    background-repeat: no-repeat;
}
.iconFilterGrijsVerwijderenKlein2 {
    background-image: url("./../pics/filterGrijsVerwijderenKlein2.png") !important;
    background-repeat: no-repeat;
}
.laatsteSelectieAchtergrond, .laatsteSelectieAchtergrond > div > div > div > div, .laatsteSelectieAchtergrond > div > div > div, .laatsteSelectieAchtergrond > div > div{
    background-color: #fbecb8 !important;
    color: #57595f !important;
    z-index: 22 !important;
}
.laatsteSelectieAchtergrond .x-grid-cell {
    background-color: #fbecb8 !important;
}
.laatsteSelectieBijhorendeAgendapunten {
    opacity: 0.75 !important;
}
/*#wisa-submenu {
    margin-bottom: -50px !important;
}*/
.x-mask-msg div {
    height: 25px !important;
}
.groupHeaderGeel .x-panel-header {
    background-color: #f2c428 !important;
    border-color: #f2c428 !important;
    line-height: 20px !important;
    text-align: center !important;
}
.groupHeaderGeel .x-panel-header-text {
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center !important;
}
.groupHeaderGeelMetSpatie .x-panel-header {
    background-color: #f2c428 !important;
    border-color: #f2c428 !important;
    line-height: 20px !important;
    margin-bottom: 2px !important;
    margin-top: -4px !important;
    text-align: center !important;
}
.groupHeaderGeelMetSpatie .x-panel-header-text {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
}
.groupHeaderGrijs .x-panel-header {
    background-color: #b1b2b4 !important;
    border-color: #b1b2b4 !important;
}
.bevestigKnop {
    background-image: url("./../pics/btn_bevestig.png") !important;
}
.annuleerKnop {
    background-image: url("./../pics/btn_annuleer.png") !important;
}
.x-mask {
    opacity: 0.4 !important;
}
body.x-masked .x-mask {
    z-index: 20000;
}
.onzichtbaar {
    display: none;
    visibility: hidden;
}
.zichtbareInfo {
    font-size: 11px !important;
    font-style: italic !important;
}
.body {
    cursor: url("./../pics/btn_bevestig.png"), auto;
}
.takenToetsenExpandWaarde {
    font-family: roboto,arial !important;
    font-size: 12px !important;
    font-style: italic !important;
    line-height: 140% !important;
    padding-left: 35px !important;
}
.iconTaakKalender {
    background: rgba(0, 0, 0, 0) url("./../pics/taak.png") no-repeat scroll right 28.8px center !important;
}
.iconToetsKalender {
    background: rgba(0, 0, 0, 0) url("./../pics/toets.png") no-repeat scroll right 17px center !important;
}
.iconTaakEnToetsKalender {
    background: rgba(0, 0, 0, 0) url("./../pics/taaktoets.png") no-repeat scroll right 17px center !important;
}
.iconTaak {
    background: rgba(0, 0, 0, 0) url("./../pics/taak.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 37px;
}
.iconOnderwerp {
    background: rgba(0, 0, 0, 0) url("./../pics/onderwerp.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 37px;
}
.iconToets {
    background: rgba(0, 0, 0, 0) url("./../pics/toets.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 37px;
}
.iconTaakTitel {
    background: rgba(0, 0, 0, 0) url("./../pics/taak.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 20px;
}
.iconToetsTitel {
    background: rgba(0, 0, 0, 0) url("./../pics/toets.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 20px;
}
.iconTaakToetsTitel {
    background: rgba(0, 0, 0, 0) url("./../pics/taaktoets.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 35px;
    padding-top: 5px;
}
.iconTaakToetsGrijsTitel {
    background: rgba(0, 0, 0, 0) url("./../pics/taaktoetsGrijs.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 35px;
    padding-top: 5px;
}
.iconToetsGrijs {
    background: rgba(0, 0, 0, 0) url("./../pics/taakGrijs.png") no-repeat scroll left center !important;
    display: block !important;
}
.iconTaakGrijs {
    background: rgba(0, 0, 0, 0) url("./../pics/toetsGrijs.png") no-repeat scroll left center !important;
    display: block !important;
}
.iconAandachtspunt {
    background: rgba(0, 0, 0, 0) url("./../pics/aandachtspunt.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 37px;
}
.iconAlgemeneOpmerkingen {
    background: rgba(0, 0, 0, 0) url("./../pics/algemeneOpmerkingen.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 37px;
}
.iconAandachtspuntTitel {
    background: rgba(0, 0, 0, 0) url("./../pics/aandachtspunt.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 20px;
}
.geenAchtergrondKleur {
    background-color: transparent;
    background-image: none !important;
}
.x-border-box .x-tip, .x-border-box .x-tip * {
    box-sizing: content-box;
}
.hide-row-expander .x-grid-row-expander {
    visibility: hidden;
}
.datumPickerTakenToetsenWeekCell {
    border-color: #b5b8c8 !important;
    border-style: solid !important;
    border-width: 0 1px 1px !important;
}
.datumPickerTakenToetsenCell {
    border-color: #b5b8c8 !important;
    border-style: solid !important;
    border-width: 0 1px 1px 0 !important;
	max-width:20px !important;
}
.datumPickerTakenToetsenWeek {
    color: #606060;
    cursor: default;
    display: inline-block;
    text-align: left;
}
.datumPickerTakenToetsenHeader {
    border-right: 1px solid #b5b8c8 !important;
}
.datumPickerTakenToetsenHeaderInner {
    text-align: center !important;
}
.datumPickerTakenToetsenHeaderWeek {
    border-left: 1px solid #b5b8c8 !important;
    border-right: 1px solid #b5b8c8 !important;
}
.datumPickerTakenToetsenWeekKolom {
    color: #606060;
    cursor: default;
    display: inline-block;
    font-family: roboto,arial;
    font-size: 10px;
    text-align: left;
}
.datumPickerTakenToetsenVandaagOnzichtbaarMaken {
    visibility: hidden;
}
.datepickerGrid {
    border-width: 0 !important;
}
.taakbelastingDatumTitel {
    color: #ffffff !important;
    font-family: "MS Shell Dlg";
    font-size: 13.3333px;
    font-style: normal;
    font-weight: 400;
}
.iconVerbodenTeWijzigenCell {
    background: rgba(0, 0, 0, 0) url("./../pics/editGrey.png") no-repeat scroll 0 0 !important;
    height: 11px !important;
    margin: 0 auto;
    width: 11px !important;
}
.iconWijzigenCell {
    background: rgba(0, 0, 0, 0) url("./../pics/edit.png") no-repeat scroll 0 0 !important;
    height: 11px !important;
    margin: 0 auto;
    width: 11px !important;
}
.iconToetsCell {
    background: rgba(0, 0, 0, 0) url("./../pics/toets.png") no-repeat scroll 0 0 !important;
    height: 11px !important;
    margin: 0 auto;
    padding-left:2px !important;
    width: 13px !important;
}
.iconTaakCell {
    background: rgba(0, 0, 0, 0) url("./../pics/taak.png") no-repeat scroll 0 0 !important;
    height: 11px !important;
    margin: 0 auto;
    width: 13px !important;
}
.iconAandachtspuntCell {
    background: rgba(0, 0, 0, 0) url("./../pics/aandachtspunt.png") no-repeat scroll !important;
    height: 14px !important;
    margin: 0 auto;
    width: 14px !important;
}
.iconVervallenCell {
    background: rgba(0, 0, 0, 0) url("./../pics/waarschuwing.png") no-repeat scroll left center !important;
    height: 11px !important;
    margin: 0 auto;
    width: 11px !important;
}
.iconVervallenCell2 {
    background: rgba(0, 0, 0, 0) url("./../pics/waarschuwing.png") no-repeat scroll left center !important;
    height: 15px !important;
    margin: 0 auto;
    width: 15px !important;
}
.iconAlgemeneOpmerkingenCell {
    background: rgba(0, 0, 0, 0) url("./../pics/algemeneOpmerkingen.png") no-repeat scroll left center !important;
    height: 11px !important;
    margin: 0 auto;
    width: 11px !important;
}
.iconVervangingCell {
    background: rgba(0, 0, 0, 0) url("./../pics/vervanging.png") no-repeat scroll 0 0 !important;
    height: 14px !important;
    margin: 0 auto;
    width: 18px !important;
}
.iconWaarschuwingTitel {
    background: rgba(0, 0, 0, 0) url("./../pics/waarschuwing.png") no-repeat scroll left center !important;
    display: block !important;
    padding-left: 5px;
    padding-top: 20px;
}
.annuleerKnopKlein {
    background: rgba(0, 0, 0, 0) url("./../pics/btn_sluiten.png") no-repeat scroll left center !important;
    display: block !important;
}
.annuleerKnopKleinZwart {
    background: rgba(0, 0, 0, 0) url("./../pics/btn_sluiten3.png") no-repeat scroll left center !important;
    display: block !important;
    height: 6px;
    margin-left: 5px;
}
.iconBewarenKlein {
    background: rgba(0, 0, 0, 0) url("./../pics/btn_bevestigKlein.png") no-repeat scroll left center !important;
    display: block !important;
    height: 6px;
    margin-left: 5px;
}
#ext-cal-editwin {
    -moz-user-select: none;
}
.iconVernieuwen {
    background: rgba(0, 0, 0, 0) url("./../pics/vernieuwen.png") no-repeat scroll 0 0 !important;
}

#overwriteWisaSubmenuStyling_header_hd-textEl, #overwriteWisaSubmenuStyling-placeholder_hd-textEl {
    font-size: 11px !important;
}
#overwriteWisaSubmenuStyling_header_hd, #overwriteWisaSubmenuStyling-placeholder_hd-textEl {
    margin-left: -33px !important;
    margin-top: -5px !important;
    padding-bottom: 5px !important;
}
.agendaAgendasHeader {
    color: #57595f !important;
    font-size: 14px !important;
    font-weight: bold;
    padding-left: 10px !important;
}

.lesFicheTitel {
    color: #57595f !important;
    font-family: "open sans",roboto,arial;
    font-size: 13px !important;
    font-weight:600 !important;
}
.lesFicheTitelBoodschap {
    font-family: "open sans",roboto,arial;
    font-size: 18px !important;
    font-weight:600 !important;
	color:#B50D3E !important;
}
.boodschapRechterDetailPanel{
    font-family: "open sans",roboto,arial;
    font-size: 13px !important;
    font-weight:600 !important;
	color:#B50D3E !important;
}
.boodschapAgendaCell{
	font-family: "open sans",roboto,arial;
    font-size: 13px !important;
    font-weight:600 !important;
	color:#B50D3E !important;
	overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    width: 90%!important;
}

.lesFicheTitelRechts {
    color: #98999b !important;
    font-size: 11px !important;
    font-style: italic !important;
    padding-right: 10px !important;
    text-align: right !important;
}

.vervallenAgendaLesDataInfo {
    color: #98999b !important;
    font-size: 10px !important;
    font-style: italic !important;
}

.lesFicheTitelLinks {
    color: #98999b !important;
    font-size: 11px !important;
    font-style: italic !important;
    text-align: left !important;
}
.agendaAgendasBodyKlasKlasgoepLE {
    color: #ffffff !important;
    margin-top: -5px !important;
    padding-left: 10px !important;
}
.agendaAgendasBody {
    color: #ffffff !important;
    padding-left: 10px !important;
    padding-top: 5px !important;
}
.geenBorder-body {
    border-color: #ffffff !important;
    border-width: 0 !important;
}
.geenBorder-header {
    border-color: #ffffff !important;
    border-width: 0 !important;
}
a.x-datepicker-eventdate {
    background-color: #f2c428 !important;
    border: 1px solid #a3bad9;
}
.divBinnenkant {
    float: left !important;
    height: 25px !important;
}
.divBinnenkantRechts {
    float: right !important;
    height: 25px !important;
    text-align: right !important;
}
.divBuitenkant {
    display: inline !important;
    width: 100%;
}
.agendaRechtsePanelHeaders {
    color: #57595f !important;
    font-family: "open sans",roboto,arial;
    font-size: 13px !important;
    font-weight: 600;
    padding-left: 0 !important;
    padding-top: 5px !important;
}
.agendaRechtsePanelHeadersNietBold {
    font-weight: normal !important;
}
#rechtseDetaildPanelId_header {
    background-color: #f2c428 !important;
    border-color: #f2c428 !important;
    line-height: 20px !important;
    text-align: center !important;
}
#agendaDetailAlgemeenId-body {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top-width: 0 !important;
}
#agendaDetailAlgemeenId_header, #agendaDetailLesId_header, #agendaDetailToetsId_header, #agendaDetailTaakId_header, #agendaDetailAandachtspuntId_header {
    border-width: 0 !important;
}
#agendaDetailAlgemeenId_body {
}
#agendaDetailLesId-body, #agendaDetailToetsId-body, #agendaDetailTaakId-body, #agendaDetailAandachtspuntId-body {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top-width: 0 !important;
    margin-left: -7px !important;
    padding-bottom: 5px !important;
}
#agendaDetailAlgemeenId, #agendaDetailLesId, #agendaDetailTaakId, #agendaDetailToetsId, #agendaDetailAandachtspuntId {
    margin-bottom: 10px !important;
    padding-left: 5px !important;
}
#rechtseDetailsPanelINHOUDId-body {
    border-width: 0 !important;
}
.iconWijzigen-default-toolbar-small {
    padding-right: 15px !important;
}
.niets {
    background-color: #ffffff !important;
    background-image: none !important;
    border-width: 0 !important;
}
.grijzeAchtergrondTitel {
    background-color: #fbecb8 !important;
    background-image: none !important;
    border-width: 0 !important;
}
.iconGoogle {
    background: rgba(0, 0, 0, 0) url("./../pics/google_logo.jpg") no-repeat scroll 0 0 !important;
    height: 43px !important;
    margin: 0 auto;
    width: 125px !important;
}
.iconOffice365 {
    background: rgba(0, 0, 0, 0) url("./../pics/office365_logo.png") no-repeat scroll 0 0 !important;
    height: 43px !important;
    margin: 0 auto;
    width: 125px !important;
}
.iconFacebook {
    background: rgba(0, 0, 0, 0) url("./../pics/facebook_logo.jpg") no-repeat scroll 0 0 !important;
    height: 43px !important;
    margin: 0 auto;
    width: 125px !important;
}
.align-top {
    color: #57595f !important;
    font-weight: bold !important;
    vertical-align: top !important;
}
.align-top .x-form-display-field {
    color: #57595f !important;
}
.belangrijksteKnop {
    background-color: #fefefe !important;
    background-image: none !important;
    border-color: #68a1fe !important;
    padding-left: 10px;
    padding-right: 10px;
}
.belangrijksteKnop:hover {
    background-color: #e3e2e4 !important;
}
.gewoneKnop {
    background-color: #fefefe !important;
    background-image: none !important;
    border-color: #d1d1d1 !important;
}
.gewoneKnop:hover {
    background-color: #e3e2e4 !important;
}
.wisa-login-icon {
    background-image: url("./../pics/loginicon.png") !important;
    background-repeat: no-repeat !important;
}
.toolbarKnopMetIcoontje {
    color: #ffffff !important;
}
.iconFilterGrijsVerwijderen3 {
    background-image: url("./../pics/filterGrijsVerwijderen3.png") !important;
    background-repeat: no-repeat;
}
.iconFilterGrijsKlein3 {
    background-image: url("./../pics/filterGrijsKlein3.png") !important;
    background-repeat: no-repeat;
}
.iconFilterGrijsVerwijderenKlein3 {
    background-image: url("./../pics/filterGrijsVerwijderenKlein3.png") !important;
    background-repeat: no-repeat;
}
.iconFilterGrijsVerwijderenKleinWit3 {
    background-image: url("./../pics/filterGrijsVerwijderenKleinWit3.png") !important;
    background-repeat: no-repeat;
}
.iconActiviteitCell {
    background: rgba(0, 0, 0, 0) url("./../pics/activiteit.png") no-repeat scroll 0 0 !important;
    height: 11px !important;
    margin: 0 auto;
    width: 11px !important;
}
.iconKlas {
    background: rgba(0, 0, 0, 0) url("./../pics/klas.png") no-repeat scroll 0 0 / cover !important;
}
.iconKlasgroep {
    background: rgba(0, 0, 0, 0) url("./../pics/klasgroep.png") no-repeat scroll 0 0 / cover !important;
}
.iconLeseenheid {
    background: rgba(0, 0, 0, 0) url("./../pics/leseenheid.png") no-repeat scroll 0 0 / cover !important;
}
.iconActieveKlasKlasgroepLeseenheid {
    background: rgba(0, 0, 0, 0) url("./../pics/actieveklasklasgroepleseenheid.png") no-repeat scroll 0 0 / cover !important;
}
.onzichtbaarGeenBreedte {
    display: none;
    visibility: hidden;
    width: 0;
}
.x-grid-cell-linkseTreeColumnItemId .x-grid-cell-inner .x-tree-checkbox {
    display: none;
    visibility: hidden;
}
.iconZoom {
    background-image: url("./../pics/zoom.png") !important;
    background-repeat: no-repeat;
    height: 15px !important;
    width: 18px !important;
    z-index: 9999 !important;
}
.iconZoomActief {
    background-image: url("./../pics/zoomActief.png") !important;
    background-repeat: no-repeat;
    height: 15px !important;
    width: 18px !important;
    z-index: 9999 !important;
}
.iconConfiguratie {
    background-image: url("./../pics/configuratie.png") !important;
    background-repeat: no-repeat;
    height: 15px !important;
    margin: 0 auto;
    width: 15px !important;
}
.x-btn-voor-toolbar {
    background-color: #fff !important;
    background-image: -moz-linear-gradient(center top , #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7) !important;
    border-color: #d1d1d1 !important;
    border-radius: 3px !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 2px !important;
}
.x-btn-voor-toolbar-over {
    background-color: #fff !important;
    background-image: -moz-linear-gradient(center top , #dfdfdf, #dfdfdf 48%, #c1c1c1 52%, #e7e7e7) !important;
    border-color: #d1d1d1 !important;
    border-radius: 3px !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 2px !important;
}
button {
    background-color: transparent;
    border: 0 none;
}
.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label {
    opacity: 0.7 !important;
}
/*#wisa-submenu-body {
    overflow: hidden;
    padding-bottom: 25px !important;
    top: 0 !important;
}*/
.wisa-tab-content .x-panel-header-top {
    border: medium none !important;
    box-shadow: none !important;
    margin-left: 0 !important;
}
.x-tool-over .x-tool-close {
    background-position: 0 center !important;
}
.x-tool-close {
    background-image: url("./../pics/btn_sluitenGrijs.png") !important;
    background-repeat: no-repeat !important;
}
.vergrotenCls .x-tool-vergroten {
    background-image: url("./../pics/btn_maximizeGrijs.png");
    margin-top: 4px;
}
.verkleinenCls .x-tool-verkleinen {
    background-image: url("./../pics/btn_restoreGrijs.png");
    margin-top: 4px;
}
.iconWaarschuwingCell {
    height: 14px !important;
    left: -2px;
    position: absolute;
    top: 42px;
    width: 14px !important;
    z-index: 9999 !important;
}
.iconOnderwerpCellRuntimeHoekOverwrite {
    border-bottom-left-radius: 10px !important;
}
.readOnlyStyling input, .readOnlyStyling textarea {
    color: #888888 !important;
}
.actieveStyling {
    background-color: #fbecb8 !important;
}
.zelfdeItemsHighlighten {
    opacity: 0.1;
}
.itemsVandaagHighlighten {
    background-color: #f2c428 !important;
    color: #57595f !important;
    z-index: 22 !important;
}
.itemsVandaagHighlighten .x-grid-cell {
    background-color: #f2c428 !important;
}
.detailPanelStyle {
    border-color: #cbcccd !important;
    border-style: solid !important;
    border-width: 0 0 1px !important;
    margin-bottom: 10px;
}
.x-form-text {
    color: #57595f !important;
}
.x-border-region-slide-in {
    background-color: #ffffff !important;
}
.divSquareLinks {
    border: 1px solid red;
    float: left;
    height: 20px;
    margin: 4px;
    width: 150px;
}
.divSquareRechts {
    border: 1px solid black;
    float: left;
    height: 20px;
    margin: 4px;
    width: 500px;
}
.lijstDetail {
    font-size: 12px;
}
.lijstViewLinks {
    float: left;
    font-family: roboto, arial !important;
    font-size: 12px !important;
    font-style: italic !important;
    padding-bottom: 1px !important;
    width: 4px !important;
}

.lijstAgendaPuntIcoontje {
    padding-left: 160px;
}

.lijstViewLesPunt {
    font-family: roboto, arial !important;
    font-size: 12px !important;
    padding-left: 157px !important;
    padding-top: 9px !important;
}

.lijstViewRechtsTaakToetsAandachtspunt {
    font-family: roboto, arial !important;
    font-size: 12px !important;
    padding-left: 175px !important;
    padding-top: 9px !important;
}
.lijstViewRechts {
    font-family: roboto, arial !important;
    font-size: 12px !important;
    padding-left: 155px !important;
}
.lijstIcoon {
    position: relative;
    top: 11px;
}
.lijstDocumentIcoon {
    position: relative;
    top: 11px;
	top: -20px;
}

.lijstDocumentNaamWisacalendarFicheSecundair{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:160px;
	max-width:160px;
	width:100%;
	color:#57595f;
	text-align: left !important;
	margin-left:2px;
}

.lijstDocumentNaam{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:190px;
	max-width:190px;
	width:100%;
	margin-left:2px;
}

.lijstDocumentNaamSjablonen{
	float:left;
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:190px;
	max-width:190px;
	margin-left:2px;
}

.lijstDocumentOpmerkingSjablonen{
/*	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;*/
	min-width:300px;
	max-width:300px;
	margin-left:2px;
	float:left;
}

.lijstDocumentNaamWebLeerlingWisacalendarFicheSecundair{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:300px;
	max-width:300px;
	width:100%;
	color:#57595f;
	text-align: left !important;
	margin-left:2px;
}

.lijstDocumentNaamWebLeerling{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:300px;
	max-width:300px;
	width:100%
}

.lijstDocumentOpmerkingWebLeerling{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:300px;
	max-width:300px;
	width:100%
}

.documentLink{
	text-decoration:none;
	color:#57595f !important;
	font-weight:bold;
}

.lijstDocumentNaamRechterDetailPanel{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:180px;
	max-width:180px;
	width:100%
}

.lijstDocumentVan, .lijstDocumentTot{
	min-width:130px;
}
.lijstDocumentVanRechterDetailPanel, .lijstDocumentTotRechterDetailPanel{
	min-width:80px;
}

.lijstDocumentOpmerking{
	min-width:300px;
	max-width:300px;
	width:100%
}

.lijstDocumentOpmerkingWebLeerlingWisacalendarFicheSecundair{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:300px;
	max-width:300px;
	width:100%;
	text-align: left !important;
	padding-left:20px;
}

.lijstDocumentOpmerkingWisacalendarFicheSecundair{
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	min-width:250px;
	max-width:250px;
	width:100%;
	text-align: left !important;
	padding-left:20px;
}


.lijstDocumentOpmerkingWebleerling{
	min-width:400px;
}



.lijstDocumentOpmerkingRechterDetailPanel{
	min-width:100px;
}

.lijstDocumentTitel{
	font-weight: bold;
}


.filterInComboTonen {
    background-image: url("./../pics/filterGrijsKlein.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.iconVernieuwen {
    background: rgba(0, 0, 0, 0) url("./../pics/vernieuwen.png") no-repeat scroll 0 0 !important;
}
.eersteKnop {
    background: rgba(0, 0, 0, 0) url("./../pics/vorigeLijst.png") no-repeat scroll 0 0 !important;
    height: 23px !important;
    width: 45px !important;
}
.laatsteKnop .x-grid-cell-inner {
    background: rgba(0, 0, 0, 0) url("./../pics/vorigeLijst2.png") no-repeat scroll 0 0 !important;
}
.lijstGridCls .x-grid-row-selected .x-grid-cell {
    color: #57595f !important;
}
.grootVeldDoorPaddingCls .x-grid-cell-inner {
    height: 75px !important;
    line-height: 25px !important;
    padding-bottom: 50px !important;
    text-overflow: clip !important;
    visibility: visible !important;
    word-break: break-all !important;
    word-wrap: break-word !important;
}

.iedereenRij .x-grid-cell {
    background-color: #d4d0c8 !important;
}
.klasRij .x-grid-cell {
    background-color: #ebeced !important;
}
.klasgroepRij .x-grid-cell {
    background-color: #fafafa !important;
}
.leerlingRij .x-grid-cell {
    background-color: #ffffff !important;
}
.nietEditeerbareRij .x-grid-cell {
    color: #fafafa !important;
}
.x-action-col-cell img.iconActionColZoom2 {
    background-image: url("./../pics/zoom.png") !important;
    background-repeat: no-repeat !important;
    height: 15px !important;
    width: 17px !important;
}
.x-action-col-cell img.iconActionColWijzigen2 {
    background-image: url("./../pics/edit2.png") !important;
    background-repeat: no-repeat !important;
    height: 15px !important;
    width: 17px !important;
}
.lijstTitel {
    padding-top: 5px;
}
.lijstNota {
    font-style: italic !important;
}


.lijstVandaag .x-grid-cell-inner{
	background: #FFF4BF;
}

.lijstVandaag .x-grid-cell-first .x-grid-cell-inner {
    background-color: inherit;        
}

.lijstVandaag .x-grid-cell{
    padding-top: 1px !important;
}


.lijstHoofdRij .x-grid-cell{
	background-color: rgb(250, 250, 250);	
}

.lijstNieuweDagRij .x-grid-cell {
    border-top-color: rgb(181,184,200) !important;
	border-top-width: 1px;
	padding-top: 5px;
}
.lijstNieuweWeekRij .x-grid-cell {
    border-top-color: rgb(175,13,60) !important;
    border-top-width: 1px;
    padding-top: 5px;
}
.x-message-box {
    position: absolute !important;
    z-index: 999999999 !important;
}
.ficheLijst {
    float: left !important;
    margin-left: -4px !important;
    padding-left: 48px !important;
    text-align: left !important;
}
.iconToetsTitelbalk {
    background: rgba(0, 0, 0, 0) url("./../pics/toets.png") no-repeat scroll 0 0 !important;
    height: 11px !important;
    margin-right: 5px;
    margin-top: 2px;
    width: 11px !important;
}
.iconTaakTitelbalk {
    background: rgba(0, 0, 0, 0) url("./../pics/taak.png") no-repeat scroll 0 0 !important;
    height: 11px !important;
    margin-right: 5px;
    margin-top: 2px;
    width: 11px !important;
}
.iconAandachtspuntTitelbalk {
    background: rgba(0, 0, 0, 0) url("./../pics/aandachtspunt.png") no-repeat scroll left center !important;
    height: 11px !important;
    margin-right: 5px;
    width: 11px !important;
}
.groupHeaderRood-header-text-container {
    background-color: #be0d41 !important;
}
.isKindAgenda {
    height: 18px !important;
    margin-left: 20px;
}
.isKindZonderOuderAgenda {
    height: 18px !important;
    margin-left: 20px;
    margin-top: 10px;
}
.isOuderAgenda {
    height: 18px !important;
    margin-top: 10px;
}
.isMijnAgendasMarge {
    height: 18px !important;
    margin-bottom: 10px !important;
}

.isWebLeerlingKlasKlasgroepLeseenheid {
    height: 18px !important;
    margin-bottom: 10px !important;
    margin-left: 20px;
    width: 243px;
}

.linkseAgendaPanelTitleOverwrite .x-panel-header .x-panel-header-text-default {
    font-size: 14px !important;
    padding-left: 0 !important;
}
.witteKnop .x-btn-inner {
    color: #ffffff !important;
	font-weight: 400;
}
.x-btn-default-toolbar-small-focus.witteKnop, .x-btn-default-toolbar-small-pressed.witteKnop, .witteKnop.over {
    background-color: transparent;
    border-color:#F2C428;
	font-weight: 400;
}
.x-btn-default-toolbar-small-focus.witteKnop, .x-btn-default-toolbar-small-pressed.witteKnop, .witteKnop.over .x-btn-inner {
    color: #57595f !important;
	font-weight: 400;
}
.x-grid-cell-inner {
    font-family: roboto, arial !important;
    font-size: 12px !important;
    line-height: 140% !important;
}
.x-grid-cell-selected {
    background-color: #b8cfee !important;
}
#wisa-submenu-body .x-grid-cell-treecolumn .x-grid-cell-inner {
    color: #5d5f65 !important;
    font-family: "open sans",roboto,arial !important;
    font-size: 12px;
    margin-bottom: 2.5px;
    margin-top: 2.5px;
    padding-left: 15px;
	overflow-x:hidden !important;
    text-transform: uppercase !important;
}
#wisa-submenu-body .x-tree-icon {
    display: none !important;
    visibility: hidden !important;
}
.lichtGrijs {
    color: rgb(150, 150, 150);
}
.x-panel-body-default {
    color: #57595f;
}
#divAlgemeenId {
    padding-left: 5px;
}
.rechtseDetailPanelSubContainer {
    padding-left: 5px;
}

.iconWaarschuwingCell_2{
	width: 14px !important; height: 14px !important;
	margin: 0 auto;
    background: url('./../pics/waarschuwing.png')  no-repeat !important;  
}


.correctieGrid .x-panel-body{
	margin-top:-27px !important;
}

.iconBovenLinkseMargeRechterDetailPanel{
	margin-left:4px !important;
}

.iconBovenLinkseMargeRechterDetailPanelAandachtspunt{
	margin-left:4px !important;
}

.iconTodoLijstBovenMarge{
	margin-top:2px !important;
}

.typeTaakOfToets{
	font-style: italic !important;
}

.typeTaakOfToetsMetRechterMarge{
	font-style: italic !important;
    padding-right:10px;
}

.iconDocument{
	background-image: url("./../pics/document.png") !important;
    background-repeat: no-repeat;
	/*background-size: 17px;*/
	 height: 18px !important;
    width: 14px !important;
}


.agendaPuntFicheDocumentKnopIcoontje{
	position:absolute; 
	left:6px; 
	top:3px;
}
	
.agendaPuntFicheDocumentKnop {
	color:#57595f;
    background: rgb(224, 234, 241);
	border-radius: 0px;
	margin-right: 10px; 
	margin-bottom: 10px;
	margin-top:-5px;
	height:40px;
	padding:5px;
	text-decoration: none !important;
	position:relative;
}

.agendaPuntFicheDocumentKnopRij {
	white-space: nowrap  !important;
    text-overflow: ellipsis  !important;
    width: 80%  !important;    
    overflow: hidden !important;
	margin-left:25px;
}

.agendaPuntFicheDocumentKnopRijCommentaar {
	font-style: italic;
	font-size:10px;
}

#agendaPuntFicheDocumentenKnoppenDiv {
	text-align: justify;
	margin-left:10px;
}
#agendaPuntFicheDocumentenKnoppenDiv div {
	/*width: 100px;*/
	display: inline-block;
}
#agendaPuntFicheDocumentenKnoppenDiv:after {
	width: 100%;
	display: inline-block;
}

.gridParentKleur{
	background-color:#FAFAFA !important;
}

.gridKindKleur{
	background-color:#FFFFFF !important;
}

.maandenKnoppenGrid.x-pressed{
	background-color:#F2C428 !important;
}

.maandenKnoppenGridVakantie .x-btn-inner{
	color:grey !important;
}


.lijstViewLesPuntSjablonenTitel {
	padding-top:20px;
    padding-left: 55px;
}

.lijstViewLesPuntSjablonen {
    font-family: roboto, arial !important;
    font-size: 12px !important;
    padding-left: 55px !important;
    padding-top: 9px !important;
}
.lijstViewLinksSjablonen {
    float: left;
    font-family: roboto, arial !important;
    font-size: 12px !important;
    font-style: italic !important;
    width: 4px !important;
}
.lijstViewRechtsTaakToetsAandachtspuntSjablonen {
    font-family: roboto, arial !important;
    font-size: 12px !important;
    padding-left: 80px !important;
    padding-top: 9px !important;
}


.gewoneRij .x-grid-cell {
    border-width: 0px !important;
}

.gewijzigdeRij  .x-grid-cell {
	 background-color:green !important;
}

.iconAandachtspuntLijstview {
    background: rgba(0, 0, 0, 0) url("./../pics/aandachtspunt.png") no-repeat !important;
    margin-left: 160px;
    margin-top: 10px;
    padding-left: 15px;
    padding-top: 20px;
    position: absolute;
}
.iconAandachtspuntLijstviewSjablonen {
    background: rgba(0, 0, 0, 0) url("./../pics/aandachtspunt.png") no-repeat !important;
    margin-left: 135px;
    margin-top: 10px;
    padding-left: 15px;
    padding-top: 20px;
    position: absolute;
}


.iconToetsLijstview {
    background: rgba(0, 0, 0, 0) url("./../pics/toets.png") no-repeat !important;
    margin-left: 160px;
    margin-top: 10px;
    padding-left: 15px;
    padding-top: 20px;
    position: absolute;
}
.iconToetsLijstviewSjablonen {
    background: rgba(0, 0, 0, 0) url("./../pics/toets.png") no-repeat !important;
    margin-left: 135px;
    margin-top: 10px;
    padding-left: 15px;
    padding-top: 20px;
    position: absolute;
}

.iconTaakLijstview  {
    background: rgba(0, 0, 0, 0) url("./../pics/taak.png") no-repeat !important;
    margin-left: 160px;
    margin-top: 10px;
    padding-left: 15px;
    padding-top: 20px;
    position: absolute;
}

.iconTaakLijstviewSjablonen{
	background: rgba(0, 0, 0, 0) url("./../pics/taak.png") no-repeat !important;
    margin-left: 135px;
    margin-top: 10px;
    padding-left: 15px;
    padding-top: 20px;
    position: absolute;
}

.sjabloonGroepering1 .x-grid-cell-inner {
			   font-family: roboto, arial !important;
			   font-size: 14px !important;
			   font-weight: 500;
}


.sjabloonGroepering2{
	padding-left:15px !important;
}

.sjabloonGroepering2 .x-grid-cell-inner {
   font-weight: 500;
   font-family: roboto, arial !important;
   font-size: 12px !important; 
}



.sjabloonHoofdDiv{
	display:inline-flex !important;
}

.sjabloonUren{
	min-width:30px !important;
	max-width:30px !important;
	border:1px solid transparent !important;
	margin-left:15px  !important;
}

.sjabloonBlok{
	display:inline-flex !important;
}

.sjabloonOnderwerp{
	border:1px solid transparent !important;
}

.sjabloonWitMarge{
	background-color:#FFFFFF !important;
	border-width: 0 !important
}

.sjabloonKleurA{
	background-color:#E2E2E2 !important;
}
.sjabloonKleurA .x-grid-cell-inner {
    background-color: #E2E2E2 !important;
}
.sjabloonKleurA.x-grid-row-selected.x-grid-row-focused .x-grid-cell {
    background-color: #fbecb8  !important;
}

.sjabloonKleurB{
	background-color:#F2F2F2 !important;
}
.sjabloonKleurB .x-grid-cell-inner {
    background-color: #F2F2F2 !important;
}
.sjabloonKleurB.x-grid-row-selected.x-grid-row-focused .x-grid-cell {
    background-color: #fbecb8  !important;
}

.sjabloonKleurLinkerMargeKleurA{
	border-left:80px solid #E2E2E2 !important;
}
.sjabloonKleurLinkerMargeKleurB{
	border-left:80px solid #F2F2F2 !important;
}


.groeperingRij .x-grid-cell {
    background-color: rgb(250,250,250) !important;
}

.groeperingRij.x-grid-row-selected.x-grid-row-focused .x-grid-cell {
    background-color: #fbecb8  !important;
}

/* overwrite hedwig */ 
.x-panel-body .x-panel-body-default .x-docked-noborder-right .x-docked-noborder-bottom .x-docked-noborder-left {
  border: 0px !important;
}

.geenAchtergrondkleurBijHover > .x-grid-cell-inner:hover{
	background-color:white !important;
}