@media (prefers-reduced-motion: reduce) {
    .report-badge {
        -webkit-transition: none;
        transition: none;
    }
}
a.report-badge:hover,
a.report-badge:focus {
    text-decoration: none;
}
.report-badge:empty {
    display: none;
}
.count_box {
    display: inline-block;
    padding: 20px;
    background-color: #3498db;
    color: white;
    border-radius: 8px;
    text-align: center;
    font-size: 22px;
    position: relative;
    width: 100%;
    height: 100%;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Styling for the number inside the box */
.number_box {
    font-weight: bold;
}

/* Styling for the subscript text */
.subscript_box {
    font-size: 12px; /* Smaller text */
    color: rgba(255, 255, 255, 0.9); /* Slightly transparent white */
}
@media (max-width: 1599px) {
    .subscript_box {
        display: block;
    }
}

.box-success {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#84d9d2),
        to(#07cdae)
    ) !important;
    background: linear-gradient(to right, #84d9d2, #07cdae) !important;
}

.box-info {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#90caf9),
        color-stop(99%, #047edf)
    ) !important;
    background: linear-gradient(to right, #90caf9, #047edf 99%) !important;
}

.box-warning {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f6e384),
        to(#ffd500)
    ) !important;
    background: linear-gradient(to right, #f6e384, #ffd500) !important;
}

.box-danger {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#ffbf96),
        to(#fe7096)
    ) !important;
    background: linear-gradient(to right, #ffbf96, #fe7096) !important;
}

.box-light {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f4f4f4),
        to(#e4e4e9)
    ) !important;
    background: linear-gradient(to bottom, #f4f4f4, #e4e4e9) !important;
}

.box-dark {
    background: linear-gradient(89deg, #5e7188, #3e4b5b) !important;
}

.col-highlight-overview {
    background-color: #ffebf08f !important
}
th.col-highlight-overview{
    background-color: #ffebf0db !important;
}
.col-highlight-ticket {
    background-color: #ffeed461 !important
}
th.col-highlight-ticket {
    background-color: #ffeed4a8 !important
}
.col-highlight-sla {
    background-color: #c9fbe233 !important;
}
th.col-highlight-sla {
    background-color: #c9fbe26e !important
}
.report-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.report-scrollbar::-webkit-scrollbar-track {
    background-color: #bbbbbb47;
    border-radius: 8px;
}
.report-scrollbar::-webkit-scrollbar-thumb {
    background-color: #bbbbbb47;
    border-radius: 8px;
}
.report-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #bbbbbb47;
}
.report-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #bbbbbb47 #bbbbbb47;
}
.report-scrollbar tr:first-child th {
    height: 45px;
    vertical-align: middle;
}
.report-scrollbar thead {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}
.report-table {
    width: auto;
    table-layout: fixed;
    min-width: 100%;
}
.report-table thead th {
    /*min-width: 120px;*/
    font-size: 13px;width: 74px;
}
/************Dashboard Light*************/
/*.col-highlight-overview label.badge.mx-2 {
    background: #bf9ba3 !important;
}

.col-highlight-ticket label.badge.mx-2 {
    background: #b5a086 !important;
}*/
/************Dashboard Light*************/
span.count_number {
    font-size: 16px;
}
span.count_text {
    font-size: 11px;
    color: #444;
}
.remove-scrollbar .card-body .graph-container > .row {
    margin-left: 0;
    margin-right: 0;
}
.graph-title span a,.graph-title span {
    color: rgb(0, 0, 0) !important;
}
table tr.table_row:hover {
    background-color: #e7f1ff;
    cursor: pointer;
}
.process_filters {
    font-size: 1.25rem;
    font-weight: 500;
    position: relative;
    animation: fadeIn 1s ease-out;
    color: #212529b5 !important;
}
span.badge-bg {
    background-color: #e7f1ff;
    font-weight: 400;
    color: #0c63e4ba !important;
    font-size: .8rem;
    padding: .2rem .5rem .2rem .5rem;
}
.count_box:hover {
    transform: translateY(-5px);
    box-shadow: 8px 8px 25px #c8c8c8, -8px -8px 25px #ffffff;
    cursor: pointer;
}

.draggable{
    cursor: move;
}
.draggable-container[data-drop-target="true"] {
    border: 2px dashed #007bff;
}
/*.full-block {
    width: 100%;
    height: calc(100vh - 80px);
    overflow-y: auto;
    transition: width 0.3s ease;
}*/
.dashboard_report_edit > .row {
    margin: 0;
}
.collapse-block{padding: 0px!important}
.dashboard_report_edit .heading-section .btn {
    padding: 0.1rem 0.3rem;
}
.dashboard-report-edit-row.collapse-block,
.dashboard-report-edit-row .default-block.collapse-block {
 font-size: 0;
 padding-left: 0;
 overflow: hidden !important;
}
.dashboard-report-edit-row .default-block.collapse-block form {
    display: none !important;
}
.dashboard-report-edit-row.report-collapse {
    left: -10px;
}
.full-block-dashboard-report-edit.full-width {
    width: calc(100% - 0.9rem);
}
.dashboard-report-edit-row{height: calc(100vh - 150px);}
.report-edit-row{height: calc(100vh - 159px);}
.ai_report_button, .ai_report_generate_configuration{ font-size:10px; }
 .created_at_date_dropdown ,.dropdown-toggle {
    width: auto;

}
.clear-btn-filters {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}
.clear-btn-filters i {
    font-size: 16px;
    color: #888;
}
.clear-btn-filters:hover i {
    color: #333;
}
.dashboard-dropdown-wrapper .dropdown-item:hover,.dashboard-dropdown-wrapper .active-option,.dashboard-dropdown-wrapper .dropdown-item.active{
background-color: #e7f1ff !important;
border: 1px solid #e7f1ff !important;
color: #0c63e4!important;
}

.created_at_date_dropdown a.dropdown-item.date-option {
font-size: 13px;
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
border-radius: 4px;
color: #0c63e4ba ;
padding: 3px 12px;
margin-bottom: 8px;
cursor: pointer;
}
.created_at_date_text,.custom-dropdown{font-size: 12px; border-color: #c7c7c7;}
.created_at_date_text:hover,#panelsStayOpen-collapseCreatedTime .btn.show,#panelsStayOpen-collapseCreatedTime .btn:first-child:active{border-color: #e7f1ff;}
.created_at_date_dropdown label.form-label, button#applyDate,button#cancelDate {
    font-size: 11px;
}

.vertical-tabs .nav-pills .nav-link {
flex: 1 1 auto;
border-right: 1px solid #eee;
border-radius: 0;
}
.vertical-tabs .nav-pills .nav-link:last-child {
border-right: 0;
}
.vertical-tabs  .nav-pills .nav-link.active, .vertical-tabs  .nav-pills .show>.nav-link ,.ai_report_button, .ai_report_generate_configuration{
background-color: #001e6021 !important;
 border-color: #eee !important;
color: #e0004d !important;
}
#report-config-tabs{z-index: 1}
#data_source_type_sql div.highlight_editor .row .col-md-3 {
    width: 50%;
}
.spinner-overlay {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    background: #e3e3e39e;
}
.dashboard-report-wrap {
    padding-right: 0;
    overflow: unset;
    max-width: calc(100% - 260px);
}
.dashboard-report-wrap.full-width {
    max-width: calc(100% + 1rem);
}
.dashboard-report-wrap .reports_container {
    height: 100%;
    overflow: auto;
}
.dashboard-report-row .filters-collpase-btn {
    z-index: 3;
}
.report-highlight{
    background-color: #e7f1ff;
    transition: background-color 0.3s ease;
}
#dashboard_view.select2-hidden-accessible + .select2-container {
    display: inline-block !important;
    width: auto !important;
    min-width: 150px;
    vertical-align: middle;

}
.applied_filters {
 align-items: flex-start;
}