.block-flat .content .subtitle {
    font-size: 16px;
    font-weight: normal;
    padding: 0;
    margin: 20px 0;
}

#divBirthDate > .btn-primary:hover {
    color: #fff;
}

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

/* tailwind classes */
.bg-gray-200 {
    background-color: rgb(229, 231, 235);
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-sm {
    border-radius: 4px;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.h-2 {
    height: 0.5rem;
}

.transition-all {
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-colors {
    transition-property: color, background-color, border-color;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-300 {
    transition-duration: 300ms;
}

.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.text-text-color {
    --tw-text-opacity: 1;
    color: rgb(80 78 78 / var(--tw-text-opacity, 1));
}

.font-semibold {
    font-weight: 600;
}

.sticky {
    position: sticky;
}

.top-8 {
    top: 2rem;
}

.text-base {
    font-size: 16px;
    line-height: 24px;
}

.form-label-ytl {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

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

.text-xm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 20px;
    line-height: 28px;
}

.text-text-color\/70 {
    color: rgba(73, 80, 87, 0.7);
}

.justify-between {
    justify-content: space-between;
}

.justify-end {
    justify-content: flex-end;
}

.pb-0 {
    padding-bottom: 0px;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-1 {
    margin-bottom: 4px;
}

.mb-3 {
    margin-bottom: 16px !important;
}

.block {
    display: block;
}

.p-8 {
    padding: 2rem;
}

.p-2 {
    padding: 0.5rem;
}

.gap-12 {
    gap: 3rem;
}

.gap-2 {
    gap: 12px;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid {
    display: grid;
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.text-text-color {
    --tw-text-opacity: 1;
    color: rgb(80 78 78 / var(--tw-text-opacity, 1));
}

.font-bold {
    font-weight: 700;
}

.text-4xl {
    font-size: 36px;
    line-height: 40px;
}

.font-normal {
    font-weight: 400;
}

.mb-4 {
    margin-bottom: 24px;
}

.mb-5 {
    margin-bottom: 48px;
}

.ytlweb_content {
    display: flex;
    justify-content: center;
    padding-top: 45px;
}

    .ytlweb_content #divMainContent {
        padding: 0;
        margin: 0;
        display: flex;
    }

#divMainContent {
    align-items: start;
    height: 100%;
}

.select2-results .select2-highlighted {
    background-color: #0198d5e6;
}

    .select2-results .select2-highlighted .select2-result-label {
        color: #FFFFFF;
    }

.m-0 {
    margin: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem;
}

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

.mr-1 {
    margin-right: 4px;
}

.mr-2 {
    margin-right: 8px;
}

.mr-3 {
    margin-right: 12px;
}

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

.float-none {
    float: none !important;
}

.d-none {
    display: none !important;
}

.color-white {
    color: #ffffff !important;
}

.color-step12-text {
    color: #495057 !important;
    margin-right: 4px !important;
}

.carousel-inner .col-xs-12:nth-of-type(2) a:nth-of-type(2) p:nth-of-type(2) {
    height: 50px;
    overflow: hidden;
}

.fa-upload::before, .fa-trash::before, .fa-download::before {
    font-family: 'Font Awesome 5 Free' !important;
}

#gvCertificate .fa.fa-upload.color-primary, #gvCertificate .fa.fa-trash.color-danger, #gvCertificate .fa.fa-download {
    font-family: 'Titillium Web', san-serif;
}

#gvFamily tbody tr:first-of-type td {
    height: 212px;
    vertical-align: middle;
}

#gvCertificate tbody tr:first-of-type td {
    height: 202px;
    vertical-align: middle;
}
/* rcpApplicant v2 */
#gvCertificate .btn-xs, #gvFamily .btn-xs {
    padding: 6px 11px;
}

#gvCertificate tbody tr:last-of-type td, #gvFamily tbody tr:last-of-type td {
    text-align: left !important;
}

#gvCertificate label.form-control-static, #gvFamily label {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #495057;
}

    #gvCertificate label.form-control-static .text-danger {
        color: #dc3545;
        font-weight: 600;
        margin-left: 4px;
    }

    #gvCertificate strong, #gvFamily label strong {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
    }

#gvCertificate tbody tr td, #gvCertificate.table-bordered {
    padding: 0;
    border: 0;
}

#gvCertificate tr:nth-child(2n) {
    background: unset;
}

#gvCertificate tbody tr:last-of-type td button, #gvFamily tbody tr:last-of-type td button, #btnPUpload, #btnIUpload, #btnAUpload, #btnSUpload, #btnLOAUpload {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #dee2e6 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    color: #495057 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
    display: inline-block;
    padding: 8px 24px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    transform: translateY(0px);
}

    #gvCertificate tbody tr:last-of-type td button:hover, #gvFamily tbody tr:last-of-type td button:hover, #btnPUpload:hover, #btnIUpload:hover, #btnAUpload:hover, #btnSUpload:hover, #btnLOAUpload:hover,
    #gvCertificate tbody tr:last-of-type td button:active, #gvFamily tbody tr:last-of-type td button:active, #btnPUpload:active, #btnIUpload:active, #btnAUpload:active, #btnSUpload:active, #btnLOAUpload:active,
    #gvCertificate tbody tr:last-of-type td button.active, #gvFamily tbody tr:last-of-type td button.active, #btnPUpload.active, #btnIUpload.active, #btnAUpload.active, #btnSUpload.active, #btnLOAUpload.active {
        background-color: #f8f9fa !important;
        background-image: none !important;
        border-color: #0198d5 !important;
        color: #0198d5 !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    #gvCertificate tbody tr:last-of-type td button:active, #gvFamily tbody tr:last-of-type td button:active, #btnPUpload:active, #btnIUpload:active, #btnAUpload:active, #btnSUpload:active, #btnLOAUpload:active {
        background-color: #e9ecef !important;
        border-color: #0178b0 !important;
        color: #0178b0 !important;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset !important;
    }

    #gvCertificate tbody tr:last-of-type td button:focus, #gvFamily tbody tr:last-of-type td button:focus, #btnPUpload:focus, #btnIUpload:focus, #btnAUpload:focus, #btnSUpload:focus, #btnLOAUpload:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(1, 152, 213, 0.25) !important;
        border-color: #0198d5 !important;
    }

    #gvCertificate tbody tr:last-of-type td button:disabled, #gvFamily tbody tr:last-of-type td button:disabled, #btnPUpload:disabled, #btnIUpload:disabled, #btnAUpload:disabled, #btnSUpload:disabled, #btnLOAUpload:disabled,
    #gvCertificate tbody tr:last-of-type td button.disabled, #gvFamily tbody tr:last-of-type td button.disabled, #btnPUpload.disabled, #btnIUpload.disabled, #btnAUpload.disabled, #btnSUpload.disabled, #btnLOAUpload.disabled {
        background-color: #ffffff !important;
        border-color: #dee2e6 !important;
        color: #6c757d !important;
        opacity: 0.65 !important;
        cursor: not-allowed !important;
    }

#s2id_txtDrivingLicense .select2-choices,
#s2id_txtModeOfTransport .select2-choices {
    border-radius: 6px;
    border-color: #e2e8f0;
    box-shadow: none;
}

{
    border-radius: 6px;
    border-color: #e2e8f0;
    box-shadow: none;
}

#divSD .table,
.ytl_table .table {
    width: 100%;
    margin-bottom: 24px;
    border: none;
    border-radius: 12px;
    border-collapse: separate;
    border-spacing: 0;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.6);
}

    #divSD .table thead tr,
    .ytl_table .table thead tr {
        background-color: #f8fafc;
    }

    #divSD .table thead th,
    .ytl_table .table thead th {
        padding: 16px 20px;
        font-size: 13px;
        font-weight: 600;
        color: #475569;
        letter-spacing: 0.01em;
    }

    #divSD .table tbody tr,
    .ytl_table .table tbody tr {
        transition: background-color 0.2s ease-in-out;
        background-color: #ffffff;
    }

        #divSD .table tbody tr:hover,
        .ytl_table .table tbody tr:hover,
        #divSD .table.table-hover > tbody > tr:hover,
        .ytl_table .table.table-hover > tbody > tr:hover,
        #divSD .table tbody tr:hover > td,
        .ytl_table .table tbody tr:hover > td,
        #divSD .table.table-hover > tbody > tr:hover > td,
        .ytl_table .table.table-hover > tbody > tr:hover > td {
            background-color: #ffffff;
        }

    #divSD .table thead th,
    .ytl_table .table thead th,
    #divSD .table tbody td,
    .ytl_table .table tbody td {
        border: none;
    }

    #divSD .table tbody td,
    .ytl_table .table tbody td {
        padding: 18px 20px;
        font-size: 14px;
        color: #334155;
        vertical-align: middle;
    }

    #divSD .table .fa,
    .ytl_table .table .fa {
        font-size: 16px;
        color: #0198d5;
    }

        #divSD .table .fa:hover,
        .ytl_table .table .fa:hover {
            color: #0178b0;
        }

.subtitle-error {
    color: red;
}

/* Primary Button Class - Reference: https://v0.app/chat/public-ytl-cement-rymnet-XZ9z2iB4Ymj */
/* Override base .btn class properties */
.btn.btn-primary,
.btn-primary,
.btn-primary:focus {
    background-color: #0198d5 !important;
    background-image: none !important;
    border-color: #0198d5 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}

    .btn.btn-primary:hover,
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-color: #0178b0 !important;
        background-image: none !important;
        border-color: #0178b0 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .btn.btn-primary:active,
    .btn-primary:active {
        background-color: #0178b0 !important;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset !important;
    }

    .btn.btn-primary:focus,
    .btn-primary:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(1, 152, 213, 0.25) !important;
    }

    .btn.btn-primary:disabled,
    .btn-primary:disabled,
    .btn.btn-primary.disabled,
    .btn-primary.disabled {
        background-color: #0198d5 !important;
        border-color: #0198d5 !important;
        opacity: 0.65 !important;
        cursor: not-allowed !important;
    }

/* Upload Link Button - Match Step12 Upload Button Style */
.btn.btn-link.upload,
.btn.btn-link.upload:focus {
    min-width: 118px;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #dee2e6 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
    display: inline-block;
    padding: 8px 24px;
    margin-bottom: 0;
    font-family: inherit !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    transform: translateY(0px);
}

    .btn.btn-link.upload:hover,
    .btn.btn-link.upload:active,
    .btn.btn-link.upload.active,
    .open .dropdown-toggle.btn.btn-link.upload {
        background-color: #f8f9fa !important;
        background-image: none !important;
        border-color: #0198d5 !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .btn.btn-link.upload:active {
        background-color: #e9ecef !important;
        border-color: #0178b0 !important;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset !important;
    }

    .btn.btn-link.upload:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(1, 152, 213, 0.25) !important;
        border-color: #0198d5 !important;
    }

    .btn.btn-link.upload:disabled,
    .btn.btn-link.upload.disabled {
        background-color: #ffffff !important;
        border-color: #dee2e6 !important;
        opacity: 0.65 !important;
        cursor: not-allowed !important;
    }

/* Upload Icon Color - Match Step12 Upload Button Text Color */
.fa.fa-upload.color-primary, #gvCertificate .fa.fa-download.color-primary, #gvCertificate .fa.fa-download {
    color: #495057 !important;
}

.btn.btn-link.upload:hover .fa.fa-upload.color-primary,
.btn.btn-link.upload.active .fa.fa-upload.color-primary {
    color: #0198d5 !important;
}

.btn.btn-link.upload:active .fa.fa-upload.color-primary {
    color: #0178b0 !important;
}

.btn.btn-link.upload:disabled .fa.fa-upload.color-primary,
.btn.btn-link.upload.disabled .fa.fa-upload.color-primary {
    color: #6c757d !important;
    opacity: 0.65 !important;
}

/* Secondary Button Class - Reference: https://v0.app/chat/public-ytl-cement-rymnet-XZ9z2iB4Ymj */
/* Override base .btn class properties */
.btn.btn-secondary,
.btn-secondary,
.btn-secondary:focus {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #dee2e6 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    color: #495057 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}

    .btn.btn-secondary:hover,
    .btn-secondary:hover,
    .btn-secondary:active,
    .btn-secondary.active,
    .open .dropdown-toggle.btn-secondary {
        background-color: #f8f9fa !important;
        background-image: none !important;
        border-color: #0198d5 !important;
        color: #0198d5 !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .btn.btn-secondary:active,
    .btn-secondary:active {
        background-color: #e9ecef !important;
        border-color: #0178b0 !important;
        color: #0178b0 !important;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset !important;
    }

    .btn.btn-secondary:focus,
    .btn-secondary:focus {
        outline: none !important;
        box-shadow: 0 0 0 0.2rem rgba(1, 152, 213, 0.25) !important;
        border-color: #0198d5 !important;
    }

    .btn.btn-secondary:disabled,
    .btn-secondary:disabled,
    .btn.btn-secondary.disabled,
    .btn-secondary.disabled {
        background-color: #ffffff !important;
        border-color: #dee2e6 !important;
        color: #6c757d !important;
        opacity: 0.65 !important;
        cursor: not-allowed !important;
    }

.nav-sidebar-container .nav-nested a {
    padding-left: 40px;
}

@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
}


@media (min-width: 1024px) {
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .ytlweb_content #divContent.col-lg-10 {
        width: 75%;
    }
}

/* Custom select styling - hide default arrow and add Font Awesome caret-down */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 40px !important;
}

    /* Add Font Awesome caret-down icon */
    select:not([multiple]) {
        background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23666' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/></svg>");
    }

    /* Style for form-control selects specifically */
    .form-control select,
    select.form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23666' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/></svg>");
        background-repeat: no-repeat;
        background-position: right 12px center;
        background-size: 12px;
        padding-right: 40px !important;
    }

    /* Remove default arrow for IE */
    select::-ms-expand {
        display: none;
    }

    /* Hover state for select */
    select:hover {
        background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23333' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/></svg>");
    }

    /* Focus state for select */
    select:focus {
        background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%230198d5' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/></svg>");
    }

/* Save button margin-left auto class */
.btn-save-ml-auto {
    margin-left: auto !important;
}

/* ===============================================
   ALERT POPUP STYLE - Minimalist Banner Style
   =============================================== */
.alert.alert-white {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
    padding: 14px 50px 14px 16px !important;
    position: fixed !important;
    top: 30px !important;
    z-index: 9999 !important;
    margin: 0 auto !important;
    max-width: 600px !important;
    width: 90% !important;
    display: block !important;
    gap: 6px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
}

    .alert.alert-white .icon {
        position: static !important;
        width: auto !important;
        height: auto !important;
        border: none !important;
        padding: 0 8px 0 0 !important;
        background: transparent !important;
        flex-shrink: 0 !important;
        display: inline;
    }

        .alert.alert-white .icon:after {
            display: none !important;
        }

        .alert.alert-white .icon i {
            position: static !important;
            margin: 0 !important;
            font-size: 18px !important;
        }

    .alert.alert-white.alert-warning {
        background-color: #fffbeb !important;
        border-color: #fde68a !important;
    }

        .alert.alert-white.alert-warning .icon i {
            color: #f59e0b !important;
        }

        .alert.alert-white.alert-warning strong,
        .alert.alert-white.alert-warning {
            color: #92400e !important;
        }

    .alert.alert-white.alert-danger,
    .alert.alert-white.alert-error {
        background-color: #fef2f2 !important;
        border-color: #fecaca !important;
    }

        .alert.alert-white.alert-danger .icon i,
        .alert.alert-white.alert-error .icon i {
            color: #ef4444 !important;
        }

        .alert.alert-white.alert-danger strong,
        .alert.alert-white.alert-danger,
        .alert.alert-white.alert-error strong,
        .alert.alert-white.alert-error {
            color: #991b1b !important;
        }

    .alert.alert-white.alert-success {
        background-color: #f0fdf4 !important;
        border-color: #bbf7d0 !important;
    }

        .alert.alert-white.alert-success .icon i {
            color: #10b981 !important;
        }

        .alert.alert-white.alert-success strong,
        .alert.alert-white.alert-success {
            color: #065f46 !important;
        }

    .alert.alert-white strong {
        font-weight: 600 !important;
        font-size: 14px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        display: inline !important;
    }

    /* Ensure text content flows as single sentence with no gaps */
    .alert.alert-white > *:not(.icon):not(.close) {
        white-space: normal !important;
        line-height: 1.5 !important;
    }

        .alert.alert-white > *:not(.icon):not(.close) strong {
            margin: 0 !important;
            padding: 0 !important;
        }

    .alert.alert-white .close {
        opacity: 0.6 !important;
        font-size: 18px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        color: inherit !important;
        text-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute !important;
        top: 12px !important;
        right: 16px !important;
        width: 20px !important;
        height: 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

        .alert.alert-white .close:hover {
            opacity: 1 !important;
        }

.required-asterisk {
    color: #dc3545;
}

.mt-0 {
    margin-top: 0 !important;
}

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

.job-detail-info-text {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 4px;
}

    .job-detail-info-text > i:not(:first-of-type) {
        margin-left: 5px;
    }

/* Hover states - support both hyphen and colon syntax */
.hover-bg-primary:hover,
.hover\:bg-primary:hover {
    background-color: #0198d5 !important;
}

#liLogout li a {
    font-size: 16px;
}

    #liLogout li a:focus {
        color: rgb(1, 152,213);
    }

.acknowledgement-checkbox-container {
    display: flex;
    gap: 12px;
}

@media screen and (min-width: 1440px) {
    .footer-box {
        padding: 0 16px !important;
    }
}

.acknowledgement-important-banner {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .acknowledgement-important-banner > i {
        height: 24px;
    }

.acknowledgement-footer-instruction {
    margin-left: 24px;
}

#step07 .fa.fa-minus.color-danger {
    font-family: "Titillium Web", sans-serif;
}

    #step07 .fa.fa-minus.color-danger::before {
        font-family: "Font Awesome 6 Free" !important;
    }

.grow {
    flex-grow: 1;
}

.ey-flex-item {
    flex: 1;
}

    .ey-flex-item:empty {
        flex: 0;
    }

.widget-title div.search input.txtboxSearch, #txtCurrentSalary, #txtExpectedSalary {
    border-left: 1px solid #cccccc;
}

.job-detail-info-text .fa.fa-clock, .friend-widget p .fa.fa-clock {
    display: none;
}