.b2bgrup {
    width: 400px;
    margin: 2em;
}
.xb2bgrup .moduletable h3 {
    position: relative;
    top: -196px;
    left: 34%;
    font-size: x-large;
    font-weight: bolder;
}
.b2bgrup .moduletable h3 {
    position: relative;
    top: 100px;
    left: 137px;
    font-size: x-large;
    font-weight: bolder;
}

.b2bgrup ul.menu.b2busuari {
    position: relative;
    top: 103px;
    left: 123px;
    background: none;
}

.b2bgrup ul.menu.b2bcomandes {
    position: relative;
    top: 103px;
    left: 107px;
    background: none;
}
.b2bgrup ul.menu.b2busuari li a,
.b2bgrup ul.menu.b2bcomandes li a{
    background: none;
    font-size: large;
    color: red;
    font-weight: bold;
}
.xb2bgrup ul.menu.b2busuari,
.xb2bgrup ul.menu.b2bcomandes {
    position: relative;
    top: -190px;
    left: 30%;
    background: none;
}


.b2bgrup.b2busuari {
    background: url(/images/b2b/img/perfil-usuario.png) no-repeat 0;
    background-size: contain;
}

.b2bgrup.b2bcomandes {
    background: url(/images/b2b/img/e-commerce.png) no-repeat 0;
    background-size: contain;
}


.b2bmenu {
    display: grid;
    width: 80%;
    margin: auto;
    justify-content: center;
    align-content: center;
    grid-template-rows: 350px 350px;
    grid-template-columns: 450px 450px;
    margin-top: 70px;
}

.com_users body.site,
.com_content body.site {
    border: none !important;
    padding: 0 !important;
}

.com_users header.header,
.com_content header.header {
    background: rgb(34,0,0);
    background: linear-gradient(
            90deg, rgba(34,0,0,1) 0%, rgba(180,15,11,1) 100%);
}

.com_users header.header .brand .site-title,
.com_content header.header .brand .site-title {
    color: white;
    font-size: 24px;
    text-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    margin-left: 20px;
}

.com_users .body .container,
.com_content .body .container {
    width: 100%;
    padding: 0;
    border: none;
    max-width: none;
    background-color: #F5F5F4;
}


.item-page.home {
    justify-content: center;
    display: flex;
}

body.itemid-101 .body .container header.header {
    display: none;
}

i.icon-b2b-menu {
    width: 2px;
}

.b2b input,
.b2b textarea,
.b2b select {
    border-top: 0;
    /*border-left: dashed 1px;*/
    border-right: 0;
    border-bottom: 1px solid rgb(223, 0, 27) !important;
}
.login button.btn-primary,
.logout-button input,
ul.nav.nav-list.menu.btn-inoxpa li a,
button.login-button {
    background: rgb(45, 5, 6) !important;
    background: linear-gradient(to right, rgba(45, 5, 6, 0.9) 0%, rgba(223, 0, 27, 0.9) 100%) !important;
    border: 0;
    border-radius: 20px;
}

ul.nav.nav-list.menu.btn-inoxpa li a {
    color: white;
}

.b2b ul.unstyled {
    margin-top: 50px;
    display: flex;
    gap: 25px;
}
.b2b ul.unstyled a {
    color: black;
}

.b2b #form-login-username,
.b2b #form-login-password{
    margin-left: -8px;
}
.b2b #form-login-submit,
.b2b #form-login-remember{
    margin-top: 20px;
}

.b2b .input-append .add-on,
.b2b .input-prepend .add-on {
    background-color: transparent;
    border-color: transparent;
}
.b2b .icon-user:before,
.b2b .icon-lock:before
{
    content: "";
}
.b2b span.icon-user {
    background: url(/images/b2b/icons/usuari-active.png) no-repeat 0;
    background-size: 16px;
    height: 20px !important;
}
.b2b span.icon-lock {
    background: url(/images/b2b/icons/contrassenya-active.png) no-repeat 0;
    background-size: 16px;
    height: 20px !important;
}

#back-top {
    display: none;
}