@font-face {
    font-family: 'Fontawesome';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../fontawesome-free-5.15.3-web/webfonts/fa-regular-400.eot");
    src: url("../../fontawesome-free-5.15.3-web/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../fontawesome-free-5.15.3-web/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.add-user{
    border-radius: 0.375rem;
    background: var(--basics-primary-400-main, #500FE9);

    /* Drop Shadow / Medium */
    box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.10);
    color: var(--generic-white, #FFF);
    text-align: center;

    /* Paragraph / XLarge / Bold */
    font-family: IRANYekan;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.875rem; /* 187.5% */
    padding: 1rem;
    cursor: pointer;
}
.users-title{
    color: var(--basics-primary-700, #250472);
    text-align: right;

    /* Heading / Desktop / H3 / Bold */
    font-family: IRANYekan;
    font-size: 1.6875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.1875rem; /* 129.63% */
    padding: 1rem;
}
.users-title p{
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
}
.users-row-title{
    color: var(--basics-primary-500, #3A0BA8);
    text-align: center;

    /* Heading / Desktop / H6 / Bold */
    font-family: IRANYekan;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem; /* 144.444% */
    padding: 1rem;
    margin: 1rem;
    background-color: inherit;
    outline: none;
    border: none;
}
.users-row{
    border-radius: 0.75rem;
    background: var(--generic-white, #FFF);

    /* Drop Shadow / Medium */
    box-shadow: 0px 1px 2px -1px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.10);
    padding: 1rem;
    margin: 1rem;
    color: var(--neutral-900, #2B2C2B);
    text-align: right;

    /* Paragraph / XLarge / Regular */
    font-family: IRANYekan;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem; /* 187.5% */
}
.users-row.inactive{
    border-radius: 0.75rem;
    background: #F6F7F6;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.user-text{
    text-align: center;

    /* Paragraph / XLarge / Regular */
    font-family: IRANYekan;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem; /* 187.5% */
}
.users-row.active .user-status{
    color: var(--semantic-success-400-main, #21C45D);
}
.users-row.inactive .user-status{
    color: var(--semantic-error-400-main, #EF4343);
}
.users-row> .icon{
    color: #828382;
    text-align: left;
}
.users-row>.icon>i{
    cursor: pointer;
}
.users-row.inactive .icon .enable{
    color: #21C45D;
}

.users-row .col-md-2 .user-select input:checked{
    border-radius: 0.25rem;
    background-color: var(--basics-secondary-600, #F1C527);
    color: #FFFFFF;
    border: none;
}
.users-row:has(input:checked){
    border: solid 2px #9A77EE;
}

label{
    color: #2B2C2B;
    text-align: right;
    font-family: IRANYekan;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem; /* 187.5% */
    padding: 0.25rem;
}
input[type='checkbox']:checked{
    border-radius: 0.25rem;
    background-color: var(--basics-secondary-600, #F1C527) !important;
    color: #FFFFFF;
    border: none;
}
.password-wrapper{
    position: relative;
}
.password-wrapper:after {
    font-family: 'Fontawesome';
    content: '\f06e';
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    opacity: 0.6;
    cursor: pointer;
}
.fa-eye{
    opacity: 0.6;
    cursor: pointer;
}
input[type=radio][name="userRole"]:checked{
    accent-color: #F1C527;
    border-radius: 0.75rem;
    border: 1.5px solid #F1C527;
    padding: 0.25rem;
    color: #FFFFFF;
    border: none;
    outline: none;
}