/* General styles for all menus */
.cbp-spmenu {
    background: #195F6E;  /* background #858b76 */
    position: fixed;
    border-left: 1px solid #154E5A;
}

.cbp-spmenu h3 {
    color: #fff;
    font-size: 15px;
    padding: 27px;
    margin: 0;
    font-weight: 600;
    background: #0E3A43;
    border-bottom: 1px dashed #a2a694;
    cursor: pointer;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
    transition-property: all;
}

.cbp-spmenu h3:hover {
    background-color: #165764;
    color: #f4d632;
}

.cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 600;
    /* text-transform: uppercase; */
}

.cbp-spmenu a:hover {
    background: #874e4e;
}

.cbp-spmenu li.active a {
    color: #f4d632;
}

.cbp-spmenu ul.dropdown-menu li.active a {
    color: #f4d632;
    background-color: #7b816e;
}

.cbp-spmenu ul.dropdown-menu li.active a:hover {
    background-color: #737868;
}

.cbp-spmenu a:active {
    color: #f4d632;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 245px;
    height: 100%;
    top: 0;
    z-index: 1000;
    overflow-y: scroll;
}

.cbp-spmenu-vertical a {
    border-bottom: none;
    padding: 7px 1em;
    text-decoration: none;
}

.cbp-spmenu-vertical li.separador {
  border-bottom: 1px dotted #278194;
  padding: 0px 0px 0px;
  margin: 0px 0px 9px;
  height: 10px;
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
    left: -245px;
}

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

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

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

/* Horizontal menu that slides from the top or bottom */

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

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

.cbp-spmenu-top.menu-open {
    top: 0px;
}

.cbp-spmenu-bottom.menu-open {
    bottom: 0px;
}

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

.push-body-toright {
    left: 245px;
}

.push-body-toleft {
    left: -245px;
}

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

.btn-menu-nome {
    width: 126px;
    height: 70px;
    background-color: rgba(14,58,67,0.47);
    border-right: 1px solid #1F525C;
    float: right;
    display: block;
    position: relative;
    font-size: 16px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.25);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.btn-menu-nome2 {
    position: absolute;
    top: 34%;
    left: 29%;
    color: #ebebeb;
}

.btn-menu-icone {
    width: 60px;
    height: 70px;
    background-color: #0e3a43;
    display: block;
    float: right;
    position: relative;
    text-align: center;
    margin-right: 1px;
    overflow: hidden;
    z-index: 9;
    cursor: pointer;
}

.btn-menu-icone:hover, .btn-menu-icone:focus {
    background-color: #165764;
}

/* .btn-menu-barras {
    position: absolute;
    top: 28%;
    left: 29%;
    color: #ebebeb;
} */

.menuPrincipal {
    padding-right: 0px;
    top: 0px;
}

.menuPrincipal .cbp-spmenu .dropdown-menu {
    position: relative;
    width: 100%;
    min-width: 150px;
    border: none;
    padding: 6px 0px 8px;
    margin: 0px 0px 8px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #195F6E;
    border-radius: 0px;
}

.menuPrincipal .dropdown-menu>li>a {
    color: #fff;
    padding: 9px 15px;
    height: 39px;
    font-weight: 600;
}

.menuPrincipal .dropdown-menu>li>a:hover {
    background-color: #0E3A43;
}

.menuPrincipal .dropdown-menu li {
    background-color: #134A56;
    margin: 0px 12px 0;
    width: 90%;
    min-width: 150px;
    border-bottom: 1px dashed #195F6E;
}

.menuPrincipal .dropdown-menu li:last-child {
    border-bottom: none;
}

/* .menuPrincipal nav.cbp-spmenu ul li {
    text-transform: uppercase;
    font-weight: bold;
} */

.menuPrincipal a.toggle-menu.menu-right {
    color: #fff;
    font-size: 30.06px;
    width: 60px;
    height: 70px;
    display: block;
    padding-top: 20px;
}

.setaMenu {
    color: #f4d632;
    font-size: 19px;
    padding-left: 7px;
    vertical-align: -2px;
}

.menuPrincipal a.toggle-menu.menu-right i.fa.fa-bars {
    color: #ebebeb;
}


/* Example media queries */
@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,
    .push-body-toleft {
        left: -190px;
    }

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

    .push-body-toright {
        left: 190px;
    }

    .menuPrincipal .cbp-spmenu .dropdown-menu {
        width: 96%;
    }
}