/* The side navigation menu */
.overlayFull { height: 100%; width: 100%; background-color: rgba(255,255,255,0.5); position: fixed; z-index: 2; display: none; }
.sidenav { height: 100%; width: 0; position: fixed; z-index: 3; top: 0; left: 0; transition: 0.5s; display:block; }
.sidenav a { padding: 12px 60px 8px 35px; text-decoration: none; font-size: 17px; color: black; display: block; transition: 0.2s; font-family: Delivery Bold, sans-serif; }
	.sidenav a.linkBottom { padding-top: 5px; padding-bottom: 5px; color: #444;font-family: Delivery Regular, sans-serif; font-size: 16px;}
.sidenav a.active { color: #D40511; }
.sidenav a.active::before { content: ""; background-color: #D40511; width: 25px; height: 3px; position: absolute; left: 0; top: 20px; }
.sidenav .sectionLeft { display: block; position: relative; float:left; background-color: white; height: 100%; width: 100%; box-shadow: 0 0 10px #999; }
.sidenav .sectionLeft .menuItems {display: none;overflow-y: auto; height: 82%;}
.sidenav .sectionLeft ul { list-style-type: none; padding: 0; }
.sidenav .sectionLeft ul.nested li { padding-left: 10px; }

.nested li { position: relative; }
.nested li a { font-family: Delivery Regular; font-size: 14px; }

/* The navigation menu links */
.topBox { position: relative; background-color: #FDCB00; height: 70px; margin-bottom: 40px; width: 100%; }

/* When you mouse over the navigation links, change their color */
.sidenav a:hover { color: #D40511; }
.sidenav .closebtn:hover { transform: scale(1.04);color: #fff; }

/* Position and style the close button (top right corner) */
.sidenav .closebtn { position: absolute; width: 50px; height: 50px; right: -50px; top: 12px; z-index: -1; background-color: #000; color: white; font-size: 50px; display: block; text-align: center; padding: 0; font-family: Delivery Condensed Light; line-height: 50px; border-radius: 0 5px 5px 0; text-decoration: none !important; }

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}

.sideMenuChevron { display:block; float:right; width:16px; margin: 0 auto; }
.sideMenuIcon { z-index: 10; width: 65px; height: 47px; background-color: #D40511; background-image: url("../img/menu-burger.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; color: #fff; text-align: center; font-size: 40px; position: absolute; left: 25px; top: 17px; border-radius: 5px;border: 0; cursor: pointer;}
.sideMenuIcon:hover { background-color: #c8050f;}
.btn-lg {padding: 13px 20px !important;}
.topBoxLogo { width:100px; margin: 25px 0 0 35px; }



.portalLink { position: relative}
.portalLink i { float:right; padding-top: 4px; font-size: 16px; }
.portalLink img { position: absolute; }

.cem-ico::before { content: url("../img/ico.user.png"); position: absolute; left: 15px; top: 14px; }
.csa-ico::before { content: url("../img/ico.csa.png"); position: absolute; left: 13px; top: 15px; }

.cim-ico::before { content: url("../img/ico.user.png"); position: absolute; left: 15px; top: 15px; }
.itf-ico::before { content: url("../img/ico.it.png"); position: absolute; left: 13px; top: 17px; }
	.itf_host-ico::before { content: url("../img/ico.it.png"); position: absolute; left: 13px; top: 17px; }
.fac-ico::before { content: url("../img/ico.fap.png"); position: absolute; left: 13px; top: 15px; }
.lpt-ico::before { content: url("../img/ico.lpt.png"); position: absolute; left: 13px; top: 15px; }
.ref-ico::before { content: url("../img/ico.forecasting.png"); position: absolute; left: 10px; top: 16px; }
.crp-ico::before { content: url("../img/ico.basket.png"); position: absolute; left: 9px; top: 13px; }
.smp-ico::before { content: url("../img/ico.scm.svg"); position: absolute; left: 9px; top: 13px; }
.dashboard-ico::before { content: url("../img/ico.dashboard.png"); position: absolute; left: 14px; top: 14px; }