.loopbaantree-memo .x-grid-cell-inner {
    white-space: normal;
}

.tree-loopbaanoverzicht-body {
    padding-top: 30px;
}

.medium-icon.x-btn-icon .x-btn-icon {
	width: 24px;
	height: 24px;
	font-size: 24px;
}
  
 
.large-icon.x-btn-icon .x-btn-icon {
	width: 32px;
	height: 32px;
	font-size: 32px;
}
 
 .x-form-invalid .x-html-editor-wrap {
	background-color: white;
	background-image: url(//cdn.sencha.com/ext/gpl/4.1.1/resources/themes/images/default/grid/invalid_line.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	border-color: rgb(204, 51, 0);
}


.wisa-link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.activiteit-hidden-div{
	min-height:100%;
	position: relative;
	float: left;
}

.jaarvorderingsplannen-titel {
  position: relative;
  height: 30px;
  padding-top: 10px;
}


.jaarvorderingsplannen-item-divider {
  border-left: 6px solid #086e55;
}

.jaarvorderingsplannen-activity-icon {
	z-index: 10 !important;
    color: black;
    margin-top: 0px;
    max-width: 14px;
    margin-left: 5px;
}

.jaarvorderingsplannen-activity-icon-sjablonen{
    margin-top: 3px;
    margin-right: 5px;
	margin-left: 0px;
}

.jaarvorderingsplannen-goal {
  display: flex;
  align-items: center;
  padding-top:10px;
}

.jaarvorderingsplannen-goal .jaarvorderingsplannen-goal-description {
  padding: 0 8px;
  color: #000 !important;
  height: 100%;
}

.jaarvorderingsplannen-goal .jaarvorderingsplannen-identifier {
  padding-right: 8px;
  color: #000 !important;
  font-size: 15px;
  text-align: right;
}


.jaarvorderingsplannen-duration-arrow {
  width: 100%;
  height: 40px;
  position: absolute;
  /* top: 10px;
  left: -16px;*/
}

.jaarvorderingsplannen-duration-arrow .end .jaarvorderingsplannen-arrow-pointer,
.jaarvorderingsplannen-duration-arrow .single .jaarvorderingsplannen-arrow-pointer {
  background: transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #e0e0e0;
}

.jaarvorderingsplannen-duration-arrow-now-active .end .jaarvorderingsplannen-arrow-pointer,
.jaarvorderingsplannen-duration-arrow-now-active .single .jaarvorderingsplannen-arrow-pointer {
  border-left: 30px solid rgb(177, 172, 172);
}

.jaarvorderingsplannen-duration-arrow-saved .end .jaarvorderingsplannen-arrow-pointer,
.jaarvorderingsplannen-duration-arrow-saved .single .jaarvorderingsplannen-arrow-pointer {
  border-left: 30px solid #B90D3F;
  color: #FFFFFF !important;
}

.jaarvorderingsplannen-duration-arrow .end .body,
.jaarvorderingsplannen-duration-arrow .single .body {
  height: 25px;
  width: 100%;
  background: #e0e0e0;
}

.jaarvorderingsplannen-duration-arrow-now-active .end .body,
.jaarvorderingsplannen-duration-arrow-now-active .single .body {
  background: rgb(177, 172, 172);
}

.jaarvorderingsplannen-duration-arrow-saved .end .body,
.jaarvorderingsplannen-duration-arrow-saved .single .body {
  background: #B90D3F;
}



.jaarvorderingsplannen-duration-arrow-saved .end .body>.activityTitle,
.jaarvorderingsplannen-duration-arrow-saved .single .body>.activityTitle {
  color: #FFFFFF !important;
}

.jaarvorderingsplannen-duration-arrow .single.showArrow {
  visibility: visible;
  opacity: 1;
}

.jaarvorderingsplannen-duration-arrow .single {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity .5s linear;
}

.jaarvorderingsplannen-grey {
  color: #606060;
}

.jaarvorderingsplannen-activityTitle {
  color: #9b009b;
  margin-top: -23px;
  margin-left: 36px;
  cursor: pointer;
  cursor: hand;
}

.jaarvorderingsplannen-fiche {
  border-left: 6px solid #e0e0e0;
  background-color: #FFFFFF !important;
  margin: 15px;
}

.jaarvorderingsplannen-fiche-this-week {
  border-left: 6px solid #9b009b;
}

.jaarvorderingsplannen-fiche-saved {
  border-left: 6px solid #B90D3F;
}


.jaarvorderingsplannen-week-date {
  position: absolute;
  top: 0px;
  right: 8px;
  font-size: 19px;
  color: #000;
  z-index: 10;
}


.jaarvorderingsplannen-duration-arrow .single {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity .5s linear;
}

.jaarvorderingsplannen-duration-arrow .end,
.jaarvorderingsplannen-duration-arrow .single {
  width: calc(100vw - 180px);
  height: 25px;
  margin-top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.leerplanPopup{
	width:300px;
	height:calc(100vh - 100px);
}

.vueIframeCSS{
/*	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;	*/
	visibility:hidden;
	display:none;
}


#wisa-submenu-kinderen .x-tree-icon.voorakkoord {
    background: url(./theme/webouders/img/containers/submenu/items/icons/voorakkoord/voorakkoord.png) no-repeat !important;
	margin-left: -15px !important;
}

#wisa-submenu-kinderen .x-tree-icon.extra {
    background: url(./theme/webouders/img/containers/submenu/items/icons/extra/extra.png) no-repeat !important;
	margin-left: -15px !important;
}

.fa-taak-color{
	color:#FF870F;
}

.fa-toets-color{
	color:#B30D3D;
}

.fa-aandachtspunt-color{
	color:#F2C428;
}

.fa-calculator-color{
	
}

.fa-waarschuwing-color{
	color:#B30D3D;
}

.checkboxTitels{
    font-style: normal;
    font-size: 12px;
    color: #57595F;
}

.checkboxTitels-body{
	margin-top:16px !important;
}

.checkboxNaarLinks .x-form-item-body.x-form-cb-wrap {
	left:-8px;
}

.tooltip-inner {
    z-index: 99999999999 !important;
    float:left !important;
    min-width:500px !important;
    text-align:left !important;
    background-color:#545454 !important;
}
.tooltip.in{opacity:1!important;}

.daterangepicker.dropdown-menu {
    z-index: 9999 !important;
}

/* Recurrence edit options icon classes */
.extensible-recur-edit-options-nieuw .recur-edit-periode {
    width: 50px !important;
    margin: 0 auto;
    background: url(./../pics/extensible/recur-edit-options-nieuw.png) -150px -3px !important;
}
.extensible-recur-edit-options-nieuw .recur-edit-single {
    width: 50px !important;
    margin: 0 auto;
    background: url(./../pics/extensible/recur-edit-options-nieuw.png) -100px -3px !important;
}
.extensible-recur-edit-options-nieuw .recur-edit-future {
    width: 50px !important;
    margin: 0 auto;
    background: url(./../pics/extensible/recur-edit-options-nieuw.png) -50px -3px !important;
}
.extensible-recur-edit-options-nieuw .recur-edit-all {
    width: 50px !important;
    margin: 0 auto;
    background: url(./../pics/extensible/recur-edit-options-nieuw.png) 0 -3px !important;
}

.wisa-list-highlight{
    background-color: #F9F9F9 !important;
}
.wisa-monospace{
    font-family:courier, monospace !important; /*roboto mono mss downloaden?*/
}

.toast-boodchap{
    background-color: dimgray;
    color: #F0F0F0;
    font-family: inherit;
    font-size: 13px;
    padding: 20px 50px;
    text-align: center;
    border-radius: 82px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    z-index: 999999999999;
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translate(-50%, 0);
}
.btnWitHand span{
	cursor: pointer !important;
	cursor: hand !important;
    color: #ffffff !important;
}

.wisa-container-header-logo {
    background-position: 10px 24px;
}

.versienummer {
    left: 100px !important;
    top: 60px !important;
    font-size: 10px !important;
    display: initial;
    max-width: initial;
    margin-bottom: initial;
    font-weight: inherit;
    line-height: normal;
}

.versienummer2{
	color:#FFFFFF !important;
	font-size:11px !important;
	text-align:right !important;
    left:115px !important;
    top:40px !important;
}

.wisa-submenu .x-panel-header .x-panel-header-text-default {
    font-size: 17px;
    margin-left: 10px;
}

#wisa-center_header .x-panel-header-text {
    font-size: 17px;
    margin-left: 5px;
}

.x-panel-header-text-default {    
    font-weight: 600;
}


.grijzeToolbar{
 background-color: rgb(150, 150, 150) !important;  
 padding:3px !important;
}



.wisa-btn-transparent {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 none !important;
    border-radius: 0 !important;
}
.wisa-btn {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 0 none !important;
    border-radius: 0 !important;
}

img#wisa-submenu_header-iconEl {
    margin-left: -5px !important;
}

.wisa-logo-schoolware-medium-red
{
    background-size: 135px !important;
}


.wisa-menu-item-hover-new
{
    background: #a00c36 !important;

}

.wisa-container-header .wisa-header-menu-active .x-btn-center
{
    background: #a00c36 !important;

}

.wisa-menu-item-new{
    border-width:0px !important;
    padding:0px !important;
    margin-top:-7px !important;
}

.x-btn-default-toolbar-small .x-btn-inner .wisa-menu-item-hover-new,
.x-btn-default-toolbar-small .x-btn-inner .wisa-menu-item-new
{
    color:#FFFFFF !important;     
}

.wisa-container-header .wisa-menu-item-new .x-btn-inner
{
    color : #FFFFFF;
    font-size:12px !important;
    padding-left:15px !important;
    padding-right:15px !important;

}

.x-btn.wisa-profile2 .x-btn-inner {
    /*color : #F2C428;*/
	color:#FFFFFF;
    text-align: left;
    float:right;
}

.x-btn.wisa-school2 .x-btn-inner{
    /*color : #FFFFFF;*/
    color:#F2C428;
	text-align:left;
    position: fixed;
    top: 3px;
    right: 8px;
    overflow: hidden;
}

.x-btn.wisa-uitloggen2 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    top: 15px !important;
}

.x-btn.wisa-profile2, .x-btn.wisa-logout2 {
    border: none !important;
	background: none !important;
}

 .x-btn.wisa-school2 {
    border: none !important;
	background: none !important;
    margin-top:-10px !important;
}

.x-btn.wisa-school2.x-btn-over,  .x-btn.wisa-profile2.x-btn-over, .x-btn.wisa-logout2.x-btn-over,.x-btn.wisa-school2.x-btn-pressed, .x-btn.wisa-profile2.x-btn-pressed, .x-btn.wisa-logout2.x-btn-pressed {
    background: none !important;
    border: none !important;
}




.hand{
	cursor: pointer; cursor: hand;
}

#hrefAlsKnopId a:link {color: #000; text-decoration: none;}
#hrefAlsKnopId a:visited, #hrefAlsKnopId a:hover,
#hrefAlsKnopId a:active {
  color: #000 !important;
  text-decoration: none;
}

.paragraaf {
                font-family: roboto, 'Open Sans', arial; 
                font-size: 13px;
                line-height: 1.5em;
}

.paragraaf p{
                margin-top: 7px; 
                margin-bottom: 5px;
}              
                
.paragraaf ul{
                margin-bottom:1.5em;
                margin-top: 1em;
}

.paragraaf li{
                list-style-type: disc;
                margin-top: 5px; 
}

.paragraaf h1{
	 font-weight:600;
	 margin-bottom:5px;
}

.paragraaf h2{
	 font-weight:600;
	 margin-bottom:0px;
	 line-height: 1.2em;
}

.info{
	font-size:12px;
}

.accent{
	font-style:italic;
	padding-right:2px;
}



.divBuitenkant{
/*	display:inline;*/
}

.divBinnen1 {
	float:left;
}

.divBinnen2, .divBinnen3, .divBinnen4{
	float:right;
}

/* menu links afbeeldingen */
#menuTreeId .x-grid-tree-node-expanded .x-tree-elbow-plus, #menuTreeId .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background-image: url("../css/theme/default/img/tree/treeParent.gif");
    margin-top:-2px;
}

#menuTreeId .x-tree-elbow-plus, #menuTreeId .x-tree-elbow-end-plus {
    background-image: url("../css/theme/default/img/tree/treeParentDichtgeklapt.gif");
}



#menuTreeId .x-tree-elbow, #menuTreeId .x-tree-elbow-end, #menuTreeId .x-tree-elbow-line {
    background-image: none;
	background-color: transparent;
}

#menuTreeId-body > div{
	overflow-x:hidden !important;
}




/************
Nieuw
************/

.x-toolbar-default{
 background : none;
}

.x-btn-default-toolbar-small .x-btn-inner {
    font-family: 'open sans', roboto, arial;
}

.x-btn-default-toolbar-medium .x-btn-inner {
    font-family: 'open sans', roboto, arial;
}
	
.x-btn-default-toolbar-large .x-btn-inner {
    font-family: 'open sans', roboto, arial;}

.x-menu-body {
    background: #fff none repeat scroll 0 0 !important;
}

.x-menu-item-text {
    color: #5d5f65;
    font-size: 12px;
}	

.x-menu-item-active .x-menu-item-link {
    background-color: #fef9e8;
    background-image: none;
    border: 1px solid #fef9e8;
}

.x-panel-header-text-default {
    font-family: 'open sans', roboto, arial;
}

.x-panel-header-text-default-framed {
    font-family: 'open sans', roboto, arial;
}

.x-window-header-text-default {
    font-family: 'open sans', roboto, arial;
}

.x-tab button {
    font-family: 'open sans', arial;
	font-size: 12px;
	font-weight: 600;
}

.x-html pre, .x-html tt, .x-html code, .x-html kbd, .x-html samp {
    font-family: roboto, arial;
}

.x-mask-msg div {
    font: 11px roboto, arial;
}

.x-btn-group-header-text-default-framed {
    font: 11px roboto, arial;
}

table.x-datepicker-inner th {
    font: 10px roboto, arial;
}

table.x-datepicker-inner a {
    font: 11px roboto, arial;
}

.x-monthpicker-item {
    font: 11px roboto, arial;
}

.x-grid-empty {
    font: 11px roboto, arial;
}

.x-column-header {
    font: 11px roboto, arial;
}

.x-grid-row .x-grid-cell {
    font: 11px/15px roboto, arial;
}

.x-grid-rowbody {
    font: 11px/13px roboto, arial;
}

.x-grid-group-title {
    font: 500 11px roboto, arial;
}

.x-grid-row-editor .x-form-display-field {
    font: 11px/15px roboto, arial;
}

.x-grid-editor .x-form-text, .x-grid-row-editor .x-form-text {
    font: 11px/15px roboto, arial;
}

.x-form-invalid-under {
    font: 11px/16px roboto, arial;
}

.x-form-field, .x-form-display-field {
    font: 12px roboto, arial;
}

.x-form-item {
    font: 12px roboto, arial;
}


div#wisa-webleerkracht-grid-leerlingen-body .x-grid-row .x-grid-cell {
    font-family: roboto, arial !important;
}



/* angular-material.min.css */
/* prikbord overgang bij wisselen van tabs versnellen */
/* overgang bij wisselen van tabs versnellen */

md-tab-content {
  transition: -webkit-transform .15s cubic-bezier(.35,0,.25,1)  !important;
  transition: transform 0.15s cubic-bezier(.35,0,.25,1) !important;

}


.hoofdTitel{
	 color: #5d5f65;
    font-size: 14px;
    font-weight: bold;
    padding-left: 30px;
    text-transform: uppercase;
	font-family: "open sans",roboto,arial;
}

.icon{
	background-repeat: no-repeat;
	background-size:100%;
	display:block;
	margin-right:3px;
}

.icon-pdf{ /* application/pdf */
	background-image: url("./../pics/ext-pdf.png") !important;
}   
.icon-word{ /* application/msword  */
	background-image: url("./../pics/ext-word.png") !important;
}
.icon-excel{ /* application/vnd.ms-excel */
	background-image: url("./../pics/ext-excel.png") !important;
}   
.icon-ppt{ /* application/vnd.ms-powerpoint */
	background-image: url("./../pics/ext-ppt.png") !important;
}   
.icon-img{ /* image/jpeg */
	background-image: url("./../pics/ext-img.png") !important;
}  
.icon-file{
	background-image: url("./../pics/ext-file.png") !important;
}   
.icon-folder{
	background-image: url("./../pics/mimetype/ext-folder.svg") !important;
	margin-top: 3px;
    max-width: 16px;
}   
.icon-url{
	background-image: url("./../pics/type-url.png") !important;
} 

.iconKlein{
	height:20px;
    width:20px;
}
.iconHeelKlein{
	height:14px;
    width:14px;	
}

.x-boundlist-selected {
    background-color: #fbecb8 !important;
    border-color: #dfdcdc;
    border-style: dotted;
}
.x-boundlist-item-over {
    background-color: #fef9e8;
    border-color: #ddd;
}

.hoofdTitel{
	 color: #5d5f65;
    font-size: 14px;
    font-weight: bold;
    padding-left: 30px;
    text-transform: uppercase;
	font-family: "open sans",roboto,arial;
}

.x-menu-item-text{
	margin-left:20px;
}

.fa-WISA-menu-icoon{
	margin-top:5px;
	margin-bottom::5px;
	margin-right:10px;
	margin-left:5px;
}

.fa-WISA-default-grootte{
	font-size:11px !important;
}

.fa-WISA-pijl-cursor{
	cursor: default; 
}

.fa-WISA-hand-cursor{
	cursor: pointer; 
	cursor: hand;
}

.fa-WISA-klein{
    font-size: 6px;
    font-weight: 400;
}

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

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

.fa-WISA-red{
	color:#B80D41;
}

.fa-WISA-green{
	color:#428B30;
}

.fa-WISA-default-color{
	color:grey;
}

.fa-WISA-default-color-lighter{
	color:#b3b3b3 
}

.fa-WISA-default-color-darker{
	color:#787878 
}

.fa-WISA-wit{
	color:#FFFFFF;
}

.fa-WISA-midden{
	display:flex;
	align-items:center;
}

.fa-WISA-margeBovenEnLinks{
	margin-top:5px; margin-left:5px;
}

.fa-WISA-margeBovenEnLinks2{
	margin-top:2px; margin-right:5px;
}

.flex-container {
  display: -webkit-flex; /* Safari */
  display: flex;
  width:100%;
}


.screen-lock{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: 50000000;
    background: white;
}


#loading-block{
    height: 100%;
    width: 100%;
    z-index: 99999999999999999999999999999999999;
    background-color: white;
    opacity: 0.9;
	display:none;
}
#loading-block .fa-spin{
    position: relative;
    margin: auto;
    left: 50%;
    top: 50%;
    font-size: 57px;
    color: #0B0B0B;
    margin-left: -34px;
    margin-top: -34px;
}

.middenCentreren{
	display: block;
	margin-left: auto;
	margin-right: auto
}





tbody.RapportBody tr{
    line-height:normal !important;
}
#tabelId+label{
    line-height:normal !important;
	font-weight:normal !important;
}
tbody.RapportBody .RowtypeVak{
    cursor:pointer;
}

tbody.RapportBody .ColtypeRijhoofding, tbody.RapportBody .ColtypeOpmerking, tbody.RapportBody .RowtypeVak:empty{
    cursor:default;
}


th.sticky-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color:#f5f4f4;
}

.KlasRapportTabel{	
}

.KlasRapportBody, .KlasRapportHeader{
	 padding-left: 20px !important;
	 margin-top: 10px !important;

}
.KlasRapportBody td{
	 border:1px solid #DBD5D5;
}
.KlasRapportHeader th{
	 border-left:1px solid #DBD5D5;
}

.KlasRapportBody td, .KlasRapportHeader th{
	 padding-right:5px;
	 padding-left:5px;
	 padding-top:2px;
	 padding-bottom:2px;
	 font-size: 12px;
}










#klasrapportTabelId_1-body{
	overflow:hidden !important;
}

#rapportTabel_1.table {
  position: relative;
  width: calc(100vw - 330px) !important;
  overflow: hidden;
  border-collapse: collapse;
}




/*thead*/
.KlasRapportHeader_1 {
  position: relative;
  display: block; /*seperates the header from the body allowing it to be positioned*/
  width: calc(100vw - 330px) !important;
  overflow: visible;
}

.KlasRapportHeader_1 th {
  min-width: 95px;
  max-width: 95px;
  height: 32px;
}

.KlasRapportHeader_1 th:nth-child(1) {/*first cell in the header*/
  position: relative;
  min-width:200px;
  display: block; /*seperates the first cell in the header from the header*/  
  background-color:#FFFFFF;
}

/*tbody*/
.KlasRapportBody_1 {
  position: relative;
  display: block; /*seperates the tbody from the header*/
  width: calc(100vw - 330px) !important;
  max-height: calc(100vh - 230px);
  overflow: auto;
}

.KlasRapportBody_1 td {
  min-width: 95px;
  max-width: 95px;
}

.KlasRapportBody_1 tr td:nth-child(1) {  /*the first cell in each tr*/
  position: relative;
  margin: auto;
  /*border:0px solid white;
  border-left:1px solid #DBD5D5;
  border-right:1px solid #DBD5D5;
  border-top:1px solid #DBD5D5;*/
  min-width:200px;
  /*display: block; /*seperates the first column from the tbody*/
  height: 40px;
  background-color:#FFFFFF;
}



.rapportEersteKolom_1{
	overflow:hidden;
	min-height:45px;
	border-right:1px solid #DBD5D5;
	width: 200px !important;
}

.ColtypeRijhoofding{
	background-color:#f5f4f4;
	padding-left:5px;
	overflow:hidden;
}

tbody.RapportBody_1 tr{
    line-height:normal !important;
}
tbody.RapportBody_1 .RowtypeVak{
    cursor:pointer;
}

tbody.RapportBody_1 .ColtypeRijhoofding, tbody.RapportBody_1 .ColtypeOpmerking, tbody.RapportBody_1 .RowtypeVak:empty{
    cursor:default;
}

/*
th.sticky-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color:#f5f4f4;
}
*/

.KlasRapportBody_1 td{
	 border:1px solid #DBD5D5;
}
.KlasRapportHeader_1 th{
	 border-left:1px solid #DBD5D5;
}

.KlasRapportBody_1 td, .KlasRapportHeader_1 th{
	 padding-right:5px;
	 padding-left:5px;
	 padding-top:2px;
	 padding-bottom:2px;
	 font-size: 12px;
}