/* HEADER */

.header-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.header-left h1{
    margin:0;
    font-size:28px;
    letter-spacing:2px;
}

main.admin-manage-users-right-content-wrap a.edit.edit-user:hover img {
    filter: invert(1);
}

main.admin-manage-users-right-content-wrap .header-left { display: flex; flex-direction: column; width: calc(30% - 15px); }

main.admin-manage-users-right-content-wrap .header-right { display: flex; gap: 20px; width: calc(70% - 15px); justify-content: flex-end; align-items: center; }

main.admin-manage-users-right-content-wrap .sub-text { font-family: "Work Sans", sans-serif; font-weight: 500; font-size: 12px; color: #fff; margin-bottom: 0; line-height: 1.4em; }

main.admin-manage-users-right-content-wrap button.btn.btn-dark { white-space: normal; word-break: break-word; background: none; padding: 15px 20px; border-radius: 5px; line-height: 1.2em; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 14px !important; color: #fff; border: 1px solid #fff; text-transform: uppercase; display: flex; align-items: center; gap: 5px; margin: 0px; }

main.admin-manage-users-right-content-wrap button.btn.btn-dark:hover { border: 1px solid #B8860B; background: linear-gradient(148deg, #D4AF37, #B8860B); color: #000; }

main.admin-manage-users-right-content-wrap button.btn.btn-dark:hover img { filter: invert(1); }

main.admin-manage-users-right-content-wrap .header-wrapper { align-items: flex-start; }

main.admin-manage-users-right-content-wrap .btn-gold { background: linear-gradient(148deg, #D4AF37, #B8860B); padding: 15px 20px; border-radius: 5px; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 14px; color: #000; border: 1px solid #B8860B; line-height: 1.2em; text-transform: uppercase; display: flex; align-items: center; gap: 5px; white-space: normal; word-break: break-word; margin: 0px; }

main.admin-manage-users-right-content-wrap .btn-gold:hover { border: 1px solid #fff; color: #fff; }

main.admin-manage-users-right-content-wrap .btn-gold:hover img { filter: invert(1); }

main.admin-manage-users-right-content-wrap .tabs { margin: 36px 0px; display: flex; border: 1px solid #262626; padding: 5px; border-radius: 8px; }

main.admin-manage-users-right-content-wrap .tabs .tab { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 5px; padding: 12px 24px; cursor: pointer; }

main.admin-manage-users-right-content-wrap .tabs .mg-exp-user { background: rgb(246 173 85 / 40%); color: #F6AD55; }

main.admin-manage-users-right-content-wrap .tabs .mg-exp-user::before{
    background-color: #F6AD55;
} 
main.admin-manage-users-right-content-wrap .tabs .mg-exp-user:hover {
    opacity: 0.7;
}
main.admin-manage-users-right-content-wrap .tabs .mg-cust-user:hover {
    opacity: 0.7;
}

main.admin-manage-users-right-content-wrap .tabs .mg-cust-user { width: 100%; background: rgb(52 199 89 / 20%); border-radius: 0px 8px 8px 0px; position: relative; color: #34C759 !important; }

main.admin-manage-users-right-content-wrap .search-bar { background: #161616; border: 1px solid #2a2a2a; border-radius: 4px; padding: 16px; }

main.admin-manage-users-right-content-wrap .search-bar input, main.admin-manage-users-right-content-wrap .search-bar select {
background: #18181B; border: 1px solid #1f242c; color: rgba(255, 255, 255, 60%); padding: 10px 14px; border-radius: 8px; width: -webkit-fill-available; font-family: 'inter', sans-serif; font-weight: normal; font-size: 14px !important; height: 43px;
-webkit-appearance: none; width: -webkit-fill-available; }

main.admin-manage-users-right-content-wrap .ht-filter-field.searchInput input::placeholder { color: rgba(255, 255, 255, 60%); font-family: 'inter', sans-serif; font-weight: normal; font-size: 14px !important; } 

main.admin-manage-users-right-content-wrap .search-bar input:focus-visible, main.admin-manage-users-right-content-wrap .search-bar select:focus-visible { border: 1px solid #1f242c; outline: unset; }

main.admin-manage-users-right-content-wrap .ht-filter-field.date input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(100%) brightness(60%); }

main.admin-manage-users-right-content-wrap .ht-filter-field.filter-btn button.btn.btn-gold { padding: 10px; height: 43px; }

main.admin-manage-users-right-content-wrap .ht-filter-field.filter-btn button.btn.btn-gold:hover { border: 1px solid #fff; }

main.admin-manage-users-right-content-wrap .ht-filter-field.filter-btn button.btn.btn-gold:hover img { filter: unset; }


/* Search Form Css */

main.admin-manage-users-right-content-wrap .ht-filter-field.select_option, main.admin-manage-users-right-content-wrap .ht-filter-field.date { flex: 0 1 150px; min-width: unset; }

main.admin-manage-users-right-content-wrap .ht-filter-field.searchInput::placeholder { font-family: 'inter', sans-serif; font-weight: normal; font-size: 14px !important; }

main.admin-manage-users-right-content-wrap .ht-filter-field.filter-btn { flex: 0 0 auto; }

main.admin-manage-users-right-content-wrap .ht-filter-field.searchInput { position: relative; }

main.admin-manage-users-right-content-wrap .ht-filter-field.searchInput input { padding-left: 42px; }

main.admin-manage-users-right-content-wrap .ht-filter-field.searchInput::before { position: absolute; content: ""; background: url(/wp-content/plugins/ht-core-plugin/assets/icons/magnifying_glass_white_icon.png); background-repeat: no-repeat; background-size: contain; left: 14px; width: 15px; height: 15px; top: 14px; pointer-events: unset; filter: brightness(0.5); }

main.admin-manage-users-right-content-wrap .ht-filter-field.select_option { position: relative; }

main.admin-manage-users-right-content-wrap .ht-filter-field.select_option::after { background: url(../../../assets/icons/option-arrow.svg) no-repeat; content: ''; position: absolute; right: 5px; top: 13px; width: 24px; height: 24px; pointer-events: none; }

/* */


main.admin-add-team-sport-wrap .ht-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px;
}

main.admin-add-team-sport-wrap .header-left-col {
    width: calc(50% - 15px) !important;
    display: flex !important;
    flex-direction: column !important;
}

main.admin-add-team-sport-wrap .header-right-col {
    width: calc(50% - 15px) !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px;
}

main.admin-add-team-sport-wrap .ht-header p {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0;
}


.sub-text{

    color:#aaa;

    margin-top:8px;

}



.top-buttons{

    position:absolute;

    right:30px;

    top:30px;

}



.btn{

    padding:12px 18px;

    border-radius:8px;

    cursor:pointer;

    border:1px solid #333;

    margin-left:10px;

    font-weight:bold;

}



.btn-dark{

    background:#111;

    color:#fff;

}



.btn-gold{

    background:#c89b1e;

    color:#000;

    border:none;

} 



form#addExpertForm input,form#addExpertForm select, form#addCustomerForm input,form#addCustomerForm select {  margin-bottom: 5px;}


/* TABS */

main.admin-add-team-sport-wrap .tabs{
    margin:36px 0px;
    display:flex;
    background: transparent;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #262626;
    padding: 4px;
    border-radius: 12px;
}


main.admin-add-team-sport-wrap .tab{
    flex:1;
    padding:12px 20px;
    cursor:pointer;
    font-weight:bold;
    justify-content: flex-start;
}

main.admin-add-team-sport-wrap .tab.active-expert::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #F6AD55;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}


/*
.tab.active-customer{

    background:linear-gradient(to right,#0a3d1d,#0f8a3d);

}
 */


.mg-cust-user::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #34C759 !important;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}



/* SEARCH BAR */

.search-bar{

    margin:20px 0px;

    background:#111;

    padding:15px;

    border-radius:10px;

    display:flex;

    gap:15px;

    border:1px solid #222;

}



.search-bar input,

.search-bar select{

    background:#292525;

    padding:10px;

    color:#fff;

    border-radius:6px;

    flex:1;

}



/* USER CARD */

main.admin-manage-users-right-content-wrap .card {
    border:1px solid #262626;
    border-radius:5px;
    margin-bottom: 36px;
    display:flex;
    gap:20px;
}

main.admin-manage-users-right-content-wrap .card:last-child{
    margin-bottom: 0px;
}


main.admin-manage-users-right-content-wrap .profile{
    width:200px;
    text-align: center;
    padding: 20px;
    background: rgb(24 24 27 / 50%);
    border-right: 1px solid #2A2A2A;
}



main.admin-manage-users-right-content-wrap .profile img{
    width:100px;
    height:100px;
    border-radius:50%;
    border:3px solid #c89b1e;
}

main.admin-manage-users-right-content-wrap .profile img.team_sport_btn {
    width: fit-content;
    height: fit-content;
    border: none;
    border-radius: unset;
}


main.admin-manage-users-right-content-wrap .profile h3 , main.admin-manage-users-right-content-wrap .profile h6{
    margin:15px 0 5px;
    letter-spacing: 0.6px;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.2em;
}



.profile_status {

    margin-top: 25px;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 15px;

    border-top: 1px solid #222;

    padding-top: 15px;

}



main.admin-manage-users-right-content-wrap .profile_status_text { background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: bold; font-size: 12px; line-height: 1.2em; font-family: 'poppins', sans-serif; }



.deactivate_text , .activate_text , .status_text {
    font-size: 12px;
    color: rgb(255 255 255 / 40%);
    font-family: 'poppins', sans-serif;
    font-weight: 500;
}



.admin-manage-users-right-content-wrap .joined{
    color:#71717A;
    font-size: 12px;
    line-height: 1.4em;
    font-family: 'poppins', sans-serif;
    margin-bottom: 0px;
}



.profile button{

    width:100%;

    margin-top:10px;

    padding:5px;

    border-radius:6px;

    border:none;

    font-weight:bold;

    cursor:pointer;

}



main.admin-manage-users-right-content-wrap .profile .edit{
    background:linear-gradient(148deg, #D4AF37, #B8860B);
    color: #000;
    font-size: 12px;
    font-family: 'poppins', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 3px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: normal;
    line-height: 1.2em;
    word-break: break-word;
    border: 1px solid #B8860B;
    padding: 10px;
}

main.admin-manage-users-right-content-wrap .profile .edit:hover {
    border: 1px solid #fff;
    color: #fff;
}

main.admin-manage-users-right-content-wrap .profile .delete {
    background:#7f1d1d40;
    color:#EF4444;
    font-size: 12px;
    font-weight: 700;
    padding: 10px;
    display: block;
}
main.admin-manage-users-right-content-wrap .profile .delete:hover {
    opacity: 0.7;
}
main.admin-manage-users-right-content-wrap .stats{
    flex:1;
    padding: 10px 10px 10px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
main.admin-manage-users-right-content-wrap .stats-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
main.admin-manage-users-right-content-wrap .badge {
    background:#145c2b;
    color: #1CD000;
    padding:5px 10px;
    border-radius: 5px;
    font-size:12px;
    font-weight: 500;
    line-height: 1.2em;
    font-family: 'poppins', sans-serif;
}

main.admin-manage-users-right-content-wrap .top-expert{
    background:linear-gradient(148deg, #D4AF37, #B8860B);
    padding:6px 12px;
    border-radius:5px;
    color:#000;
    line-height: 1.2em;
    font-weight: 500;
    font-family: 'poppins', sans-serif;
    font-size:12px;
}

.stat-boxes{
    display:flex;
    gap:10px;
    margin-top:20px;
}

main.admin-manage-users-right-content-wrap .profile-image-mod {
    position: relative;
}
main.admin-manage-users-right-content-wrap .profile-image-mod::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #00ff99;
    border-radius: 50%;
    bottom: 10px;
    right: -67px;
    border: 2px solid #0a0a0a;
    margin: auto;
    left: 0;
}

main.admin-manage-users-right-content-wrap .stat{
    background: rgb(24 24 27 / 50%);
    padding: 15px 10px;
    border-radius: 4px;
    flex:1;
    text-align:center;
    border:1px solid #2A2A2A;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

main.admin-manage-users-right-content-wrap .stat h4 {
    margin:0;
    line-height: 1.2em;
    font-size: 10px;
    color: rgb(255 255 255 / 60%);
    font-weight: 700;
    font-family: 'poppins', sans-serif;
}

 main.admin-manage-users-right-content-wrap .stat p{
    margin:8px 0 0;
    font-size: 20px;
    font-weight:bold;
    line-height: 1.2em;
    font-family: "Oswald", sans-serif;
}



.green{ color:#00ff66; }

.gold{ color:#c89b1e; }



.toggle{

    display:flex;

    align-items:center;

    gap:10px;

}



.switch{

    width:40px;

    height:20px;

    background:#333;

    border-radius:20px;

    position:relative;

    cursor:pointer;

}



.switch::after{

    content:'';

    width:18px;

    height:18px;

    background:#fff;

    position:absolute;

    top:1px;

    left:1px;

    border-radius:50%;

    transition:0.3s;

}



.switch.active{

    background:#c89b1e;

}



.switch.active::after{

    left:21px;

}



.tab-content{ display:none; }

.tab-content.active{ display:block!important; }



.team_sport_btn {

    margin-right: 8px;

    vertical-align: middle;

}




.yellow {

    color: #c89b1e;

}



/* ===========================

   EDIT PROFILE POPUP STYLE

=========================== */



.edit_profile_popup{

    position:fixed;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

    z-index:99999;

}



main.admin-manage-users-right-content-wrap .edit_profile_popup__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.7);
}

main.admin-manage-users-right-content-wrap form#editUserForm .avatar-edit-icon {
    width: 25px; height: 25px; background: #fff; left: 0; right: 0; margin: auto; bottom: -12px;
}
main.admin-manage-users-right-content-wrap form#editCustomerForm .avatar-edit-icon {
    width: 25px; height: 25px; background: #fff; left: 0; right: 0; margin: auto; bottom: -12px;
}

main.admin-manage-users-right-content-wrap form#editCustomerForm .select2-container--default .select2-selection--multiple { font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 1.2em;
    font-family: 'poppins', sans-serif;
    background: #fff;
    border-radius: 0px;
    border: 1px solid rgb(0 0 0 / 20%);
    padding: 12px 10px;
    position: relative;
}

main.admin-manage-users-right-content-wrap form#editCustomerForm input.select2-search__field { min-height: unset !important; }

main.admin-manage-users-right-content-wrap form#editUserForm label.avatar-edit-icon img { width: 14px; height: 14px; border-radius: unset; margin-bottom: 0px; }

main.admin-manage-users-right-content-wrap form#editCustomerForm label.avatar-edit-icon img { width: 14px; height: 14px; border-radius: unset; margin-bottom: 0px; }

main.admin-manage-users-right-content-wrap .edit_profile_popup__box{
    position:relative;
    background:#f5f5f5;
    width:892px;
    border-radius:12px;
    padding:40px 30px;
    z-index:99999;
}

main.admin-manage-users-right-content-wrap form#editUserForm .edit_profile_popup__avatar_wrap img { border: unset; }

main.admin-manage-users-right-content-wrap form#editCustomerForm .edit_profile_popup__avatar_wrap img { border: unset; }

main.admin-manage-users-right-content-wrap form#editUserForm select, main.admin-manage-users-right-content-wrap form#editUserForm input, main.admin-manage-users-right-content-wrap form#editUserForm textarea, main.admin-manage-users-right-content-wrap form#editCustomerForm select, main.admin-manage-users-right-content-wrap form#editCustomerForm input, main.admin-manage-users-right-content-wrap form#editCustomerForm textarea {
    background: #fff;
    border-radius: 0px;
    border: 1px solid rgb(0 0 0 / 20%);
    padding: 12px 10px;
    position: relative;
}

main.admin-manage-users-right-content-wrap .select-div-wrap {
    position: relative;
}

main.admin-manage-users-right-content-wrap .select-div-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 36px 8px 10px; 
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 4px;
}

main.admin-manage-users-right-content-wrap .select-div-wrap::after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url('../../../assets/icons/option-arrow.svg') no-repeat center;
    background-size: contain;
    pointer-events: none;
    filter: brightness(0); 
}


main.admin-manage-users-right-content-wrap input.select2-search__field {
    width: 100% !important;
    border: unset !important;
    padding: 0px !important;
    height: unset !important;
    min-height: 44px !important;
    border-radius: unset !important;
    margin: 0px !important;
}
main.admin-manage-users-right-content-wrap ul.select2-selection__rendered {
    padding: 0px !important;
}

main.admin-manage-users-right-content-wrap .full-width-div {
    grid-column: span 2;
}

main.admin-manage-users-right-content-wrap .popup-cust-add-wrap {
    flex-wrap: wrap;
    width: 100% !important;
    grid-column: span 2;
}
main.admin-manage-users-right-content-wrap .title-wrap {
    flex: 0 0 100%;
}
main.admin-manage-users-right-content-wrap .address-col-div { flex: 0 0 calc(50% - 10px) !important; padding: 20px; border: 1px solid rgb(0 0 0 / 20%); border-radius: 10px; }



main.admin-manage-users-right-content-wrap .edit_profile_popup__logo{
text-align: center;
}




.edit_profile_popup__top{

    display:flex;

    gap:30px;

}



main.admin-manage-users-right-content-wrap .edit_profile_popup__avatar_wrap{ flex-shrink: 0; max-width: 50%; text-align:center; gap: 25px; display: flex; flex-direction: column; }


.edit_profile_popup__avatar_wrap img{

    width:100px;

    height:100px;

    border-radius:50%;

    border:3px solid #c89b1e;

}

main.admin-manage-users-right-content-wrap .edit_profile_popup__fields{
    flex: 1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}



.edit_profile_popup__fields input,

.edit_profile_popup__fields select{

    background:#2a2a2a;

    border:1px solid #444;

    padding:10px;

    border-radius:6px;

    color:#fff;

}

main.admin-manage-users-right-content-wrap .edit_profile_popup__desc {
    margin-top: 0px;
    margin-left: 0%;
    grid-column: span 2;
    display: grid;
    gap: 15px;
}



.edit_profile_popup__desc textarea{

    width:100%;

    background:#2a2a2a;

    border:1px solid #444;

    padding:10px;

    border-radius:6px;

    color:#fff;

    height:100px;

}



.edit_profile_popup__save{

    margin-top:25px;

    width:100%;

    background:#c89b1e;

    border:none;

    padding:12px;

    border-radius:8px;

    font-weight:bold;

    cursor:pointer;

}



.edit_profile_popup__overlay {

    background: rgba(0,0,0,0.6);

    backdrop-filter: blur(4px);

}



.edit_profile_popup__box {

    background: #f4f4f4;

    border-radius: 20px;

    padding: 50px 40px 40px;

    max-width: 750px;

    width: 95%;

    position: relative;

}






.edit_profile_popup__title::after {

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background: #c89b1e;

    margin-top: 10px;

}



.edit_profile_popup__fields input,

.edit_profile_popup__fields select,

.edit_profile_popup__desc textarea {

    width: 100%;

    background: #ffffff;

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 12px 15px;

    margin-bottom: 15px;

    font-size: 14px;

    color: #000;

}



.edit_profile_popup__fields input:focus,

.edit_profile_popup__fields select:focus,

.edit_profile_popup__desc textarea:focus {

    outline: none;

    border-color: #c89b1e;

    box-shadow: 0 0 0 2px rgba(200,155,30,0.2);

}



.edit_profile_popup__desc textarea {

    border-radius: 15px;

    padding: 18px;

}



.edit_profile_popup__save {

    width: 100%;

    background: linear-gradient(90deg, #c89b1e, #a67c1f);

    border: none;

    padding: 14px;

    border-radius: 8px;

    font-weight: 600;

    color: #fff;

    cursor: pointer;

    margin-top: 10px;

}



.edit_profile_popup__save:hover {

    opacity: 0.9;

}



.edit_profile_popup__avatar_wrap img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    object-fit: cover;

    margin-bottom: 10px;

}



.edit_profile_popup__top {

    display: flex;

    gap: 30px;

    align-items: flex-start;

}



.edit_profile_popup__fields {
    flex: 1;
}

main.admin-manage-users-right-content-wrap .edit_profile_popup__desc h2, main.admin-manage-users-right-content-wrap .title-wrap h3 {
letter-spacing: 0.6px !important; margin-top: 0 !important; font-family: "Oswald", sans-serif !important; font-weight: bold !important; font-size: 28px !important; text-transform: uppercase !important; color: #000 !important; line-height: 1.2em !important; margin-top: 10px !important; }

main.admin-manage-users-right-content-wrap .ht-form-row.textarea {
    position: relative;
}


main.admin-manage-users-right-content-wrap .ht-form-row.textarea { margin-bottom: 0px !important; }

main.admin-manage-users-right-content-wrap .ht-form-row.textarea img {
    position: absolute; right: 32px; top: 20px; width: 15px; height: 15px;
}



main.admin-manage-users-right-content-wrap button.edit_profile_popup__save {
width: 100%; background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); color: #000000; font-weight: 700; font-size: 16px; line-height: 1.2em; border-radius: 8px; font-family: 'poppins', sans-serif; border: 1px solid #B8860B; white-space: normal; word-break: break-word; padding: 12px 15px; text-transform: uppercase; margin-top: 36px; }

main.admin-manage-users-right-content-wrap button.edit_profile_popup__save:hover {
    border: 1px solid #B8860B; color: #fff;
}


.avatar-preview {

    position: relative;

    width: 90px;

    height: 90px;

}



.avatar-preview img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    object-fit: cover;

}



.avatar-edit-icon {

    position: absolute;

    bottom: 0;

    right: 0;

    background: #c89b1e;

    color: #fff;

    width: 28px;

    height: 28px;

    border-radius: 50%;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}

main.admin-manage-users-right-content-wrap .edit_profile_popup__stats {
    margin: 0px;
}

main.admin-manage-users-right-content-wrap .edit_profile_popup__stats h3 {
    font-size: 28px;
    line-height: 1.2em;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    color: #000;
}



.wl-box {

    display: flex;

    align-items: center;

    gap: 15px;

}



.wl-box input {

    width: 70px;

    text-align: center;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 6px;

    padding: 8px;

}

main.admin-manage-users-right-content-wrap .wl-box label {
    display: block;
    text-align: center;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.4em;
    color: #000;
    font-family: 'poppins', sans-serif;
}



main.admin-manage-users-right-content-wrap .dash {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-top: 26px;
}




.edit_profile_popup__desc select#edit_gender {

    width: 100% !important;

}



.customer_address{

    margin-top:20px;

}



.black {
    color:#2a2a2a;
}

/* Add Expert Css */
main.admin-manage-users-right-content-wrap h2.edit_profile_popup__title { font-family: 'oswald', sans-serif; font-weight: bold; line-height: 1.2em !important; font-size: 40px !important; text-transform: capitalize !important; margin-bottom: 0px; background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

main.admin-manage-users-right-content-wrap .add-expert-modal-header-wrap { display: flex; justify-content: space-between; gap: 25px; align-items: center; }

main.admin-manage-users-right-content-wrap button.edit_profile_popup__close { position: relative; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0px; font-size: 36px; border: unset; color: #000; }

main.admin-manage-users-right-content-wrap button.edit_profile_popup__close:hover {
    background: transparent;
}

main.admin-manage-users-right-content-wrap .edit_profile_popup__desc .ht-form-row.textarea { background: #fff; padding: 10px 12px; border: 1px solid #ddd; border-radius: 10px; }

main.admin-manage-users-right-content-wrap .edit_profile_popup__desc .ht-form-row.textarea textarea { background: transparent; border: 1px solid #ddd; margin-bottom: 0px; }

main.admin-manage-users-right-content-wrap form textarea { height: unset; }

main.admin-manage-users-right-content-wrap form input, main.admin-manage-users-right-content-wrap form select { width: 100%; padding: 12px; border-radius: 0px; background: #fff; font-size: 16px; font-weight: 500; color: #000; line-height: 1.2em; font-family: 'poppins', sans-serif; padding: 12px 10px; height: 48px; border: 1px solid rgb(0 0 0 / 20%); margin-bottom: 0px; }

main.admin-manage-users-right-content-wrap form textarea { width: 100%; padding: 12px; border-radius: 0px; background: #fff; font-size: 16px; font-weight: 500; color: #000; line-height: 1.2em; font-family: 'poppins', sans-serif; padding: 12px 40px 12px 10px;  border: 1px solid rgb(0 0 0 / 20%); }

main.admin-manage-users-right-content-wrap textarea img {
    position: absolute;
    right: 6px;
    top: 40px;
    width: 15px;
    height: 15px;
}

main.admin-manage-users-right-content-wrap form input::placeholder, main.admin-manage-users-right-content-wrap form select::placeholder, main.admin-manage-users-right-content-wrap form textarea::placeholder { line-height: 1.2em; font-family: 'poppins', sans-serif; font-size: 16px; color: #000; font-weight: 500;

}

main.admin-manage-users-right-content-wrap .edit_profile_popup__title::after { display: none; }

main.admin-manage-users-right-content-wrap .add-expert-modal-header-wrap { border-bottom: 2px solid #c9a24a; padding-bottom: 10px; margin-bottom: 20px; margin-top: 10px; }

main.admin-manage-users-right-content-wrap .body-modal {
    overflow-x: auto;
    max-height: 320px;
    padding: 10px 10px 0px 0px;
}

main.admin-manage-users-right-content-wrap form#addExpertForm, main.admin-manage-users-right-content-wrap form#addCustomerForm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
main.admin-manage-users-right-content-wrap form#addExpertForm .grid-2, main.admin-manage-users-right-content-wrap form#addCustomerForm .grid-2 { display: grid; gap: 10px; }

main.admin-manage-users-right-content-wrap form#addExpertForm .grid-1, main.admin-manage-users-right-content-wrap form#addCustomerForm .grid-1 { grid-column: span 2; gap: 10px; display: grid; }

main.admin-manage-users-right-content-wrap form#addExpertForm .ht-form-row.textarea, main.admin-manage-users-right-content-wrap form#addCustomerForm .ht-form-row.textarea {
    position: relative;
}
main.admin-manage-users-right-content-wrap form#addExpertForm .ht-form-row.textarea img, main.admin-manage-users-right-content-wrap form#addCustomerForm .ht-form-row.textarea img {
    position: absolute;
    right: 6px;
    top: 10px;
    width: 15px;
    height: 15px;
}

main.admin-manage-users-right-content-wrap .address-col-div h4 {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2em !important;
    margin-bottom: 15px !important;
    font-family: 'poppins', sans-serif !important;
    margin-top: 0px !important;
}

main.admin-manage-users-right-content-wrap .address-col-div textarea {
    background: transparent !important;
    border-radius: 10px !important;
}

main.admin-manage-users-right-content-wrap .textarea-wrap { position: relative; }
main.admin-manage-users-right-content-wrap .textarea-wrap img { position: absolute; right: 10px; top: 10px; width: 15px; height: 15px; }

main.admin-manage-users-right-content-wrap form#editCustomerForm .select2-container--default .select2-selection--multiple::after, main.admin-manage-users-right-content-wrap form#editCustomerForm select::after {
    background: url(../../../assets/icons/option-arrow.svg) no-repeat; content: ''; position: absolute; right: 5px; top: 13px; width: 24px; height: 24px; pointer-events: none; filter: brightness(0);
}

main.admin-manage-users-right-content-wrap .search-bar .btn-gold span.search-txt { display: none; }

main.admin-manage-users-right-content-wrap .ht-pagination { padding: 0px; }

main.admin-manage-users-right-content-wrap .ht-pagination span.page-num { padding: 8px 16px; background: #1f242c; border: 1px solid #2a2f38; color: #fff; border-radius: 6px; cursor: pointer; font-family: 'poppins', sans-serif !important; font-weight: 600; font-size: 12px; }

main.admin-manage-users-right-content-wrap .ht-pagination span.page-num:hover{ border: 1px solid #d4af37; background: #d4af37; color: #000; }

main.admin-manage-users-right-content-wrap .ht-pagination span.page-num.active { border: 1px solid #d4af37; background: #d4af37; color: #000; font-weight: 600; }

main.admin-manage-users-right-content-wrap .ht-pagination span.page-num.active:hover { background: #1f242c; border: 1px solid #2a2f38; color: #fff; }


/* Media Query */
@media screen and (max-width: 1200px) {
    main.admin-add-team-sport-wrap .header-right-col button { margin: 0px !important; width: fit-content; }
    main.admin-add-team-sport-wrap .header-right-col { flex-direction: column; align-items: end; }

    main.admin-manage-users-right-content-wrap .header-wrapper { flex-direction: column; gap: 25px; }
    main.admin-manage-users-right-content-wrap .header-right { width: 100%; justify-content: center; }
    main.admin-manage-users-right-content-wrap .header-left { width: 100%; justify-content: center; align-items: center; text-align: center; }

    main.admin-manage-users-right-content-wrap .search-bar { flex-wrap: wrap; gap: 25px; }
    main.admin-manage-users-right-content-wrap .ht-filter-field.select_option, main.admin-manage-users-right-content-wrap .ht-filter-field.searchInput, main.admin-manage-users-right-content-wrap .ht-filter-field.select_option, main.admin-manage-users-right-content-wrap .ht-filter-field.date {
        width: calc(50% - 12.5px); flex: 0 0 calc(50% - 12.5px);
    }
    main.admin-manage-users-right-content-wrap .stat-boxes { flex-wrap: wrap; }
    main.admin-manage-users-right-content-wrap .stat { flex: calc(33.33% - 5px); }
    main.admin-manage-users-right-content-wrap .stats-top { align-items: flex-start; flex-direction: column; gap: 20px; }
    main.admin-manage-users-right-content-wrap .tabs .tab { text-align: left; }

    main.admin-manage-users-right-content-wrap .edit_profile_popup__box { width: 90%; padding: 30px 20px; max-width: 100%; }

    main.admin-manage-users-right-content-wrap h2.edit_profile_popup__title { font-size: 35px !important; }

    main.admin-manage-users-right-content-wrap .edit_profile_popup__desc h2, main.admin-manage-users-right-content-wrap .edit_profile_popup__stats h3, main.admin-manage-users-right-content-wrap .title-wrap h3 { font-size: 24px !important; }

}
@media screen and (max-width: 980px) {
    main.admin-manage-users-right-content-wrap .toggle { flex-direction: column; width: 100%; }
    main.admin-manage-users-right-content-wrap .profile_status { flex-direction: column; justify-content: center; align-items: center; }
    main.admin-manage-users-right-content-wrap .badge { margin: auto; }
    main.admin-manage-users-right-content-wrap .profile { width: 170px; }
}
@media screen and (max-width: 767px) {
    main.admin-manage-users-right-content-wrap .stats { padding: 10px 10px 10px 10px; }
    main.admin-add-team-sport-wrap .tabs { flex-direction: column; gap: 10px; }
    main.admin-add-team-sport-wrap .header-right-col button { margin: 0px !important; width: fit-content; }
    main.admin-add-team-sport-wrap .ht-header { flex-direction: column !important; }
    main.admin-add-team-sport-wrap .header-left-col { width: 100% !important; text-align: center; }
    main.admin-add-team-sport-wrap .header-right-col { width: 100% !important; flex-direction: column !important; align-items: center; }

    main.admin-manage-users-right-content-wrap .header-right { flex-direction: row; }
    main.admin-manage-users-right-content-wrap .tabs { flex-direction: column; gap: 5px; }
    main.admin-manage-users-right-content-wrap .search-bar { flex-direction: column; }
    main.admin-manage-users-right-content-wrap .ht-filter-field.select_option, main.admin-manage-users-right-content-wrap .ht-filter-field.searchInput, main.admin-manage-users-right-content-wrap .ht-filter-field.select_option, main.admin-manage-users-right-content-wrap .ht-filter-field.date { width: 100%; flex: 1; }
    main.admin-manage-users-right-content-wrap .card { flex-direction: column; margin-bottom: 15px; }

    main.admin-manage-users-right-content-wrap .toggle { flex-direction: row; justify-content: center; }

    main.admin-manage-users-right-content-wrap .profile_status {
        flex-direction: row;
    }

    main.admin-manage-users-right-content-wrap .profile_status_text { flex: 1; }
    main.admin-manage-users-right-content-wrap .profile { width: 100%; }

    main.admin-manage-users-right-content-wrap form#addExpertForm, main.admin-manage-users-right-content-wrap form#addCustomerForm { grid-template-columns: 1fr; }
    main.admin-manage-users-right-content-wrap form#addExpertForm .grid-2, main.admin-manage-users-right-content-wrap form#addCustomerForm .grid-2 { grid-column: span 2; }
    main.admin-manage-users-right-content-wrap h2.edit_profile_popup__title { font-size: 25px !important; }

    main.admin-manage-users-right-content-wrap .edit_profile_popup__top { flex-direction: column; width: 100%; }

    main.admin-manage-users-right-content-wrap .edit_profile_popup__fields {  display: flex; flex-direction: column; width: 100%; }

    main.admin-manage-users-right-content-wrap .popup-cust-add-wrap { flex-direction: column; }
   
    main.admin-manage-users-right-content-wrap .search-bar .ht-filter-field.filter-btn { width: 100%; background: none;}
    main.admin-manage-users-right-content-wrap .search-bar .btn-gold { margin: 10px 0 0 !important; height: 43.59px; width: 100% !important; display: inline-flex !important; color: #fff; justify-content: center;}
    main.admin-manage-users-right-content-wrap .search-bar .btn-gold:hover { border: none; outline: none;}
    main.admin-manage-users-right-content-wrap .search-bar .btn-gold span.search-txt { display: block; }
}