:root {
    --main-menu-top-margin: 20px;
    --main-comntainer-margin:100px;
}
header{
    position: sticky;
    top: 0;
    z-index: 1;
}



.navbar-default{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 96px;
    /* background: rgb(0, 0, 0) 0% 0% no-repeat padding-box ;
    background: rgba(223, 215, 215, 0.2) 0% 0% no-repeat padding-box ; */
    background:transparent;
    border: 1px solid transparent;
    /* opacity: 0.3; */

}
.menu--account{

    display: flex;
    align-items: baseline;
}

.menu--account .first{ flex-shrink: 3;}

.menu--account .last{flex-shrink: 1;}


.navbar-header{
    height: inherit;
    width: 100%;
}
.region.region-navigation {
    height: inherit;
    width: 99.5%;
}
.region.region-navigation .setMarginRight .col-xs-6{
    margin-left: 2%;
}

#block-mainnavigation-2,
#block-workspacemenu,
#block-workspacemenuemb{
    height: 100%;
    /* width: 50%;
    display: inline-block; */
    text-transform: uppercase;
    float: left;
}

#block-mainnavigation-2 .menu.menu--main.nav.navbar-nav,
#block-workspacemenu .menu.menu--workspace.nav,
#block-workspacemenuemb .menu.menu--workspace-emb.nav{
    height: inherit;
    min-width: max-content;
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
}
h2#block-workspacemenu-menu,
h2#block-workspacemenuemb-menu{
     display: none;
 }
.nav > li {
    float: left;
}

#block-mainnavigation-2 .menu.menu--main.nav.navbar-nav > li,
#block-workspacemenu .menu.menu--workspace.nav > li,
#block-workspacemenuemb .menu.menu--workspace-emb.nav > li {
    min-width: max-content;
}

#block-mainnavigation-2 .menu.menu--main.nav.navbar-nav > li > a,
#block-workspacemenu .menu.menu--workspace.nav > li > a,
#block-workspacemenuemb .menu.menu--workspace-emb.nav > li > a {
    margin-top: var(--main-menu-top-margin);
    text-align: center;
}
#block-mainnavigation-2 .menu.menu--main.nav.navbar-nav > li.active > a,
#block-workspacemenu .menu.menu--workspace.nav > li.active > a,
#block-workspacemenuemb .menu.menu--workspace-emb.navv > li.active > a {
    margin-top: var(--main-menu-top-margin);
    text-align: center;
}

#block-myecobs-search{
    width: 15%;
    margin: auto;
    margin-top: var(calc(--main-menu-top-margin));
    opacity: 1;

}

#block-myecobs-search button{
    background: black;
    border: none;
}

#block-myecobs-search button:hover{
    color: #ffdc06;
}


#block-myecobs-account-menu{
    padding: 29px;
}

.user_account {
    position: relative;
    float: right !important;
}

.user-menu-avatar.circle {
    position: relative;
    left: 40px;
    top: -27px;
}
span.exbx {
    margin-right: 65px;
}

span.show-user-name {
    text-transform: uppercase;
    color: #FFFFFF;
    position: absolute;
    top: 15px;
    right: 35px;
    /* Se viene abilitata la ricerca nel menu, bisogna cambiare con questo qui sotto
    right: 15px;*/
    width: max-content;
}
.user-menu-avatar.circle {
    position: relative;
    float: right;
    top: -32px;
}

span.exbx {
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 25px;
    width: 100%;
    float: right;
    text-align: right;
    font-weight: 700;
}

.mainMenuMargin {
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row wrap;
    /* This aligns items to the end line on main-axis */
    justify-content: flex-end;
}
.mainMenuMargin > div,
.mainMenuMargin > div > ul > li,
.mainMenuMargin > div > ul > li > a {
    text-align: center;
    float: left;
}
@media (max-width: 1400px) {
    .block-popup-api a,
    .button_yellow,
    .nav > li > a.button_yellow
    {
        padding: 10px 12px !important;
    }
    .block-popup-api a, .button_yellow {
        text-transform: uppercase;
        text-align: center;
        color: #FFFFFF;
    }
    .nav > li > a {
        padding: 10px 10px;
    }
    .user-menu-avatar.circle {
        position: relative;
        left: 35px;
        top: -27px;
    }
    span.exbx {
        margin-right: 65px;
    }
    span.exbx {
        margin-right: 60px;
    }
    .user-menu-avatar.circle {
        position: relative;
        left: 45px;
        top: -35px;
    }

}
@media (max-width: 1255px) {

    .user-menu-avatar.circle {
        position: relative;
        left: 30px;
        top: -22px;
    }
    span.exbx {
        margin-right: 65px;
    }
    span.exbx {
        margin-right: 60px;
    }

}
@media (max-width: 1200px) {
    .block-popup-api a, .button_yellow, .nav > li > a.button_yellow {
        padding: 10px 10px !important;
    }
    .nav > li > a {
        padding: 14px 7px;
    }
    #block-mainnavigation-2 .menu.menu--main.nav.navbar-nav > li > a,
    #block-workspacemenu .menu.menu--workspace.nav > li > a,
    #block-workspacemenuemb .menu.menu--workspace-emb.nav > li > a {
        letter-spacing: -1px;
    }

    .user-menu-avatar.circle {
        position: relative;
        left: 40px;
        top: -20px;
    }
    span.exbx {
        margin-right: 51px;
    }
    span.exbx {
        margin-right: 55px;
    }
    .user-menu-avatar.circle {
        position: relative;
        left: 45px;
        top: -32px;
    }

}
@media (max-width: 1108px) {

    .user-menu-avatar.circle {
        position: relative;
        left: 30px;
        top: -25px;
    }
    span.exbx {
        margin-right: 58px;
    }
    span.exbx {
        margin-right: 75px;
    }
    .user-menu-avatar.circle {
        position: relative;
        left: 25px;
        top: -30px;
    }

}
/*@media (max-width: 1024px) {
    .sitebranding {
        border: 1px solid yellow;
    }
    span.exbx {
        border: 1px solid yellow;
    }
}*/
/*@media (max-width: 768px) {
    .sitebranding{
        border: 1px solid red;
    }
    span.exbx {
        border: 1px solid red;
    }

}*/
/*@media (max-width: 576px) {
    .sitebranding{
        border: 1px solid lightblue;
    }
    span.exbx {
        border: 1px solid lightblue;
    }

}*/
/*@media (max-width: 480px) {
    .sitebranding{
        border: 1px solid white;
    }
    span.exbx {
        border: 1px solid white;
    }

}*/
#block-myecobs-account-menu a{
    color: white;
    text-align: center;

}
#block-searchbutton {
    margin: auto;
    margin-top:calc(var(--main-menu-top-margin) + 5%) ;
    /* position: absolute;
       display: inline-block;
       left: 43%;
       margin: 0;
       top: 25%; */

}
#block-searchbutton a{
    color: white;
    opacity: 1;
}

#block-searchbutton a:hover{
    background-color: transparent;
    color:#ffdc06;
    opacity: 1;
}

#block-searchbutton a:focus{
    background-color: transparent;
    color: lightgray;
    opacity: 1;
}
/* .region-navigation */
#navbar .block-popup-api {
    margin-top: 30px;
}

.mainMenuMargin{
    margin-left: 45px;
    margin-right: 45px;
}

a.logo.navbar-btn.pull-left img {
    width: 100%;
}

.allinea-menu-sx {
    left: 10px;
}
.allinea-menu-dx {
    right: -30px;
    width: 15% !important;
}