/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/AccountAccessDeniedPage.razor.rz.scp.css */
#actionButton:hover[b-wrtgnm13ph] {
    opacity: 0.75;
}

.modal-dialog[b-wrtgnm13ph] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-wrtgnm13ph] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-wrtgnm13ph] {
    margin: 0;
    padding: 0;
}



.tform-group[b-wrtgnm13ph] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-wrtgnm13ph] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-wrtgnm13ph] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-wrtgnm13ph] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-wrtgnm13ph]::-webkit-outer-spin-button,
input[b-wrtgnm13ph]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-wrtgnm13ph] {
    -moz-appearance: textfield;
}



.input-label[b-wrtgnm13ph] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-wrtgnm13ph] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-wrtgnm13ph] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-wrtgnm13ph] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Index.razor.rz.scp.css */
/* Base button styles */
.button-container[b-dap5xiqacf] {
    display: flex;
    flex-direction: column; /* Stack icon and text vertically */
    justify-content: center; /* Center vertically */
    align-items: center; /* Center horizontally */
    min-height: 150px; /* Minimum height */
    min-width: 240px; /* Increased from 220px to 240px */
    height: 200px; /* Fixed height */
    width: 100%; /* Take full width of the parent column */
    max-width: 260px; /* Increased from 240px to 260px */
    margin: 0 auto; /* Center the button within the column */
    transition: all 400ms ease-in-out;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.1); /* Match the border style from screenshot */
}

/* Flexbox row for XL screens with fixed gap */
.button-row[b-dap5xiqacf] {
    display: flex;
    gap: 15px; /* Fixed gap of 1px between buttons */
    flex-wrap: nowrap; /* Prevent wrapping */
    justify-content: center;
    width: 100%;
    max-width: 1070px; /* Updated: 4 buttons × 260px + 2 gaps × 15px = 1040px + buffer */
}

/* Specific button classes */
.button-management[b-dap5xiqacf],
.button-simcards[b-dap5xiqacf],
.button-messaging[b-dap5xiqacf],
.button-shop[b-dap5xiqacf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem; /* Consistent padding around the content */
}

/* Background colors and hover effects */
.button-management[b-dap5xiqacf] {
    background-color: rgba(101, 43, 124, 0.80);
    color: rgba(233, 236, 239, 0.5);
}

    .button-management:hover[b-dap5xiqacf] {
        background-color: rgba(101, 43, 124, 1.0);
        color: rgba(233, 236, 239, 0.9);
    }

        .button-management:hover h4[b-dap5xiqacf] {
            color: rgba(233, 236, 239, 0.9);
        }

.button-simcards[b-dap5xiqacf] {
    background-color: rgba(240, 10, 54, 0.80);
    color: rgba(233, 236, 239, 0.6);
}

    .button-simcards:hover[b-dap5xiqacf] {
        background-color: rgba(240, 10, 54, 1.0);
        color: rgba(233, 236, 239, 0.9);
    }

        .button-simcards:hover h4[b-dap5xiqacf] {
            color: rgba(233, 236, 239, 0.9);
        }

.button-messaging[b-dap5xiqacf] {
    background-color: rgba(237, 59, 33, 0.80);
    color: rgba(233, 236, 239, 0.6);
}

    .button-messaging:hover[b-dap5xiqacf] {
        background-color: rgba(237, 59, 33, 1.0);
        color: rgba(233, 236, 239, 0.9);
    }

        .button-messaging:hover h4[b-dap5xiqacf] {
            color: rgba(233, 236, 239, 0.9);
        }

.button-shop[b-dap5xiqacf] {
    background-color: rgba(253, 183, 26, 0.80);
    color: rgba(233, 236, 239, 0.6);
}

    .button-shop:hover[b-dap5xiqacf] {
        background-color: rgba(253, 183, 26, 1.0);
        color: rgba(233, 236, 239, 0.9);
    }

        .button-shop:hover h4[b-dap5xiqacf] {
            color: rgba(233, 236, 239, 0.9);
        }

/* Icon and text styling */
.icon-size[b-dap5xiqacf] {
    height: 50px;
    width: 50px;
    margin-bottom: 1rem; /* Space between icon and text */
}

.title[b-dap5xiqacf] {
    margin: 0; /* Remove default margins */
    color: inherit; /* Inherit from parent */
    font-size: 1rem;
    line-height: 1; /* Prevent extra vertical space */
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .button-container[b-dap5xiqacf] {
        height: 180px;
        max-width: 240px; /* Increased from 220px to 240px */
        min-width: 220px; /* Increased from 200px to 220px */
        min-height: 120px;
    }

    .title[b-dap5xiqacf] {
        font-size: 0.9rem;
    }

    .icon-size[b-dap5xiqacf] {
        height: 45px;
        width: 45px;
    }

    .button-row[b-dap5xiqacf] {
        gap: 15px; /* Maintain fixed gap */
        max-width: 990px; /* Updated: 4 buttons × 240px + 2 gaps × 15px = 960px + buffer */
    }
}

@media (max-width: 768px) {
    .button-container[b-dap5xiqacf] {
        height: 150px;
        max-width: 220px; /* Increased from 200px to 220px */
        min-width: 200px; /* Increased from 180px to 200px */
        min-height: 100px;
    }

    .title[b-dap5xiqacf] {
        font-size: 0.8rem;
    }

    .icon-size[b-dap5xiqacf] {
        height: 40px;
        width: 40px;
    }
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Accounts/AccountsPage.razor.rz.scp.css */
.sortable[b-zv93294y7r] {
    cursor: pointer;
}

.sort-arrow-asc[b-zv93294y7r]::after {
    content: '\25B2'; /* Unicode up arrow */
}

.sort-arrow-desc[b-zv93294y7r]::after {
    content: '\25BC'; /* Unicode down arrow */
}

.sort-arrow-asc.active[b-zv93294y7r], .sort-arrow-desc.active[b-zv93294y7r] {
    color: darkorange !important;
    font-weight: bold;
}




/* Target the pagination links (Previous, Next, and page numbers) */
.pagination .page-link[b-zv93294y7r] {
    /* Remove any default blue color */
    color: #333 !important; /* Dark gray text for non-active links */
    border-color: #ddd !important; /* Light gray border */
    background-color: #fff !important; /* White background */
    outline: none !important; /* Already added to remove focus outline */
}

/* Style the Previous and Next buttons specifically */
.pagination .page-item .page-link[b-zv93294y7r] {
    color: #333 !important; /* Ensure text is not blue */
}

/* Style the active page (already set to dark orange) */
.pagination .page-item.active .page-link[b-zv93294y7r] {
    background-color: #FF8C00 !important; /* Dark orange for active page */
    border-color: #FF8C00 !important; /* Match the border */
    color: #fff !important; /* White text for contrast */
}

/* Style the hover state for Previous, Next, and page numbers */
.pagination .page-link:hover[b-zv93294y7r] {
    background-color: #ffe4b5 !important; /* Light orange on hover */
    border-color: #ffe4b5 !important;
    color: #333 !important; /* Ensure text remains dark gray on hover */
}

/* Style the focus state (already added, but ensure no blue) */
.pagination .page-link:focus[b-zv93294y7r] {
    outline: none !important;
    background-color: #f0f0f0 !important; /* Light gray background on focus */
    box-shadow: none !important; /* Remove any default shadow */
    color: #333 !important; /* Ensure text remains dark gray on focus */
}

/* Style the disabled state for Previous/Next buttons */
.pagination .page-item.disabled .page-link[b-zv93294y7r] {
    background-color: #f5f5f5 !important; /* Light gray background for disabled */
    border-color: #ddd !important; /* Light gray border */
    color: #999 !important; /* Grayed-out text */
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Accounts/Modals/ActivationStatusModal.razor.rz.scp.css */
#actionButton:hover[b-n9vhv0brhs] {
    opacity: 0.75;
}

.modal-dialog[b-n9vhv0brhs] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-n9vhv0brhs] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-n9vhv0brhs] {
    margin: 0;
    padding: 0;
}



.tform-group[b-n9vhv0brhs] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-n9vhv0brhs] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-n9vhv0brhs] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-n9vhv0brhs] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-n9vhv0brhs]::-webkit-outer-spin-button,
input[b-n9vhv0brhs]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-n9vhv0brhs] {
    -moz-appearance: textfield;
}



.input-label[b-n9vhv0brhs] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-n9vhv0brhs] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-n9vhv0brhs] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-n9vhv0brhs] {
    opacity: 0.6;
}


#actionButton[b-n9vhv0brhs] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-n9vhv0brhs] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-n9vhv0brhs] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-n9vhv0brhs] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-n9vhv0brhs] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-n9vhv0brhs] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-n9vhv0brhs] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Accounts/Modals/AddAccountModal.razor.rz.scp.css */
#actionButton:hover[b-r2jfmb4l2y] {
    opacity: 0.75;
}

.modal-dialog[b-r2jfmb4l2y] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-r2jfmb4l2y] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-r2jfmb4l2y] {
    margin: 0;
    padding: 0;
}



.tform-group[b-r2jfmb4l2y] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-r2jfmb4l2y] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-r2jfmb4l2y] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-r2jfmb4l2y] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-r2jfmb4l2y]::-webkit-outer-spin-button,
input[b-r2jfmb4l2y]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-r2jfmb4l2y] {
    -moz-appearance: textfield;
}



.input-label[b-r2jfmb4l2y] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-r2jfmb4l2y] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-r2jfmb4l2y] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-r2jfmb4l2y] {
    opacity: 0.6;
}


#actionButton[b-r2jfmb4l2y] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-r2jfmb4l2y] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-r2jfmb4l2y] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-r2jfmb4l2y] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-r2jfmb4l2y] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-r2jfmb4l2y] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-r2jfmb4l2y] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Accounts/Modals/DisableIpAllowListModal.razor.rz.scp.css */
#actionButton:hover[b-9boafwgkb2] {
    opacity: 0.75;
}

.modal-dialog[b-9boafwgkb2] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-9boafwgkb2] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-9boafwgkb2] {
    margin: 0;
    padding: 0;
}



.tform-group[b-9boafwgkb2] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-9boafwgkb2] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-9boafwgkb2] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-9boafwgkb2] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-9boafwgkb2]::-webkit-outer-spin-button,
input[b-9boafwgkb2]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-9boafwgkb2] {
    -moz-appearance: textfield;
}



.input-label[b-9boafwgkb2] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-9boafwgkb2] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-9boafwgkb2] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-9boafwgkb2] {
    opacity: 0.6;
}


#actionButton[b-9boafwgkb2] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-9boafwgkb2] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-9boafwgkb2] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-9boafwgkb2] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-9boafwgkb2] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-9boafwgkb2] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-9boafwgkb2] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Accounts/Modals/DisableTwoFactorModal.razor.rz.scp.css */
#actionButton:hover[b-1uezyxyjcf] {
    opacity: 0.75;
}

.modal-dialog[b-1uezyxyjcf] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-1uezyxyjcf] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-1uezyxyjcf] {
    margin: 0;
    padding: 0;
}



.tform-group[b-1uezyxyjcf] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-1uezyxyjcf] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-1uezyxyjcf] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-1uezyxyjcf] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-1uezyxyjcf]::-webkit-outer-spin-button,
input[b-1uezyxyjcf]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-1uezyxyjcf] {
    -moz-appearance: textfield;
}



.input-label[b-1uezyxyjcf] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-1uezyxyjcf] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-1uezyxyjcf] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-1uezyxyjcf] {
    opacity: 0.6;
}


#actionButton[b-1uezyxyjcf] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-1uezyxyjcf] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-1uezyxyjcf] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-1uezyxyjcf] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-1uezyxyjcf] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-1uezyxyjcf] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-1uezyxyjcf] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Accounts/Modals/EmailAddressModal.razor.rz.scp.css */
#actionButton:hover[b-9lvk78ot5b] {
    opacity: 0.75;
}

.modal-dialog[b-9lvk78ot5b] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-9lvk78ot5b] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-9lvk78ot5b] {
    margin: 0;
    padding: 0;
}



.tform-group[b-9lvk78ot5b] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-9lvk78ot5b] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-9lvk78ot5b] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-9lvk78ot5b] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-9lvk78ot5b]::-webkit-outer-spin-button,
input[b-9lvk78ot5b]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-9lvk78ot5b] {
    -moz-appearance: textfield;
}



.input-label[b-9lvk78ot5b] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-9lvk78ot5b] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-9lvk78ot5b] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-9lvk78ot5b] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Accounts/Modals/PermissionsModal.razor.rz.scp.css */
#actionButton:hover[b-lx52ku151y] {
    opacity: 0.75;
}

.modal-dialog[b-lx52ku151y] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-lx52ku151y] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-lx52ku151y] {
    margin: 0;
    padding: 0;
}



.tform-group[b-lx52ku151y] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-lx52ku151y] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-lx52ku151y] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-lx52ku151y] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-lx52ku151y]::-webkit-outer-spin-button,
input[b-lx52ku151y]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-lx52ku151y] {
    -moz-appearance: textfield;
}



.input-label[b-lx52ku151y] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-lx52ku151y] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-lx52ku151y] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-lx52ku151y] {
    opacity: 0.6;
}


#actionButton[b-lx52ku151y] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-lx52ku151y] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-lx52ku151y] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-lx52ku151y] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-lx52ku151y] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-lx52ku151y] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-lx52ku151y] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Accounts/SubscribersPage.razor.rz.scp.css */
.tform-group[b-adexliw4p6] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-adexliw4p6] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-adexliw4p6] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-adexliw4p6] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-adexliw4p6]::-webkit-outer-spin-button,
input[b-adexliw4p6]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-adexliw4p6] {
    -moz-appearance: textfield;
}



.input-label[b-adexliw4p6] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-adexliw4p6] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-adexliw4p6] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-adexliw4p6] {
    opacity: 0.6;
}

input[type="checkbox"][b-adexliw4p6] {
    color: black;
}

.form-control:focus[b-adexliw4p6] {
    border-color: #ced4da; /* Keeps the default border color */
    outline: none; /* Removes the outline */
    box-shadow: none !important; /* Removes the glow effect */
}

.form-control[b-adexliw4p6] {
    display: flex;
    align-items: center; /* Vertically centers the content */
    height: 38px; /* Matches typical Bootstrap input height, adjust if needed */
    padding: 0 12px; /* Adjust padding to ensure text isn't too close to edges */
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

.bg-dark[b-adexliw4p6] {
    font-size: 12px;
}

.sortable[b-adexliw4p6] {
    cursor: pointer;
}

.sort-arrow-asc[b-adexliw4p6]::after {
    content: '\25B2'; /* Unicode up arrow */
}

.sort-arrow-desc[b-adexliw4p6]::after {
    content: '\25BC'; /* Unicode down arrow */
}

.sort-arrow-asc.active[b-adexliw4p6], .sort-arrow-desc.active[b-adexliw4p6] {
    color: darkorange !important;
    font-weight: bold;
}







#datatables-dashboard-products[b-adexliw4p6] {
    width: 100%;
    table-layout: fixed;
}

/* Ensure column widths are respected */
.first-column[b-adexliw4p6] {
    width: 20%;
}

.second-column[b-adexliw4p6] {
    width: 13%;
}

.third-column[b-adexliw4p6] {
    width: 13%;
}

.fourth-column[b-adexliw4p6] {
    width: 13%;
}

.fith-column[b-adexliw4p6] {
    width: 22%;
}

.sixth-column[b-adexliw4p6] {
    width: 11%;
}

.seventh-column[b-adexliw4p6] {
    width: 8%;
}

.action-column[b-adexliw4p6] {
    width: 8%;
    min-width: 120px;
    white-space: nowrap;
}

/* Ensure the table is scrollable if needed */
.card[b-adexliw4p6] {
    overflow-x: auto;
}






/* Target the pagination links (Previous, Next, and page numbers) */
.pagination .page-link[b-adexliw4p6] {
    /* Remove any default blue color */
    color: #333 !important; /* Dark gray text for non-active links */
    border-color: #ddd !important; /* Light gray border */
    background-color: #fff !important; /* White background */
    outline: none !important; /* Already added to remove focus outline */
}

/* Style the Previous and Next buttons specifically */
.pagination .page-item .page-link[b-adexliw4p6] {
    color: #333 !important; /* Ensure text is not blue */
}

/* Style the active page (already set to dark orange) */
.pagination .page-item.active .page-link[b-adexliw4p6] {
    background-color: #FF8C00 !important; /* Dark orange for active page */
    border-color: #FF8C00 !important; /* Match the border */
    color: #fff !important; /* White text for contrast */
}

/* Style the hover state for Previous, Next, and page numbers */
.pagination .page-link:hover[b-adexliw4p6] {
    background-color: #ffe4b5 !important; /* Light orange on hover */
    border-color: #ffe4b5 !important;
    color: #333 !important; /* Ensure text remains dark gray on hover */
}

/* Style the focus state (already added, but ensure no blue) */
.pagination .page-link:focus[b-adexliw4p6] {
    outline: none !important;
    background-color: #f0f0f0 !important; /* Light gray background on focus */
    box-shadow: none !important; /* Remove any default shadow */
    color: #333 !important; /* Ensure text remains dark gray on focus */
}

/* Style the disabled state for Previous/Next buttons */
.pagination .page-item.disabled .page-link[b-adexliw4p6] {
    background-color: #f5f5f5 !important; /* Light gray background for disabled */
    border-color: #ddd !important; /* Light gray border */
    color: #999 !important; /* Grayed-out text */
}


.display-overflow[b-adexliw4p6] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; /* Respecting your constraint */
    vertical-align: middle; /* Ensure the td aligns content in the middle */
}

.badge-dark[b-adexliw4p6] {
    color: white;
    background-color: black;
    padding: 2px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; /* Ensure the badge respects the parent's width */
    max-width: 100%; /* Ensure it doesn't exceed the parent container */
    border-radius: 0.2rem;
    line-height: normal; /* Reset line-height */
    vertical-align: middle; /* Align the span in the middle */
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Common/Modals/TwoFactorChallengeModal.razor.rz.scp.css */
#actionButton:hover[b-zif8y50uy0] {
    opacity: 0.75;
}

.modal-dialog[b-zif8y50uy0] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-zif8y50uy0] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-zif8y50uy0] {
    margin: 0;
    padding: 0;
}



.tform-group[b-zif8y50uy0] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-zif8y50uy0] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-zif8y50uy0] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-zif8y50uy0] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-zif8y50uy0]::-webkit-outer-spin-button,
input[b-zif8y50uy0]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-zif8y50uy0] {
    -moz-appearance: textfield;
}



.input-label[b-zif8y50uy0] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-zif8y50uy0] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-zif8y50uy0] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-zif8y50uy0] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/ApiKeyPage.razor.rz.scp.css */
.tform-group[b-4ovv3lbk0e] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-4ovv3lbk0e] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-4ovv3lbk0e] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-4ovv3lbk0e] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-4ovv3lbk0e]::-webkit-outer-spin-button,
input[b-4ovv3lbk0e]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-4ovv3lbk0e] {
    -moz-appearance: textfield;
}



.input-label[b-4ovv3lbk0e] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-4ovv3lbk0e] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-4ovv3lbk0e] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-4ovv3lbk0e] {
    opacity: 0.6;
}

input[type="checkbox"][b-4ovv3lbk0e] {
    color: black;
}

.form-control:focus[b-4ovv3lbk0e] {
    border-color: #ced4da; /* Keeps the default border color */
    outline: none; /* Removes the outline */
    box-shadow: none !important; /* Removes the glow effect */
}

.form-control[b-4ovv3lbk0e] {
    display: flex;
    align-items: center; /* Vertically centers the content */
    height: 38px; /* Matches typical Bootstrap input height, adjust if needed */
    padding: 0 12px; /* Adjust padding to ensure text isn't too close to edges */
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

.bg-dark[b-4ovv3lbk0e] {
    font-size: 12px;
}

.sortable[b-4ovv3lbk0e] {
    cursor: pointer;
}

.sort-arrow-asc[b-4ovv3lbk0e]::after {
    content: '\25B2'; /* Unicode up arrow */
}

.sort-arrow-desc[b-4ovv3lbk0e]::after {
    content: '\25BC'; /* Unicode down arrow */
}

.sort-arrow-asc.active[b-4ovv3lbk0e], .sort-arrow-desc.active[b-4ovv3lbk0e] {
    color: darkorange !important;
    font-weight: bold;
}







#datatables-dashboard-products[b-4ovv3lbk0e] {
    width: 100%;
    table-layout: fixed;
}

/* Ensure column widths are respected */
.created-by-column[b-4ovv3lbk0e] {
    width: 15%;
}

.api-label-column[b-4ovv3lbk0e] {
    width: 10%;
}

.api-key-column[b-4ovv3lbk0e] {
    width: 22%;
}

.customer-account-column[b-4ovv3lbk0e] {
    width: 17%;
}

.status-column[b-4ovv3lbk0e] {
    width: 8%; /* (100% - 36% - 24%) / 4 = 10% */
}

.equal-column[b-4ovv3lbk0e] {
    width: 10%; /* (100% - 36% - 24%) / 4 = 10% */
}

.action-column[b-4ovv3lbk0e] {
    width: 8%;
    min-width: 120px;
    white-space: nowrap;
}

/* Ensure the table is scrollable if needed */
.card[b-4ovv3lbk0e] {
    overflow-x: auto;
}






/* Target the pagination links (Previous, Next, and page numbers) */
.pagination .page-link[b-4ovv3lbk0e] {
    /* Remove any default blue color */
    color: #333 !important; /* Dark gray text for non-active links */
    border-color: #ddd !important; /* Light gray border */
    background-color: #fff !important; /* White background */
    outline: none !important; /* Already added to remove focus outline */
}

/* Style the Previous and Next buttons specifically */
.pagination .page-item .page-link[b-4ovv3lbk0e] {
    color: #333 !important; /* Ensure text is not blue */
}

/* Style the active page (already set to dark orange) */
.pagination .page-item.active .page-link[b-4ovv3lbk0e] {
    background-color: #FF8C00 !important; /* Dark orange for active page */
    border-color: #FF8C00 !important; /* Match the border */
    color: #fff !important; /* White text for contrast */
}

/* Style the hover state for Previous, Next, and page numbers */
.pagination .page-link:hover[b-4ovv3lbk0e] {
    background-color: #ffe4b5 !important; /* Light orange on hover */
    border-color: #ffe4b5 !important;
    color: #333 !important; /* Ensure text remains dark gray on hover */
}

/* Style the focus state (already added, but ensure no blue) */
.pagination .page-link:focus[b-4ovv3lbk0e] {
    outline: none !important;
    background-color: #f0f0f0 !important; /* Light gray background on focus */
    box-shadow: none !important; /* Remove any default shadow */
    color: #333 !important; /* Ensure text remains dark gray on focus */
}

/* Style the disabled state for Previous/Next buttons */
.pagination .page-item.disabled .page-link[b-4ovv3lbk0e] {
    background-color: #f5f5f5 !important; /* Light gray background for disabled */
    border-color: #ddd !important; /* Light gray border */
    color: #999 !important; /* Grayed-out text */
}


.display-overflow[b-4ovv3lbk0e] {
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    max-width: 100%; /* Respecting your constraint */
    vertical-align: middle; /* Ensure the td aligns content in the middle */
}

.badge-dark[b-4ovv3lbk0e] {
    color: white;
    background-color: black;
    padding: 2px 6px;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    display: inline-block; /* Ensure the badge respects the parent's width */
    max-width: 100%; /* Ensure it doesn't exceed the parent container */
    border-radius: 0.2rem;
    line-height: normal; /* Reset line-height */
    vertical-align: middle; /* Align the span in the middle */
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/DeveloperPage.razor.rz.scp.css */
.tform-group[b-cqy1otxrii] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-cqy1otxrii] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-cqy1otxrii] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-cqy1otxrii] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-cqy1otxrii]::-webkit-outer-spin-button,
input[b-cqy1otxrii]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-cqy1otxrii] {
    -moz-appearance: textfield;
}



.input-label[b-cqy1otxrii] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-cqy1otxrii] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-cqy1otxrii] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-cqy1otxrii] {
    opacity: 0.6;
}

input[type="checkbox"][b-cqy1otxrii] {
    color: black;
}

.form-control:focus[b-cqy1otxrii] {
    border-color: #ced4da; /* Keeps the default border color */
    outline: none; /* Removes the outline */
    box-shadow: none !important; /* Removes the glow effect */
}

.form-control[b-cqy1otxrii] {
    display: flex;
    align-items: center; /* Vertically centers the content */
    height: 38px; /* Matches typical Bootstrap input height, adjust if needed */
    padding: 0 12px; /* Adjust padding to ensure text isn't too close to edges */
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

.bg-dark[b-cqy1otxrii] {
    font-size: 12px;
}

.sortable[b-cqy1otxrii] {
    cursor: pointer;
}

.sort-arrow-asc[b-cqy1otxrii]::after {
    content: '\25B2'; /* Unicode up arrow */
}

.sort-arrow-desc[b-cqy1otxrii]::after {
    content: '\25BC'; /* Unicode down arrow */
}

.sort-arrow-asc.active[b-cqy1otxrii], .sort-arrow-desc.active[b-cqy1otxrii] {
    color: darkorange !important;
    font-weight: bold;
}







#datatables-dashboard-products[b-cqy1otxrii] {
    width: 100%;
    table-layout: fixed;
}

/* Ensure column widths are respected */
.created-by-column[b-cqy1otxrii] {
    width: 17%;
}

.api-label-column[b-cqy1otxrii] {
    width: 10%;
}

.customer-account-column[b-cqy1otxrii] {
    width: 25%;
}

.status-column[b-cqy1otxrii] {
    width: 14%; /* (100% - 60% - 24%) / 4 = 10% */
}

.equal-column[b-cqy1otxrii] {
    width: 13%; /* (100% - 60% - 24%) / 4 = 10% */
}

.action-column[b-cqy1otxrii] {
    width: 8%;
    min-width: 120px;
    white-space: nowrap;
}

/* Ensure the table is scrollable if needed */
.card[b-cqy1otxrii] {
    overflow-x: auto;
}

.api-key-column[b-cqy1otxrii] {
    width: 22%;
}




/* Target the pagination links (Previous, Next, and page numbers) */
.pagination .page-link[b-cqy1otxrii] {
    /* Remove any default blue color */
    color: #333 !important; /* Dark gray text for non-active links */
    border-color: #ddd !important; /* Light gray border */
    background-color: #fff !important; /* White background */
    outline: none !important; /* Already added to remove focus outline */
}

/* Style the Previous and Next buttons specifically */
.pagination .page-item .page-link[b-cqy1otxrii] {
    color: #333 !important; /* Ensure text is not blue */
}

/* Style the active page (already set to dark orange) */
.pagination .page-item.active .page-link[b-cqy1otxrii] {
    background-color: #FF8C00 !important; /* Dark orange for active page */
    border-color: #FF8C00 !important; /* Match the border */
    color: #fff !important; /* White text for contrast */
}

/* Style the hover state for Previous, Next, and page numbers */
.pagination .page-link:hover[b-cqy1otxrii] {
    background-color: #ffe4b5 !important; /* Light orange on hover */
    border-color: #ffe4b5 !important;
    color: #333 !important; /* Ensure text remains dark gray on hover */
}

/* Style the focus state (already added, but ensure no blue) */
.pagination .page-link:focus[b-cqy1otxrii] {
    outline: none !important;
    background-color: #f0f0f0 !important; /* Light gray background on focus */
    box-shadow: none !important; /* Remove any default shadow */
    color: #333 !important; /* Ensure text remains dark gray on focus */
}

/* Style the disabled state for Previous/Next buttons */
.pagination .page-item.disabled .page-link[b-cqy1otxrii] {
    background-color: #f5f5f5 !important; /* Light gray background for disabled */
    border-color: #ddd !important; /* Light gray border */
    color: #999 !important; /* Grayed-out text */
}


.display-overflow[b-cqy1otxrii] {
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    max-width: 100%; /* Respecting your constraint */
    vertical-align: middle; /* Ensure the td aligns content in the middle */
}

.badge-dark[b-cqy1otxrii] {
    color: white;
    background-color: black;
    padding: 2px 6px;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    display: inline-block; /* Ensure the badge respects the parent's width */
    max-width: 100%; /* Ensure it doesn't exceed the parent container */
    border-radius: 0.2rem;
    line-height: normal; /* Reset line-height */
    vertical-align: middle; /* Align the span in the middle */
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/AddApiKeyCidrModal.razor.rz.scp.css */
#actionButton:hover[b-wwrccknymr] {
    opacity: 0.75;
}

.modal-dialog[b-wwrccknymr] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-wwrccknymr] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-wwrccknymr] {
    margin: 0;
    padding: 0;
}



.tform-group[b-wwrccknymr] {
    position: relative;
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group i[b-wwrccknymr] {
        position: absolute;
        left: 0;
        padding: 11px 10px 10px 16px;
    }

input[type='password'][b-wwrccknymr] {
    font-family: Verdana;
    letter-spacing: 0.125em;
}

.tform-group:focus[b-wwrccknymr] {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.tform-group input[b-wwrccknymr] {
    display: inline-block;
    width: 100%;
    border: none;
}

    .tform-group input:focus[b-wwrccknymr] {
        box-shadow: none;
    }

/* Chrome, Safari, Edge, Opera */
input[b-wwrccknymr]::-webkit-outer-spin-button,
input[b-wwrccknymr]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-wwrccknymr] {
    -moz-appearance: textfield;
}



.input-label[b-wwrccknymr] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-wwrccknymr] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-wwrccknymr] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-wwrccknymr] {
    opacity: 0.6;
}

#myModal[b-wwrccknymr] {
    display: block;
    background-color: rgba(10,10,10,.8);
    text-align: center;
}

.inner-content-input[b-wwrccknymr] {
    width: 74%;
}

.inner-content-text[b-wwrccknymr] {
    width: 80%;
    text-align: justify;
}

.modal-footer button[b-wwrccknymr] {
    width: 40%;
}

#actionButton[b-wwrccknymr] {
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}


.input-otp[b-wwrccknymr] {
    text-align: center;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/DeleteApiKeyCidrModal.razor.rz.scp.css */
#actionButton:hover[b-4q2btec2zl] {
    opacity: 0.75;
}

.modal-dialog[b-4q2btec2zl] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-4q2btec2zl] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-4q2btec2zl] {
    margin: 0;
    padding: 0;
}



.tform-group[b-4q2btec2zl] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-4q2btec2zl] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-4q2btec2zl] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-4q2btec2zl] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-4q2btec2zl]::-webkit-outer-spin-button,
input[b-4q2btec2zl]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-4q2btec2zl] {
    -moz-appearance: textfield;
}



.input-label[b-4q2btec2zl] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-4q2btec2zl] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-4q2btec2zl] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-4q2btec2zl] {
    opacity: 0.6;
}


#actionButton[b-4q2btec2zl] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-4q2btec2zl] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-4q2btec2zl] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-4q2btec2zl] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-4q2btec2zl] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-4q2btec2zl] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-4q2btec2zl] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/DisableAllApiKeyCidrModal.razor.rz.scp.css */
#actionButton:hover[b-9y3tpdi7w4] {
    opacity: 0.75;
}

.modal-dialog[b-9y3tpdi7w4] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-9y3tpdi7w4] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-9y3tpdi7w4] {
    margin: 0;
    padding: 0;
}



.tform-group[b-9y3tpdi7w4] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-9y3tpdi7w4] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-9y3tpdi7w4] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-9y3tpdi7w4] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-9y3tpdi7w4]::-webkit-outer-spin-button,
input[b-9y3tpdi7w4]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-9y3tpdi7w4] {
    -moz-appearance: textfield;
}



.input-label[b-9y3tpdi7w4] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-9y3tpdi7w4] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-9y3tpdi7w4] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-9y3tpdi7w4] {
    opacity: 0.6;
}


#actionButton[b-9y3tpdi7w4] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-9y3tpdi7w4] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-9y3tpdi7w4] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-9y3tpdi7w4] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-9y3tpdi7w4] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-9y3tpdi7w4] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-9y3tpdi7w4] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/DisableApiKeyCidrModal.razor.rz.scp.css */
#actionButton:hover[b-84pfi1iwzp] {
    opacity: 0.75;
}

.modal-dialog[b-84pfi1iwzp] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-84pfi1iwzp] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-84pfi1iwzp] {
    margin: 0;
    padding: 0;
}



.tform-group[b-84pfi1iwzp] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-84pfi1iwzp] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-84pfi1iwzp] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-84pfi1iwzp] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-84pfi1iwzp]::-webkit-outer-spin-button,
input[b-84pfi1iwzp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-84pfi1iwzp] {
    -moz-appearance: textfield;
}



.input-label[b-84pfi1iwzp] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-84pfi1iwzp] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-84pfi1iwzp] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-84pfi1iwzp] {
    opacity: 0.6;
}


#actionButton[b-84pfi1iwzp] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-84pfi1iwzp] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-84pfi1iwzp] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-84pfi1iwzp] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-84pfi1iwzp] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-84pfi1iwzp] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-84pfi1iwzp] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/DisableApiKeyModal.razor.rz.scp.css */
#actionButton:hover[b-r14rm090eq] {
    opacity: 0.75;
}

.modal-dialog[b-r14rm090eq] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-r14rm090eq] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-r14rm090eq] {
    margin: 0;
    padding: 0;
}



.tform-group[b-r14rm090eq] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-r14rm090eq] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-r14rm090eq] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-r14rm090eq] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-r14rm090eq]::-webkit-outer-spin-button,
input[b-r14rm090eq]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-r14rm090eq] {
    -moz-appearance: textfield;
}



.input-label[b-r14rm090eq] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-r14rm090eq] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-r14rm090eq] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-r14rm090eq] {
    opacity: 0.6;
}


#actionButton[b-r14rm090eq] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-r14rm090eq] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-r14rm090eq] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-r14rm090eq] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-r14rm090eq] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-r14rm090eq] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-r14rm090eq] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/EnableAllApiKeyCidrModal.razor.rz.scp.css */
#actionButton:hover[b-6txuulaxta] {
    opacity: 0.75;
}

.modal-dialog[b-6txuulaxta] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-6txuulaxta] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-6txuulaxta] {
    margin: 0;
    padding: 0;
}



.tform-group[b-6txuulaxta] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-6txuulaxta] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-6txuulaxta] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-6txuulaxta] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-6txuulaxta]::-webkit-outer-spin-button,
input[b-6txuulaxta]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-6txuulaxta] {
    -moz-appearance: textfield;
}



.input-label[b-6txuulaxta] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-6txuulaxta] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-6txuulaxta] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-6txuulaxta] {
    opacity: 0.6;
}


#actionButton[b-6txuulaxta] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-6txuulaxta] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-6txuulaxta] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-6txuulaxta] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-6txuulaxta] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-6txuulaxta] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-6txuulaxta] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/EnableApiKeyCidrModal.razor.rz.scp.css */
#actionButton:hover[b-5cop46pk1s] {
    opacity: 0.75;
}

.modal-dialog[b-5cop46pk1s] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-5cop46pk1s] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-5cop46pk1s] {
    margin: 0;
    padding: 0;
}



.tform-group[b-5cop46pk1s] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-5cop46pk1s] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-5cop46pk1s] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-5cop46pk1s] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-5cop46pk1s]::-webkit-outer-spin-button,
input[b-5cop46pk1s]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-5cop46pk1s] {
    -moz-appearance: textfield;
}



.input-label[b-5cop46pk1s] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-5cop46pk1s] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-5cop46pk1s] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-5cop46pk1s] {
    opacity: 0.6;
}


#actionButton[b-5cop46pk1s] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-5cop46pk1s] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-5cop46pk1s] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-5cop46pk1s] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-5cop46pk1s] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-5cop46pk1s] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-5cop46pk1s] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/EnableApiKeyModal.razor.rz.scp.css */
#actionButton:hover[b-dyp82287bj] {
    opacity: 0.75;
}

.modal-dialog[b-dyp82287bj] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-dyp82287bj] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-dyp82287bj] {
    margin: 0;
    padding: 0;
}



.tform-group[b-dyp82287bj] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-dyp82287bj] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-dyp82287bj] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-dyp82287bj] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-dyp82287bj]::-webkit-outer-spin-button,
input[b-dyp82287bj]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-dyp82287bj] {
    -moz-appearance: textfield;
}



.input-label[b-dyp82287bj] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-dyp82287bj] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-dyp82287bj] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-dyp82287bj] {
    opacity: 0.6;
}


#actionButton[b-dyp82287bj] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-dyp82287bj] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-dyp82287bj] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-dyp82287bj] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-dyp82287bj] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-dyp82287bj] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-dyp82287bj] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/FilterDeveloperPageModal.razor.rz.scp.css */
#actionButton:hover[b-1eqfv1f0ww] {
    opacity: 0.75;
}

.modal-dialog[b-1eqfv1f0ww] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-1eqfv1f0ww] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-1eqfv1f0ww] {
    margin: 0;
    padding: 0;
}



.tform-group[b-1eqfv1f0ww] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-1eqfv1f0ww] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-1eqfv1f0ww] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-1eqfv1f0ww] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-1eqfv1f0ww]::-webkit-outer-spin-button,
input[b-1eqfv1f0ww]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-1eqfv1f0ww] {
    -moz-appearance: textfield;
}



.input-label[b-1eqfv1f0ww] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-1eqfv1f0ww] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-1eqfv1f0ww] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-1eqfv1f0ww] {
    opacity: 0.6;
}


#actionButton[b-1eqfv1f0ww] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-1eqfv1f0ww] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-1eqfv1f0ww] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-1eqfv1f0ww] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-1eqfv1f0ww] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-1eqfv1f0ww] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-1eqfv1f0ww] {
    color: black;
}

.form-control:focus[b-1eqfv1f0ww] {
    border-color: #ced4da; /* Keeps the default border color */
    outline: none; /* Removes the outline */
    box-shadow: none !important; /* Removes the glow effect */
}

.form-control[b-1eqfv1f0ww] {
    display: flex;
    align-items: center; /* Vertically centers the content */
    height: 38px; /* Matches typical Bootstrap input height, adjust if needed */
    padding: 0 12px; /* Adjust padding to ensure text isn't too close to edges */
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/GenerateApiKeyModal.razor.rz.scp.css */
#actionButton:hover[b-lfjevto2hv] {
    opacity: 0.75;
}

.modal-dialog[b-lfjevto2hv] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-lfjevto2hv] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-lfjevto2hv] {
    margin: 0;
    padding: 0;
}



.tform-group[b-lfjevto2hv] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-lfjevto2hv] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-lfjevto2hv] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-lfjevto2hv] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-lfjevto2hv]::-webkit-outer-spin-button,
input[b-lfjevto2hv]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-lfjevto2hv] {
    -moz-appearance: textfield;
}



.input-label[b-lfjevto2hv] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-lfjevto2hv] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-lfjevto2hv] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-lfjevto2hv] {
    opacity: 0.6;
}


#actionButton[b-lfjevto2hv] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-lfjevto2hv] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-lfjevto2hv] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-lfjevto2hv] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-lfjevto2hv] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-lfjevto2hv] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-lfjevto2hv] {
    color: black;
}

.form-control:focus[b-lfjevto2hv] {
    border-color: #ced4da; /* Keeps the default border color */
    outline: none; /* Removes the outline */
    box-shadow: none !important; /* Removes the glow effect */
}

.form-control[b-lfjevto2hv] {
    display: flex;
    align-items: center; /* Vertically centers the content */
    height: 38px; /* Matches typical Bootstrap input height, adjust if needed */
    padding: 0 12px; /* Adjust padding to ensure text isn't too close to edges */
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Developer/Modals/UpdateApiLabelModal.razor.rz.scp.css */
#actionButton:hover[b-opykzt75e5] {
    opacity: 0.75;
}

.modal-dialog[b-opykzt75e5] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-opykzt75e5] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-opykzt75e5] {
    margin: 0;
    padding: 0;
}



.tform-group[b-opykzt75e5] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-opykzt75e5] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-opykzt75e5] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-opykzt75e5] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-opykzt75e5]::-webkit-outer-spin-button,
input[b-opykzt75e5]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-opykzt75e5] {
    -moz-appearance: textfield;
}



.input-label[b-opykzt75e5] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-opykzt75e5] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-opykzt75e5] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-opykzt75e5] {
    opacity: 0.6;
}


#actionButton[b-opykzt75e5] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-opykzt75e5] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-opykzt75e5] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-opykzt75e5] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-opykzt75e5] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-opykzt75e5] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-opykzt75e5] {
    color: black;
}

.form-control:focus[b-opykzt75e5] {
    border-color: #ced4da; /* Keeps the default border color */
    outline: none; /* Removes the outline */
    box-shadow: none !important; /* Removes the glow effect */
}

.form-control[b-opykzt75e5] {
    display: flex;
    align-items: center; /* Vertically centers the content */
    height: 38px; /* Matches typical Bootstrap input height, adjust if needed */
    padding: 0 12px; /* Adjust padding to ensure text isn't too close to edges */
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Invitations/InvitationsPage.razor.rz.scp.css */
.sortable[b-ssmaa9lm8o] {
    cursor: pointer;
}

.sort-arrow-asc[b-ssmaa9lm8o]::after {
    content: '\25B2'; /* Unicode up arrow */
}

.sort-arrow-desc[b-ssmaa9lm8o]::after {
    content: '\25BC'; /* Unicode down arrow */
}

.sort-arrow-asc.active[b-ssmaa9lm8o], .sort-arrow-desc.active[b-ssmaa9lm8o] {
    color: darkorange !important;
    font-weight: bold;
}




/* Target the pagination links (Previous, Next, and page numbers) */
.pagination .page-link[b-ssmaa9lm8o] {
    /* Remove any default blue color */
    color: #333 !important; /* Dark gray text for non-active links */
    border-color: #ddd !important; /* Light gray border */
    background-color: #fff !important; /* White background */
    outline: none !important; /* Already added to remove focus outline */
}

/* Style the Previous and Next buttons specifically */
.pagination .page-item .page-link[b-ssmaa9lm8o] {
    color: #333 !important; /* Ensure text is not blue */
}

/* Style the active page (already set to dark orange) */
.pagination .page-item.active .page-link[b-ssmaa9lm8o] {
    background-color: #FF8C00 !important; /* Dark orange for active page */
    border-color: #FF8C00 !important; /* Match the border */
    color: #fff !important; /* White text for contrast */
}

/* Style the hover state for Previous, Next, and page numbers */
.pagination .page-link:hover[b-ssmaa9lm8o] {
    background-color: #ffe4b5 !important; /* Light orange on hover */
    border-color: #ffe4b5 !important;
    color: #333 !important; /* Ensure text remains dark gray on hover */
}

/* Style the focus state (already added, but ensure no blue) */
.pagination .page-link:focus[b-ssmaa9lm8o] {
    outline: none !important;
    background-color: #f0f0f0 !important; /* Light gray background on focus */
    box-shadow: none !important; /* Remove any default shadow */
    color: #333 !important; /* Ensure text remains dark gray on focus */
}

/* Style the disabled state for Previous/Next buttons */
.pagination .page-item.disabled .page-link[b-ssmaa9lm8o] {
    background-color: #f5f5f5 !important; /* Light gray background for disabled */
    border-color: #ddd !important; /* Light gray border */
    color: #999 !important; /* Grayed-out text */
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Invitations/Modals/CancelInvitationModal.razor.rz.scp.css */
#actionButton:hover[b-k6kch3jecp] {
    opacity: 0.75;
}

.modal-dialog[b-k6kch3jecp] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-k6kch3jecp] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-k6kch3jecp] {
    margin: 0;
    padding: 0;
}



.tform-group[b-k6kch3jecp] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-k6kch3jecp] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-k6kch3jecp] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-k6kch3jecp] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-k6kch3jecp]::-webkit-outer-spin-button,
input[b-k6kch3jecp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-k6kch3jecp] {
    -moz-appearance: textfield;
}



.input-label[b-k6kch3jecp] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-k6kch3jecp] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-k6kch3jecp] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-k6kch3jecp] {
    opacity: 0.6;
}


#actionButton[b-k6kch3jecp] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-k6kch3jecp] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-k6kch3jecp] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-k6kch3jecp] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-k6kch3jecp] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-k6kch3jecp] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-k6kch3jecp] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Invitations/Modals/FilterInvitationsPageModal.razor.rz.scp.css */
#actionButton:hover[b-gxhnzk9esj] {
    opacity: 0.75;
}

.modal-dialog[b-gxhnzk9esj] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-gxhnzk9esj] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-gxhnzk9esj] {
    margin: 0;
    padding: 0;
}



.tform-group[b-gxhnzk9esj] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-gxhnzk9esj] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-gxhnzk9esj] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-gxhnzk9esj] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-gxhnzk9esj]::-webkit-outer-spin-button,
input[b-gxhnzk9esj]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-gxhnzk9esj] {
    -moz-appearance: textfield;
}



.input-label[b-gxhnzk9esj] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-gxhnzk9esj] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-gxhnzk9esj] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-gxhnzk9esj] {
    opacity: 0.6;
}


#actionButton[b-gxhnzk9esj] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-gxhnzk9esj] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-gxhnzk9esj] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-gxhnzk9esj] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-gxhnzk9esj] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-gxhnzk9esj] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-gxhnzk9esj] {
    color: black;
}

.form-control:focus[b-gxhnzk9esj] {
    border-color: #ced4da; /* Keeps the default border color */
    outline: none; /* Removes the outline */
    box-shadow: none !important; /* Removes the glow effect */
}

.form-control[b-gxhnzk9esj] {
    display: flex;
    align-items: center; /* Vertically centers the content */
    height: 38px; /* Matches typical Bootstrap input height, adjust if needed */
    padding: 0 12px; /* Adjust padding to ensure text isn't too close to edges */
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Invitations/Modals/InvitationModal.razor.rz.scp.css */
#actionButton:hover[b-0l2syqh0qh] {
    opacity: 0.75;
}

.modal-dialog[b-0l2syqh0qh] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-0l2syqh0qh] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-0l2syqh0qh] {
    margin: 0;
    padding: 0;
}



.tform-group[b-0l2syqh0qh] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-0l2syqh0qh] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-0l2syqh0qh] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-0l2syqh0qh] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-0l2syqh0qh]::-webkit-outer-spin-button,
input[b-0l2syqh0qh]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-0l2syqh0qh] {
    -moz-appearance: textfield;
}



.input-label[b-0l2syqh0qh] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-0l2syqh0qh] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-0l2syqh0qh] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-0l2syqh0qh] {
    opacity: 0.6;
}


#actionButton[b-0l2syqh0qh] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-0l2syqh0qh] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-0l2syqh0qh] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-0l2syqh0qh] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-0l2syqh0qh] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-0l2syqh0qh] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-0l2syqh0qh] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Invitations/Modals/RenewInvitationModal.razor.rz.scp.css */
#actionButton:hover[b-bcvvqqq6mp] {
    opacity: 0.75;
}

.modal-dialog[b-bcvvqqq6mp] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-bcvvqqq6mp] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-bcvvqqq6mp] {
    margin: 0;
    padding: 0;
}



.tform-group[b-bcvvqqq6mp] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-bcvvqqq6mp] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-bcvvqqq6mp] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-bcvvqqq6mp] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-bcvvqqq6mp]::-webkit-outer-spin-button,
input[b-bcvvqqq6mp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-bcvvqqq6mp] {
    -moz-appearance: textfield;
}



.input-label[b-bcvvqqq6mp] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-bcvvqqq6mp] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 7px;
}

    .form-select select:focus[b-bcvvqqq6mp] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-bcvvqqq6mp] {
    opacity: 0.6;
}


#actionButton[b-bcvvqqq6mp] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-bcvvqqq6mp] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-bcvvqqq6mp] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-bcvvqqq6mp] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-bcvvqqq6mp] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-bcvvqqq6mp] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-bcvvqqq6mp] {
    color: black;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Profile/Modals/BackupEmailAddressModal.razor.rz.scp.css */
#actionButton:hover[b-x3xul847vw] {
    opacity: 0.75;
}

.modal-dialog[b-x3xul847vw] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-x3xul847vw] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-x3xul847vw] {
    margin: 0;
    padding: 0;
}



.tform-group[b-x3xul847vw] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-x3xul847vw] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-x3xul847vw] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-x3xul847vw] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-x3xul847vw]::-webkit-outer-spin-button,
input[b-x3xul847vw]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-x3xul847vw] {
    -moz-appearance: textfield;
}



.input-label[b-x3xul847vw] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-x3xul847vw] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-x3xul847vw] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-x3xul847vw] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Profile/Modals/EmailAddressModal.razor.rz.scp.css */
#actionButton:hover[b-p24qnswzvb] {
    opacity: 0.75;
}

.modal-dialog[b-p24qnswzvb] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-p24qnswzvb] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-p24qnswzvb] {
    margin: 0;
    padding: 0;
}



.tform-group[b-p24qnswzvb] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-p24qnswzvb] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-p24qnswzvb] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-p24qnswzvb] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-p24qnswzvb]::-webkit-outer-spin-button,
input[b-p24qnswzvb]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-p24qnswzvb] {
    -moz-appearance: textfield;
}



.input-label[b-p24qnswzvb] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-p24qnswzvb] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-p24qnswzvb] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-p24qnswzvb] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Profile/Modals/MobileNumberModal.razor.rz.scp.css */
#actionButton:hover[b-c6j0iapfhw] {
    opacity: 0.75;
}

.modal-dialog[b-c6j0iapfhw] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-c6j0iapfhw] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-c6j0iapfhw] {
    margin: 0;
    padding: 0;
}



.tform-group[b-c6j0iapfhw] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-c6j0iapfhw] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-c6j0iapfhw] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-c6j0iapfhw] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-c6j0iapfhw]::-webkit-outer-spin-button,
input[b-c6j0iapfhw]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-c6j0iapfhw] {
    -moz-appearance: textfield;
}



.input-label[b-c6j0iapfhw] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-c6j0iapfhw] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-c6j0iapfhw] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-c6j0iapfhw] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Profile/Modals/NameModal.razor.rz.scp.css */
#actionButton:hover[b-yiqf8bmyg6] {
    opacity: 0.75;
}

.modal-dialog[b-yiqf8bmyg6] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-yiqf8bmyg6] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-yiqf8bmyg6] {
    margin: 0;
    padding: 0;
}



.tform-group[b-yiqf8bmyg6] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-yiqf8bmyg6] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-yiqf8bmyg6] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-yiqf8bmyg6] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-yiqf8bmyg6]::-webkit-outer-spin-button,
input[b-yiqf8bmyg6]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-yiqf8bmyg6] {
    -moz-appearance: textfield;
}



.input-label[b-yiqf8bmyg6] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-yiqf8bmyg6] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-yiqf8bmyg6] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-yiqf8bmyg6] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Profile/Modals/OfficeNumberModal.razor.rz.scp.css */
#actionButton:hover[b-h8xyufqh2y] {
    opacity: 0.75;
}

.modal-dialog[b-h8xyufqh2y] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-h8xyufqh2y] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-h8xyufqh2y] {
    margin: 0;
    padding: 0;
}



.tform-group[b-h8xyufqh2y] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-h8xyufqh2y] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-h8xyufqh2y] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-h8xyufqh2y] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-h8xyufqh2y]::-webkit-outer-spin-button,
input[b-h8xyufqh2y]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-h8xyufqh2y] {
    -moz-appearance: textfield;
}



.input-label[b-h8xyufqh2y] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-h8xyufqh2y] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-h8xyufqh2y] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-h8xyufqh2y] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Profile/Modals/ProfilePictureModal.razor.rz.scp.css */
#actionButton:hover[b-moq5zp18h5] {
    opacity: 0.75;
}

.modal-dialog[b-moq5zp18h5] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-moq5zp18h5] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-moq5zp18h5] {
    margin: 0;
    padding: 0;
}



.tform-group[b-moq5zp18h5] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-moq5zp18h5] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-moq5zp18h5] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-moq5zp18h5] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-moq5zp18h5]::-webkit-outer-spin-button,
input[b-moq5zp18h5]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-moq5zp18h5] {
    -moz-appearance: textfield;
}



.input-label[b-moq5zp18h5] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-moq5zp18h5] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-moq5zp18h5] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-moq5zp18h5] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Profile/Modals/TimeZoneModal.razor.rz.scp.css */
#actionButton:hover[b-1uyb4g1h5u] {
    opacity: 0.75;
}

.modal-dialog[b-1uyb4g1h5u] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-1uyb4g1h5u] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-1uyb4g1h5u] {
    margin: 0;
    padding: 0;
}



.tform-group[b-1uyb4g1h5u] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-1uyb4g1h5u] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-1uyb4g1h5u] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-1uyb4g1h5u] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-1uyb4g1h5u]::-webkit-outer-spin-button,
input[b-1uyb4g1h5u]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-1uyb4g1h5u] {
    -moz-appearance: textfield;
}



.input-label[b-1uyb4g1h5u] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-1uyb4g1h5u] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-1uyb4g1h5u] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-1uyb4g1h5u] {
    opacity: 0.6;
}


#actionButton[b-1uyb4g1h5u] {
    width: 40%;
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}

#management[b-1uyb4g1h5u] {
    background-color: rgba(101, 43, 124, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#simcards[b-1uyb4g1h5u] {
    background-color: rgba(240, 10, 54, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#messaging[b-1uyb4g1h5u] {
    background-color: rgba(237, 59, 33, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#shop[b-1uyb4g1h5u] {
    background-color: rgba(255, 105, 8, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

#billing[b-1uyb4g1h5u] {
    background-color: rgba(253, 183, 26, 1.0);
    color: rgba(233, 236, 239, 0.6);
}

input[type="checkbox"][b-1uyb4g1h5u] {
    color: black;
}

.form-control:focus[b-1uyb4g1h5u] {
    border-color: #ced4da; /* Keeps the default border color */
    outline: none; /* Removes the outline */
    box-shadow: none !important; /* Removes the glow effect */
}

.form-control[b-1uyb4g1h5u] {
    display: flex;
    align-items: center; /* Vertically centers the content */
    height: 38px; /* Matches typical Bootstrap input height, adjust if needed */
    padding: 0 12px; /* Adjust padding to ensure text isn't too close to edges */
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Security/AccountActivityPage.razor.rz.scp.css */
.sortable[b-veenj1s5er] {
    cursor: pointer;
}

.sort-arrow-asc[b-veenj1s5er]::after {
    content: '\25B2'; /* Unicode up arrow */
}

.sort-arrow-desc[b-veenj1s5er]::after {
    content: '\25BC'; /* Unicode down arrow */
}

.sort-arrow-asc.active[b-veenj1s5er], .sort-arrow-desc.active[b-veenj1s5er] {
    color: darkorange !important;
    font-weight: bold;
}




#datatables-dashboard-products[b-veenj1s5er] {
    width: 100%;
    table-layout: fixed;
}

/* Ensure column widths are respected */
.activity-column[b-veenj1s5er] {
    width: 35%;
}

.equal-column[b-veenj1s5er] {
    width: 15%; /* (100% - 35% - 12%) / 4 = 15% */
}

.ip-address-location-column[b-veenj1s5er] {
    width: 11.5%; /* (100% - 35% - 12%) / 4 = 15% */
}

.date-column[b-veenj1s5er] {
    width: 12%;
    min-width: 120px;
    white-space: nowrap;
}

/* Ensure the table is scrollable if needed */
.card[b-veenj1s5er] {
    overflow-x: auto;
}

/* Target the pagination links (Previous, Next, and page numbers) */
.pagination .page-link[b-veenj1s5er] {
    /* Remove any default blue color */
    color: #333 !important; /* Dark gray text for non-active links */
    border-color: #ddd !important; /* Light gray border */
    background-color: #fff !important; /* White background */
    outline: none !important; /* Already added to remove focus outline */
}

/* Style the Previous and Next buttons specifically */
.pagination .page-item .page-link[b-veenj1s5er] {
    color: #333 !important; /* Ensure text is not blue */
}

/* Style the active page (already set to dark orange) */
.pagination .page-item.active .page-link[b-veenj1s5er] {
    background-color: #FF8C00 !important; /* Dark orange for active page */
    border-color: #FF8C00 !important; /* Match the border */
    color: #fff !important; /* White text for contrast */
}

/* Style the hover state for Previous, Next, and page numbers */
.pagination .page-link:hover[b-veenj1s5er] {
    background-color: #ffe4b5 !important; /* Light orange on hover */
    border-color: #ffe4b5 !important;
    color: #333 !important; /* Ensure text remains dark gray on hover */
}

/* Style the focus state (already added, but ensure no blue) */
.pagination .page-link:focus[b-veenj1s5er] {
    outline: none !important;
    background-color: #f0f0f0 !important; /* Light gray background on focus */
    box-shadow: none !important; /* Remove any default shadow */
    color: #333 !important; /* Ensure text remains dark gray on focus */
}

/* Style the disabled state for Previous/Next buttons */
.pagination .page-item.disabled .page-link[b-veenj1s5er] {
    background-color: #f5f5f5 !important; /* Light gray background for disabled */
    border-color: #ddd !important; /* Light gray border */
    color: #999 !important; /* Grayed-out text */
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Security/IpAllowList/Modals/IpAllowlistModal.razor.rz.scp.css */
#actionButton:hover[b-1eubzjtoel] {
    opacity: 0.75;
}

.modal-dialog[b-1eubzjtoel] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-1eubzjtoel] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-1eubzjtoel] {
    margin: 0;
    padding: 0;
}



.tform-group[b-1eubzjtoel] {
    position: relative;
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group i[b-1eubzjtoel] {
        position: absolute;
        left: 0;
        padding: 11px 10px 10px 16px;
    }

input[type='password'][b-1eubzjtoel] {
    font-family: Verdana;
    letter-spacing: 0.125em;
}

.tform-group:focus[b-1eubzjtoel] {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.tform-group input[b-1eubzjtoel] {
    display: inline-block;
    width: 100%;
    border: none;
}

    .tform-group input:focus[b-1eubzjtoel] {
        box-shadow: none;
    }

/* Chrome, Safari, Edge, Opera */
input[b-1eubzjtoel]::-webkit-outer-spin-button,
input[b-1eubzjtoel]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-1eubzjtoel] {
    -moz-appearance: textfield;
}



.input-label[b-1eubzjtoel] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-1eubzjtoel] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-1eubzjtoel] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-1eubzjtoel] {
    opacity: 0.6;
}

#myModal[b-1eubzjtoel] {
    display: block;
    background-color: rgba(10,10,10,.8);
    text-align: center;
}

.inner-content-input[b-1eubzjtoel] {
    width: 74%;
}

.inner-content-text[b-1eubzjtoel] {
    width: 80%;
    text-align: justify;
}

.modal-footer button[b-1eubzjtoel] {
    width: 40%;
}

#actionButton[b-1eubzjtoel] {
    color: white;
    background-image: linear-gradient(45deg, #330066 0%, #4C0066 70%);
}


.input-otp[b-1eubzjtoel] {
    text-align: center;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Security/Modals/PasswordModal.razor.rz.scp.css */
#actionButton:hover[b-aif9m91bct] {
    opacity: 0.75;
}

.modal-dialog[b-aif9m91bct] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-aif9m91bct] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-aif9m91bct] {
    margin: 0;
    padding: 0;
}

.tform-group[b-aif9m91bct] {
    position: relative;
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
    /* Remove flex from tform-group to avoid affecting label */
    /* display: flex; Removed */
    align-items: center; /* Keep for input/button alignment */
    overflow: visible; /* Ensure button isn't clipped */
}

    .tform-group input[b-aif9m91bct] {
        display: inline-block;
        width: 100%;
        border: none;
        background: transparent;
        padding-right: 2.5rem; /* Space for the button */
        outline: none !important;
    }

    /* Move flex to a wrapper for input and button */
    .tform-group .input-wrapper[b-aif9m91bct] {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .tform-group .eye-button[b-aif9m91bct] {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%); /* Center vertically */
        padding: 0.25rem 0.5rem; /* Adjusted padding */
        border: none;
        background: transparent !important; /* Force transparent background */
        cursor: pointer;
        opacity: 0.8 !important; /* Set default opacity to 0.8 */
        visibility: visible !important; /* Ensure visibility */
        z-index: 10; /* Stay above other elements */
        transition: none; /* Remove any unintended transitions */
        display: flex !important; /* Ensure button is displayed */
        align-items: center; /* Center icon vertically within button */
        justify-content: center; /* Center icon horizontally within button */
    }

        .tform-group .eye-button:hover[b-aif9m91bct],
        .tform-group .eye-button:focus[b-aif9m91bct] {
            opacity: 0.8 !important; /* Maintain opacity at 0.8 */
            outline: none !important;
            box-shadow: none !important;
            background: transparent !important;
            visibility: visible !important;
            display: flex !important;
        }

        .tform-group .eye-button i[b-aif9m91bct] {
            font-size: 1rem; /* Consistent size */
            vertical-align: middle; /* Ensure vertical centering */
            line-height: 1; /* Align text/icon properly */
            color: #000 !important; /* Force a visible color (black) */
            opacity: 0.8 !important; /* Match parent opacity */
            visibility: visible !important; /* Force visibility */
            display: inline-block !important; /* Ensure icon is displayed */
        }

/* Override Bootstrap btn-outline-secondary styles with higher specificity */
button.btn.btn-outline-secondary.eye-button[b-aif9m91bct],
button.btn.btn-outline-secondary.eye-button:hover[b-aif9m91bct],
button.btn.btn-outline-secondary.eye-button:focus[b-aif9m91bct],
button.btn.btn-outline-secondary.eye-button:active[b-aif9m91bct] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important; /* Ensure text/icon color remains visible */
    opacity: 0.8 !important; /* Force opacity to 0.8 */
    visibility: visible !important;
    display: flex !important;
}

/* Override any potential inherited opacity */
.tform-group .eye-button *[b-aif9m91bct],
.tform-group .eye-button *:hover[b-aif9m91bct],
.tform-group .eye-button *:focus[b-aif9m91bct] {
    opacity: 0.8 !important; /* Ensure all children match */
}

/* Ensure input focus doesn't affect the button */
.tform-group:focus-within[b-aif9m91bct],
.tform-group input:focus[b-aif9m91bct] {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: none !important;
    box-shadow: none !important;
}

/* Chrome, Safari, Edge, Opera */
input[b-aif9m91bct]::-webkit-outer-spin-button,
input[b-aif9m91bct]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-aif9m91bct] {
    -moz-appearance: textfield;
}

input[type='password'][b-aif9m91bct] {
    font-family: Verdana;
    letter-spacing: 0.125em;
}

.input-label[b-aif9m91bct] {
    display: block;
    text-align: left; /* Ensure label is left-aligned */
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0.25rem; /* Maintain spacing */
}

.form-select[b-aif9m91bct] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

    .form-select select:focus[b-aif9m91bct] {
        box-shadow: none;
        outline: none;
    }

.hover-resend:hover[b-aif9m91bct] {
    opacity: 0.6;
}

.form-control:focus[b-aif9m91bct] {
    border-color: #ced4da;
    outline: none !important;
    box-shadow: none !important;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Management/Security/Modals/PreferredTwoFactorMethodModal.razor.rz.scp.css */
#actionButton:hover[b-86ag0jmcx2] {
    opacity: 0.75;
}

.modal-dialog[b-86ag0jmcx2] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-86ag0jmcx2] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-86ag0jmcx2] {
    margin: 0;
    padding: 0;
}



.tform-group[b-86ag0jmcx2] {
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
}

    .tform-group:focus[b-86ag0jmcx2] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    .tform-group input[b-86ag0jmcx2] {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .tform-group input:focus[b-86ag0jmcx2] {
            box-shadow: none;
        }

/* Chrome, Safari, Edge, Opera */
input[b-86ag0jmcx2]::-webkit-outer-spin-button,
input[b-86ag0jmcx2]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-86ag0jmcx2] {
    -moz-appearance: textfield;
}



.input-label[b-86ag0jmcx2] {
    display: block;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.form-select[b-86ag0jmcx2] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-86ag0jmcx2] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-86ag0jmcx2] {
    opacity: 0.6;
}
/* _content/DataSIM.SubscriberManagementUi.BlazorServer/Pages/Registration/SignUp.razor.rz.scp.css */
#actionButton:hover[b-hmx774cjuz] {
    opacity: 0.75;
}

.modal-dialog[b-hmx774cjuz] {
    height: calc(100vh - 10rem);
}

    .modal-dialog > .modal-content[b-hmx774cjuz] {
        top: 50%;
        transform: translate(0%, -50%);
    }

.modal-content p[b-hmx774cjuz] {
    margin: 0;
    padding: 0;
}

.tform-group[b-hmx774cjuz] {
    position: relative;
    border: 1px solid #ced4da;
    padding: 2px;
    border-radius: 0.2rem;
    width: 100%;
    /* Remove flex from tform-group to avoid affecting label */
    /* display: flex; Removed */
    align-items: center; /* Keep for input/button alignment */
    overflow: visible; /* Ensure button isn't clipped */
}

    .tform-group input[b-hmx774cjuz] {
        display: inline-block;
        width: 100%;
        border: none;
        background: transparent;
        padding-right: 2.5rem; /* Space for the button */
        outline: none !important;
    }

    /* Move flex to a wrapper for input and button */
    .tform-group .input-wrapper[b-hmx774cjuz] {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .tform-group .eye-button[b-hmx774cjuz] {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%); /* Center vertically */
        padding: 0.25rem 0.5rem; /* Adjusted padding */
        border: none;
        background: transparent !important; /* Force transparent background */
        cursor: pointer;
        opacity: 0.8 !important; /* Set default opacity to 0.8 */
        visibility: visible !important; /* Ensure visibility */
        z-index: 10; /* Stay above other elements */
        transition: none; /* Remove any unintended transitions */
        display: flex !important; /* Ensure button is displayed */
        align-items: center; /* Center icon vertically within button */
        justify-content: center; /* Center icon horizontally within button */
    }

        .tform-group .eye-button:hover[b-hmx774cjuz],
        .tform-group .eye-button:focus[b-hmx774cjuz] {
            opacity: 0.8 !important; /* Maintain opacity at 0.8 */
            outline: none !important;
            box-shadow: none !important;
            background: transparent !important;
            visibility: visible !important;
            display: flex !important;
        }

        .tform-group .eye-button i[b-hmx774cjuz] {
            font-size: 1rem; /* Consistent size */
            vertical-align: middle; /* Ensure vertical centering */
            line-height: 1; /* Align text/icon properly */
            color: #000 !important; /* Force a visible color (black) */
            opacity: 0.8 !important; /* Match parent opacity */
            visibility: visible !important; /* Force visibility */
            display: inline-block !important; /* Ensure icon is displayed */
        }

/* Override Bootstrap btn-outline-secondary styles with higher specificity */
button.btn.btn-outline-secondary.eye-button[b-hmx774cjuz],
button.btn.btn-outline-secondary.eye-button:hover[b-hmx774cjuz],
button.btn.btn-outline-secondary.eye-button:focus[b-hmx774cjuz],
button.btn.btn-outline-secondary.eye-button:active[b-hmx774cjuz] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important; /* Ensure text/icon color remains visible */
    opacity: 0.8 !important; /* Force opacity to 0.8 */
    visibility: visible !important;
    display: flex !important;
}

/* Override any potential inherited opacity */
.tform-group .eye-button *[b-hmx774cjuz],
.tform-group .eye-button *:hover[b-hmx774cjuz],
.tform-group .eye-button *:focus[b-hmx774cjuz] {
    opacity: 0.8 !important; /* Ensure all children match */
}

/* Ensure input focus doesn't affect the button */
.tform-group:focus-within[b-hmx774cjuz],
.tform-group input:focus[b-hmx774cjuz] {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: none !important;
    box-shadow: none !important;
}

/* Chrome, Safari, Edge, Opera */
input[b-hmx774cjuz]::-webkit-outer-spin-button,
input[b-hmx774cjuz]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-hmx774cjuz] {
    -moz-appearance: textfield;
}

input[type='password'][b-hmx774cjuz] {
    font-family: Verdana;
    letter-spacing: 0.125em;
}

.input-label[b-hmx774cjuz] {
    display: block;
    text-align: left; /* Ensure label is left-aligned */
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0.25rem; /* Maintain spacing */
}

.form-select[b-hmx774cjuz] {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    width: 100%;
    height: 38px !important; /* Set the height to 38px */
    padding: 0 12px !important; /* Adjust padding for better vertical centering */
    box-sizing: border-box !important; /* Ensures padding is included in the height */
    background-position: right 12px center; /* Adjust arrow position */
    line-height: 38px; /* Matches the height for vertical centering */
}

    .form-select:focus[b-hmx774cjuz] {
        border-color: #ced4da !important;
        outline: none !important;
        box-shadow: none !important;
    }

.hover-resend:hover[b-hmx774cjuz] {
    opacity: 0.6;
}

.form-control:focus[b-hmx774cjuz] {
    border-color: #ced4da;
    outline: none !important;
    box-shadow: none !important;
}











.btn:hover[b-hmx774cjuz] {
    opacity: 0.7;
}

.pardon[b-hmx774cjuz] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 40px;
}

.header[b-hmx774cjuz] {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    width: 100%;
    background-color: rgb(254, 246, 216);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    position: absolute;
    margin-top: 70px;
}

.css-1ldm553[b-hmx774cjuz] {
    box-sizing: border-box;
    margin: 0px 4px 0px 0px;
    min-width: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.css-mx5ldy[b-hmx774cjuz] {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.css-13n52y[b-hmx774cjuz] {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    color: rgb(14, 203, 129);
}

.css-11gn95z[b-hmx774cjuz] {
    box-sizing: border-box;
    margin: 0px 4px 0px 0px;
    min-width: 0px;
    color: rgb(14, 203, 129);
    font-size: 24px;
    fill: rgb(14, 203, 129);
    width: 1em;
    height: 1em;
}

#container[b-hmx774cjuz] {
    display: flex; /* establish flex container */
    flex-direction: column; /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    height: 300px;
}

.box[b-hmx774cjuz] {
    width: 300px;
    margin: 5px;
    text-align: center; /* will center text in <p>, which is not a flex item */
}

.tform-group input:disabled[b-hmx774cjuz] {
    background-color: #efefef4d;
    color: #6c757d;
    opacity: 1;
    cursor: not-allowed;
}