#mobilemenu a {
    font-size: 20px;
    color: #fff;
}

/*--------------*/
/* SLIDING MENU */
/*--------------*/
.cbp-spmenu {
    position: fixed;
    background-color: #353536;
}

/* Landscape mode Iphone, menu items should be of a height h such that
they fit when the search and navigation bar show up */
@media only screen 
and (max-height : 320px) {
    .cbp-spmenu .level1 span {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 20px;
        margin-left: 7px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .cbp-spmenu .level2 span {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 16px;
        margin-left: 9px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* Mobile menu for portrait mode. More vertical space */
@media only screen 
and (min-height : 321px) {
    .cbp-spmenu .level1 span {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 24px;
        margin-left: 7px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .cbp-spmenu .level2 span {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 20px;
        margin-left: 9px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* Iphone, hamburguer location fix */
@media only screen 
and (max-width : 320px) {
    #hamburguer {
        margin-top: -37px !important;
    }
}

/* Other mobile devices */
@media only screen 
and (min-width : 321px) {
    #hamburguer {
        margin-top: 0px;
    }
}

@media only screen 
and (max-width : 767px) {
    body {
//        margin-top: 50px;
    }

    #menuBar {
        width: 100%;
        height: 50px;
        display: block;
        position: fixed;
        z-index: 10000;
        top: 0;
        background-color: #353536;
    }

    .nav {
        float: right;
        margin-right: 10px;
    }
    
    .nav-tabs {
        float: none; /* ?? */
    }

    .nav ul li {
        list-style: none;
        float: left;
    }

    #mobilelogo img {
        background: none !important;
    }
}

/*
License for CSS based hamburger menu code from internet

Copyright (c) 2014 by Elijah Manor (http://codepen.io/elijahmanor/pen/Igpoe)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/


 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    #mobiletable {
        height: 50px;
    }

    #search .mobile-menu-bar .gsib_a input.gsc-input {
        width: 176px !important;
        margin-left: 13px !important;
    }
}

@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
    #mobiletable {
        height: 80px;
    }
}

#menusearch {
    display: none;
 /*until we add a search bar, disable */
    ;
}

.cbp-spmenu a {
    display: block;
}

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-vertical a {
    padding: 1em;
}

.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-right {
    right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Push classes applied to the body */
 
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
    overflow-x: hidden;
    max-width: 100%;
}

.cbp-spmenu-rotate {
    transform: rotate(90deg);
}

.cbp-spmenu-push-toleft {
    left: -240px;
}
 
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mobile-menu-bar {
    margin-top: 23px;
}
 
@media screen and (max-width: 55.1875em) {
 
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}

@media screen and (max-height: 26.375em) {
 
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
        overflow-x: hidden;
    }
}

/* Search bar adjustment */
@media only screen 
and (max-width : 320px) {
    #mobiletable {
        height: 50px;
    }

    #search input.gsc-input {
        width: 176px !important;
        margin-left: 13px !important;
    }
}

/*---------------------*/
/* Hamburguer button/X */
/*---------------------*/

.lines-button {
    padding: 21px 11px;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 1px;
}

.lines-button:hover {
    opacity: 1;
}

.lines-button:active {
    transition: 0;
}

.lines {
    display: inline-block;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ecf0f1;
    transition: 0.3s;
    position: relative;
    top: 9px;
}

.lines:before, .lines:after {
    display: inline-block;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ecf0f1;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
  /*-webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;*/
    ;
}

.lines:before {
    top: 10px;
}

.lines:after {
    top: -10px;
}

.lines-button.x.closeeee .lines {
    background: transparent;
}

.lines-button.x.closeeee .lines:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 35px;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x.closeeee .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 35px;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

#navtoggle {
    width: 50px;
}

#content .item-page table tbody td img {
	max-width: none;
	padding: 10px;
	vertical-align: top;
}

#content .item-page table tbody td img.mceIcon {
	padding: 0;
}

#cbp-spmenu-s1 .level1 dl.level2 {
    border-top: none !important;
}

.cbp-spmenu .level1 dt.level1 .inner {
    margin-top: 10px !important;
	/* border-bottom: 1px solid #D6D9D8 !important; */
	/* margin-right:7px !important; */;
}