:root {
    --ly-dropdown-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
    --ly-form-select-color: #3b4357;
    --ly-dasherror-height: 34px;
    --ly-form-check-radio-success-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.6' fill='%2350cd89'/%3e%3c/svg%3e");
    --ly-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23818694' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --ly-input-focus-border-color: #8f96a7;
    --ly-form-select-color: #3b4357;
    --ly-component-hover-bg: #f0f4f7;
    --ly-component-hover-color: #3b4357;
    /* --ly-card-border-color:#d4d9df; */
    /* --ly-input-focus-border-color:#d4d9df; */
    --ly-dropdown-link-color: #3b4357;
    --ly-bullet-bg-color: #818694;
    --ly-stepper-icon-size: 60px;
    --ly-scrollbar-color: #3b4357 !important;
    --ly-scrollbar-hover-color: #3b4357 !important;
}

.menu-state-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    --ly-menu-link-bg-color-hover: #f0f4f7;
}

.aside .aside-menu .menu > .menu-item > .menu-link .menu-title {
    font-size: 1.075rem;
    font-weight: 600;
}

.select2-container--bootstrap5.select2-container--focus .form-select:not(.form-select-solid):not(.form-select-transparent),
.select2-container--bootstrap5.select2-container--open .form-select:not(.form-select-solid):not(.form-select-transparent) {
    border-color: var(--ly-input-focus-border-color);
}

.border-hover-none:hover {
    border: none !important;
}

.border-hover-theme-first:hover {
    border-color: #3cc179 !important;
}

.btn-login-fix {
    position: absolute;
    top: 10px;
}

.plans-parent {
    padding: 0;
    margin: 0;
}

.badge-open {
    border-radius: 6px !important;
    border: solid 1px #006ae0 !important;
    background-color: #f5f9ff !important;
    color: #006ae0 !important;
}

.badge-resolved {
    border-radius: 6px !important;
    border: solid 1px #3cc179 !important;
    background-color: #f2fcf7 !important;
    color: #3cc179 !important;
}

.badge-rejected {
    border-radius: 6px !important;
    border: solid 1px #f34444 !important;
    background-color: #fff2f2 !important;
    color: #f34444 !important;
}

.bg-lighter-primary {
    background-color: #f6fafc !important;
}

.form-control::placeholder {
    color: #d4d9df;
}

.form-control:not(.otp-box, .big-form-control, .form-mobile, .search-input, .focus-disable):focus {
    border-width: 2px;
    margin: -1px !important;
    border-color: #3cc179;
}

.border-hover-2px:hover {
    border-width: 2px !important;
}

@media (min-width: 767px) {
    .border-hover-2px:hover {
        margin: -1px !important;
    }
}

.popover-dark {
    --bs-popover-bg: #000;
    --bs-popover-border-color: #000;
    --bs-popover-header-color: #fff;
    --bs-popover-header-bg: #000;
    --bs-popover-body-color: #fff;
    --bs-popover-arrow-border: #000;
}

.stepper-pills {
    --bs-stepper-line-border: 2px solid #08db7e;
    --bs-stepper-current-icon-color: #08db7e;
    --bs-stepper-unactive-icon-color: #1f93a6;
    --bs-stepper-completed-icon-color: #08db7e;
    --bs-stepper-current-title-color: #fff;
    --bs-stepper-unactive-title-color: #d4d9df;
    --bs-stepper-completed-title-color: #fff;
    --bs-stepper-completed-border-color: #08db7e;
}

    .stepper-pills.with-number {
        --bs-stepper-line-border: 2px solid #3cc179;
        --bs-stepper-current-icon-color: #fff;
        --bs-stepper-current-bgcolor: #3cc179;
        --bs-stepper-unactive-icon-color: #1f93a6;
        --bs-stepper-completed-icon-color: #3cc179;
        --bs-stepper-current-title-color: #3cc179;
        --bs-stepper-unactive-title-color: #000;
        --bs-stepper-completed-title-color: #3cc179;
        --bs-stepper-completed-border-color: #3cc179;
    }

/*------------------------------------stepper------------------------------------*/
.stepper.stepper-pills .stepper-item .stepper-icon {
    width: var(--bs-stepper-icon-size);
    height: var(--bs-stepper-icon-size);
}

@media (max-width: 766.98px) {
    .stepper-pills {
        --bs-stepper-line-border: 2px solid #d4d9df;
        --bs-stepper-current-title-color: #3b4357;
        --bs-stepper-unactive-title-color: #818694;
        --bs-stepper-completed-title-color: #3b4357;
        --bs-stepper-completed-border-color: #3cc179;
    }

    .mobile-steps {
        display: none;
    }

        .mobile-steps.current {
            display: block;
        }

        /*normal state*/
        .mobile-steps .stepper-icon {
            width: 40px;
            height: 40px;
        }

    /* .stepper.stepper-pills .mobile-steps.current .stepper-icon .stepper-completed-icon,  .stepper.stepper-pills .mobile-steps.current .stepper-icon .stepper-uncompleted-icon {
    display: none;
  } */
    .stepper.stepper-pills .stepper-item .stepper-icon .stepper-completed-icon,
    .stepper.stepper-pills .stepper-item .stepper-icon .stepper-current-icon {
        display: none;
    }

    .stepper.stepper-pills .stepper-item.current {
        display: flex;
    }

    .stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
        color: var(--bs-stepper-unactive-title-color);
        font-weight: normal;
    }

    .stepper.stepper-pills .stepper-item .stepper-line {
        height: var(--bs-stepper-space);
        border-left: var(--bs-stepper-line-border);
        margin-left: calc(var(--bs-stepper-icon-size) / 2);
        opacity: 0.4;
    }

    /*current state */
    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-uncompleted-icon {
        color: var(--bs-stepper-current-icon-color);
    }

    .stepper.stepper-pills.with-number .stepper-item.current .stepper-wrapper {
        border-bottom: 2px solid var(--bs-stepper-current-bgcolor);
    }

    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-uncompleted-icon div {
        background-color: var(--bs-stepper-current-bgcolor) !important;
    }

    .stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-title,
    .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
        color: var(--bs-stepper-current-title-color);
        font-weight: 600;
    }

    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-uncompleted-icon {
        display: none;
    }

    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-current-icon {
        display: inline-block;
    }

    .stepper.stepper-pills .stepper-item.current .stepper-line {
        border-left: var(--bs-stepper-line-border);
    }
    /* completed current state */
    .stepper.stepper-pills .stepper-item.current.marks-completed .stepper-icon .stepper-current-icon {
        display: inline-block;
    }

    .stepper.stepper-pills .stepper-item.current.marks-completed .stepper-icon .stepper-completed-icon,
    .stepper.stepper-pills .stepper-item.current.marks-completed .stepper-icon .stepper-uncompleted-icon {
        display: none;
    }
    /*complated state */
    .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-completed-icon,
    .stepper.stepper-pills .stepper-item.marks-completed .stepper-icon .stepper-completed-icon {
        display: inline-block;
        color: var(--bs-stepper-completed-icon-color);
    }

    .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-uncompleted-icon,
    .stepper.stepper-pills .stepper-item.marks-completed .stepper-icon .stepper-uncompleted-icon {
        display: none;
    }

    .stepper.stepper-pills .stepper-item.marks-completed .stepper-label .stepper-title {
        color: var(--bs-stepper-completed-title-color);
        font-weight: 600;
    }

    .stepper.stepper-pills .stepper-item.marks-completed .stepper-line {
        border-left-color: var(--bs-stepper-completed-border-color);
        opacity: 1;
    }
}

@media (min-width: 767px) {
    /*normal state*/
    .stepper.stepper-pills .stepper-item {
        flex-grow: 1;
        position: relative;
        margin-right: 0 !important;
        width: 100%;
    }

        .stepper.stepper-pills .stepper-item .stepper-wrapper {
            width: 100%;
        }

        .stepper.stepper-pills .stepper-item:not(:last-child)::after {
            content: "";
            position: absolute;
            height: 1px;
            background-color: #fff;
            top: calc(var(--ly-stepper-icon-size) / 2 + 1px);
            width: calc(100% - var(--ly-stepper-icon-size) - 20px);
            opacity: 0.2;
            left: calc(50% + var(--ly-stepper-icon-size) / 2 + 10px);
        }

        .stepper.stepper-pills .stepper-item .stepper-icon .stepper-completed-icon {
            display: none;
        }

        .stepper.stepper-pills .stepper-item .stepper-label {
            margin-top: 0.5rem;
        }

            .stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
                color: var(--bs-stepper-unactive-title-color);
                font-weight: 500;
            }

        .stepper.stepper-pills .stepper-item .stepper-icon {
            margin-right: 0 !important;
            position: relative;
        }

        .stepper.stepper-pills .stepper-item .stepper-icon {
            width: var(--ly-stepper-icon-size);
            height: var(--ly-stepper-icon-size);
        }

        /* .stepper.stepper-pills .stepper-item .stepper-icon::after{
    content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 100px;
    opacity: 0.2;
  } */
        /* .stepper.stepper-pills .stepper-item .stepper-line {
   height: 1px;
   background-color: #fff;
   width: 100px;
   opacity: 0.2;
  } */

        /*current state */
        .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-uncompleted-icon {
            color: var(--bs-stepper-current-icon-color);
        }

    .stepper.stepper-pills.with-number .stepper-item.current .stepper-wrapper {
        border-bottom: 2px solid var(--bs-stepper-current-bgcolor);
    }

    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-uncompleted-icon div {
        background-color: var(--bs-stepper-current-bgcolor) !important;
    }

    .stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-title,
    .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
        color: var(--bs-stepper-current-title-color);
        font-weight: bold;
    }

    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-completed-icon,
    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-uncompleted-icon {
        display: none;
    }

    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-current-icon {
        display: inline-block;
    }

    .stepper.stepper-pills .stepper-item.current .stepper-line {
        border-left: var(--bs-stepper-line-border);
        display: none;
    }
    /* completed current state */
    .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-uncompleted-icon,
    .stepper.stepper-pills .stepper-item.current.marks-completed .stepper-icon .stepper-uncompleted-icon,
    .stepper.stepper-pills .stepper-item.current.marks-completed .stepper-icon .stepper-completed-icon {
        display: none;
    }
    /* completed current state */

    .stepper.stepper-pills .stepper-item.current.marks-completed .stepper-icon .stepper-current-icon {
        display: inline-block;
    }
    /*pending state */
    .stepper.stepper-pills .stepper-item.pending .stepper-icon .stepper-uncompleted-icon {
        color: var(--bs-stepper-current-icon-color);
    }

    .stepper.stepper-pills.with-number .stepper-item.pending .stepper-wrapper {
        border-bottom: 2px solid var(--bs-stepper-current-bgcolor);
    }

    .stepper.stepper-pills .stepper-item.pending .stepper-icon .stepper-uncompleted-icon div {
        background-color: var(--bs-stepper-current-bgcolor) !important;
    }

    .stepper.stepper-pills .stepper-item.pending:last-child .stepper-label .stepper-title,
    .stepper.stepper-pills .stepper-item.pending .stepper-label .stepper-title {
        color: var(--bs-stepper-current-title-color);
    }

    .stepper.stepper-pills .stepper-item.pending .stepper-icon .stepper-completed-icon,
    .stepper.stepper-pills .stepper-item.pending .stepper-icon .stepper-current-icon {
        display: none;
    }

    .stepper.stepper-pills .stepper-item.pending .stepper-icon .stepper-uncompleted-icon {
        display: inline-block;
    }

    .stepper.stepper-pills .stepper-item.pending .stepper-line {
        border-left: var(--bs-stepper-line-border);
        display: none;
    }

    /*completed state */
    .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-completed-icon,
    .stepper.stepper-pills .stepper-item.marks-completed .stepper-icon .stepper-completed-icon {
        display: inline-block;
        color: var(--bs-stepper-completed-icon-color);
    }

    .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-uncompleted-icon,
    .stepper.stepper-pills .stepper-item.marks-completed .stepper-icon .stepper-uncompleted-icon,
    .stepper.stepper-pills .stepper-item.marks-completed .stepper-icon .stepper-current-icon {
        display: none;
    }

    .stepper.stepper-pills .stepper-item.marks-completed .stepper-label .stepper-title {
        color: var(--bs-stepper-completed-title-color);
        font-weight: bold;
    }

    .stepper.stepper-pills .stepper-item.marks-completed .stepper-line {
        opacity: 1;
    }

    .stepper.stepper-pills .stepper-item.marks-completed:not(:last-child)::after {
        opacity: 1;
    }
}

/* inter-300 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/inter/inter-v12-latin-300.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/inter/inter-v12-latin-300.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/inter/inter-v12-latin-300.woff") format("woff"), /* Modern Browsers */ url("../fonts/inter/inter-v12-latin-300.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/inter/inter-v12-latin-300.svg#Inter") format("svg");
    /* Legacy iOS */
}

/* inter-regular - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/inter/inter-v12-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/inter/inter-v12-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/inter/inter-v12-latin-regular.woff") format("woff"), /* Modern Browsers */ url("../fonts/inter/inter-v12-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/inter/inter-v12-latin-regular.svg#Inter") format("svg");
    /* Legacy iOS */
}

/* inter-500 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/inter/inter-v12-latin-500.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/inter/inter-v12-latin-500.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/inter/inter-v12-latin-500.woff") format("woff"), /* Modern Browsers */ url("../fonts/inter/inter-v12-latin-500.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/inter/inter-v12-latin-500.svg#Inter") format("svg");
    /* Legacy iOS */
}

/* inter-600 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/inter/inter-v12-latin-600.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/inter/inter-v12-latin-600.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/inter/inter-v12-latin-600.woff") format("woff"), /* Modern Browsers */ url("../fonts/inter/inter-v12-latin-600.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/inter/inter-v12-latin-600.svg#Inter") format("svg");
    /* Legacy iOS */
}

/* inter-700 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/inter/inter-v12-latin-700.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/inter/inter-v12-latin-700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/inter/inter-v12-latin-700.woff") format("woff"), /* Modern Browsers */ url("../fonts/inter/inter-v12-latin-700.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/inter/inter-v12-latin-700.svg#Inter") format("svg");
    /* Legacy iOS */
}

/* inter-800 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/inter/inter-v12-latin-800.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/inter/inter-v12-latin-800.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/inter/inter-v12-latin-800.woff") format("woff"), /* Modern Browsers */ url("../fonts/inter/inter-v12-latin-800.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/inter/inter-v12-latin-800.svg#Inter") format("svg");
    /* Legacy iOS */
}

/* inter-900 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/inter/inter-v12-latin-900.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/inter/inter-v12-latin-900.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/inter/inter-v12-latin-900.woff") format("woff"), /* Modern Browsers */ url("../fonts/inter/inter-v12-latin-900.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/inter/inter-v12-latin-900.svg#Inter") format("svg");
    /* Legacy iOS */
}

/* error state maintain */
.form-control.error,
.form-select.error,
.form-select.error + .select2-container .selection .select2-selection {
    border: 2px solid #ff0000;
}

.form-error-message.error {
    color: #ff0000;
}

.card.card-stretch-20 {
    height: calc(20% - var(--bs-gutter-y));
}

.card.card-stretch-80 {
    height: calc(80% - var(--bs-gutter-y));
}

.login-lyca-heart {
    transform: translate(-20%, -27%);
}

/* form switch */
.form-check-custom.form-check-solid .form-check-input.switch-input-gray-600 {
    --ly-form-check-input-bg-solid: var(--ly-gray-600);
}

/* select.option-text-gray-800 option{
    color: var(--ly-gray-800) !important;
  } */
/* slect2 */
.select-2-selected-white .select2-selection__rendered[title] {
    color: #fff !important;
}

.plan-ribbon {
    padding: 1px;
    border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #e3e8ec;
    font-size: 8px;
    width: 65%;
}

.pointer-events-none {
    pointer-events: none !important;
}

.popover-custom .popover-body {
    padding: 0.375rem;
}

.check-state-output.active .plan-ribbon,
.check-state-output:hover .plan-ribbon {
    background-color: #77d4a1;
}

.plan-selection {
    width: 100px;
}

.bundle-parent-height {
    height: 70px;
}

.accordion-model-group {
    --ly-accordion-border-radius: 0.5rem;
    --ly-accordion-border-color: var(--ly-gray-300);
    --ly-accordion-border-width: 2px;
    --ly-accordion-active-bg: #fff;
    --ly-accordion-active-color: #3b4357;
    --ly-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*-----------------------------------radio button states--------------------------------*/
.bg-active-light-success.active {
    background-color: var(--ly-success-light) !important;
}

.active > .parent-active-d-none {
    display: none !important;
}

:not(.active) > .parent-not-active-d-none {
    display: none !important;
}

.parents-active-controller.active .parents-active-d-none {
    display: none !important;
}

.parents-active-controller:not(.active) .parents-not-active-d-none {
    display: none !important;
}

/*-----------------------------------input focus state--------------------------------*/
.border-focus-success:focus {
    border-color: var(--ly-success) !important;
}

.border-focus-theme-first:focus {
    border-color: var(--ly-theme-first) !important;
}

.border-focus-gray-800:focus {
    border-color: var(--ly-gray-800) !important;
}

.border-focus-2:focus {
    border-width: 1px !important;
}

/*------------------------------------------all bg colors------------------------------*/
.bg-polar {
    background-color: #f2fcf7 !important;
}

.bg-gray-f4f4f4 {
    background-color: #f4f4f4 !important;
}

.bg-athens-gray {
    background-color: #f9f9fa !important;
}

.bg-aqua-haze,
.bg-active-aqua-haze.active {
    background-color: #f2f6f8 !important;
}

.bg-tertiary {
    background-color: var(--ly-tertiary);
}

.bg-barley-white {
    background-color: #fff3cc !important;
}

.bg-cape-honey {
    background-color: #fde3a2 !important;
}

.bg-datatable-head {
    background-color: var(--data-table-header);
}

.bg-gray-extra-100 {
    background-color: #f8fcfb !important;
}

/*------------------------------------------all text colors------------------------------*/
.text-red-900 {
    color: #ff0000 !important;
}

.bg-red-800 {
    background-color: #f50000 !important;
}

.text-green-900 {
    color: #22a322 !important;
}

.text-pizazz {
    color: #ff8f00 !important;
}

.text-cadet-blue {
    color: #b3b8c7 !important;
}

.parents\:hover:hover .parents-hover-color-inherit {
    color: inherit !important;
}

/*---------------------------------------------Utility-------------------------------------*/
.translate-y-full {
    transform: translateY(-100%);
}

/*------------------------------Floating label---------------------------------*/
.form-floating.with-icon > .form-control:focus ~ label,
.form-floating.with-icon > .form-control:not(:placeholder-shown) ~ label,
.form-floating.with-icon > .form-select ~ label {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-0.5rem) translateX(0);
    transform: scale(1) translateY(-0.5rem) translateX(0);
}

.form-floating.with-icon > .form-control:-webkit-autofill ~ label {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-0.5rem) translateX(0);
    transform: scale(1) translateY(-0.5rem) translateX(0);
}

/*------------------------------btn styles---------------------------------*/
.btn.btn-dark-blue {
    background-color: #01356f;
    color: #fff;
}

    .btn.btn-dark-blue:hover,
    .btn.btn-dark-blue:active,
    .btn.btn-dark-blue:focus {
        background-color: #020f1d;
        color: #fff;
    }

.btn-arrow {
    border: 2px solid#8f96a7;
}

    .btn-arrow:hover .svg-icon,
    .btn-arrow:active .svg-icon,
    .btn-arrow:focus .svg-icon {
        color: #fff !important;
    }

.btn-outline-gray {
    color: var(--ly-body-color);
    border-color: var(--ly-gray);
}

    .btn-outline-gray:hover {
        background-color: var(--ly-gray);
        border-color: var(--ly-gray);
    }

    .btn-check:focus + .btn-outline-gray,
    .btn-outline-gray:focus {
        box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.5);
    }

    .btn-check:active + .btn-outline-gray,
    .btn-check:checked + .btn-outline-gray,
    .btn-outline-gray.active,
    .btn-outline-gray.dropdown-toggle.show,
    .btn-outline-gray:active {
        color: #000;
        background-color: var(--ly-gray);
        border-color: var(--ly-gray);
    }

        .btn-check:active + .btn-outline-gray:focus,
        .btn-check:checked + .btn-outline-gray:focus,
        .btn-outline-gray.active:focus,
        .btn-outline-gray.dropdown-toggle.show:focus,
        .btn-outline-gray:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(0, 158, 247, 0.5);
        }

    .btn-outline-gray.disabled,
    .btn-outline-gray:disabled {
        color: var(--ly-gray);
        background-color: transparent;
    }

.btn-check:active + .btn.btn-active-gray .svg-icon,
.btn-check:active + .btn.btn-active-gray i,
.btn-check:checked + .btn.btn-active-gray .svg-icon,
.btn-check:checked + .btn.btn-active-gray i,
.btn.btn-active-gray.active .svg-icon,
.btn.btn-active-gray.active i,
.btn.btn-active-gray.show .svg-icon,
.btn.btn-active-gray.show i,
.btn.btn-active-gray:active:not(.btn-active) .svg-icon,
.btn.btn-active-gray:active:not(.btn-active) i,
.btn.btn-active-gray:focus:not(.btn-active) .svg-icon,
.btn.btn-active-gray:focus:not(.btn-active) i,
.btn.btn-active-gray:hover:not(.btn-active) .svg-icon,
.btn.btn-active-gray:hover:not(.btn-active) i,
.show > .btn.btn-active-gray .svg-icon,
.show > .btn.btn-active-gray i {
    color: #000;
}

/*
  .login-lyca-heart{
      -webkit-transform: translate(-20%,-27%);
              transform: translate(-20%,-27%);
  }
  /* .login-form{
      margin-top: 31%;
  } */
.on-off-widget .form-check-label {
    color: #3b4357;
    font-weight: 500;
    font-size: 12px;
}

.badge-red {
    color: #fff;
    background-color: #ff0000;
}

.border-dark-1 {
    border-color: #3b4357 !important;
}

.bell-status {
    top: 0;
    width: 13px;
    height: 13px;
    left: 75%;
    border: 2px solid #fff;
}

.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
}

.mobile-bottom-nav-container {
    height: var(--mobile-footer-height);
}

.form-select-arrow-white {
    --ly-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

@media (max-width: 767.98px) {
    .footer {
        text-align: center !important;
    }

    .wrapper.hide {
        transition: 0.3s linear;
        padding-bottom: 2.5rem !important;
    }

    .wrapper:not(.hide) {
        transition: 0.3s linear;
        padding-bottom: calc(var(--mobile-footer-height) + 2rem) !important;
    }

    .modal.video-modal {
        --bs-modal-margin: 3rem;
    }
}

@media (max-width: 991.98px) {
    .scrolltop {
        bottom: calc(var(--mobile-footer-height) + 20px);
    }
}

.navigation-square {
    z-index: 99;
    width: 50px;
    height: 50px;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: transform 0.3s ease;
}

/* 
  .navigation-square:hover{
    transform: scale(1.1);
    transition: transform 0.3s ease;
  } */

@media (min-width: 767px) {
    .navigation-square {
        width: 60px;
        height: 60px;
        border: 1px solid #e4e6ef;
    }

    .invoice-error-toast {
        /*top: 35px !important;
        left: 85% !important;
        transform: translateX(-50%);*/
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
    }
}

@media (min-width: 992px) {
    .navigation-square {
        width: 75px;
        height: 75px;
    }
}

.dash-error.show {
    display: flex;
}

.dash-error {
    position: sticky;
    top: 0;
    display: none;
}

@media (min-width: 767px) {
    .dash-error {
        height: var(--ly-dasherror-height);
    }

    .aside.error-opened {
        top: var(--ly-dasherror-height) !important;
    }
}

.navigation-square-label:not(.top-menu-label) {
    font-weight: 500;
}

.navigation-square-parent.active .navigation-square {
    background-color: var(--ly-primary);
    box-shadow: 0 20px 30px 0 rgba(44, 104, 216, 0.2);
}

.navigation-square-parent .navigation-square > .svg-icon {
    color: var(--ly-primary);
}

.navigation-square-parent.active .navigation-square > .svg-icon {
    color: #fff;
}

.navigation-square-parent.active .navigation-square-label:not(.top-menu-label) {
    font-weight: 700;
}

.aside-menu-main .menu-item .menu-link .menu-icon > .svg-icon,
.aside-menu-main .menu-item .menu-link .menu-title {
    color: #3b4357 !important;
}

.aside-menu-main .menu-link:hover .menu-icon > .svg-icon,
.aside-menu-main .menu-link.active .menu-icon > .svg-icon,
.aside-menu-main .menu-link:hover .menu-title,
.aside-menu-main .menu-link.active .menu-title {
    color: var(--ly-primary) !important;
}

.aside-menu-main .menu-item.active {
    background-color: #edf5fd !important;
}

.aside-menu-main {
    margin-top: 0.6rem;
}

.custom-carousel-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.custom-carousel-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.custom-carousel-next-icon,
.custom-carousel-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
    background-color: #1c1131;
    border-radius: 0.475rem;
}

.carousel-control-prev {
    justify-content: flex-start;
    left: 10px;
}

.carousel-control-next {
    justify-content: flex-end;
    right: 10px;
}

.nav-pills.nav-chart .nav-link {
    border-radius: 0.275rem;
    font-weight: 600;
}

.dropdown-menu {
    z-index: 998;
}

    /*dropdown-arrow*/
    .dropdown-menu::after,
    .dropdown-menu::before {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
    }

    .dropdown-menu[data-popper-placement^="bottom"]::before {
        top: 0;
        border-width: 0 0.8rem 0.8rem 0.8rem;
        border-bottom-color: #fff;
        -webkit-transform: translate(50%, -100%);
        transform: translate(50%, -100%);
    }

    .dropdown-menu[data-popper-placement="bottom-end"]::before {
        right: 2rem;
    }

    .dropdown-menu[data-popper-placement="bottom"]::before {
        right: 50%;
    }

    .dropdown-menu[data-popper-placement="bottom-start"]::before {
        left: 2rem;
    }

.full-backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(34, 36, 81, 0.75);
    z-index: 999;
}

.customize-controller {
    padding: 0.5rem 0.7rem;
}

    .customize-controller.show {
        position: relative;
        z-index: 1000;
        background-color: #fff;
        border-radius: 0.435rem;
    }

.form-check.form-check-gray2 .form-check-input:checked {
    background-color: #656e83;
    border-color: #656e83;
}

.dd-rotate-div {
    position: absolute;
    width: 100%;
    left: 10%;
    top: 25%;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.bars {
    display: flex;
    align-items: flex-end;
    height: 40px;
    gap: 4px;
}

    .bars > * {
        width: 4px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        border-radius: 50rem;
        background-color: var(--ly-secondary);
    }

    .bars > div:nth-child(1),
    .bars > div:nth-child(7) {
        height: 70%;
    }

    .bars > div:nth-child(2) {
        height: 100%;
    }

    .bars > div:nth-child(3) {
        height: 35%;
    }

    .bars > div:nth-child(4),
    .bars > div:nth-child(6) {
        height: 40%;
    }

    .bars > div:nth-child(5) {
        height: 18%;
    }

.three-dots {
    animation: blinking linear infinite 1.5s;
    -webkit-animation: blinking linear infinite 1.5s;
}

@-webkit-keyframes blinking {
    50% {
        opacity: 0;
    }
}

@keyframes blinking {
    50% {
        opacity: 0;
    }
}

.plans-offer {
    background-color: #fdd418;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

    .plans-offer::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1rem;
        top: calc(100% - 1px);
        left: 0;
        background-color: inherit;
    }

.shadow\:hover:hover {
    box-shadow: 0px 1.5rem 2rem 1rem rgb(0 0 0 / 10%) !important;
}

.invoice-success-toast {
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}

.tr-selected-ribbon tr.table-row-selected td:first-child {
    border-left-color: var(--ly-secondary);
}

.tr-selected-ribbon tr td:first-child {
    border-left-width: 3px;
    border-left-color: transparent;
    border-left-style: solid;
}

.table-row-selected {
    background-color: var(--ly-gray-200);
}

.filter-status {
    top: 4px;
    width: 10px;
    height: 10px;
    left: 75%;
    border: 2px solid #fff;
}

.btn-check:active + .btn.btn-active-gray,
.btn-check:checked + .btn.btn-active-gray,
.btn.btn-active-gray.active,
.btn.btn-active-gray.show,
.btn.btn-active-gray:active:not(.btn-active),
.btn.btn-active-gray:focus:not(.btn-active),
.btn.btn-active-gray:hover:not(.btn-active),
.show > .btn.btn-active-gray {
    border-color: var(--ly-gray);
    background-color: var(--ly-gray) !important;
}

.address-finder-data-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alert-danger-icon {
    background-color: rgba(var(--alert-danger-icon-color-rgb), 0.1);
}

    .alert-danger-icon .svg-icon {
        color: var(--alert-danger-icon-color);
    }

.p-childs\:m-0 > p:not(.not-child) {
    margin: 0 !important;
}

.form-check-custom.form-check-success .form-check-input:checked {
    border-color: var(--ly-success);
}

.color-inherit {
    color: inherit !important;
}

.service-containers .opacity-controller {
    opacity: 0.5;
}

.service-containers.active .opacity-controller {
    opacity: 1;
}

.form-check-success .form-check-input:checked[type="radio"] {
    background-image: var(--ly-form-check-radio-success-checked-bg-image);
}

.form-check-custom.form-check-success .form-check-input:checked {
    border-color: var(--ly-success);
}

.navigation-square-parent.active .navigation-square {
    background-color: var(--ly-primary);
    box-shadow: 0 20px 30px 0 rgb(44 104 216 / 20%);
}

    .navigation-square-parent.active .navigation-square > .svg-icon {
        color: #fff;
    }

@media (min-width: 767px) {
    .navigation-square-parent:hover .navigation-square {
        background-color: var(--ly-primary);
        box-shadow: 0 20px 30px 0 rgb(44 104 216 / 20%);
    }

        .navigation-square-parent:hover .navigation-square > .svg-icon {
            color: #fff;
        }
}

.image-input .avatar-edit-bottom[data-kt-image-input-action="change"] {
    top: unset;
    bottom: 0;
    transform: translate(-50%, 50%);
}

.image-input.image-input-changed .avatar-cancel-top[data-kt-image-input-action="cancel"] {
    top: 0;
}

.silver-gradient {
    background: rgb(227, 227, 227);
    background: -moz-linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(207, 209, 210, 1) 100%, rgba(0, 212, 255, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(207, 209, 210, 1) 100%, rgba(0, 212, 255, 1) 100%);
    background: linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(207, 209, 210, 1) 100%, rgba(0, 212, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3", endColorstr="#00d4ff", GradientType=1);
}

.silver-bg {
    background-color: #818694 !important;
    padding: 2px;
    margin-right: 4px;
    border: 2px solid #fff;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
    --ly-scrollbar-color: #3B4357;
    --ly-scrollbar-hover-color: #3B4357;
}

.scrollbar-custom::-webkit-scrollbar {
    --ly-scrollbar-height: 7px;
}

input.otp-box:focus::-webkit-input-placeholder {
    color: transparent;
}

input.otp-box:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
input.otp-box:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
input.otp-box:focus:-ms-input-placeholder {
    color: transparent;
}

input.otp-box {
    color: #d4d9df;
    border-color: #d4d9df;
}

    input.otp-box.completed {
        color: #3b4357;
        border-color: #3b4357;
    }

    input.otp-box:focus {
        border-color: #3b4357;
    }

    input.otp-box::-webkit-input-placeholder {
        color: #d4d9df;
    }

    input.otp-box:-moz-placeholder {
        color: #d4d9df;
    }

    /* FF 4-18 */
    input.otp-box::-moz-placeholder {
        color: #d4d9df;
    }

    /* FF 19+ */
    input.otp-box:-ms-input-placeholder {
        color: #d4d9df;
    }

.parent-otp.error input.otp-box {
    border-color: var(--ly-danger);
}

.parent-otp.success input.otp-box {
    border-color: var(--ly-success);
}

.rotate-alternate {
    -webkit-animation: rotate-alternate 3s linear infinite alternate both;
    animation: rotate-alternate 3s linear infinite alternate both;
}

@-webkit-keyframes rotate-alternate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    15% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    85% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes rotate-alternate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    15% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    85% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (max-width: 766.98px) {
    .modal.modal-bottom {
        --ly-modal-border-radius: 0;
    }

        .modal.modal-bottom .modal-dialog {
            -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
            -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
        }

        .modal.modal-bottom .modal-dialog {
            position: fixed;
            margin: auto;
            width: 100%;
            max-width: 100%;
            height: auto;
        }

        .modal.modal-bottom .modal-content {
            max-height: 90vh;
            overflow-y: auto;
        }

        .modal.modal-bottom .modal-body,
        .modal.modal-bottom .modal-header,
        .modal.modal-bottom .modal-footer {
            padding: 1rem;
        }

        .modal.modal-bottom .modal-content {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .modal.modal-bottom.fade .modal-dialog {
            bottom: -100%;
            -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
            -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
            -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
            transition: opacity 0.3s linear, bottom 0.3s ease-out;
        }

        .modal.modal-bottom.fade.show .modal-dialog {
            bottom: 0;
        }

        .modal.modal-bottom.fade .modal-dialog {
            bottom: -100%;
        }

    /* Footer */
    .modal-footer-fixed {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        border-radius: 0;
    }
}

.payment-mobile-sticky {
    bottom: calc(var(--mobile-footer-height));
}

.z-index-200 {
    z-index: 200 !important;
}

.z-index-999 {
    z-index: 999 !important;
}

.aside {
    /*background-image: url("../media/extra/blur-top.png");*/
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 250px;
    background-attachment: fixed;
    z-index: 999;
    padding-bottom: 0 !important;
}

/* .aside .aside-footer{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  } */
.drawer {
    z-index: 9999 !important;
}

.drawer-overlay {
    z-index: 9998 !important;
}

body {
    background-image: url("../images/blur-bottom.png");
    background-repeat: no-repeat;
    background-position: 160px 90%;
    background-size: 300px;
    background-attachment: fixed;
}

@media (max-width: 766.98px) {
    .header {
        /*background-image: url("../media/extra/blur-top.png");*/
        background-repeat: no-repeat;
        background-size: 160px;
        background-position: top left;
        background-attachment: fixed;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--ly-gray-600);
        /* position: sticky;
      top:0;
      z-index: 999; */
    }

    .header-icon {
        width: 35px;
        height: 35px;
        border-radius: 0.375rem !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--ly-gray-600) !important;
    }

        .header-icon .svg-icon {
            margin-right: 0;
        }
}

.header-icon.pulse .svg-icon {
    margin-right: 0;
}

.newsim-side-bg {
    background-image: url("../images/lyca-double-heart.png");
    background-position: -180px -90px;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-white-15 {
    background-color: rgba(255, 255, 255, 15%);
}

@media (min-width: 767px) {
    .bg-retailer-header {
        background: url(../images/lyca-double-heart.png) no-repeat calc(100% + 37px) calc(100% + 20px), linear-gradient(19deg, #0472ed 24%, #0057b8 88%);
        background-size: 110px, auto;
    }
}

.bg-light-warning {
    background-color: #fffaee !important;
    border-color: #ffe8ca !important;
}

.form-check-input[type="radio"]:checked {
    border-width: 2px;
}

.border-active-width-2.active {
    border-width: 2px !important;
    margin: -1px !important;
}

/*sticky*/

@media (min-width: 767px) {
    .plan-sidecart-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
        z-index: 300;
    }

    .plan-tags-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 35px;
        z-index: 300;
    }

    .plan-header-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        z-index: 300;
    }
}

.video-play {
    background-position: center;
}

.video-play-image {
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: -3px;
}

.video-play-button {
    display: none;
}

.video-play-text {
    left: 13px;
    /* background-color: #fff; */
}

    .video-play-text span {
        background-color: #fff;
        margin-bottom: 3px;
        align-self: flex-start;
        padding-right: 3px;
        padding-left: 3px;
    }

.video-play:hover .video-play-button {
    display: block;
}

.menu {
    z-index: 800 !important;
}

@media (min-width: 992px) {
    .login-blur-bg {
        /*background-image: url("../media/extra/blur-top.png");*/
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 248px;
    }
}

.bg-login {
    background: url("../media/extra/login-bg-blur.png") no-repeat left top, linear-gradient(236deg, #35ef9c 10%, #005dc3 98%);
    background-size: 400px, auto;
    /* background-image: linear-gradient(236deg, #35ef9c 10%, #005dc3 98%); */
}

.bg-gray-light-1 {
    background-color: #fafbfc;
}

.not-applicable-box-shadow {
    box-shadow: -3px 3px 13px -8px #000000, 5px 5px 15px 5px rgb(0 0 0 / 0%);
}

.confetti-mobile-transform {
    transform: translate(-50%, -100%);
    height: 100%;
}

.svg-icon.svg-icon-warning {
    color: #fc9512 !important;
}

.form-switch-eye .form-check-input {
    height: 1rem;
    width: 2.5rem;
    position: relative;
    background: unset;
}

    .form-switch-eye .form-check-input:checked {
        background: unset;
    }

    .form-switch-eye .form-check-input:after {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        left: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        background-position: center;
        background-color: #fff;
        background-size: 55%;
        box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.2) !important;
        border-radius: 3.25rem;
        transition: 0.3s all;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23818694' class='bi bi-eye-fill' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z'/%3E%3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3C/svg%3E");
    }

    .form-switch-eye .form-check-input:checked:after {
        left: calc(100%);
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230d6efd' class='bi bi-eye-fill' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z'/%3E%3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3C/svg%3E");
    }

.child-alter-parent li {
    margin-bottom: 0.5rem;
}

    .child-alter-parent li:nth-child(odd) .child-alternate {
        background-color: #f8fafc;
    }

    .child-alter-parent li:nth-child(even) .child-alternate {
        background-color: #f1f4f9;
    }

.plan-alter-parent .child-alternate {
    margin-bottom: 0.5rem;
}

    .plan-alter-parent .child-alternate:nth-child(odd) .child-alternate-bg {
        background-color: #f1f4f9;
    }

    .plan-alter-parent .child-alternate:nth-child(even) .child-alternate-bg {
        background-color: #f8fafc;
    }

.addon-container {
    width: 110px;
}

.shadow-bottom {
    box-shadow: 2px 10px 24px -7px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 2px 14px 24px -7px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 2px 14px 24px -7px rgba(0, 0, 0, 0.33);
}

.min-w-0 {
    min-width: 0;
}

.plans-bg {
    background-color: #f8fafc !important;
}

.bg-gray-shade-100 {
    background-color: #f1f4f9 !important;
}

.plans-parent-head {
    background-color: #016adf;
}

.familyplans-parent-head {
    background-color: #3dc07a;
}

/* .plans-parent.active .plans-parent-head{
    background-color:var(--ly-theme-first);
  } */
.offer-badge {
    font-size: 0.6rem;
}

@media (min-width: 767px) {
    .search-element.searchable {
        box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    }

        .search-element.searchable.show + .dropdown-menu {
            box-shadow: 0 1rem 1rem 0rem rgb(0 0 0 / 8%) !important;
        }

        .search-element.searchable .search-input {
            background-color: #fff;
            width: 200px;
            padding-left: 3rem !important;
            padding-right: 3.75rem !important;
        }
}

.search-input {
    background-color: transparent;
    padding-left: 2.4rem !important;
    width: 40px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .search-input ~ .search-input-clear {
        display: none;
    }

.dropdown .dropdown-menu.dropdown-arrow-none:before,
.dropdown.dropdown-arrow-none:after {
    border-width: 0 !important;
}

.next-collapse-trigger.active .collapse-icon {
    transform: rotate(180deg);
}

@media (min-width: 1200px) {
    .search-element.searchable .search-input {
        width: 300px;
    }

    .wrapper {
        padding-top: 12px;
    }
}

@media (min-width: 768px) {
    .wrapper {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 950px;
        margin: auto;
    }
}

@media (min-width: 1400px) {
    .search-element.searchable .search-input {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .search-element.searchable .search-input {
        width: 250px;
    }

    .aside {
        width: 245px;
    }
}

.bg-retailer-header {
    margin-bottom: 8px;
}

.show-except-parent:last-child .show-except-last {
    display: none;
}

.language-dropdown {
    padding-right: 2.7rem !important;
}

.form-control:placeholder-shown {
    --ly-input-border-color: #d4d9df;
}

.form-select {
    /* color: #d4d9df !important; */
    --ly-form-select-border-color: #d4d9df;
    /* --ly-form-select-border-color: #8f96a7; */
}

    .form-select.select2-selected {
        /* color: #d4d9df !important; */
        --ly-form-select-border-color: #8f96a7;
        /* --ly-form-select-border-color: #8f96a7; */
    }

    .form-select:placeholder-shown {
        --ly-form-select-border-color: unset;
    }

.form-control {
    font-weight: 600;
    padding: 0.75rem 0.938rem 0.75rem 0.938rem;
    border-radius: 0.375rem;
    font-size: 1.1rem;
}

.form-select:not(.language-dropdown) {
    font-weight: 600;
    padding: 0.75rem 0.938rem 0.75rem 0.938rem;
    border-radius: 0.375rem;
}

.form-control::placeholder {
    font-weight: 500;
}

.form-control:not(.big-form-control)::placeholder {
    font-weight: 500;
    font-size: 1rem;
}

.form-control:-moz-placeholder {
    font-weight: 500;
}

.form-control:not(.big-form-control):-moz-placeholder {
    font-size: 1rem;
}

/* .form-select:not(.language-dropdown){
    font-size: 1.25rem;
  } */

.form-select::placeholder:not(.language-dropdown) {
    font-weight: 500;
    font-size: 1.125rem;
}

.form-select:-moz-placeholder:not(.language-dropdown) {
    font-weight: 500;
    font-size: 1.125rem;
}

.fs-1\.5rem {
    font-size: 1.5rem;
}

.fs-1\.125rem {
    font-size: 1.125rem;
}

.btn:not(.menu-link, .btn-link, .remove-fw, .radio-button-padding, .btn-subscriber-verify) {
    border-radius: 50px !important;
    font-weight: 600 !important;
}

@media (min-width: 992px) {
    .form-margin {
        margin-top: 16%;
    }
}

.brand-logo {
    height: 70px;
}

.radio-button-inside-custom {
    padding: 0.75rem 0.938rem 0.75rem 0.938rem;
}

.dataTables_length .form-select {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    padding-left: 0.75rem;
    padding-right: 2.5rem;
}

.dropzone {
    border-radius: 6px !important;
}

.form-select {
    border-radius: 6px !important;
    font-size: 1.1rem;
}

.btn-sm:not(.search-input-clear, .btn-icon) {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.arrow-white {
    --ly-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.video-play {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

    .video-play:hover {
        position: relative;
        z-index: 1;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    }

.dataTable .form-check-input[type="checkbox"],
.filters-menu .form-check-input[type="checkbox"] {
    border-radius: 4px !important;
    height: 18px;
    width: 18px;
}

.m-neg2-hover:hover {
    margin: -2px;
}

.service-containers:hover {
    border-color: transparent;
}

@media screen and (min-width: 767px) {
    .mobile-stepper {
        display: flex;
        flex-grow: 1;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .stepper-nav {
        flex-wrap: nowrap !important;
        overflow-x: auto;
    }

    .mobile-stepper {
        width: 100%;
        overflow: auto;
    }
}

.tooltip-error {
    display: flex;
    position: absolute;
    top: 100%;
    width: auto;
    right: 0;
    padding: 4px 6px;
    background: #fff;
    margin-top: 0.6rem;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
    z-index: 1;
}

.tooltip__arrow {
    border: 7px solid;
    border-color: transparent transparent white;
    content: "";
    right: 20px;
    transform: translateY(-100%);
    position: absolute;
    top: 0;
    /* filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 -1px 1px); */
}

/* .tooltip__arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.6);
  } */
.fv-row {
    position: relative;
}

.m-n1px {
    margin: -1px !important;
}

.navigation-square-label.top-menu-label {
    font-size: 1rem !important;
}

.aside-menu-main .menu-title {
    font-size: 1rem !important;
}

.card-earnings {
    height: calc(100% - 2rem);
}

@media (min-width: 1200px) {
    .card-earnings {
        height: calc(100% - 4rem);
    }
}

.sales-overview-dropdown .dropdown-item {
    padding: 0.75rem 1.25rem;
}

    .sales-overview-dropdown .dropdown-item.active {
        color: var(--ly-component-hover-color) !important;
        background-color: var(--bs-dropdown-link-hover-bg) !important;
        position: relative;
    }

        .sales-overview-dropdown .dropdown-item.active:after {
            display: none;
        }

.radio-button-fs {
    font-size: 1.1rem !important;
}

.table.thead-space th {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.report-svg {
    display: inline-flex;
    width: 2.25rem !important;
    height: 2.25rem !important;
    align-items: center;
    justify-content: center;
}

.border-bottom-table {
    border-bottom-color: transparent !important;
}

.header h1 {
    letter-spacing: -1px !important;
}

@media (min-height: 500px) {
    .form-margin {
        margin-top: 26%;
    }
}

@media (min-height: 600px) {
    .form-margin {
        margin-top: 32%;
    }
}

@media (min-height: 800px) {
    .form-margin {
        margin-top: 76%;
    }
}

@media (min-height: 1080px) {
    .form-margin {
        margin-top: 110%;
    }
}

/* .select2-results__option.select2-results__option--selectable:not(.select2-results__option--selected):hover {
    background-color: #fff!important;
  } */
.aside-menu-main .menu-item .menu-link .menu-icon {
    margin-right: 1rem;
}

.aside-menu-main .menu-item {
    margin-bottom: 0.5rem;
}

.aside-footer {
    border-color: #d4d9df !important;
}

/* select2 changes */
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #d4d9df !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    display: none !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    padding: 0.5rem 1rem;
}

.menu .menu-item .btn-sm:not(.search-input-clear, .btn-icon) {
    padding: 0.5rem 1rem !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    color: #3b4357;
}

    .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
        background-color: transparent;
        color: #3b4357;
    }

    .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
        background-color: var(--ly-component-hover-bg);
        color: #3b4357;
    }

.select2-container--bootstrap5 .select2-dropdown {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.login-lanselector + .select2 .select2-selection {
    position: relative;
    left: 13px;
}

.shadow-vbig {
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);
}

.tab-stepper.stepper.stepper-pills .stepper-label .stepper-title {
    font-weight: 500;
    color: #3b4357;
}

.tab-stepper.stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title {
    color: #3b4357;
    font-weight: 500;
}

.tab-stepper .stepper-wrapper {
    height: 45px;
}

.color-dark {
    color: #3b4357 !important;
}

div.dataTables_wrapper div.dataTables_paginate,
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_info {
    padding: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    /* background-color:transparent; */
}

.waiting-glass {
    background-color: #f2f6f8;
}

input.big-form-control::placeholder {
    font-size: 2rem;
    vertical-align: middle;
    position: relative;
    bottom: 3px;
    font-weight: bold;
}

/* FF 4-18 */
input.big-form-control::-moz-placeholder {
    font-size: 2rem;
    vertical-align: middle;
    position: relative;
    bottom: 3px;
    font-weight: bold;
}

@media (max-width: 767px) {
    input.big-form-control::placeholder {
        font-size: 1rem;
    }

    /* FF 4-18 */
    input.big-form-control::-moz-placeholder {
        font-size: 1rem;
    }
}

.fs-10px {
    font-size: 0.625rem;
}

.fs-12px {
    font-size: 0.75rem;
}

.fs-13px {
    font-size: 0.813rem;
}

.fs-14px {
    font-size: 0.875rem;
}

.fs-15px {
    font-size: 0.938rem;
}

.fs-16px {
    font-size: 1rem;
}

.fs-18px {
    font-size: 1.125rem;
}

.fs-20px {
    font-size: 1.25rem;
}

.fs-22px {
    font-size: 1.375rem;
}

.fs-24px {
    font-size: 1.5rem;
}

.fs-26px {
    font-size: 1.625rem;
}

.fs-28px {
    font-size: 1.75rem;
}

.fs-30px {
    font-size: 1.875rem;
}

.fs-32px {
    font-size: 2rem;
}

.fs-34px {
    font-size: 2.125rem;
}

.fs-36px {
    font-size: 2.25rem;
}

.fs-38px {
    font-size: 2.375rem;
}

.fs-58px {
    font-size: 3.625rem;
}

.fs-62px {
    font-size: 3.875rem;
}

.br-6px {
    border-radius: 0.375rem;
}

.br-8px {
    border-radius: 0.5rem;
}

.br-12px {
    border-radius: 0.75rem;
}

.br-16px {
    border-radius: 1rem;
}

.coutry-input-padding {
    padding-left: 5.2rem !important;
}

.hover\:shadow-smooth:hover {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
    position: relative;
}

.dropzones {
    min-height: auto;
    padding: 1.5rem 1rem;
    text-align: center;
    border: 1px dashed var(--ly-primary);
    background-color: #f6fafc;
    border-radius: 6px !important;
}

    .dropzones .dz-message {
        margin: 0;
        display: flex;
        text-align: left;
    }

.form-control[readonly]:disabled,
.form-select[readonly]:disabled {
    background-color: #f2f6f8;
}

.mt-n2px {
    margin-top: -2px;
}

.btn.btn-outline:not(.btn-outline-dashed) {
    --ly-input-border-color: #d4d9df;
    min-height: calc(1.5em + 1.1rem + 2px);
    padding: 0.75rem 0.938rem 0.75rem 0.938rem;
}

.mobile-bottom-nav-toggler {
    width: calc(100% + 2px);
    left: -1px;
    top: -2px;
    transform: translateY(calc(-100% + 4px));
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm,
.btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: 0.75rem 0.938rem 0.75rem 0.938rem;
    min-height: calc(1.5em + 1.1rem + 2px);
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 1px solid;
}

.available-number-type {
    padding: 0.5rem 1rem;
    border: 1px solid #e0e5e8;
    border-radius: 6px;
    font-size: 1rem;
}

    .available-number-type.active {
        background-color: rgba(0, 106, 224, 0.1);
        border-color: #006ae0;
        color: #006ae0;
    }

.available-number-list {
    padding: 0.625rem;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 1.125rem;
}

    .available-number-list.active {
        border-color: #50cd89;
        color: #3cc179;
        background-color: rgba(80, 205, 137, 0.1);
    }

.plans-container {
    border: 1px solid #d4d9df;
}

    .plans-container:not(.active):hover {
        --bs-border-color: #818694;
        box-shadow: 0 0 0 2px #818694;
        border-color: transparent !important;
    }

    .plans-container.active {
        --bs-border-color: #3cc179;
        background-color: #3cc179;
        color: #fff;
        --ly-bullet-bg-color: #fff;
    }

    .plans-container .next-collapse-trigger .svg-icon {
        color: #006ae0 !important;
    }

    .plans-container.active .next-collapse-trigger,
    .plans-container.active .next-collapse-trigger .svg-icon {
        color: #fff !important;
    }

    .plans-container.active .plan-infos .collapse-content {
        background-color: #fff;
        border-radius: 8px;
        color: #3b4357;
        padding: 0.5rem;
    }

.product-head {
    right: 2rem;
    bottom: 2rem;
}

@media screen and (max-width: 767.98px) {
    .product-head {
        position: fixed;
        transition: all 0.35s linear;
        bottom: 1.5rem;
        z-index: 1049;
    }

    .wrapper:not(.hide) .product-head {
        bottom: calc(var(--mobile-footer-height) + 1.5rem);
    }
}

.product-bag {
    cursor: pointer;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
}

    .product-bag svg:first-child {
        width: 50%;
        height: 50%;
    }

    .product-bag svg:last-child {
        width: 35%;
        height: 35%;
    }

    .product-bag:not(.opened) > svg:last-child {
        display: none;
    }

    .product-bag.opened > svg:first-child {
        display: none;
    }

.shadow-big {
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
}

.iccid-fourdigit {
    padding-left: 11.6rem;
}

@media (max-width: 767.98px) {
    .mt-xs-1px {
        margin-top: 1px;
    }
}

.lyca-products,
.communicate-mode {
    border: 1px solid #d4d9df;
    cursor: pointer;
}

    .lyca-products:not(.active):hover {
        border-color: transparent;
        box-shadow: 0 0 0 2px #818694, 0px 10px 20px rgba(0, 0, 0, 0.2);
    }

    .lyca-products.active {
        border-color: transparent;
        box-shadow: 0 0 0 2px #3cc179;
    }

    .communicate-mode.active {
        border-color: transparent;
        box-shadow: 0 0 0 2px #3cc179;
        font-weight: 600;
    }

    .communicate-mode:not(.active):hover {
        border-color: transparent;
        box-shadow: 0 0 0 2px #818694;
    }

.card-tiles:hover {
    border-color: transparent !important;
    outline: 2px solid #3b4357;
    position: relative;
    z-index: 1;
}

.camera-access {
    width: 90px;
}

.select2-container.select2-container--disabled .select2-selection--single {
    background-color: var(--ly-input-disabled-bg) !important;
    border-color: var(--ly-input-disabled-border-color) !important;
}

    .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered {
        color: var(--ly-input-disabled-color) !important;
    }

.btn-group .group {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group .sub-group {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    flex: 0 0 auto !important;
}

.back-btn {
    left: 1.75rem;
    top: 1.75rem;
}

.progress-steps {
    padding: 0.75rem 0.938rem 0.75rem 0.938rem;
    border: 1px solid #d4d9df;
    border-radius: 6px;
    font-weight: bold;
}

    .progress-steps.current,
    .progress-steps.completed {
        background-color: #f2fcf7;
    }

.progress-step-icon > div:first-child {
    background-color: #f2f6f8;
}

.progress-steps.current .progress-step-label,
.progress-steps.completed .progress-step-label {
    color: #3cc179;
}

.progress-steps.current .progress-step-icon > div:first-child,
.progress-steps.completed .progress-step-icon > div:first-child {
    background-color: #3cc179;
    color: #fff;
}

    .progress-steps.completed .progress-step-icon > div:first-child span:not(.svg-icon) {
        display: none;
    }

    .progress-steps.completed .progress-step-icon > div:first-child span.svg-icon {
        display: inline-block !important;
    }

.progress-step.pregress-step-icon {
    color: #818694;
}

.esc-sticky {
    position: absolute;
    top: 0;
    right: 0;
}

.header.ld-header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 3;
    background-color: #21254f;
}

.ld-back {
    color: #2ea2f6;
}

    .ld-back:hover {
        color: #2ea2f6;
    }

.btn.radio-button-padding {
    border-radius: 6px !important;
}

@media (min-width: 991.98px) {
    .content {
        padding-top: 0px !important;
    }
}

input.otp-box::placeholder {
    font-size: 3rem !important;
}
/* RM with POS Stepper Icons */
/* Current step */
.stepper-current-icon.pos-icon > svg circle {
    color: white;
}

.stepper-current-icon.pos-icon > svg {
    color: #3cc179;
}

    .stepper-current-icon.pos-icon > svg path.doc-cloud {
        color: #3cc179;
    }

    .stepper-current-icon.pos-icon > svg path.doc-arrow {
        color: white;
    }

    .stepper-current-icon.pos-icon > svg path.terms {
        color: white;
    }

    .stepper-current-icon.pos-icon > svg path.circle {
        color: white;
    }
/* uncompleted step */
.stepper-uncompleted-icon.pos-icon > svg circle {
    color: #d4d9df !important;
}

.stepper-uncompleted-icon.pos-icon > svg {
    color: white;
}
/* completed step */
.stepper-completed-icon.pos-icon > svg path.doc-cloud {
    color: white;
}

.stepper-completed-icon.pos-icon > svg path.doc-arrow {
    color: #3cc179;
}

.stepper-completed-icon.pos-icon > svg circle {
    color: #3cc179 !important;
}

.stepper-completed-icon.pos-icon > svg {
    color: white;
}

    .stepper-completed-icon.pos-icon > svg path.doc {
        color: #3cc179;
    }

.pos-mob-icon > svg path.doc-cloud {
    color: white;
}

.pos-mob-icon > svg path.terms {
    color: #3cc179;
}

.pos-mob-icon > svg path.doc-arrow {
    color: #3cc179;
}

.pos-mob-icon > svg circle {
    color: #3cc179 !important;
}

.pos-mob-icon > svg {
    color: white;
}

    .pos-mob-icon > svg path.doc {
        color: #3cc179;
    }

.crm-mob-icon > svg circle {
    color: white !important;
}

.crm-mob-icon > svg {
    color: #3b4357;
}

    .crm-mob-icon > svg path.doc-arrow {
        color: white;
    }

    .crm-mob-icon > svg path.terms {
        color: white;
    }

.dz-message.pos-icon svg {
    color: #006ae0;
}

.card {
    box-shadow: none;
}

.stepper-current-icon.pos-mobtrack-icon > svg {
    color: #3BA069;
}

.stepper-uncompleted-icon.pos-mobtrack-icon > svg {
    color: #D4D9DF;
}

.stepper-completed-icon.pos-mobtrack-icon > svg {
    color: #3CC179;
}

.w-12px {
    width: 12px !important;
}

.h-12px {
    height: 12px !important;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --bs-space-x-reverse: 0;
    margin-right: calc(1rem * var(--bs-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--bs-space-x-reverse)));
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center !important;
}

table.dataTable thead th {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    background-color: rgb(207 215 226 / 0.3);
}

.table.dataTable > :not(:last-child) > :last-child > * {
    border-bottom-color: transparent;
    border-top: 1px solid #E4E8EE;
}

.table.dataTable tr {
    border-bottom-color: #E4E8EE;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin-bottom: 1.125rem !important;
    }
}

.table.dataTable tr:first-child, .table.dataTable th:first-child, .table.dataTable td:first-child {
    padding-left: 1.25rem !important;
}

.searchby-input-group .form-select:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #F2F6F8;
}

.searchby-input-group :where(.select2,.form-select) {
    height: 100% !important;
}

.searchby-input-group .btn {
    border-radius: 0px 6px 6px 0px !important;
    height: 100%;
    background-color: #3cc179 !important;
}

.searchby-input-group > .form-control {
    padding-left: calc(150px + 0.938rem);
    padding-right: calc(0.938rem + 60px);
}

    .searchby-input-group > .form-control:focus {
        margin: 0 !important;
        box-shadow: 0 0 0 1px #3cc179 !important;
        border-width: 1px !important;
    }

        .searchby-input-group > .form-control:focus + .select-position .form-select {
            --ly-form-select-border-color: #3cc179;
            box-shadow: 0 0 0 1px #3cc179 !important;
        }

.searchby-input-group .form-select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    --ly-form-select-border-color: #D4D9DF;
    --ly-input-focus-border-color: #D4D9DF;
}

.searchby-input-group .select-position {
    left: 1px;
    top: 1px;
    height: calc(100% - 2px);
}

.searchby-input-group > img {
    position: absolute;
    top: calc(0.75rem + 5px);
    right: calc(0.938rem + 45px);
}

.parent-otp input::placeholder {
    font-size: 1.5rem;
}

.preload {
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    overflow: hidden;
    display: block;
    opacity: 0.9;
    background-color: #221e1e;
    z-index: 9999;
}

.disabled {
    color: var(--ly-input-disabled-color);
    background-color: var(--ly-input-disabled-bg);
    border-color: var(--ly-input-disabled-border-color);
}


.portin-plan {
    border: 1px solid #d4d9df;
    border-radius: 6px;
}

    .portin-plan:not(.active):hover {
        box-shadow: 0 0 0 2px #818694;
        border-color: transparent !important;
    }

    .portin-plan.active {
        color: #3BA069;
        box-shadow: 0 0 0 2px #3BA069;
        background-color: #F2FCF7;
        border-color: transparent !important;
    }

.toast {
    z-index: 9;
}

.rainbow.active::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: white;
    border-radius: 6px;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@media (min-width: 768px) {
    .searchby-input-group {
        min-width: 600px !important;
    }

        .searchby-input-group > .form-control {
            padding-left: calc(170px + 0.938rem);
            padding-right: calc(0.938rem + 60px);
        }

    .select-position {
        width: 170px !important;
    }
}


a.hyperlinkdisabled {
    pointer-events: none;
    color: #ccc;
}

img.hyperlinkdisabled {
    pointer-events: none;
    color: #ccc;
}

.info-section {
    border: 1px solid #006AE0;
    background-color: #F5F9FF;
}
.ps-13rem{
    padding-left:13rem !important;
}
/*@media (min-width: 992px) {
    main, span, ol, ul, pre, div {
        scrollbar-color: #3b4357 transparent !important;
    }
    main:hover, span:hover, ol:hover, ul:hover, pre:hover, div:hover {
        scrollbar-color: #3b4357 transparent !important;
    }
        main:active, span:active, ol:active, ul:active, pre:active, div:active {
            scrollbar-color: #3b4357 transparent !important;
        }
}*/