.grid .col-span-2 nav[aria-label="Progress"].aegov-step {
    padding-top: 6px;
    padding-left: 6px;
}

.tabsDeath_birth.tab-pills .tab-link {
    padding-top: 12px;
    padding-bottom: 12px;
}

.tabsDeath_birth .tab-link[aria-selected="true"] h2,
.tabsDeath_birth .tab-link[aria-selected="false"] h2 {
    text-align: left;
}

html[dir="rtl"] .tabsDeath_birth .tab-link[aria-selected="true"] h2,
html[dir="rtl"] .tabsDeath_birth .tab-link[aria-selected="false"] h2 {
    text-align: right;
}

.-bottom-40 {
    bottom: -40px;
}

#countryuae ~ .select2 {
    width: 100% !important;
}

.edit_attestation {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 25px;
    cursor: pointer;
}

.height-auto-available {
    max-height: -webkit-fill-available;
    height: auto;
}

.baby-girl {
    background-color: #FDF1F5 !important;
}

.baby-boy {
    background-color: #E8F5FF !important;
}

/* Start Loading */

div.loading {
    /* display:none; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 100%;
    background-color: rgb(16 16 16 / 36%);
    cursor: wait;
}

    div.loading div {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 120px;
    }

        div.loading div img {
            height: 100% !important;
            width: 100% !important;
            border-radius: 10px;
        }

/* end Loading */

.dropAction .item_table {
    position: absolute;
    top: 40px;
    right: 0;
    width: max-content;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    z-index: 50;
}

.droplist_table {
    display: flex;
    padding: 10px 20px;
}

    .droplist_table:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
        color: inherit;
    }

    .droplist_table a {
        color: inherit;
        text-decoration-line: none;
        margin: 0 10px;
    }

    .droplist_table svg {
        height: 1.25rem;
        width: 1.25rem;
    }

@media (max-width:768px) {
    .dropAction .item_table {
        left: 0;
        right: inherit;
    }
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-top: 0.60rem;
    padding-bottom: 0.60rem;
}

.select2-container--default .select2-selection--single {
    border: 2px solid #758EA5;
    border-radius: 9px;
}

    .select2-container--default .select2-selection--single:focus {
        border-color: #d67907;
    }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    margin-left: 20px;
    margin-right: 0;
}

.aegov-dropdown .dropdown-body {
    max-height: 350px;
    overflow: auto;
}

body[dir="rtl"] .no-container {
    margin-right: 50% !important;
    transform: translateX(50%);
}

.iti .iti__flag-container .iti__selected-flag ~ .iti__country-list {
    left: 0;
    width: max-content;
}

.aegov-form-control .small-information {
    margin-top: -2px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    /* position: absolute;
  right: 0; */
}

.step-completed .step-badge .step-number {
    display: none;
}

.header .aegov-modal {
    height: 100%
}


.aegov-btn.btn-icon.control-suffix {
    padding: 0px !important;
    color: #FFF;
}


.text-aeblack-300 {
    color: var(--color-aeblack-800);
}

.h-3.w-3.rounded-full {
    min-width: 0.75rem !important;
    min-height: 0.75rem !important;
}

.faq-tab {
    display: grid;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    opacity: 0;
}

html[dir="rtl"] input.mobile_code {
    text-align: right;
    padding-right: 0.375rem;
}

html[dir="rtl"] .form-control-input input[name="__Invariant"],
body[dir="rtl"] .form-control-input input[name="__Invariant"] {
    order: 3;
}


html[dir="rtl"] .form-control-input input[type="date"],
body[dir="rtl"] .form-control-input input[type="date"] {
    order: 1;
}


html[dir="rtl"] .form-control-input input[name="__Invariant"] ~ span,
body[dir="rtl"] .form-control-input input[name="__Invariant"] ~ span {
    order: 2;
}


html[dir="rtl"] input[type="date"],
body[dir="rtl"] input[type="date"] {
    display: flex;
    justify-content: flex-end;
    padding-left: 20ox;
    padding-right: 0;
}

.aegov-form-control.aegov-file-input-control input[type="file"] {
    display: none;
}

.bg-pending-with-MOHAP-medical-committee {
    --tw-bg-opacity: 1;
    background-color: rgb(126 87 194 / var(--tw-bg-opacity, 1));
}



@media (max-width:992px) {
    .step-number ~ .step-text-below {
        white-space: wrap
    }
}

/* Start add Classes from File Home.css  */

.\!p-0 {
    padding: 0px !important;
}


.\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.\!text-primary-600 {
    color: var(--color-primary-600) !important;
}

.\!fill-primary-600 {
    fill: #315679 !important;
}

.hover\:\!bg-primary-600:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(49 86 121 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-primary-500:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(75 129 172 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-ehs-green {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(102 169 128 / var(--tw-bg-opacity, 1)) !important;
}

.\!inset-x-0 {
    inset-inline: calc(var(--spacing) * 0) !important;
}

.z-\[60\] {
    z-index: 60;
}

.z-\[999999\] {
    z-index: 999999;
}

.\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
}

.\!my-0 {
    margin-block: calc(var(--spacing) * 0) !important;
}

.\!-mt-2\.5 {
    margin-top: calc(var(--spacing) * -2.5) !important;
}

.\!h-auto {
    height: auto !important;
}

.\!rotate-190 {
    rotate: 190deg !important;
}

.\!transform-none {
    transform: none !important;
}

.\!bg-primary-600 {
    background-color: var(--color-primary-600) !important;
}

.\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
}

.\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
}

.\!text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
}

.\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
}

.\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
}

.group-hover\:\!border-primary-800 {
    &:is(:where(.group):hover *)

{
    @media (hover: hover) {
        border-color: var(--color-primary-800) !important;
    }
}

}

.group-hover\:\!text-primary-800 {
    &:is(:where(.group):hover *)

{
    @media (hover: hover) {
        color: var(--color-primary-800) !important;
    }
}

}

.group-hover\:text-primary-700 {
    &:is(:where(.group):hover *)

{
    @media (hover: hover) {
        color: var(--color-primary-700);
    }
}

}

.hover\:\!border-primary-800 {
    &:hover

{
    @media (hover: hover) {
        border-color: var(--color-primary-800) !important;
    }
}

}

.hover\:\!text-primary-800 {
    &:hover

{
    @media (hover: hover) {
        color: var(--color-primary-800) !important;
    }
}

}

.max-lg\:\!w-64 {
    @media (width < 64rem) {
        width: calc(var(--spacing) * 64) !important;
    }
}

.max-lg\:\!flex-nowrap {
    @media (width < 64rem) {
        flex-wrap: nowrap !important;
    }
}

.max-md\:\!static {
    @media (width < 48rem) {
        position: static !important;
    }
}

.max-md\:\!transform-none {
    @media (width < 48rem) {
        transform: none !important;
    }
}

.xl\:\!w-80 {
    @media (width >= 80rem) {
        width: calc(var(--spacing) * 80) !important;
    }
}

.max-lg\:\[\&_\.submenu-btn\]\:\!absolute {
    @media (width < 64rem) {
        & .submenu-btn {
            position: absolute !important;
        }
    }
}

.flex-shrink-0 {
    flex-shrink: 0;
}



@media (min-width: 1024px) {
    .lg\:w-6\/12 {
        width: 50%;
    }

    .lg\:w-9\/12 {
        width: 75%;
    }
}

@media (min-width: 640px) {
    .sm\:w-\[35rem\] {
        width: 35rem;
    }

    .sm\:w-5\/12 {
        width: 41.66667%;
    }
}

/* end add Classes from File Home.css  */