.m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row-subtable > .m-datatable__subtable {
    padding: 0px;
    /*padding-bottom: 50px;*/
}

div.tokenfield {
    -ms-border-radius: 1.3rem;
    border-radius: 1.3rem;
    white-space: nowrap;
    /*overflow-x: scroll;
    scrollbar-color: #9c9c90 white ;
    scrollbar-width: thin;*/
    overflow: hidden;
}

.tokenfield.disabled {
    border-radius: 2px;
}

.tokenfield.focus {
    white-space: normal !important;
    overflow: initial !important;
}

.tokenfield .twitter-typeahead .tt-input {
    height: 20px !important;
}

.tokenfield .tt-menu {
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
    box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
    top: 150% !important;
}

.tokenfield .twitter-typeahead .tt-suggestion {
    padding: 5px 15px !important;
    font-size: 1rem;
}

    .tokenfield .twitter-typeahead .tt-suggestion:hover {
        color: #575962 !important;
        cursor: pointer;
        background: #f4f5f8 !important;
    }

/*
 *  STYLE 2
 */
/*div.tokenfield::-webkit-scrollbar {
        width: 3px;
        height:3px;
   
}
div.tokenfield::-webkit-scrollbar-track {
    background: rgba(234, 234, 234, 0.16);
}

div.tokenfield::-webkit-scrollbar-thumb {
    background: #9c9c90;
}*/
[id^=systemlog-datatable] > table.m-datatable__table > thead {
    display: none;
}

.page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

    .page-template .watermark {
        font-weight: bold;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaaaaa;
        opacity: 0.1;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }

.alert.m-alert--icon .m-alert__close {
    padding: 5px 5px 5px 5px;
}

.k-editor, .k-grid, .k-menu, .k-scheduler {
    font-family: Poppins;
}

.tokenfield {
    display: block !important;
}

div.tokenfield.form-control {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-wrap: wrap !important;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    div.tokenfield.form-control + .input-group-append {
        height: auto;
    }

    div.tokenfield.form-control .twitter-typeahead .tt-input {
        margin-bottom: 8px;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}



.select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--multiple .select2-selection__arrow:before {
    content: "";
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 19px;
    right: 5px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    padding-right: 2rem;
}

.form-control[readonly],
input.form-control[disabled],
.select2-container--default.select2-container--disabled .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: #c4c5d6 !important;
    background: #f4f5f8;
    color: black;
}

.arrows-quoteline {
    font-size: 1.3rem !important;
    color: #575962;
    cursor: move;
}

.clickable-quoteline {
    font-size: 1.3rem !important;
    color: #f8160f;
    cursor: pointer;
}

.ui-state-highlight {
    border: 3px dashed #f4f3fb;
    height: 45px;
    background: #f4f3fb;
}

    .ui-state-highlight td {
        width: 100%;
        background: #f4f3fb;
    }

label.m-checkbox.m-checkbox--single.m-checkbox--solid.m-checkbox--brand {
    padding-left: 0px !important;
}

.blockPage {
    z-index: 1600 !important;
}

.clockpicker .form-control[readonly] {
    /*input .form-control[disabled]*/
    background-color: #fff !important;
}

.m-arrow-control {
    width: 33px;
    height: 33px;
    border: 1px solid lightgrey;
    color: #828283;
    position: absolute;
    padding-top: 7px;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    cursor: pointer;
    background: rgba(234, 234, 234, 0.16);
    border-radius: 50px;
    margin-top: -5px;
    opacity: 1;
}

    .m-arrow-control:hover {
        opacity: 1;
        border-color: darkgrey;
        background: #ccc;
        color: black;
    }

.select2-selection__placeholder {
    display: inline-block;
}

.m-radio.m-radio--primary.m-radio--solid > input:checked ~ span {
    background: #4EC1E0;
}

.m-radio.m-radio--brand.m-radio--solid > input:checked ~ span {
    background: #4EC1E0;
}

ul > li.bold-node {
    font-weight: 500;
}

ul > li.light-node {
    font-weight: 100;
}

.vakata-context, .vakata-context ul {
    padding: 5px 10px;
}

.m-badge.m-badge--brand {
    background-color: #F2784B;
    color: #fff
}

.m-badge.m-badge-bordered--brand {
    border-color: #F2784B
}

.occurrence_time_group input[name='byhour'],
.occurrence_time_group input[name='byminute'],
.occurrence_time_group input[name='bysecond'] {
    text-align: left !important;
    padding-left: 15px;
    padding-right: 15px;
}

    .occurrence_time_group input[name='byhour']::placeholder,
    .occurrence_time_group input[name='byminute']::placeholder,
    .occurrence_time_group input[name='bysecond']::placeholder {
        text-align: left !important;
    }

div.hidden {
    display: none !important;
}

/*TODO: Fix temporarily for placeholder of select2 multiple choice on Chrome*/
.select2-selection__rendered li:last-child {
    max-width: 100% !important;
}

input.select2-search__field:not([placeholder=""]) {
    max-width: 100% !important;
    width: 100% !important;
}

.layout_new form .m-subheader__daterange {
    border-radius: .25rem;
}

.m-grid--root.m-page .m-subheader__daterange a i.la-angle-down {
    height: 26px;
    position: absolute;
    top: 12px;
    right: 5px;
    width: 20px;
    color: #000;
    /*font-size:0.8rem !important;*/
}

.m-subheader__daterange a i.la-close {
    color: #000;
    /*font-size:0.85rem !important;*/
}

.m-subheader__daterange .m-subheader__daterange-title.daterangepicker-placeholder {
    color: #a499a1;
}

.m-subheader__daterange .m-subheader__daterange-title {
    color: black;
}

span.m-subheader__daterange-title {
    font-weight: 400;
}

.m-content .m-nav__item--subitem .m-nav__subitem,
.m-content .m-dropdown .m-dropdown__wrapper,
.modal-content .m-nav__item--subitem .m-nav__subitem,
.modal-content .m-dropdown .m-dropdown__wrapper {
    width: auto;
    min-width: 180px;
}

.m-dropdown.m-dropdown--align-right.m-dropdown--align-push .m-dropdown__wrapper {
    margin-right: -14px;
}

.m-content .m-nav .m-nav__separator {
    margin: 10px 0;
    border-bottom: 1px solid #dddddd9c;
}

.m-content .m-nav .m-nav__item > .m-nav__link {
    padding: 7px 0 !important;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


.m-nav .m-nav__item {
    white-space: nowrap;
}

.btn.btn-outline-focus,
.btn-outline-focus {
    color: #4EC1E0;
    background-color: transparent;
    background-image: none;
    border-color: #4EC1E0;
}

    .btn-outline-focus:not(:disabled):not(.disabled):active, .btn-outline-focus:not(:disabled):not(.disabled).active, .show > .btn-outline-focus.dropdown-toggle,
    .btn-outline-focus:hover {
        color: #ffffff;
        background-color: #4EC1E0;
        border-color: #4EC1E0;
    }

.m-portlet.m-portlet--dark.m-portlet--head-sm .m-portlet__head {
    height: auto;
    min-height: 40px;
}

.m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #feecc4;
    border-color: #feecc4;
    color: black;
    padding: 10px;
}

    .m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head ul {
        padding-left: 0px;
    }

        .m-portlet.m-portlet--warning.m-portlet--head-solid-bg .m-portlet__head ul li {
            list-style: none;
        }

.m-portlet.m-portlet--dark .m-portlet__head {
    background-color: #2c2e3e47;
    border-color: #2c2e3e47;
}

.m-bootstrap-select button.bs-placeholder .filter-option .filter-option-inner {
    font-weight: 400;
    color: #a499a1;
}

.modal .m-portlet {
    margin-bottom: 0;
}

.modal-xs {
    max-width: 400;
}

.m-nav__item--subitem .m-nav__subitem .m-nav__subnav {
    padding: 15px;
}

.select2-container--open {
    z-index: 2000;
}

.btn.btn-primary.disabled,
.btn.btn-secondary.disabled {
    background: #ebedf2;
    border-color: #e7e7e7;
    color: gray !important;
}
/*.m-datatable__row-subtable thead tr th:first-child>span,
.m-datatable__row-subtable tbody tr td:first-child>span {
    margin-left: 3rem;
}*/
/*TODO:End*/
li.optional-node > a {
    font-style: italic !important;
}

div.auto-fit-width {
    min-width: 180px;
    width: max-content;
}

/*#widget-filter-zone {
    justify-content: flex-end;
    padding: 15px;
}*/

.m-badge--empty {
    background-color: #00c5dc;
    color: #fff;
}

#loadingMessage {
    z-index: 1000;
    background: #fff;
    top: 50%;
    left: 40%;
    position: absolute;
}

.m-widget25 .m-widget25--progress .m-widget25__progress {
    display: block;
    width: 100%;
    padding-right: 0px;
}

.m-badge--danger-pink {
    background-color: #e7659f;
    color: #fff;
}

/*Hide scroll bar on FireFox*/
ul.scroll-tab {
    scrollbar-width: none;
}

/* Review Care Program - Start */
#review-care-program .cp-container {
    background-color: white;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: white;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

    #review-care-program .cp-container .cp-img {
        height: 200px;
        border-radius: 0 0 0 30%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
    }

        #review-care-program .cp-container .cp-img .cp-abbreviation {
            height: 80px;
            width: 80px;
            text-align: center;
            align-self: center;
            border-radius: 100%;
            vertical-align: middle;
            line-height: 80px;
            font-size: 22pt;
            font-weight: 700;
        }

    #review-care-program .cp-container .cp-content {
        padding: 20px;
    }

    #review-care-program .cp-container .cp-title {
        text-align: center;
        font-size: 18pt;
        font-weight: bold;
        color: #00b6de;
    }

.select2-dialog {
    width: 280px;
    border-radius: 1rem !important;
}

.m--bg-reviewed {
    background-color: #1577a0 !important;
}

.m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell.m--bg-reviewed {
    background-color: #1577a0 !important;
}

tr.viewed + tr td.m--bg-reviewed {
    background-color: #3c84a2 !important;
}

.m--bg-trip-on-cpv-leave {
    background-color: #ffd39b !important;
}

.m--bg-trip-hide-in-list {
    background-color: #a68989 !important;
}

span.conflict-note{
    font-size:10px;
    font-weight: 500;
}
.m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell.m--bg-trip-on-cpv-leave {
    background-color: #ffd39b !important;
}

.m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell.m--bg-trip-hide-in-list {
    background-color: #a68989 !important;
}

.m-datatable > table > tbody > tr.m-datatable__row-detail > td > table > tr > td {
    background-color: white !important;
}

.m-datatable .m-datatable__row > .m-datatable__cell.m--bg-warning {
    background-color: #ffd39b !important;
}

.m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell.m--bg-warning {
    background-color: #ffd39b !important;
}
/* Review Care Program - End */

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-bullet.m-nav__link-bullet--line > span, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-bullet.m-nav__link-bullet--dot > span, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-bullet.m-nav__link-bullet--line > span, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-bullet.m-nav__link-bullet--dot > span {
    background-color: #00add8 !important;
}

.note-toolbar panel-heading {
    z-index: 1;
}

.small-gutters {
    margin-right: -5px;
    margin-left: -5px;
}

    .small-gutters > .col,
    .small-gutters > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.dropdown-wrapper-actions .m-nav-grid > .m-nav-grid__row > .m-nav-grid__item .m-nav-grid__text {
    white-space: normal;
    line-height: 1.2;
    height: 2rem;
}

#m_quick_sidebar_toggle > a > span > i.flaticon-info:before {
    text-shadow: 0 -1px 1px rgba(0,173,216,0.4);
}

.covid-text {
    margin-left: 5px;
    margin-top: 5px;
}

.covid-negative-text {
    color: #5867dd;
}

.covid-positive-text {
    color: #dc3545;
}

/*** Fullcalendar - Begin ***/
.fc-unthemed .fc-event .fc-content {
    padding-left: 0.55rem;
}

    .fc-unthemed .fc-event .fc-content:before {
        display: none;
    }

.fc-unthemed .fc-toolbar .fc-button {
    height: 2.5rem;
    padding: 0 1rem;
}

    .fc-unthemed .fc-toolbar .fc-button:focus,
    .fc-unthemed .fc-toolbar .fc-button:active,
    .fc-unthemed .fc-toolbar .fc-button.fc-state-active {
        background-color: #4EC1E0;
    }

        .fc-unthemed .fc-toolbar .fc-button.fc-state-active:hover {
            background-color: #25b6dd;
        }

.fc-unthemed .fc-toolbar h2 {
    text-transform: capitalize;
}

/* Fix background rendering position */
.fc-time-grid .fc-bgevent-container {
    top: -7px;
}
/*** Fullcalendar - End ***/
form .form-group .input-group .select2-container--default .select2-selection--multiple {
    border: none !important;
}

.modal-fullscreen {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    right: -17px;
}

    .modal-fullscreen .modal-content {
        height: 100%;
    }

@media (max-width: 1200px) {
    .modal-fullscreen {
        right: 0;
    }
}

/*** Wizard - Start ***/
.m-wizard.m-wizard--3 .m-wizard__form {
    border-left: none;
}

.m-wizard.m-wizard--3.m-wizard--accent .m-wizard__head .m-wizard__progress .progress .progress-bar,
.m-wizard.m-wizard--3.m-wizard--accent .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-info a.m-wizard__step-number > span,
.m-wizard.m-wizard--3.m-wizard--accent .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info a.m-wizard__step-number > span,
.m-wizard.m-wizard--1.m-wizard--accent .m-wizard__head .m-wizard__progress .progress .progress-bar,
.m-wizard.m-wizard--1.m-wizard--accent .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-info a.m-wizard__step-number > span,
.m-wizard.m-wizard--1.m-wizard--accent .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info a.m-wizard__step-number > span {
    background-color: #4ec1e0;
}

.m-wizard.m-wizard--3.m-wizard--accent .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-info a.m-wizard__step-number:hover > span,
.m-wizard.m-wizard--3.m-wizard--accent .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info a.m-wizard__step-number:hover > span,
.m-wizard.m-wizard--1.m-wizard--accent .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-info a.m-wizard__step-number:hover > span,
.m-wizard.m-wizard--1.m-wizard--accent .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info a.m-wizard__step-number:hover > span {
    background-color: #25b6dd;
}

.m-wizard.m-wizard--3 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number > span,
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number > span {
    width: 2.5rem;
    height: 2.5rem;
}

    .m-wizard.m-wizard--3 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number > span > span,
    .m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number > span > span {
        font-size: 1.2rem;
    }

.m-wizard.m-wizard--3 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-line > span,
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-line > span {
    width: 1.5rem;
}

.m-wizard.m-wizard--3 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-title,
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-title {
    color: #898b96;
    font-size: 1.2rem;
}

.m-wizard.m-wizard--3 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-desc,
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-desc {
    color: #6f727d;
    font-weight: 300;
    font-size: 13.5px;
}

/*.m-wizard.m-wizard--1 .m-wizard__progress {
    display: flex;
    align-items: center;
}

    .m-wizard.m-wizard--1 .m-wizard__progress .progress {
        flex-grow: 1;
    }*/
/*** Wizard - End ***/
.m-option .m-option__label .m-option__body {
    font-size: 0.9rem;
}

    .m-option .m-option__label .m-option__body .select2 {
        font-size: 1rem;
    }

.fc-view-container .m-checkbox,
.fc-view-container .m-checkbox *,
.fc-view-container .m-checkbox *:after {
    box-sizing: border-box;
}

.fc-view-container .m-checkbox {
    color: #fff;
}

    .fc-view-container .m-checkbox > span,
    .fc-view-container .m-checkbox > input:checked ~ span {
        background-color: #fff;
    }

.m-type.m-type--sm {
    width: 35px;
    height: 35px;
}

    .m-type.m-type--sm span {
        font-size: 14px;
    }

.text-area-content {
    white-space: pre-wrap;
}

.select2-container .select2-search--inline {
    display: contents !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    text-overflow: initial !important;
}

.truncate-4-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    width: inherit;
}

.truncate-2-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: inherit;
}

.audit-value .la-pencil {
    cursor: pointer;
}

.progress + .progress-arrow {
    font-size: 1.9rem;
    margin-left: -0.35rem !important;
    color: #e9ecef;
}

.overflow-auto{
    overflow: auto !important;
}

/*** Typeahead - Begin ***/
.input-group .input-group-append {
    height: auto;
}

.m-typeahead + .input-group-append {
    height: calc(2.95rem + 2px);
}
/*** Typeahead - End ***/

/*** Sticky - Begin ***/
.sticky-hidden {
    height: 0 !important;
}
/*** Sticky - End ***/


.bootbox-body {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}

.m_repeater_allergy_list_item .form-group, 
.m_repeater_referrer_list_item .form-group {
    margin-bottom:0.7rem;
}

/*** Datatable - Checkbox - Fix bottom blank selection - Start ***/
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-checkbox {
    overflow: hidden;
}
/*** Datatable - Checkbox - Fix bottom blank selection - End ***/

.image-input {
    background-size: contain;
    background-position: center;
}

    .image-input.image-input-empty {
        background-color: #F8FBFF;
    }

    .image-input .image-input-wrapper {
        background-size: contain;
        background-position: center;
    }

.image-input-wrapper {
    width: 100px;
    height: 100px;
}

/* Media Query for small screens */
@@media (max-width: 576px) {
    .image-input-wrapper {
        width: 150px;
        height: 150px;
    }
}

/* Margin for the container */
.mt-10 {
    margin-top: 10px;
}

/* Custom Image Input styling */
.custom-image-input {
    position: relative;
    display: inline-block;
    border-radius: 0.475rem;
    background-repeat: no-repeat;
    background-image: url("/content/project/img/home-blank.svg");
}

/* Image Preview Styling */
.custom-image-preview {
    height: 100px;
    width: 150px;
}

/* Edit Button Styling */
.custom-edit-btn {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: sticky;
    left: 100%;
}

/* File Input (Hidden) */
.custom-file-input {
    width: 0 !important;
    height: 0 !important;
}

/* Cancel Button Styling */
.custom-cancel-btn, .custom-remove-btn {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    left: 80%;
    bottom: 88%;
}

/* Remove Button Styling (Shared with Cancel Button) */
.custom-remove-btn {
    /* Same as Cancel Button */
}