frontend-users.css

.templateCologne-frontendUsers-profile-container-login {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.quiqqer-frontend-users-address-description-button {
    max-width: 100% !important;
}

/********************/
/* simple user info */
/********************/
.quiqqer-fupc-userinfo {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 1em;
    background: #fff;
}

.quiqqer-fupc-userinfo .sui-top {
    background: url("../images/brushed_alu.png");
}

.quiqqer-frontendUsers-profile-container {
    display: flex;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.quiqqer-frontendUsers-controls-profile .quiqqer-frontendUsers-controls-profile-categories {
    padding-right: 20px;
}

.quiqqer-frontendUsers-controls-profile .quiqqer-frontendUsers-controls-profile-categoryContent {
    padding-left: 20px;
}

@media (max-width: 768px) {
    .quiqqer-frontendUsers-controls-profile .quiqqer-frontendUsers-controls-profile-categories {
        padding: 0;
        width: 100%;
    }

    .quiqqer-frontendUsers-controls-profile .quiqqer-frontendUsers-controls-profile-categoryContent {
        padding-left: 0;
    }
}

/*****************/
/* category menu */
/*****************/
.quiqqer-fupc-category {
    margin-bottom: 2em;
}

.quiqqer-fupc-category:last-child {
    margin-bottom: 0;
}

.quiqqer-fupc-category-header {
    line-height: 30px;
}

.quiqqer-fupc-category .quiqqer-fupc-category-header {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    font-size: 1.5em;
    line-height: 30px;
}

.quiqqer-fu-profile-categories-category-items {
    clear: both;
    float: left;
    width: 100%;
}

.quiqqer-fupc-category-items-item {
    border: 1px solid #ddd;
    border-bottom: none;
    clear: both;
    color: #333;
    display: flex;
    float: left;
    line-height: 40px;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.quiqqer-fupc-category.quiqqer-fupc-category--open .quiqqer-fupc-category-header {
    border-bottom: none !important;
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item {
    background: #fff;
}

.quiqqer-fupc-category .quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active,
.quiqqer-fupc-category .quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover {
    background: #fff;
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item:last-child {
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.quiqqer-fupc-category-items-item:before {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active,
.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover {
    background: none;
}

.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active:before,
.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover:before {
    width: 4px;
}

.quiqqer-fupc-category-items-item .fa {
    line-height: 40px;
}

/***********/
/* address */
/***********/
.quiqqer-frontend-users-address header,
.quiqqer-frontendUsers-userdata-section header {
    padding: 20px 0;
}

.quiqqer-frontend-users-address header h2,
.quiqqer-frontendUsers-userdata-section header h2 {
    padding-bottom: 0;
}

.quiqqer-frontend-users-address-edit .qui-select,
.quiqqer-frontend-users-address-edit .qui-select .drop-icon {
    height: 40px;
}

.quiqqer-frontend-users-address-edit .qui-select .text {
    line-height: 40px;
}

.quiqqer-frontendUsers-userdata-invoiceaddress {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.cologne-main .quiqqer-frontendUsers-userdata-invoiceaddress select,
.cologne-main .quiqqer-shipping-user-address select {
    width: calc(100% - 110px);
    margin-right: 10px;
}

.quiqqer-frontend-users-address-list-entry {
    border: 1px solid #ddd;
    background: #fff;
}

.quiqqer-frontendUsers-controls-profile-categoryContent .quiqqer-frontend-users-address-list-entry-buttons button {
    width: inherit;
    margin-bottom: 0;
}

.cologne-main .quiqqer-frontendUsers-userdata-address h2,
.cologne-main .quiqqer-frontendUsers-userdata-invoiceaddress h2,
.cologne-main .quiqqer-frontendUsers-userdata-invoiceaddress header,
.cologne-main .quiqqer-frontendUsers-controls-profile-changepassword h2,
.cologne-main .quiqqer-frontendUsers-controls-profile-deleteaccount h2 {
    margin-top: 0;
    padding-top: 0;
}

@media (max-width: 768px) {
    .quiqqer-frontendUsers-controls-profile-categories-mobile {
        margin-bottom: 2em;
    }

    .quiqqer-frontend-users-address-list .quiqqer-frontend-users-address-list-entry {
        width: 100%;
    }

    .quiqqer-frontend-users-address-list .quiqqer-frontend-users-address-list-entry:nth-child(even) {
        margin-left: 0;
    }

    .quiqqer-frontend-users-address-list .quiqqer-frontend-users-address-list-entry:nth-child(odd) {
        margin-right: 0;
    }
}

/* email */
.quiqqer-frontendUsers-userdata-address-additional .quiqqer-frontendUsers-userdata-email input {
    float: left;
    width: calc(100% - 70px);
    margin-right: 10px;
}

.quiqqer-frontendUsers-userdata-email .quiqqer-frontendUsers-userdata-email-edit {
    line-height: 40px;
    border-width: 1px;
    border-radius: 0.25rem;
}

@media screen and (max-width: 767px) {
    .cologne-main .quiqqer-frontendUsers-controls-profile-control label {
        margin-bottom: 10px;
    }
}

/**********/
/* Avatar */
/**********/
.quiqqer-frontendUsers-userAvatar-gravatar {
    margin: 1.5rem 0;
}

/******************/
/* profile orders */
/******************/
.quiqqer-order-profile-orders .quiqqer-order-profile-orders-pagination:first-child {
    display: none;
}

/*****************/
/* Login control */
/*****************/
.quiqqer-fu-login-container,
.quiqqer-fu-registrationSignUp {
    padding: 1.5rem 2rem;
}

.quiqqer-fu-login-container {
    background: #f8f8f8;
    border: 1px solid #ddd;
    max-width: 400px;
    position: relative;
    width: 100%;
}

.quiqqer-frontendUsers-login .quiqqer-fu-login-container {
    background: none;
    border: none;
    margin: 0 auto;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .quiqqer-fu-registrationSignUp {
        padding: 0;
    }
}

/******************/
/* reset password */
/******************/
.quiqqer-fu-login-container .quiqqer-fu-login-forget-password-reset [name="cancel"] {
    background: none;
    border: none;
    color: inherit;
    float: right;
    margin-top: 1rem;
    padding: 0;
    position: initial;
}

.quiqqer-fu-login-container .quiqqer-fu-login-forget-password-reset [type="submit"] {
    margin-top: 1rem;
}

/*******************/
/* Login site type */
/*******************/
.type-quiqqer-frontend-users-types-registrationSignUp .registration-sign-in {
    min-height: 200px;
    margin: 3rem 0;
}

.type-quiqqer-frontend-users-types-registrationSignUp .quiqqer-fu-registrationSignUp {
    margin: 0;
}

.quiqqer-fu-registrationSignUp-registration h2 {
    text-align: center;
}

.loginAndRegister .quiqqer-fu-login-forget-password-link {
    margin-bottom: 1rem;
}

.loginAndRegister-register .quiqqer-fu-registrationSignUp-registration-content {
    align-items: center;
    height: 100%;
    margin: 0 auto;
    max-width: 400px;
    overflow: hidden;
}

.loginAndRegister .quiqqer-fu-login-forget-password-reset {
    padding: 1.5rem 2rem;
    background: #f8f8f8;
}

.quiqqer-fu-registrationSignUp-terms-text [name="decline"] {
    right: 0 !important;
}

.registration-sign-in .quiqqer-fu-registrationSignUp-info,
.registration-sign-in .quiqqer-fu-registrationSignUp-registration {
    text-align: left;
}

/***********************/
/* registration sign up */
/***********************/
.quiqqer-fu-registrationSignUp-terms-text [name="decline"] .fa {
    margin-right: 0;
}

.quiqqer-fu-registrationSignUp-registration .quiqqer-fu-registrationSignUp-terms button[name="decline"]:hover {
    opacity: 1 !important;
    background: #f5f5f5;
}