.wdm-ldgr-user-button-wrap .reset-user-progress{ 

    position:absolute; 

    bottom:10px; 

    right:15%;

    background-color: var(--ldx-btn-primary-bg-color) !important;

}

.wdm-ldgr-user-button-wrap .reset-user-progress:hover {

    background-color: var(--ldx-btn-primary-bg-color-hover) !important;

}



.reset-user-progress.wdm-ldgr-disabled{pointer-events: none; background-color: #cccccc !important;}



#wdm_groups_tab.wdm-tabs-wrapper .ldgr-actions .wdm_remove.button,

.wdm-tabs-wrapper .ldgr-actions a {

    display: flex !important;

    align-items: center;

}



.wdm-ldgr-reset-progress:before{content: "\21BB";}

.wdm-ldgr-delete-user:before {content: "\2716";}

.wdm-ldgr-reset-progress.button,

.wdm-ldgr-delete-user.button{ 

    color: var(--ldx-color-incorrect) !important; 

}

.wdm-tabs-wrapper .ldgr-actions .wdm-ldgr-reset-progress.button:hover, 

.wdm-tabs-wrapper .ldgr-actions .wdm-ldgr-delete-user.button:hover {

    background-color: var(--ldx-color-incorrect);

    color: #fff !important;

}

.wdm-ldgr-reset-progress:before, .wdm-ldgr-delete-user:before {font-family: ldgr;font-size: 20px;margin-right: 8px;}

.wdm-ldgr-reset-progress.button, .wdm-ldgr-delete-user.button {text-decoration: none;background: transparent;font-size: 90%;color: #444444;box-shadow: none;padding: 0.375em 0.8375em;border-radius: var(--ldx-btn-border-radius);line-height: 1;transition: all 100ms ease;}



@media screen and (max-width: 767px){

    .wdm-ldgr-user-button-wrap .ldgr-mobile { position: relative; bottom: 10px; text-align: center; right: 0px; width: 100%;}

}

@media only screen and (min-width: 767px) and (max-width: 1024px)  {

    .wdm-ldgr-user-button-wrap .reset-user-progress{bottom: unset; right: 0%;top: -65px;}

    .wdm-tabs-wrapper .wdm-ldgr-user-button-wrap ul.tabs{padding-right: 0;}

    .wdm-ldgr-user-button-wrap ul.tabs li{padding-right: 0;margin-right:0 !important;}

}



/* ReInvite Button */

.wdm-tabs-wrapper .ldgr-actions .wdm-reinvite.button {

    padding: 10px 15px;

    font-size: 14.4px;

    line-height: 14.4px;

}



/* Delete Button */

div:has( > div.delete-user-account ){

    margin-left: 1em;

    float: left;

}



div.delete-user-account #delete-my-account {

    background: #ec3d2d;

    border: none;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    padding: 0.557em 2em;

}

/* Delete Button End */



.ldgr-gr-code-status-wrap .ldgr-toggle-wrap.enabled .empty-bg {

    background-color: rgba(13,112,19,0.80) !important;

}



.ldgr-gr-code-status-wrap .ldgr-toggle-wrap .empty-bg {

    background-color: #d40f1e;

}



.ldgr-gr-code-status-wrap .ldgr-toggle-wrap .empty-bg .gray-bg {

    background-color: #ccc !important;

    font-size: 12px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.select2-container{

    padding-bottom: 0;

}



span.wdm_edit_user,

span.wdm_remind_user{

    color: #079A52;

    padding: 10px 15px;

    font-size: 14.4px;

    line-height: 14.4px;

    cursor: pointer;

}

span.wdm_remind_user:hover{

    background: rgba(51, 51, 51, 0.7);

    color: #FFF;

    transition: all 0.5s;

}

span.wdm_edit_user:hover{

    background: rgba(51, 51, 51, 0.7);

    color: #FFF;

    transition: all 0.5s;

}



.wdm-edit-user-table{

margin: 0 auto;

}



.wdm-edit-user-table td{

    text-align: left;

}

.wdm-edit-user-table label{

    font-weight: 600;

}



input.wdm-swal2-input{

    box-sizing: border-box;

    width: auto;

    transition: border-color .1s,box-shadow .1s;

    border: 1px solid #d9d9d9;

    border-radius: 0.1875em;

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

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%), 0 0 0 3px rgb(0 0 0 / 0%);

    color: inherit;

    font-size: 1em;

    margin: 0.5em 1em;

    margin-right: 0;

    padding: 0.5em;

}



#tab-2 .ldgr-group-report-item {

    width: 100px !important;

}



td.dt-body-center.dt-head-center.department {

    text-align: center !important;

}



button.swal2-confirm.swal2-styled {

    background-color: #479e5a;

}



 span.ldgr-course-lesson-progress {

    display: none;

}



input#bulk_remind {

    margin-bottom: 10px;

    float: right;

    border-radius: 3px;

    background-color: transparent;

    color: #444;

    box-shadow: none;

    border: 1px solid;

    padding: 11px 19px;

    line-height: 1;

    font-size: 14px;



    padding: 0.625em 1.5em;

    font-size: 95%;

    font-weight: 700;

    line-height: inherit;

    letter-spacing: inherit;

    border: 0;  

    transition: all .15s ease;

}



#wdm_group_wrapper #bulk_remind{

    float: right;

}

#wdm_group_wrapper #bulk_remind{

  margin-left: 44px;

}



.wdm-tabs-wrapper #bulk_remind {

    background: transparent;

    box-shadow: inset 0 0 0 2px #479e5a;

    color: #479e5a;

}



.wdm-tabs-wrapper #bulk_remind:hover, .wdm-tabs-wrapper #bulk_remind:active, .wdm-tabs-wrapper #bulk_remind:focus {

    background: #479e5a;

    color: #fff;

}



#wdm_groups_tab .tabs li:nth-child(2) {

    display: none !important;

}





.wdm-dt-buttons button.dt-button.buttons-html5.arrange.ldgr-btn.ldgr-bg-color {

    border-radius: 3px !important;

    margin-left: 5px;

}



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

   FR-003: Enhanced Mark Complete Button

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

.learndash-wrapper .ld-button.ld-button-transparent.learndash_mark_complete_button,

.learndash-wrapper input#learndash_mark_complete_button,

#sfwd-mark-complete input[type="submit"],

.learndash-wrapper .learndash_mark_complete_button,

input.learndash_mark_complete_button {

    padding: 15px 30px !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    border-radius: 5px !important;

    min-width: 200px !important;

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

}



/* Ensure button is visible and prominent */

/* .learndash-wrapper #learndash_mark_complete_button,

.learndash-wrapper .learndash_mark_complete_button {

    display: inline-block !important;

    visibility: visible !important;

} */



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

   FR-005: Password Reset Expiration Message

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

.wdm-password-reset-notice {

    background-color: #e7f3ff;

    border: 1px solid #2196f3;

    border-left: 4px solid #2196f3;

    padding: 12px 15px;

    border-radius: 4px;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    gap: 10px;

}



.wdm-password-reset-notice .wdm-notice-icon {

    font-size: 20px;

    color: #2196f3;

}



.wdm-password-reset-notice .wdm-notice-text {

    color: #1565c0;

    font-size: 14px;

    line-height: 1.5;

}



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

   FR-006: Self-Unenroll Feature

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

.wdm-self-unenroll-container {

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 5px;

    padding: 20px;

    margin: 20px 0;

    max-width: 400px;

}



.wdm-self-unenroll-container h4 {

    margin: 0 0 15px 0;

    font-size: 16px;

    font-weight: 600;

    color: #333;

}



.wdm-self-unenroll-container label {

    display: block;

    margin-bottom: 8px;

    font-weight: 500;

    color: #555;

}



.wdm-self-unenroll-container select {

    width: 100%;

    padding: 10px 12px;

    border: 1px solid #ccc;

    border-radius: 4px;

    font-size: 14px;

    margin-bottom: 15px;

    background: #fff;

}



.wdm-self-unenroll-container select:focus {

    border-color: #2196f3;

    outline: none;

    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);

}



.wdm-unenroll-btn {

    background-color: #dc3545;

    color: #fff;

    border: none;

    padding: 12px 24px;

    border-radius: 4px;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    transition: background-color 0.2s ease;

}



.wdm-unenroll-btn:hover {

    background-color: #c82333;

}



.wdm-unenroll-btn:disabled {

    background-color: #ccc;

    cursor: not-allowed;

}



/* Dropdown option styling */

.wdm-self-unenroll-container select option[data-type="course"]:before {

    content: "📚 ";

}



.wdm-self-unenroll-container select option[data-type="group"]:before {

    content: "👥 ";

}



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

   FR-002: Hide Username Field in LDGR Group Code Registration Form

   Email will be used as username automatically

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

#ldgr-group-code-registration-form .ldgr-field:has(#ldgr-user-username) {

    display: none !important;

}



/* Fallback for browsers that don't support :has() */

#ldgr-user-username {

    position: absolute;

    left: -9999px;

    opacity: 0;

    pointer-events: none;

}



/* Hide the label as well */

label[for="ldgr-user-username"] {

    position: absolute;

    left: -9999px;

    opacity: 0;

}