@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

/* Custom Pagination Styles */
.custom-pagination-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.pagination-info {
    color: #6c757d;
    font-size: 14px;
}

.pagination-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.per-page-selector {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.per-page-selector label {
    color: #495057;
    font-weight: 500;
}

.per-page-selector .form-select {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    font-size: 14px;
    padding: 0.375rem 0.75rem;
    min-width: 70px;
}

.per-page-selector .form-select:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.pagination-nav {
    margin: 0;
}

.pagination {
    margin-bottom: 0 !important;
}

.page-link {
    color: #007bff;
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 6px !important;
    margin: 0 2px;
    min-width: 36px;
    text-align: center;
    transition: all 0.2s ease-in-out;
}

.page-link:hover {
    color: #0056b3;
    background-color: #e9ecef;
    border-color: #dee2e6;
    text-decoration: none;
}

.page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

@media (max-width: 768px) {
    .custom-pagination-wrapper {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .pagination-controls {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .pagination-info {
        order: 2;
    }

    .pagination-controls {
        order: 1;
    }
}
/* Custom Pagination Stop */

body {
    font-family: "Inter", sans-serif;
}

a {
    text-decoration: none;
}

/*---------------- Login Page Css --------------*/
.front-end-body-bg {
    /* background-image: url('/assets/images/defult-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover; */
    background: url('/assets/images/bg-wallpaper.jpg');
    /*------- center center / cover no-repeat -------*/
}

.header-container {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 20px !important;
}

.login-box {
    max-width: 455px;
    padding: 35px 42px;
    padding-top: 40px;
    border: 1px solid #EAF2FF;
    box-shadow: 0px 0px 24px 0px #E8F7FF;
    background: #fff;
    border-radius: 9px;
    position: relative;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.login-box::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    height: calc(100% + 16px);
    background: #FFFFFF;
    z-index: -1;
    border-radius: 12px;
}

.login-box .logo {
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #FFFFFF, #E0E7F0, #FFFFFF) 1;
    padding-bottom: 25px;
}

.login-box .logo img {
    width: 246px;
}

.login-box .auth-body {
    padding: 30px 0;
    padding-top: 25px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #FFFFFF, #E0E7F0, #FFFFFF) 1;
}

.login-box .auth-card-title {
    font-size: 22px;
    font-weight: 400;
    color: #333333;
    text-align: center;
    /* margin-bottom: 25px; */
}

.custom-input-sec {
    margin-bottom: 15px;
}

.custom-input-sec:nth-of-type(2) {
    margin-bottom: 12px;
}

.custom-input-sec label {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 4px;
}

.custom-input-sec .forgot-password-text {
    font-size: 12px;
    font-weight: 400;
    color: #DE3E3E;
    margin-bottom: 4px;
}

.custom-input-sec label span {
    color: #DE3E3E;
}

.custom-input-sec .input-group .password-toggle {
    cursor: pointer;
    color: #BFD5DF;
}

.custom-input-sec .input-group {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #E0EDF9;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    height: 50px;
}

.custom-input-sec .input-group .input-icon {
    color: #9BB6C4;
}

.custom-input-sec .input-group input {
    height: 20px;
    border: none;
    box-shadow: none;
    border-left: 1px solid #A8C5D3;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.custom-input-sec .input-group input::placeholder {
    font-size: 12px;
    color: #9E9E9E;
}

.custom-input-sec .input-group input[type="text"]:-webkit-autofill,
.custom-input-sec .input-group input[type="email"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

.remember-box .remember-sec-wrap {
    display: flex;
    align-items: center;
    gap: 7px;
}

.remember-box .remember-input {
    height: 15px;
    width: 15px;
    appearance: none;
    border: 1px solid #367B9D;
    border-radius: 3px;
    cursor: pointer;
    border-radius: 0;
}

.remember-box .remember-input[type="checkbox"]:checked {
    background-color: #fff;
}

.remember-box .remember-input[type="checkbox"]:checked::after {
    content: "\eb7e";
    font-family: "remixicon";
    display: block;
    text-align: center;
    color: #367B9D;
    font-size: 12px;
    line-height: 14px;
}

.remember-box span {
    font-size: 12px;
    color: #000000;
    margin-top: 1px;
}

.remember-box i {
    color: #367B9D;
}

.login-box .cust-auth-btn {
    background: #276A8C;
    border: 1px solid #276A8C;
    box-shadow: none;
    outline: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 13px;
    width: 100%;
}

.login-box .auth-footer-text {
    font-size: 15px;
    margin: 18px 0 8px 0;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.login-box .create-new-acc {
    background: #EEF9FF;
    border: 1px solid #BCE4F9;
    outline: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #256788;
    padding: 13px;
    width: 100%;
    display: block;
    text-decoration: none;
    text-align: center;
}

.login-box .footer-wrap {
    padding-top: 18px;
    text-align: center;
    color: #989898;
    font-size: 12px;
    font-weight: 400;
}

.login-box .footer-wrap a {
    color: #3F81BF;
    text-decoration: none;
}

/*---------------- Login Page Css --------------*/


/*-------------- User Header Css Start --------------------*/
.top-navber {
    padding: 15px 2px;
    border-radius: 9px;
    background: var(--bs-body-bg);
    box-shadow: 0px 0px 15.9px 0px rgba(191, 191, 222, 0.15);
}

.top-navber-logo {
    max-width: 182px;
}

.topber-icon .icon {
    background: #EFFAFF;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.topber-icon .icon i {
    color: #207098;
    font-size: 20px;
}

.profile-drop img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-right: 8px;
    object-fit: cover;
    border: 1px solid #91C4DE;
}

.profile-drop .profileby-name {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #207098;
    border: 1px solid #207098;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.profile-drop .profilename {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
}

.profile-drop .welcome-user {
    color: #292D32;
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin-bottom: -6px;
}

.topber-icon .icon a {
    position: relative;
}

.topber-icon .icon .notification-number {
    font-size: 9px;
    top: 0;
    background-color: #E76464;
}

.profile-dropdown-toggle::after {
    content: "\ea4e";
    font-family: remixicon !important;
    border: 0px;
    color: #292D32;
    margin-left: 40px;
}

.profile-setting-dropdown {
    box-shadow: 0px 0px 12px 0px #1B4B6326;
    border: 1px solid #D7E4F9;
    margin-top: 16px !important;
    border-radius: 12px;
    padding: 6px 0;
}

.profile-setting-dropdown li a {
    font-size: 13px;
    font-weight: 400;
    padding: 3px 30px 3px 15px;
    color: #000000;
    display: flex;
    align-items: center;
}

.profile-setting-dropdown li a i {
    font-size: 16px;
    display: inline-block;
    margin-right: 4px;
}

.profile-setting-dropdown li,
.cust-comman-btn {
    transition: all 0.3s ease;
}

.profile-setting-dropdown li:hover a {
    background-color: var(--mysettingbghovercolor);
    color: var(--mysettinghovercolor);
}

.profile-setting-dropdown li:hover a svg path {
    fill: var(--mysettinghovercolor);
}

/*-------------- User Header Css End --------------------*/

.page-content-sec {
    height: 100%;
}

/*------------- Deployment Step Wizard ---------------*/

.deployment-step-wizard {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    padding-bottom: 25px;
}

.deployment-step-wizard .step {
    display: flex;
    align-items: center;
    position: relative;
}

.deployment-step-wizard .step-circle-wrap {
    margin-right: 8px;
    border: 1px dashed #57ABD5;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deployment-step-wizard .step-circle {
    width: 30px;
    height: 30px;
    background: #D3F0FF;
    color: #57ABD5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    flex-shrink: 0;
}

.deployment-step-wizard .step-label {
    font-weight: 500;
    color: #000000;
    font-size: 12px;
}

.step-progress {
    width: 95px;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 10px;
}

.progress-track {
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #C5D7F3 0%, #C5D7F3 50%, #C5D7F3 50%, #C5D7F3 100%);
    border-radius: 5px;
    position: relative;
}

.progress-thumb {
    width: 9px;
    height: 9px;
    background: white;
    border: 2px solid #0F5B81;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: none;
}

.deployment-step-wizard .step.active .step-circle-wrap {
    border: 1px solid #207098;
}

.deployment-step-wizard .step.active .step-circle {
    background: #207098;
    color: #fff;
}

.deployment-step-wizard .step.active .progress-track {
    background: linear-gradient(to right, #207098 0%, #207098 50%, #C5D7F3 50%, #C5D7F3 100%);
}

.deployment-step-wizard .step.active .progress-thumb {
    display: block;
}

.deployment-step-wizard .step.complete .progress-track {
    background: linear-gradient(to right, #207098 0%, #207098 50%, #207098 50%, #207098 100%);
}

.deployment-step-wizard .step.complete .progress-thumb {
    display: none;
}

/*------------- Deployment Step Wizard ---------------*/



/*----------   Support Ticket Css Start -------------------*/

.migrationtask-details {
    border-radius: 15px;
    position: relative;
    border: 1px solid #C5DAFF;
    background: #fff;
    box-shadow: 0px 0px 15px 0px #4288FF26;
    padding: 12px;
    margin-bottom: 15px;
}

.migrationtask-details-left {
    border: 1px solid #D4E4FF;
    padding: 15px;
    border-radius: 12px;
}

.migrationtask-details-left .migration-id {
    border: 1px solid #D0DDED;
    padding: 9px 10px;
    background: #D7E2F0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.migrationtask-details-left .migration-id h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin: 0;
}

.migrationtask-details-left .migration-id span {
    font-size: 14px;
    font-weight: 500;
    color: #4A6693;
}

.migration-id-dtls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}

.migration-id-dtls h5 {
    font-size: 13px;
    font-weight: 500;
    color: #000000;
    margin: 0;
    width: 60%;
}

.migration-id-dtls span {
    font-size: 13px;
    font-weight: 400;
    color: #4A6693;
}

.migration-id-dtls span.scheduled {
    color: #207098;
}

.migration-id-dtls span.scheduled i {
    font-size: 10px;
}

.migration-id-dtls .migration-id-dtls-value {
    width: 40%;
}

.migration-id-dtls img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
}

.migration-id-dtls-divider {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #C5D9FD;
    margin: 10px 0
}

.migrationtask-details-right {
    padding: 10px 0 0 0;
}

.migrationtask-details-right .task-details-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.migrationtask-details-right .task-details-header .task-details-btns {
    gap: 10px;
}

.migrationtask-details-right .task-details-header .task-details-btns .backbtn {
    font-size: 14px;
    color: #4288FF;
    border: 1px solid #4288FF;
    border-radius: 5px;
    gap: 3px;
    padding: 6px 10px;
}

.migrationtask-details-right .task-details-header .task-details-btns .backbtn i {
    font-size: 12px;
    padding-right: 5px;
}

.migrationtask-details-right .task-details-header h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    gap: 5px;
    color: #000000;
}

.migrationtask-details-right .task-details-header h3 i {
    font-size: 18px;
    font-weight: 500;
}

.migration-task-tab .nav-link {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 8px 10px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #fff;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 4px;
}

.migration-task-tab .nav-link:last-child{
    margin-bottom: 0;
}

.migration-task-tab .nav-link i {
    font-size: 14px;
}

.migration-task-tab .nav-link.active {
    font-weight: 500;
    background: #EFF4FA;
    border: 1px solid #D7E2F0;
    color: #000000;
}

.migrationtask-details-left .attachment-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    text-decoration: none;
    padding: 2px 12px;
}

.migrationtask-details-left .create-pdf-acess {
    text-decoration: none;
    border: 1px solid #BBD1F5;
    border-radius: 5px;
    padding: 6px 6px;
    display: flex;
    margin: 8px;
    margin-top: 15px;
    align-items: center;
}

.migrationtask-details-left .create-pdf-acess .pdf {
    margin-right: 10px;
}

.migrationtask-details-left .create-pdf-acess .pdf-dtls h6 {
    margin: 0;
    color: #354D74;
    font-size: 12px;
    font-weight: 400;

}

.migrationtask-details-left .create-pdf-acess .pdf-dtls span {
    color: #8F8F8F;
    font-size: 12px;
    font-weight: 400;

}

.migrationtask-details-left .create-pdf-acess .pdf-dtls span i {
    font-size: 10px;
}

.migration-task-tab-dtls .migration-source {
    background: #FAFCFF;
    border: 1px solid #D7E2F0;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

.migration-task-tab-dtls .migration-source h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 10px;
    gap: 5px;
}

.hosting-source-table {
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #D1E0F9;
}

.hosting-source-table .table {
    margin-bottom: 0;
}

.hosting-source-table .table thead th {
    background: #ECF1FB;
    padding: 6px;
    border-bottom: 0;
}

.hosting-source-table .table thead th span {
    font-size: 12px;
    color: #000000;
    font-weight: 500;
    border-left: 1px solid #D1E0F9;
    padding: 0px;
    padding-left: 10px;
    display: inline-block;
}

.hosting-source-table .table thead th:nth-child(1) span {
    border: none;
}

.hosting-source-table .table tbody tr:last-child {
    border-bottom: 1px solid #fff;
}

.hosting-source-table .table tbody td {
    padding: 10px;
    background: #FAFCFF;
}

.hosting-source-table .table tbody td span {
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    padding: 0px 6px;
}

.Workflow-Process-box {
    background: #FAFCFF;
    border: 1px solid #D7E2F0;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

.Workflow-Process-box h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 10px;
    gap: 5px;
}

.workflow-process {
    background: #FFFFFF;
    border: 1px solid #D6E3F8;
    padding: 7px 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.workflow-process .workflow-process-task {
    color: #2C4266;
    font-size: 12px;
    margin: 0;
    font-weight: 400;
}

.workflow-process .workflow-process-task i {
    color: #2069E5;
}

.workflow-process .assigned-member img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
}

.workflow-process .assigned-member span {
    font-size: 13px;
    font-weight: 400;
    color: #4A6693;
}

.workflow-process .task-status {
    background: #FFECC3;
    font-size: 12px;
    color: #000000;
    padding: 2px 8px;
    border-radius: 5px;
    width: fit-content;
}

.comment-discussion {
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #D7E2F0;
}

.comment-discussion h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 20px;
    gap: 5px;
}

.comment-discussion .activity-group {
    margin: 0;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
    border-left: 1px solid #E9E9E9;
}

.comment-discussion .activity-item {
    padding-left: 15px;
    position: relative;
}

.comment-discussion .avatar-xs {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: relative;
}

.comment-discussion .activity-item .avatar {
    flex-shrink: 0;
}

.comment-discussion .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    margin-top: -8px;
}

.comment-discussion .activity-item strong {
    font-weight: 600;
    color: #4A6693;
    font-size: 12px;
    margin-right: 2px;
}

.comment-discussion .activity-item span {
    color: #A6A6A6;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.comment-discussion .activity-item span i {
    font-size: 8px;
}

.comment-discussion .activity-item p {
    margin-bottom: 12px;
    margin-left: -25px;
}

.comment-discussion .activity-item p:first-child {
    margin-bottom: 6px;
}

.comment-discussion .activity-item .activity-datetime {
    padding-left: 28px;
}

.comment-discussion .card-comment {
    border-width: 0;
    color: #6e7985;
    border: 1px solid #C6D9F6;
    background: #F4F8FF;
    border-radius: 7px;
    padding: 10px 12px;
    margin-bottom: 25px;
    display: inline-block;
}

.comment-discussion ul li:last-child .card-comment {
    margin-bottom: 0;
}

.comment-discussion .card-comment .comment-body {
    color: #000000;
    font-size: 12px;
    line-height: 1.6;
}

.comment-discussion .card-comment .comment-body small {
    color: #295AA9;
    font-size: 12px;
}

.dns-record {
    background: #FAFCFF;
    border: 1px solid #DEEAFF;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

.dns-record h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 10px;
    gap: 5px;
}

.dns-record p {
    color: #4E4E4E;
    font-size: 12px;
}

.dns-record .update-dns-service {
    border: 1px solid #9CBFFB;
    background: #fff;
    border-radius: 5px;
    color: #30386D;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 20px;
    margin-bottom: 15px;
}

.dns-record .dns-servicename {
    border: 1px solid #9CBFFB;
    background: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
}

.dns-record .dns-servicename h6 {
    color: #30386D;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

.dns-record .dns-servicename img {
    width: 20px;
    height: auto;
}

.dns-record .dns-record-field label {
    color: #2B2D31;
    font-size: 12px;
}

.dns-record .dns-record-field input {
    border: 1px solid #9CBFFB;
    background: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    width: 100%;
    font-size: 12px;
    box-shadow: none !important;
    outline: none !important;
}

.dns-record .dns-record-field input::placeholder {
    color: #2B2D31;
    font-size: 12px;
}

.domain-name-box {
    background: #FAFCFF;
    border: 1px solid #DEEAFF;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

.domain-name-box h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 10px;
    gap: 5px;
}

.domain-name-box p {
    color: #4E4E4E;
    font-size: 12px;
}

.domain-name-box .domain-link {
    background: #E9F1FF;
    border-radius: 5px;
    padding: 10px 20px;
    color: #2B75F4;
    font-size: 12px;
}

.pre-terminate-asset {
    background: #FAFCFF;
    border: 1px solid #DEEAFF;
    border-radius: 12px;
    margin-bottom: 20px;
}

.pre-terminate-asset .terminate-asset-wrap {
    padding: 15px;
}

.pre-terminate-asset h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 15px;
    gap: 5px;
}

.terminate-asset-process {
    background: #FFFFFF;
    border: 1px solid #BBD1F5;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.terminate-asset-process .asset-process-title {
    color: #000000;
    font-size: 12px;
    margin: 0;
    font-weight: 5 00;
}

.terminate-asset-process .task-info,
.task-datetime {
    color: #3A3A3A;
    font-size: 12px;

}

.terminate-asset-subs {
    background: #E4EFFF;
    padding: 8px 15px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.pre-terminate-asset .terminate-asset-subs .asset-size {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    color: #47618C;
}

.pre-terminate-asset .terminate-asset-subs .asset-size small {
    font-size: 12px;
}

.pre-terminate-asset .terminate-asset-subs a {
    text-decoration: none;
    font-size: 20px;
    color: #8198BC;
    padding-left: 10px;
}

.pre-terminate-asset-note {
    color: #E76464;
    font-size: 12px;
}

.migration-contacts-box {
    background: #FAFCFF;
    border: 1px solid #DEEAFF;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

.migration-contacts-box h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 10px;
    gap: 5px;
}

.migration-contacts-box .migration-contacts-box-wrap {
    border: 1px solid #DBE9FF;
    border-radius: 9px;
}

.migration-contacts-box .migration-contacts-box-wrap .migration-contacts {
    padding: 20px;
    border-right: 1px solid #DBE9FF;
}

.migration-contacts-box .migration-contacts-box-wrap div:last-child .migration-contacts {
    border: none;
}

.migration-contacts-box .migration-contacts-box-wrap .migration-contacts h4 {
    color: #4A6693;
    font-size: 13px;
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
}

.migration-contacts-box .migration-contacts-box-wrap .migration-contacts h5 {
    color: #000000;
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    text-align: center;
}

.instruction-wrap {
    border: 1px solid #D0DDF3;
    background: #FAFCFF;
    border-radius: 12px;
}

.instruction-wrap .instruction-header {
    border-bottom: 1px solid #D0DDF3;
    padding: 15px;
}

.instruction-wrap .instruction-header h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 0px;
    gap: 5px;
}

.instruction-wrap .instruction-box {
    padding: 15px;
}

.instruction-wrap .instruction-box .instruction-info h5 {
    color: #232C69;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}

.instruction-wrap .instruction-box .instruction-info p {
    color: #5B5B5B;
    font-size: 12px;
}

.instruction-wrap .instruction-box .instruction-data {
    border: 1px solid #C0D7FF;
    background: #fff;
    border-radius: 5px;
    color: #30386D;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 20px;
    margin-bottom: 15px;
}

.email-notification {
    background: #FAFCFF;
    border: 1px solid #D0DDF3;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

.sendemailhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sendemailhead a {
    color: #fff;
    border-radius: 5px;
    background: #207098;
    font-weight: 400;
    font-size: 12px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 10px;
}

.email-notification h4 {
    font-size: 13px;
    color: #000000;
    margin-bottom: 10px;
    gap: 5px;
}

.email-notification-table {
    background-color: white;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #DEEAFF;
}

.email-notification-table .table {
    margin-bottom: 0;
}

.email-notification-table .table input {
    font-size: 13px;
    margin-top: 3px;
}

.email-notification-table .table tbody td:first-child input {
    margin-top: 8px;
}

.email-notification-table .table tbody tr:last-child {
    border-bottom: 1px solid #fff;
}

.email-notification-table .table thead th {
    background: #F8FAFF;
    padding: 8px;
}

.email-notification-table .table thead th span {
    font-size: 12px;
    color: #4A6693;
    font-weight: 400;
    border-left: 1px solid #DEEAFF;
    padding: 5px;
    padding-left: 10px;
    display: inline-block;
}

.email-notification-table .table thead th:nth-child(2) span {
    border: none;
    padding-left: 0;
}

.email-notification-table .table tbody td {
    padding: 8px;
    background: #fff;
}

.email-notification-table .table tbody tr {
    border-bottom: 1px solid #DEEAFF;
    background: #fff;
}

.email-notification-table .table tbody td span {
    font-size: 11px;
    color: #000000;
    font-weight: 400;
    padding: 5px 10px;
}

.email-notification-table .table tbody td:nth-child(2) span {
    padding-left: 0;
}

.email-notification-table .table tbody td .click-btn {
    background: #C4FFEA;
    border: 1px solid #67EE9F;
    color: #0A9F48;
    border-radius: 3px;
    padding: 2px 12px;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

/*--------------------  Support Ticket Css stop -----------------*/

/*------------- Loader Css Start-------------------*/
.provider-create-loader {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFFD9;
    backdrop-filter: blur(5px);
    position: absolute;
    left: 0;
    top: 0;
}

.provider-create-loader img {
    height: 65px;
}

.provider-create-loader .provider-create-title {
    color: #305F8C;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
}

.prefix-validation {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFFD9;
    backdrop-filter: blur(5px);
    position: absolute;
    left: 0;
    top: 0;
}

.prefix-validation .prefix-validation-box {
    width: 400px;
    border-radius: 24px;
    box-shadow: 0px 0px 12px 0px #00000017;
    border: 1px solid #B8C8E2;
    background: #fff;
    padding: 30px 25px;
}

.prefix-validation .prefix-validation-box h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #000000;
}

.prefix-validation .prefix-validation-box p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
}

.prefix-validation img {
    height: 50px;
}

.prefix-validation .validation-check-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #3167BE;
    margin-top: 15px;
}

.prefix-validation .cmplt-icon {
    font-size: 50px;
    color: #2DC097;
}

.prefix-validation .validation-cmplt {
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
    color: #14AA80;
}

/*------------- Loader Css Stop-------------------*/


/*---------------- Responsive Css --------------*/

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {}

/* Mobile */
@media only screen and (max-width: 767px) {
    .login-box {
        margin-top: 20px;
        padding: 30px 30px;
        padding-top: 35px;
    }
}

/* Small */
@media only screen and (max-width: 400px) {}




/*---------------- Responsive Css End --------------*/