@font-face {
	font-family: 'FontAwesome';
	font-display: swap;
}
.headerBackgroundCustomer {background-color: #f8f8f8; height:59px} 
.customerNav{position:fixed;background-color:#3271da;width:100%;height:auto;z-index:5;top:59px}
.columnCount5{width:20%;}
.columnCount8{width:12.5%;}
.columnCount9{width:11.1%;}
.navPoint {border-left: 1px dashed #83b1ff;}
.navPointLast {border-right: 1px dashed #83b1ff;}
.navPoint, .navPointSub{width:auto;cursor:pointer;}
.navPoint:hover{background-color:#0044b5;}
.navPointSub:hover{background-color:#1859c5;}
.navPointActive{background-color:#0044b5;}
.navPointAdmin{width:auto;cursor:pointer;background-color:#a20101;}
.navPointAdmin:hover{background-color:#540101;}
.navPointActiveAdmin{background-color:#540101;}
.emptyNavDiv{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
a.navLink:link, a.navLink:visited, a.navLink:hover,
a.navLinkActice:link, a.navLinkActice:visited, a.navLinkActice:hover{color:#ffffff;text-decoration:none;}
.navText{font-size:120%;color:#ffffff;padding:20px 15px 20px 15px;font-weight:300;}
.navText2{font-size:100%;color:#ffffff;padding:20px 15px 20px 15px;font-weight:300;}
.subnav{position:fixed;}
.navBackground{background-color:#0044b5;}
.whiteBackground{background-color:#ffffff;}

.crumbBackground{background-color:#fffff;}
.crumbBackgroundActive{background-color:#0044b5;}

.crumBoxColorActive2{color:#ffffff;}
.crumBoxColorActive{color:#0044b5;}
.crumBoxColor{color:#616161;}
.crumbBackgroundOverview{background-color:#616161;}
a.aLink:link{color:#ffffff;text-decoration:none;}
a.aLink:visited{color:#ffffff;text-decoration:none;}
a.aLink:hover{color:#ffffff;text-decoration:none;}
.navBackgroundAdmin{background-color:#a20101;}
.closed-nav{height:0px;overflow:hidden;}
.opened-nav{height:auto;overflow:hidden;}
.subnavnav{position:relative;}
.customerBreadcrumb{position:fixed;height:auto;z-index:1;top: 121px}
.customerBreadcrumbBg{background-color:#0044b5;}
.bcText{font-size:115%;color:#ffffff;padding:15px 15px 15px 15px;font-weight:300;}
.box50{width:50%;}
.box25{width:25%;}
.box75{width:75%;}
.box100{width:100%;position:relative;}
.grow{flex-grow:1;}
.boxSpaceRight4{margin-right:4%;}
.boxSpaceTop10{margin-top:10px;}
.box100List{width:100%;padding-top:20px;}
.box50ListLeft{width:calc(50% - 10px);padding-right:10px;padding-top:20px;}
.box50ListRight{width:calc(50% - 10px);padding-left:10px;padding-top:20px;}
.innerFormBox{position:relative;background-color:#ffffff;border:1px solid #cccccc;padding:13px;}
.quarterField{box-sizing:border-box;width:22%;margin-right:3%}
.threequarterField{box-sizing:border-box;width:75%;}
.searchableBox{position:absolute;display:none;box-sizing:border-box;width:100%;background-color:#ffffff;border-left:1px dashed rgba(50, 113, 218, 0.74);border-right:1px dashed rgba(50, 113, 218, 0.74);border-bottom:1px dashed rgba(50, 113, 218, 0.74);z-index:5;}
.searchableContent{font-size:100%;font-weight:300;background-color:#ffffff;padding:5px;}
.searchableContent:hover{font-size:100%;font-weight:300;background-color:#cccccc;}
.outputField{font-size:100%;padding:5px;}
.thumb{position:absolute;width:auto;height:auto;top:0;right:0;padding:5px;}
.green{color:#007921;}
.red{color:#a20101;}
.greenBg{background-color:#007921;}
.redBg{background-color:#a20101;}
.blueBg{background-color:#0044b5;}
.cssUpload *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.file-drop-zone{height:auto;}
*{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;}
.userPic{height:285px;overflow:hidden;}
.editLine{}
.editButton{border:3px solid #ffffff;background-color:#3271da;color:#ffffff;border-radius:3px;padding:8px;}
.editButtonGrey{border:3px solid #ffffff;background-color:#8c8c8c;color:#ffffff;border-radius:3px;padding:8px;}
.editButtonRed{border:3px solid #ffffff;background-color:#a20101;color:#ffffff;border-radius:3px;padding:8px;}
.editLinkSmall{font-size:85%;}
a.editLink:link, a.editLinkSmall:link{color:#3271da;text-decoration:none;}
a.editLink:visited, a.editLinkSmall:visited{color:#3271da;text-decoration:none;}
a.editLink:hover, a.editLinkSmall:hover{color:#3271da;text-decoration:none;}
a.jumpLink:link{color:#0044b5;text-decoration:none;}
a.jumpLink:visited{color:#0044b5;text-decoration:none;}
a.jumpLink:hover{color:#acb4c1;text-decoration:none;}
a.deacLink:link{color:#a20101;text-decoration:none;}
a.deacLink:visited{color:#a20101;text-decoration:none;}
a.deacLink:hover{color:#a20101;text-decoration:none;}
a.reacLink:link{color:#0d870b;text-decoration:none;}
a.reacLink:visited{color:#0d870b;text-decoration:none;}
a.reacLink:hover{color:#0d870b;text-decoration:none;}
.crumbBoxText{font-size:100%;font-weight:600;text-align:center;}

.crumbBox{padding:10px;flex-grow:2;}
.checkBoxArea{width:auto;flex-grow:0;margin-right:10px;margin-left:5px;}
.checkArea{border:1px solid #cccccc;border-radius:3px;margin:6px;cursor:pointer;width:calc(33.333333% - 14px);}
.checkAreaFull{border-top:1px dashed #cccccc;cursor:pointer;width:100%;background-color:#ffffff;}
.checkAreaFullOverview{border-top:1px dashed #cccccc;width:100%;background-color:#ffffff;}
.checkAreaOverview{border:1px dashed #cccccc;border-radius:3px;margin:6px;cursor:pointer;width:calc(100% - 32px);padding:10px;}
.checkAreaCheckedFull{border-top:1px dashed #cccccc;cursor:pointer;width:100%;background-color:#b7d2fe;}
.checkAreaNo{border:1px dashed #cccccc;border-radius:3px;margin:6px;width:calc(33.333333% - 14px);}
.areaView{border:1px dashed #cccccc;border-radius:3px;width:100%;font-weight:300;}
.areaViewAuto{border:1px dashed #cccccc;border-radius:3px;margin:5px;font-weight:300;}
.chartContainer{height:50vh;}
.areaViewAutoChecked{border:2px dashed #3271da;border-radius:3px;margin:3px;font-weight:300;}
.areaView2{padding:5px;border:1px dashed #cccccc;border-radius:3px;margin:6px;width:calc(100% - 22px);font-weight:300;background-color:#f9fbff;}
.checkAreaNoView{border:1px dashed #cccccc;border-radius:3px;margin:6px;width:calc(100% - 14px);font-weight:300;}
.checkAreaChecked{border:3px solid #3271da;border-radius:3px;margin:2px;padding:2px;cursor:pointer;width:calc(33.333333% - 14px);}
.checkAreaSelected{border:1px dashed #cccccc;border-radius:3px;margin:6px;cursor:pointer;width:calc(33.333333% - 14px);}
.checkAreaNotSelected{border:1px dashed #cccccc;border-radius:3px;margin:6px;cursor:pointer;width:calc(33.333333% - 14px);opacity:0.4;}
.checkAreaInner{padding:10px;}
.checkAreaInnerChecked{padding:10px;}
.checkAreaDeselectHidden{width:auto;display:none;}
.checkAreaDeselectShow{width:auto;display:block;}
.optAreaShow{}
.minus{margin-left:auto;}
.plusSize{width:18px;height:18px;}
.centerGraficElements{vertical-align:middle;display:-webkit-inline-box;}
.cartBox{padding:10px;background-color:#cddffd;border-left:1px dashed #cccccc;border-top:1px dashed #cccccc;border-top-left-radius:3px;}
.cartArticleTitle{width:calc(60% - 10px);padding:5px;border-top:1px dashed #ffffff;font-size:90%;}
.cartArticleTitleCosts{width:calc(25% - 10px);padding:5px;border: 0px; font-size:120%;font-weight:600;}
.cartArticleHoleprice{width:calc(40% - 20px);padding:5px;margin-right:10px;text-align:right;border-top:1px dashed #ffffff;font-size:90%;}
.cartArticleHolepriceCosts{width:calc(25% - 10px);padding:5px; border: 0px; text-align:right;font-size:100%;font-weight:300;flex-grow:2;}
.cartArticlePriceCosts{width:calc(100% - 10px);padding:5px;text-align:right;border-top:1px dashed #cccccc;font-size:110%;font-weight:300;}
.cartArticleDuration{width:calc(30% - 10px);padding:5px;font-size:80%;}
.cartArticleDurationCosts{width:calc(25% - 10px);padding:5px; border: 0px; font-size:100%;font-weight:300;}
.cartArticlePrice{width:calc(40% - 10px);padding:5px;font-size:80%;}
.cartPrice{text-align:right;margin-right:15px;flex-grow:2;font-weight:bold;}
.bgCosts{background-color:#ffffff;}
a.formLink:link{text-decoration:none;}
#filterRight .checkAreaChecked { border: 3px solid #3271da;	border-radius: 3px;margin: 2px;padding: 2px;cursor: pointer;width: calc(100% - 14px);}
#filterRight .checkArea {border: 1px solid #cccccc;	border-radius: 3px;margin: 6px;cursor: pointer;width: calc(100% - 14px);}
.txtColDarkGrey{color: #2e2e2e;}
.fs110 {font-size: 110%;}
.innerCrumbBoxNew {position: relative; background-color: none; border: 0px;}

@media only screen and (max-width: 764px) {
.navText{font-size:80%;color:#ffffff;padding:5px 5px 5px 5px;font-weight:300;}	
.headerBackgroundCustomer {background-color: #f8f8f8; height: auto} 
}