.desktop.fmas-menu-prod {
        height: 100%;
        z-index: 200;
        min-height: 1500px;
        background: rgba(40,40,40,0.2);
        /* width: 1240px;*/
        margin: auto;
    }

    .nav-item {
        cursor: pointer;
    }

    .desktop{
        padding: 0;
        position: relative;
        width: 100%;
    }

    .desktop i {
        color: grey;
        font-size: 1.6em;
    }

    .goTo a {
        color: inherit;
    }

    .goTo.active {
        background-color: #fff;
        color: #13718B;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-right: 8px solid #13718B;
        font-weight: bold;
        padding-right: 12px;
    }

    .desktop .goTo.active i {
        color: #13718B;
    }

    .desktop li {
        text-transform: capitalize;
    }
    .desktop .fmas-menu-prod {
        z-index: 9;
    }

    .desktop .goTo {
        cursor: pointer;
    }

    .desktop .goTo:hover {
        font-weight: bolder;
    }

    .desktop .subpanel {
        background-color: transparent!important;
        /*position: absolute;*/
        top: 0;
        bottom: 0;
        left:0;
        overflow-y: hidden;
        color: #333;
        border: solid #d8d8d8;
        border-width: 1px 0 0;
        max-width: 400px;
        width: 30%;
        min-width: 250px;
        z-index: 5000;
        box-shadow: 0 7px 15px rgb(0 0 0 / 55%);
        border-radius: 0 0 10px 10px;
    }

    .desktop .subpanel.out {
        display: none;
    }

    .desktop .subpanel.lvl0 {
        display: block!important;
        float: left;
    }
    .desktop .subpanel.in.lvl1 {
        /*left: 30%;*/
        float: left;
    }
    .desktop .subpanel.in.lvl2 {
        /*left: 60%;*/
        float: left;
    }

    .desktop .backGoTo {
        color: gray;
        display: flex;
        align-items: center;
    }
    .desktop .backGoTo i{
        margin-right: 5px;
    }

    .desktop .titular {
        font-weight: bolder;
        border-bottom: 3px solid #57c8e8;
        color: #57c8e8;
        height: 60px;
    }
    .desktop li img {
        width: 32px;
    }
    .desktop .todos {
        font-weight: bolder;
        text-transform: initial;
    }

    .navbar-toggle {
        padding: 6px;
    }

    .navbar-toggle .icon-bar{
        width: 28px;
        height: 2px;
        background: gray;
        margin-bottom: 6px;
        display: block;
        transition-duration: 0.5s;
        opacity: 1;
    }

    .navbar-toggle .icon-bar:last-of-type{
        margin-bottom: 0;
    }

    .navbar-toggle.active .icon-bar.top-bar{
        transform: rotate(45deg) translate(6px, 6px)
    }
    .navbar-toggle.active .icon-bar.middle-bar{
        opacity: 0;
    }
    .navbar-toggle.active .icon-bar.bottom-bar{
        transform: rotate(-45deg) translate(5px, -5px)
    }
    .mainButton {
        align-items: center;
        color: #4D4D4D !important;
        display: inline-flex!important;
        text-transform: uppercase;
        font-weight: bolder;
    }

    .mainButton .nav-link {
        display: inline-block;
    }

    li.menu-fmas {
        background-color: #57C9E8;
        font-weight: bolder;
        border-radius: 7px 7px 0 0;
    }

    element.style {
    }
    body > header .fmas-menu ul.navbar-nav li.nav-item {
        font-size: 14px;
        display: inline-block;
    }
    li.menu-eco {
        background-color: #859356;
        font-weight: bolder;
        border-radius: 7px 7px 0 0;
        border: 2px solid white;
        border-bottom: none;
        border-top: none;
    }
    li.menu-eco a{
        color: white;
    }
    li.menu-fmas span{
        color: white;
    }
    .mainButton button {
        border: none;
        background: transparent;
    }
  

    body>header .mobile .user-menu .menu-mobile {
        background: rgba(100,100,100, 0.4);
        position: absolute;
        top: 64px;
        min-height: 100vh;
    }
    body > header .mobile .user-menu .navbar {
        margin-left: 0;
        width: 92%;
    }

    .menu-mobile .fmas-menu-nav {
        position: relative;
        top: 0;
        left: 0;
    }

    .menu-mobile {
        padding: 0;
    }

    .menu-mobile i {
        color: grey;
        font-size: 1.6em;
    }

    .menu-mobile ul.main-menu {
        margin-bottom: 120px
    }

    .menu-mobile li {
        text-transform: capitalize;
    }

    .menu-mobile .subpanel {
        display: none;
    }

    .menu-mobile .subpanel {
        left: 0;
        top: 0;
        z-index: 5000;
        width: 85%;
        background-color: transparent;
        color: #333;
        overflow-y: scroll;
        will-change: transform;
        transition: -webkit-transform .25s ease-in-out;
        transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
        -webkit-overflow-scrolling: touch;
        border: solid #d8d8d8;
        border-width: 1px 0 0;
        min-height: 100vh;
        position: absolute;
    }

    .menu-mobile .subpanel.out {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        display: none;
    }

    .menu-mobile .subpanel.in {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        display: block;
        position: absolute;
        top: 0;
    }

    .menu-mobile .user-menu.fixedMenu .subpanel.in {
        /*top: 51px;*/
    }

    .menu-mobile .backGoTo {
        color: gray;
        display: flex;
        align-items: center;
    }
    .menu-mobile .backGoTo i{
        margin-right: 5px;
    }

    .menu-mobile .titular {
        font-weight: bolder;
        border-bottom: 3px solid #57c8e8;
        color: #57c8e8;
    }
    .menu-mobile li img {
        width: 32px;
    }
    .menu-mobile li.alter {
        background-color: #f2f2f2;
    }
    .menu-mobile .todos {
        border-left: 4px solid #9fe960;
        font-weight: bolder;
    }
    .menu-mobile .subpanel.lvl0 {
        display: block !important;
    }
  



        #cookieBar .containerConfigCookie .containerOptions {
            overflow-x: auto;
        }
  

  @media(max-width: 768px) {
    .informacion img {
        display: block;
        margin: auto;
        max-width: 44px;
    }
  }