#ff-logo {
width:15% !important;
}
#ff-play{
 display:none !important;
}
#ff-pause{
display:inline !important;
}
.ff-nav{
border: 2px solid #D48120;
}



.nk-page-background iframe {
    pointer-events: none !important;
}

.text-center {
    text-align: center !important;
}


/* Checkbox container and white text */
.faction-checkbox {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 32px; /* Space for the custom box */
    cursor: pointer;
    font-size: 1rem;
    color: #ffffff; /* White text */
    user-select: none;
}

/* Hide the default browser checkbox */
.faction-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create the custom bigger checkbox box */
.faction-checkbox .checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 22px; /* Makes the checkbox bigger */
    width: 22px;
    background-color: #1f2833; /* Dark theme background */
    border: 2px solid #2b3a4a;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

/* Hover effect on the box */
.faction-checkbox:hover input ~ .checkmark {
    border-color: #D48120;
}

/* When checked: Orange background */
.faction-checkbox input:checked ~ .checkmark {
    background-color: #D48120; /* Orange background */
    border-color: #D48120;
}

/* Create the checkmark icon (hidden by default) */
.faction-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark icon when checked */
.faction-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark (white inner check) */
.faction-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #ffffff; /* White checkmark symbol */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.dt-search {
    display: none !important;
}





/* Default / Inactive pagination buttons: No background, orange border, white text */
.dt-paging-button{
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #D48120 !important;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 6px 12px;
    margin: 0 3px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

/* Hover state for inactive pagination buttons */
.dt-paging-button:hover {
    background: #D48120 !important;
    color: #ffffff !important;
    border-color: #D48120 !important;
}

/* Active / Current page button: Orange background, white text */
.dt-paging-button.current, .dt-paging-button.current:hover{
    background: #D48120 !important;
    background-color: #D48120 !important;
    color: #ffffff !important;
    border: 1px solid #D48120 !important;
}

/* Disabled buttons (e.g., Previous/Next when on edge pages) */
div.dt-container .dt-paging .dt-paging-button.disabled{
    background: transparent !important;
    color: #cccccc !important;
    border: 1px solid #aaaaaa !important;
    cursor: not-allowed;
}