.table-truncated-text >td {
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-control.error {
    border-color: #fa3131;
}

.form-control:focus.error {
    border-color: #d90808;
}

.error + .select2-container:not(.select2-container--focus) {
    border: 1px solid #ea5455 !important;
    border-radius: 0.375rem;
}

.fake-responsive-table {
    overflow-y: auto;
}
.fake-responsive-table div {
    font-size: 1px;
    line-height: 1px;
}

.fancy-scroll::-webkit-scrollbar-track
{
    border-radius: 10px;
    height: 10px;
    background-color: #F5F5F5;
}

.fancy-scroll::-webkit-scrollbar
{
    border-radius: 10px;
    width: 12px;
    height: 10px;
    background-color: #F5F5F5;
}

.fancy-scroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    height: 10px;
    background-color: #939594;
}

.fas,
.fa-solid {
    font-size: 1.1rem;
}

.small-select2 {
    height: fit-content !important;
    /*min-height: calc(1.5em + 0.844rem + 2px) !important;*/
}

.small-select2 > .select2-selection__rendered {
    line-height: 1.7rem !important;
}

.small-select2 > span.select2-selection__arrow {
    height: calc(1.5em + 7.5px) !important;
}

.light-style .select2-container--default .select2-selection--multiple.small-select2 {
    min-height: auto !important;
}

.light-style .select2-selection--multiple.small-select2 .select2-selection__rendered {
    padding-bottom: 0 !important;
}

.input-group-sm > .input-group-prepend > *{
    line-height: 1 !important;
    height: 30px !important;
}

.input-group-sm > .input-group-append > *{
    line-height: 1 !important;
    height: 30px !important;
}

.bg-custom-color{
    background-color: #9DAAE2 !important;
}

.note-group-select-from-files {
    display: none;
}

.text-truncate {
    white-space: normal !important;
}

.table > :not(caption) > * > * {
    padding: 0.55rem 1rem !important;
}

@media (min-width: 1400px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{
        max-width: initial !important;
    }
}

.table th{
    font-size: 13px !important;
}

.dropify-wrapper .dropify-message p {
    font-size: 24px;
}

ul.pagination{
    flex-wrap: wrap;
}

@media (max-width: 576px) {
    .card .card-widget-separator-wrapper .card-widget-separator .card-widget-1.border-end, .card .card-widget-separator-wrapper .card-widget-separator .card-widget-2.border-end, .card .card-widget-separator-wrapper .card-widget-separator .card-widget-3.border-end {
        border-right: none !important;
        border-left: none !important;
        border-bottom: 1px solid #dbdade;
    }
}

@media (max-width: 576px) {
    .apexcharts-tooltip-y-group {
        white-space: break-spaces !important;
    }

    .apexcharts-tooltip.apexcharts-theme-light.apexcharts-active {
        max-width: 156px !important;
        height: 88px;
    }
}

.hidden {
    display: none !important;
}

.top-notification-alert{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffc107; /* Bootstrap's bg-warning color */
    color: #fff; /* White text */
    z-index: 9999; /* Ensures it stays on top */
}

