#mainmenu {background:#485cc7;}

#mainmenu .offcanvas-header {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content:flex-end}
#mainmenu .offcanvas-header h5 {font-weight: 400; font-style: italic; display: none;}
#mainmenu .offcanvas-header button { padding:0.8rem;color:#fff; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 1;}

#mainmenu .offcanvas-body {padding-top:0;}
#mainmenu .offcanvas-body ul {position: relative;}
#mainmenu .offcanvas-body ul li {position: relative; border-bottom:1px solid #d9ddea;}
#mainmenu .offcanvas-body ul li a {position: relative; font-size: 1.2rem; padding: 1rem 0; color:#fff; display: block; text-decoration: none; letter-spacing: -0.042rem;}
#mainmenu .offcanvas-body ul li a i {position: absolute; right: 0.5rem;width:26px;height:26px; background:#fff; border-color:#3a4ebc; color:#3a4ebc; border-radius: 50%; line-height: 1; text-align: center; top:50%; margin-top:-13px; font-size: 0.8rem; isplay: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;}
#mainmenu .offcanvas-body ul li a i:before {position: relative;}

#mainmenu .offcanvas-body ul li a.hassub[aria-expanded=true] i {transform: rotate(180deg);}

#mainmenu .submenu {position: fixed; right:-200%; top:0; bottom:0; background:#485cc7;width:400px; max-width:100%; height:100%; padding: 0; z-index:201; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#mainmenu .submenu.subopen {right:0; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}

#mainmenu .submenu a.mp-back {margin-top:1rem;padding-left: 40px; text-transform: uppercase; font-weight: 700; font-size: 1.25rem;}
#mainmenu .submenu a.mp-back i {right:auto; left: 0; margin-top:-11px; width:27px;height:26px;}
#mainmenu .submenu a.mp-back i:before {left:-1px;}

#mainmenu .submenu ul {padding: 1rem;}
#mainmenu .submenu ul li {}
#mainmenu .submenu ul li.nothing {font-size: 1.1rem; padding:0.75rem 0;color:#fff;}
#mainmenu .submenu ul li a {font-size: 1.1rem; padding:0.75rem 0;}

html.webapp #mainmenu .offcanvas-body ul li.mobileapplink {display: none;}

#searchmenu.offcanvas.offcanvas-top {height:24vh;border-bottom: none;}
#searchmenu {background:#485cc7;}
#searchmenu .offcanvas-title {color:#fff;}
#searchmenu .offcanvas-header button {color:#fff; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 1;}
#searchmenu form {position: relative;}
#searchmenu form > div {position: relative;}
#searchmenu form input {background-color:#fff; position: relative; padding-right:3rem;}
#searchmenu form button {background:none; border:none; color:#485cc7; font-size: 1.5rem; position: absolute; right: 0; top: 0; height:100%; width:3rem; text-align: center;}

.offcanvasmenu .mCSB_scrollTools {right: 0;}

@media (max-width:350px) {
    #searchmenu.offcanvas.offcanvas-top {height:30vh;}
}

@media (max-height: 576px) and (orientation: landscape) {
    #searchmenu.offcanvas.offcanvas-top {height:auto;}
}