.views-avatar-col {
    display: inline;
    margin-right: 4px;
}
.views-avatar-col img {
    border-radius: 50%;
}
.views-avatar-width28 img {
    width: 28px;
}
/*.js .dropbutton-wrapper.dropbutton-multiple .dropbutton-widget {
    border-color: #ccc;
    background-color: transparent;
    padding-right: 17px;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton .dropbutton-action > a {
    font-size: 11px;
    font-weight: 500;
    padding: 6px 12px;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton .dropbutton-toggle .dropbutton-arrow {
    right: 6px;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton .dropbutton-toggle {
    width: 20px;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton .dropbutton-action > a:hover {
    background-color: transparent;
}*/
/*.user-form .field--type-datetime h4.label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.8;
}*/
.user-form input.form-text, .user-form input[type="date"] {
    font-size: 14px;
    /* padding-top: 7px; */
    /* padding-bottom: 7px; */
}
/*.user-form div.field--type-datetime {
    margin-bottom: 20px;
}*/
.user-form .horizontal-tabs {
    border: none;
}
.user-form .horizontal-tabs .horizontal-tabs-list {
    background-color: transparent;
}
.user-form .horizontal-tabs .horizontal-tab-button {
    background-color: transparent;
    border-right-width: 0;
}
.user-form .horizontal-tabs .horizontal-tab-button.selected {
    border-bottom-color: var(--bs-link-color);
    border-bottom-width: 2px;
}
.user-form .horizontal-tabs .horizontal-tab-button > a:hover {
    border-bottom-color: var(--bs-link-color);
    border-bottom-width: 2px;
}
.user-form .horizontal-tabs .horizontal-tab-button > a {
    font-weight: 300;
    font-size: 14px;
}
.user-form .chosen-container-single .chosen-single {
    background-color: transparent;
    border-radius: 6px;
    font-size: 14px;
    height: 38px;
    padding-left: 15px;
}
.user-form .chosen-container-single .chosen-single > div {
    visibility: hidden;
}
.user-form .chosen-container-single.chosen-with-drop .chosen-single {
    border-radius: 6px 6px 0 0;
}
.user-form .form-type-select > select {
    font-size: 14px;
    height: 38px;
}
.user-form .form-item-avatars-user-picture-0 label {
    display: none;
}
.user-form div[class*="file--mime-image"] {
    display: none!important;
}
.user-form .form-item-avatars-user-picture-0 {
    margin-bottom: 0;
    padding-bottom: 20px;
/*    border-right: 1px solid #ccc;*/
}
.user-form .form-item-avatars-user-picture-0 .image-widget {
    text-align: center;
}
.user-form .form-item-avatars-user-picture-0 .image-widget .image-widget-data {
    padding-right: 20px;
}
/*.user-form #edit-group-user-tab-private {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}*/
.user-form #edit-group-user-tab-private fieldset {
    background-color: transparent;
}
#edit-group-user-tab-private input[type="email"] {
    font-size: 14px;
}
.user-form .form-item-avatars-user-picture-0 .image-widget .image-preview > img {
    border-radius: 50%;
}
.path-user .region-pre-content {
    display: none;
}
.user-heading.round {
/*    background: url("/assets/images/bg-02.jpg");*/
    background-color: white;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
    padding: 30px 20px 10px 20px;
}
.user-heading.round img.image-style-thumbnail {
    border-radius: 50%;
    margin-bottom: 20px;
}
body.user-logged-in.path-user .region-content {
    padding: 0;
    background-color: transparent;
}
.info-profile .field-group-table.group_info_user {
    background-color: white;
    padding: 14px;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}
.field-group-table.group_info_user .user-user-view {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
.field-group-table.group_info_user .user-user-view tbody tr {
    border-top: none;
}
body.user-logged-in.path-user:not(.path-frontpage) .region-content {
    padding: 0;
    background-color: transparent;
}
.avatar-profile-wrapper ul li {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 15px;
    border-bottom: 1px solid #ebeae6;
}
.avatar-profile-wrapper ul li i {
    margin-right: 7px;
}
form.user-form {
    background-color: white;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
}
.avatar-profile-wrapper ul li:first-child {
    border-top: 1px solid #ebeae6;
}
.avatar-profile-wrapper > ul li a {
    color: var(--bs-body-color);
    display: block;
}
.avatar-profile-wrapper ul li:hover {
    background-color: #f8f7f5;
}
.avatar-profile-wrapper ul {
    margin-left: 0;
    background-color: white;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}
.width5 {
    width: 5%!important;
}
.width10 {
    width: 10%!important;
}
.width12 {
    width: 12%!important;
}
.width15 {
    width: 15%!important;
}
.width20 {
    width: 20%!important;
}
.width25 {
    width: 25%!important;
}
.width30 {
    width: 30%!important;
}

@media only screen and (min-width: 768px) {
    article.profile .avatar-profile-wrapper {
        padding-right: 7px;
    }
    article.profile .info-profile {
        padding-left: 7px;
    }
    .field-group-table.group_info_user .user-user-view tbody tr th {
        width: 222px;
    }
}

@media only screen and (max-width: 767px) {
    .avatar-profile-wrapper {
        margin-bottom: 20px;
    }
    .user-form .chosen-container-single {
        width: 100%!important;
    }
    .user-form input.form-text, .user-form input[type="date"] {
        min-width: auto;
    }
    .user-form .form-type-select > select {
        min-width: auto;
    }
    .user-form .form-item-avatars-user-picture-0 {
        border-right: 0;
    }
    .user-form .form-item-avatars-user-picture-0 .image-widget .image-widget-data {
        padding-right: 0;
    }
    .user-form .form-item-avatars-user-picture-0 .image-widget .image-widget-data #edit-avatars-user-picture-0-remove-button {
        width: auto;
    }
    .user-form .form-item-avatars-user-picture-0 .image-widget .image-preview {
        padding-right: 0;
    }
    .user-form #edit-group-user-tab-private fieldset {
        margin-bottom: 0;
    }
    .user-form .form-actions {
        padding-bottom: 20px;
    }
}