body {
    background-color: #e0e0e0;
}

body,
html {
    height: 100%;
    margin: 0;
}

@media (min-width: 992px) {

    .content-container,
    .footer {
        margin-left: 280px;
    }
}

.footer {
    background-color: #164967a1 !important;
    padding: 5px !important;
    color: #fff;
}


.footer-full {
    margin-left: 0px !important;
}

.footer-loggedin {
    background-color: #8c8c8c !important;
    /*
    background-image: linear-gradient(to right, #006aae, #3a2358 , #b147f8);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	*/
}

.footer-loggedin #footer {
    margin-bottom: 10px !important;
}

.site-logo {
    font-size: 36px;
    color: #c277f3;
}

.site-logo-byline {
    font-size: 10px;
}

.site-username {
    font-size: 14px;
    color: #000;
}

nav {
    /*background-image: linear-gradient(to right, #000000 , #3a2358);
	background-color: #303030 !important; */
    /* background-color: #164967a1 !important; */
}

.nav-link {
    /* color:  #fff !important; */
}

.navbar-brand {
    font-family: "Oswald", sans-serif;
    font-size: 27px !important;
    margin-left: 1rem !important;
}

.navbar-brand img {
    height: 36px !important;
}

.navbar-byline {
    font-size: 10px;
    text-transform: none;
    display: block;
    margin-top: -10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 31px;
}

.btn-shadow {
    font-size: 16px !important;
}

.text-byline {
    margin-top: -20px;
    margin-left: 53px;
}

.login-panel {
    margin-bottom: -82px;
    margin-top: -60px;
    margin-left: -12px;
}

.paper-panel {
    background: #fff;
    padding: 20px;
    padding-top: 90px;
}


.login-ontop {
    z-index: 500;
    padding: 60px;
    border: 2px solid #457fd7;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.btn-shadow.btn-primary:hover,
.btn-shadow.btn-primary:focus,
.btn-shadow.btn-primary:active {
    background-color: transparent !important;
}

.btn-upgrade-pro {
    /*background-color: #fff; */
    /* background-color: #ffffff; */
    border-radius: 9px;
    padding: 6px;
    /* light
	box-shadow: rgb(147 49 151 / 38%) 0px 54px 55px, rgb(192 48 255 / 46%) 0px -12px 30px, rgb(165 0 255 / 48%) 0px 4px 6px, rgb(255 0 143 / 41%) 0px 12px 13px, rgb(131 156 255 / 51%) 0px -3px 5px; */
    /* strong 
	box-shadow: rgb(182 182 182 / 56%) 0px 54px 55px, rgb(192 48 255) 0px -12px 30px, rgb(165 0 255) 0px 4px 6px, rgb(255 0 143 / 85%) 0px 12px 13px, rgb(131 156 255) 0px -3px 5px; */

}

.user-profile {
    /*
  position: fixed;
  bottom: 70px;
  right: 15px;
  width: 190px;
  */
    margin-bottom: 30px;
}

.user-profile-welcome {
    color: #37125b !important;
}

/*  #bcbcbc */


.user-profile-user {
    color: #75588a !important;
    font-weight: bold;

}

@media (min-width: 768px) {
    /*
  .user-profile {
    left: 35px;
  }
  */
}


.btn-auth .btn {
    background-color: #512a77;
    /* #606060; f0bc74 */
    border-color: #606060;
    /* f0bc74 */
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

.btn-auth .btn:hover {
    background-color: #9940d8;
    /* #374151;  f0bc74 */
    border-color: #374151;
    /* f0bc74 */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}


.about-us-cards {
    padding-bottom: 40px;
}

.about-us-cards .row {
    margin-left: 0px !important;
}


/* fix this in sidebar */

#sidebar_module-one_container,
#sidebar_module-two_container {
    display: block;
}


.sidebar {
    /* background-image: linear-gradient(to right, #000000 , #3a2358);
	background-color: #303030 !important; */

    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.sidebar-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
}

.coming_soon {
    background-color: yellow;
    padding: 3px;
    font-size: 10px;
    border-radius: 5px;
    margin-left: 5px;
}



._dash-loading {
    display: none;
    text-align: center;
    text-transform: capitalize;
    font-size: 25px !important;
    font-family: sans-serif;
    background-image: linear-gradient(to right, #3a2358, #b147f8);
    color: #fff;
    font-weight: bold;
    margin-top: 40px;
    margin-top: auto auto;
    clear: both;
}

.dashboard-cards .card {
    box-shadow: rgba(0, 0, 0, 0.25) 6px 7px 7px;
    border: 1px solid #e0e0e099;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
}

.dashboard-cards .card-text {
    text-align: left;
}

.btn-filter {
    padding: 7px !important;
    font-size: 12px !important;
    background-color: #512a77;
    border-color: #606060 !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
    margin-right: 5px;
}

.btn-filter:hover {
    background-color: #9940d8;
    /* #374151;  f0bc74 */
    border-color: #374151;
    /* f0bc74 */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

.btn-help {
    padding: 0px !important;
    font-size: 12px !important;
    background-color: transparent;
    margin-bottom: 4px;
    margin-left: 5px;
}

.filter_checklist label {
    width: 200px;
}

.byIdChecklist label {
    width: 800px !important;
}

.filter_checklist input[type=checkbox] {
    padding-right: 5px;
    margin-right: 5px;
}

.filter_checklist #deals_checklist {
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4;
}

.graphDropShadow {
    filter: drop-shadow(5px 5px 6px rgba(0, 0, 0, 0.25));
}

.graphDropShadow>div:nth-child(2)>div[style*="visibility: visible"] {
    background-color: #ffffff !important;
    min-height: 400px;
}

.graphHeader {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    background-color: white;
    text-align: center;
}

..graphHeader.btn: hover {
    background-color: yellow !important;
}

.graphHeaderLeft {
    padding-left: 12px;
}


.graphHeaderRight {
    text-align: right;
    padding-right: 12px;
}



.graphHeaderactive button.active {
    background-color: #fff !important;
    border-radius: 0px !important;
    box-shadow: inherit !important;
    color: black !important;
}


.graphHeaderactive button {
    background-color: #364151 !important;
    border-radius: 0px !important;
    box-shadow: inherit !important;
    color: #fff !important;

}



.graphHeaderinactive .btn-link {
    /* color:  #fff; */
}

.graphHeaderLink {}

.graphHeaderinactive .btn-link:hover {
    color: #fff;
}

.graphHeaderLeft .graphHeader {
    padding: 10px;
}

.graphHeaderLeft .graphHeaderLink button {
    padding: 10px;
    width: 100%;
    height: 100%;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}

.dash-graph {
    /*margin-bottom: 20px; */
    /* box-shadow: rgba(0, 0, 0, 0.25) 6px 4px 14px 0px; */
}

.card_ghost {
    background-color: #e9e9e9 !important;
}

.card_ghost_text {
    min-height: 99px;
    display: block;
    background-image: linear-gradient(to right, #e9e9e9, #e0e0e0) !important;
    background-color: #dddddd;
}

.card_ghost_button {
    height: 39px;
    display: block;
    background-image: linear-gradient(to right, #e9e9e9, #e0e0e0) !important;
    background-color: #dddddd;
}


.graph-sort .link-arrow .icon {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.2s ease;
}


.sortTotal {
    border-radius: 0 !important;
    padding: 9px;
    margin-top: 1px;
}




#pages_module_1_reach_device_type_dropdown,
#pages_module_1_frequency_device_type_dropdown,
#pages_module_2_transactions_device_type_dropdown,
#pages_module_2_depth_device_type_dropdown,
#pages_module_4_frequencyfinder_device_type_dropdown {
    max-height: 36px;
    overflow: hidden;
}


#pages_module_1_reach_device_type_dropdown:hover,
#pages_module_1_frequency_device_type_dropdown:hover,
#pages_module_2_transactions_device_type_dropdown:hover,
#pages_module_2_depth_device_type_dropdown:hover,
#pages_module_4_frequencyfinder_device_type_dropdown:hover {
    max-height: 1000px;
    overflow: inherit;
}

.sidebarlink-icon .icon {
    width: 23px !important;
}


.graph_loading_container {
    background-color: #fff;
}

.graph_container {
    min-height: 400px;
    background-color: #fff;
}

#pages_module_1_reach_blacklist_toggle,
#pages_module_1_frequency_blacklist_toggle {
    width: 160px;
    text-align: left;
}

.scrollGraph {
    /*
    overflow-y: scroll;

    height: calc(100vh - 356px);
        */

}


.bgwhite {
    background-color: #fff;
    padding: 20px;
}

.bgwhiteno {
    margin: 0px;
}

.tour_container {
    width: 600px;
}

.reactour__helper {
    min-width: 300px !important;
    max-width: inherit !important;
}


.dealscroll {
    height: 558px;
    overflow: scroll;
}

.hidden {
    display: none !important;
}

.dealheader {
    padding-bottom: 0px;
}

.dealheader .form-label {
    font-weight: bold;
}

.deallist {
    padding-top: 0px;
}

.deallist .form-check-input {
    display: none !important;
    cursor: pointer !important;

}

.deallist .form-check-label {
    width: 100% !important;
    padding: 5px;
    margin: 0px;
    cursor: pointer !important;

}



.deallist .form-check {
    /* padding-left: 14px; */
    cursor: pointer !important;
    font-size: 14px;
    border: 1px solid #7d7d7d;
    filter: drop-shadow(5px 5px 6px rgba(0, 0, 0, 0.25));
}

.deallist .form-check:hover {
    background-color: #e2e2e2;
    cursor: pointer !important;
}


.graph_loading_container {
    width: 100%;
    height: 460px;
    margin-top: 60px;
    padding-top: 130px;
    background-color: #fff;
}

.btn-xsm {
    font-size: 10px !important;
    padding: 3px !important;
    border-radius: 6px !important;
    margin-left: 10px !important;
}

.hide {
    display: none !important;
}

.deal_selected_lock .form-check-label {
    cursor: pointer !important;
}



.deal_selected_lock .form-check-label:hover {
    background-color: inherit !important;
    cursor: pointer !important;
}


.graphContainerNested {
    background-color: #fff;
    /* width: 390px; */
    padding-left: -10px;
    /* padding-right: 10px; */
    /* border: 2px solid red; */
    margin-left: 12px;
    margin-right: -13px;
}

.deal_selected_lock {

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    position: relative;

    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 600px;
    position: relative;
    z-index: 500;
    background: repeating-linear-gradient(45deg, #e3e3e3, #e3e3e3 10px, #f5f5f5 10px, #f5f5f5 20px);
    border: 1px solid #e0e0e0;
}

.deal_selected_lock:empty {
    background-image: url(/assets/img/helpdrag.png);
    background-position: center;
    background-repeat: no-repeat;
}


.deal_selected_lock .form-check {
    background-image: url(/assets/img/pull.png);
    background-position: left;
    background-repeat: no-repeat;
}

.deal_available .form-check {
    background-image: url(/assets/img/pull.png);
    background-position: left;
    background-repeat: no-repeat;
}

.deal_scroll_speed_fix {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    background-color: #fff;
    display: block;
    position: relative;

}


.deal_checklist_size {
    height: 600px;
    overflow: scroll;
    overflow-x: hidden;
}

.deal_lock_size {
    height: 600px;
}

.graph_loading_container {
    max-height: 400px;
}


.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.gu-hide {
    display: none !important;
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}




.graphTitle {
    display: none;
}

.graphNotes {

    margin-bottom: 0px;
    margin-top: 20px;

}


#sort_freq_deals[data-dash-is-loading="true"] {
    opacity: 0.4;
    pointer-events: none;
}

.deallist *[data-dash-is-loading="true"] {
    opacity: 0.4;
    pointer-events: none;
}

.checklistbutton-icon {
    margin-top: -2px;
}

.checklistbutton-container {
    display: flex;
    flex-direction: row;
}

.deals_action_bar {
    margin-bottom: 12px;
    margin-left: 0px;
    background-color: #e0e0e0;
    padding: 10px;
    border-radius: 10px;
}


.dname {
    font-weight: bold;
    font-family: 'Oswald';
    font-size: 20px;
    margin-top: -7px;

}

.dinfo {
    margin-top: -7px;
    display: flex;
    flex-direction: row;
}

.dind {
    font-size: 16px;
}

.dcont {
    font-size: 16px;
    flex: auto;
}


.dlabel {
    margin-top: -7px;
    width: 100%;
    display: flex;
    flex-direction: row;
}


.dlcont {
    font-size: 10px;
    flex: auto;
}

.dlind {
    font-size: 10px;
    float: right;
}

.sortable-ghost {
    opacity: 0.5;
}


.maintfiles {
    font-size: 12px;
}

.display_type_unselected {
    background-color: #e8e8e8;
}

#pages_module_1_reach_dropdown_deals_by_id .Select--multi,
#pages_module_2_depth_dropdown_deals_by_id .Select--multi {

    max-height: 36px;
    overflow: hidden;
}

#pages_module_1_reach_dropdown_deals_by_id .Select--multi:hover,
#pages_module_2_depth_dropdown_deals_by_id .Select--multi:hover {

    width: 600px;
    max-height: 300px;
    overflow: visible;

}

#pages_module_1_reach_dropdown_deals_by_id .Select-control:hover,
#pages_module_2_depth_dropdown_deals_by_id .Select-control:hover {
    padding: 4px;
}

.form-switch {
    background-color: transparent !important;
}

.data_switch {
    position: absolute;
    margin-left: 400px;
    margin-top: 10px;
    width: 221px;
}

#data_type_switch,
#data_type_switch_depth,
#data_type_switch_reachfinder {
    display: block !important;
    background-color: transparent;
}


.is-disabled {
    color: #e0e0e0;
    background-color: #eeeeee;
}

.is-disabled .Select-value-label {
    color: #e0e0e0 !important;
}

.byIdChecklist {
    -webkit-column-count: 1 !important;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1 !important;
    /* Firefox */
    column-count: 1 !important;
}

.deals_filterlist {
    width: 300px;
    border: 0px;
    padding: 0px;
    padding-left: 5px;
    /* padding-top: 4px; */
    vertical-align: bottom;
}

.deals_action_search {
    display: inline-table;
    margin-left: 20px;
    border-top-left-radius: 10px;
    background: #efefef;
    border-bottom-left-radius: 10px;

}

.deal_filterlist_label {
    width: 34px !important;
    margin-bottom: 0px;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
}

.deal_modal .modal-body {
    min-height: 400px !important;
}


.hidebutton {
    display: none !important;
}

#deals_all_checklist,
#deals_none_checklist,
#deals_all_visible_checklist {
    width: 160px;
}

.nodeals_shim {
    margin-left: 180px;
}


.table_area {
    background-color: #fff;
    padding: 20px;
    width: 1000px;
    border-radius: 20px;
}


.account-button {
    font-size: 11px !important;
    /* max-width: 227px; */
}


.panel-background {
    background-color: #f8fcff;
}

.area-breadcrumb {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.area-date-filter {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.area-date-events {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.area-event-limbo {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.area-date-trends {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;

}

.area-details,
.area-details-social,
.area-detail-footer,
.area-detail-table {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;

}


.area-details-action {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.area-explore,
.area-explore-social,
.area-explore-footer,
.area-explore-table {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;

}

.area-explore-settings {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.area-org-settings {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.area-cache-settings {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.area-admindashboard-settings {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.area-admin-promoter-settings {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.area-dataexplorer-events {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    height: 100%;
}

.area-dataexplorer-chat {
    padding-top: 17px;
    background-color: #ffffff;
    padding-left: 10px;
    border-radius: 8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}



.area-breadcrumb-title {
    font-weight: bold;
    font-size: 23px;
}

.calendar-button {
    font-weight: bold;
    font-size: 16px;
}


.date {
    padding-left: 20px;
    font-size: 17px;
    font-weight: bold;
}


.search_events {
    margin-right: 10px;
    font-size: 17px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    width: 65%;
    margin-top: 6px;
    padding-left: 20px;
    height: 35px;

}


.smallheader {
    font-weight: bold;
}

.search_btn {
    margin-top: 8px;
    margin-left: 8px;
}


.card-range {
    font-family: monospace;
    font-size: 13px;
    margin-bottom: 0px;

}


.card-charts {
    font-family: monospace;
    font-size: 13px;
    margin-bottom: 0px;
    cursor: pointer;
}

.card-cause {
    font-family: monospace;
    font-size: 13px;
    margin-bottom: 0px;
    cursor: pointer;
}

.card-event-cause {
    font-family: monospace;
    font-size: 13px;
    margin-bottom: 0px;

}

.card-root-cause .badge {
    overflow-wrap: anywhere;
    text-wrap: wrap;
    text-align: left;
}

.card-body {
    padding: 7px !important;
}

.mbsc-calendar-controls {
    display: none !important;
}


.mbsc-timeline-header-column {}

.card-pills {
    text-align: right;
}

.card-pills .badge {
    margin-right: 4px;
}



.events-cont {}


.events-name {
    position: relative;
    padding-left: 40px;
    max-height: 40px;
    line-height: 20px;

}

.events-title {
    position: relative;
    padding-left: 42px;
    max-height: 40px;
    line-height: 20px;
}

.events-img {
    position: absolute;
    max-height: 40px;
    max-width: 40px;
    top: 28px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 20px;
}

.events-img-explore {
    position: absolute;
    max-height: 40px;
    max-width: 40px;
    top: 18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 20px;
}

.events-alldata-explore {
    font-weight: bold;
}


.events-title {
    font-size: 9px;
    line-height: 10px;
}


.profile_dropdown {}

.profile_icon {
    height: 40px;
    /* border: 2px solid red; */
    padding: 4px;
}


#eventcalendar {
    /*
	border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    */
}


.trend_days {
    border: 2px solid white;
    border-radius: 20px;
    font-weight: bold;
    width: 131px;
    text-align: center;
    background-color: #d0ffcf;
}

.trend_days_new {
    border: 2px solid white;
    border-radius: 20px;
    font-weight: bold;
    width: 131px;
    text-align: center;
    background-color: #fff7b1;
}

.trend_days_resolved {
    border: 2px solid white;
    border-radius: 20px;
    font-weight: bold;
    width: 131px;
    text-align: center;
    /* background-color: #eaeaea; */
    background: repeating-linear-gradient(-45deg, #fcfffc, #fcfffc 10px, #eaeaea 10px, #eaeaea 20px) !important;

}

.trend_hours {
    order: 2px solid white;
    border-radius: 20px;
    padding: 30px;
    font-size: 47px;
    font-weight: bold;
    width: 131px;
    text-align: center;
    background-color: #d6efff;
}

.trend_logs {
    order: 2px solid white;
    border-radius: 20px;
    padding: 30px;
    font-size: 47px;
    font-weight: bold;
    width: 131px;
    text-align: center;
    background-color: #fafafa;
}


.trend_title {
    position: relative;
    /* left: 20px; */
    font-weight: bold;
    color: #878787;
    text-align: left;
    /* font-family: "Oswald", sans-serif; */
    /* text-decoration: double; */
    font-variant: all-small-caps;
}


.event-popover {
    width: 400px !important;
    max-width: 400px !important;
    box-shadow: 11px 2px 49px 16px rgba(0, 0, 0, 0.1) !important;
}

.card-header {
    height: 12px;
}

.card-title {
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 4px;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 10px;
}

#card-link-title {
    color: #fff !important;
}

#dashboard-close-event span {
    color: #fff !important;
}

.dashboard-timezone a {
    margin-right: 10px;
}

.dashboard-timezone a.selected {
    font-weight: bold;
}

#custom-event-tooltip-popup {
    padding: 20px;
}

.trendbox {
    margin-top: 73px !important;
}


.card-image {
    margin-top: 1px;
    cursor: pointer;
    border: 1px solid black;
    border-radius: 2px;
}


.mbsc-timeline-header-date-text {
    font-weight: bold;
    color: black;
    font-size: 18px !important;
}


.mbsc-timeline-header-date-cont {
    padding-left: 8px;
    padding-top: 8px;
}

.badge_tag_resource_traffic {
    background-color: #9ec298;
}

.badge_tag_resource_partner {
    background-color: #2b7bba;
}

.badge_tag_resource_configuration {
    background-color: #572c92;
}

.badge_tag_resource_outage {
    background-color: #aa1016;
}

.badge_tag_new {
    background-color: #ff4080;
}

.badge_tag_user {
    background-color: #1f2837;
}

.badge_tag_resource_security {
    background-color: #7c45cd;
}

.badge_tag_resolved {
    background: repeating-linear-gradient(-45deg, #fcfffc, #fcfffc 10px, #eefbec 10px, #eefbec 20px) !important;
    color: #000 !important;
}

.badge_new_activity {
    background-color: #ffe200;
    color: #2c58a0 !important;
    position: absolute;
    z-index: 10000;
    right: -40px;
    top: -6px;
}

.badge_large_activity {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z'/%3E%3C/svg%3E");
    /* url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1472'%3E%3Cpath fill='%23000' d='M1579 779q0 51-37 90l-75 75q-38 38-91 38q-54 0-90-38L992 651v704q0 52-37.5 84.5T864 1472H736q-53 0-90.5-32.5T608 1355V651L314 944q-36 38-90 38t-90-38l-75-75q-38-38-38-90q0-53 38-91L710 37q35-37 90-37q54 0 91 37l651 651q37 39 37 91'/%3E%3C/svg%3E");
	   url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%233b71ca" d="M17.462 20H7.654V9l6.27-6.192l.441.442q.137.137.23.35q.093.213.093.392v.158L13.665 9h6.72q.627 0 1.12.494q.495.494.495 1.121v1.231q0 .137-.028.298q-.028.162-.084.298l-2.73 6.473q-.206.462-.693.773q-.486.312-1.003.312M6.654 9v11H3V9z"%2F%3E%3C%2Fsvg%3E'); */
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    color: #2c58a0 !important;
    position: absolute;
    z-index: 10000;
    right: -3px;
    border: 2px solid yellow;
    top: 0px;
    display: block;
    padding: 0px !important;
    width: 10px;
    height: 10px;


}


.copy_id_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.04 12.13c.14 0 .27.06.38.17l1.28 1.28c.22.21.22.56 0 .77l-1 1l-2.05-2.05l1-1c.11-.11.25-.17.39-.17m-1.97 1.75l2.05 2.05L15.06 22H13v-2.06zM11 19l-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h4.18C9.6 1.84 10.7 1 12 1s2.4.84 2.82 2H19c1.1 0 2 .9 2 2v4l-2 2V5h-2v2H7V5H5v14zm1-16c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    color: #2c58a0 !important;
    display: inline-flex;
    padding: 0px !important;
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
}

#card-id {
    cursor: pointer;
}



.md-hot-bg .mbsc-schedule-event-background {
    /* background: repeating-linear-gradient(-45deg, #fcfffc, #fcfffc 10px, #eefbec 10px, #eefbec 20px) !important; */
    /* background-color: red; */
}

.md-hot-bg {}


.md-new-bg .mbsc-schedule-event-background {
    /* background: repeating-linear-gradient(-45deg, #fcfffc, #fcfffc 10px, #eefbec 10px, #eefbec 20px) !important; */
    background-color: yellow !important;
}

.md-new-bg {}


.md-nonactive-bg .mbsc-schedule-event-background {
    border: 4px solid yellow !important;
    opacity: 0.6;
    filter: grayscale(100%);

}


.md-stripes-bg .mbsc-schedule-event-background {
    opacity: 0.5;
}

.md-largevents-bg .mbsc-schedule-event-background {}

.md-stripes-bg-gray .mbsc-schedule-event-background {
    opacity: 0.6;
    filter: grayscale(80%);
    /* background: repeating-linear-gradient(-45deg, #fcfffc, #fcfffc 10px, #eefbec 10px, #eefbec 20px) !important; */
}

.md-stripes-bg-outage .mbsc-schedule-event-background {
    background: repeating-linear-gradient(-45deg, #e7898c, #e7898c 10px, #aa1115 10px, #aa1115 20px) !important
}

.md-stripes-bg-other .mbsc-schedule-event-background {
    background: repeating-linear-gradient(-45deg, #e7898c, #e7898c 10px, #aa1115 10px, #aa1115 20px) !important
}



.notes-owner {
    font-size: 11px;
    background-color: #e0e0e0;
    float: left;
    padding: 5px;
    font-weight: bold;
    border-radius: 3px;
}

.notes-date {
    font-size: 11px;
    background-color: #fff;
    float: right;
    padding: 5px;
    border-radius: 3px;
}

.notes-note {
    font-size: 14px;
    display: block;
    margin-top: 29px;
    padding-left: 9px;
}

.notes-note p {
    font-size: inherit;
}

.notes-resolved {
    background-color: #fefff2;
    margin-left: 2px;
    margin-bottom: 2px;
}

.notes-container {
    border: 2px solid #f1f1f1;
    border-radius: 3px;
    padding: 4px;
    background-color: #fffef2;
    margin-top: 4px;
    margin-bottom: 8px;
}

.notes-resolved-inline-hilight {
    background-color: #def2ff;
    padding: 2px;
}

.notes-utilities {
    font-size: 13px;
    color: black;
    text-align: right;
}

.notes-utilities a {
    color: black;
}

.area-details-back {
    margin-bottom: 12px;
}


.details-filter .badge {
    font-size: 0.9em;
    margin-right: 5px;
    text-wrap: wrap;
    text-align: left;
}

.details-date,
.details-filter,
.details-tags,
.details-impact,
.details-category {
    margin-left: 4px;
}

.details-tags .badge {
    margin-left: 4px;
}

.details-title {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.details-edit-category-button,
.details-save-category-button,
.details-save-status-button {
    margin-left: 10px;
    margin-top: -6px;
}

.details-edit-button,
.details-add-tag-button {
    margin-left: 10px;
    margin-top: -6px;
}

.details-add-tag-button {
    margin-left: 10px;
}

.area-details-social {
    background-color: #e8e8e84d;
    border-radius: 10px;
    height: 100px;
    font-size: 21px;
    font-family: 'Raleway';
}

.area-details-action {
    border-radius: 10px;
    font-size: 21px;
    height: 71px;
}

.area-details-tracking {
    border-radius: 10px;
}

.area-additional-links {
    border-radius: 10px;
    margin-bottom: 22px;
}

.details-recent-comments {
    border-radius: 10px;
    margin-bottom: 65px;
}

.details-recent-comments-title {
    padding-top: 90px;
}

.details-social-title {
    padding-top: 30px;
}

.details-action-buttons-title {}



.xaxislayer-above>.x3tick text {
    opacity: 1 !important;
}



.details-back-button {
    float: left;
    min-width: 215px;
}


.details_timer {
    order: 2px solid white;
    border-radius: 20px;
    padding: 30px;
    font-size: 47px;
    font-weight: bold;
    /* width: 131px; */
    text-align: center;
    background-color: #e0e0e0;
}

.detail-action-button {
    float: left;
    margin-right: 20px;
}

.area-details-left-panel {
    border-left: 1px solid #e6e6e6;
}

.details-notes-area {
    margin-left: 6px;
    /* background-color: #e8e8e84d; */

}

.details-issue-track-jira {
    margin-top: 5px;
    margin-left: 13px;
    margin-bottom: 5px;
    padding-top: 10px;

    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.resolve-button {
    background-color: #ffc107;
    color: #000;
}

.details-save-comment {
    float: right;
    margin-top: 10px;
}


.details-new-comment {
    float: right;
    margin-top: 10px;
}

.details-new-interaction {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #ff7000 !important;
}

#dashboard-date-selected {
    margin-left: 4px;
    margin-top: 6px;
}


#dashboard-date-range-selected {
    margin-top: 7px;
}


.SingleDatePicker_picker {
    z-index: 200;
}

.details-category>div {
    display: inline-flex;
}

.details-status>div {
    display: inline-flex;
}

.status_select_area {
    width: 350px;
}

.details-tags>div {
    display: contents;
}


.details-timeline-selected,
.details-timeline-selected:hover,
.details-timeline-selected:focus {
    background-color: #332d2d;
    color: #fff;
}

.details_charts_selection {
    margin-bottom: 5px;
}


.details_timeline_selection {
    float: right;
}

#details-timeline-weeks-one {
    margin-right: 12px;
}

#details-timeline-weeks-one i {
    margin-right: 4px;
}

#details-charts-transactions {
    margin-right: 12px;
}

#chart_area_icon {
    margin-right: 7px;
}

.details-chart-selected,
.details-chart-selected:hover,
.details-chart-selected:focus {
    background-color: #332d2d;
    color: #fff;

}

.pulse_new {
    background-color: #fff;
    animation-name: backgroundpulse;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

@keyframes backgroundpulse {
    0% {
        background-color: #fff;
    }

    50% {
        background-color: #FFEB3B;
    }

    100 {
        background-color: #fff;
    }
}

.new_comment {
    background-color: #FFEB3B;
}



.capture_cursor {
    cursor: crosshair;
}

.modal-content {
    /* width: 800px !important; */
    overflow: hidden;
}

.modal-body .canvas-body {
    padding-bottom: 80px;
}

.modal-body .canvas-body canvas {
    /* max-width: 100%; */
    max-height: 600px;
    object-fit: contain;
    border: 0px solid black;
}

.modal-body .canvas-body img {
    width: 100% !important;
}



.notify-comments {
    width: 100%;
    height: 250px;
    resize: none;
    padding: 8px;
}



#snapshot_modal .modal-dialog {
    width: 60% !important;
    max-width: 60% !important;
}

#snapshot_modal .modal-content {
    width: 90% !important;
}

.modal-body .canvas-body div:first-of-type {}

.__markerjs2_ {
    top: 43px !important;
}

.__markerjs2_>div>div>div:nth-of-type(4) {
    display: none;
}

canvas {
    border: 1px solid;
}



#date-output .svg-container {
    height: 80px !important;
}

#date-output .main-svg {
    /* zoom: 1.05;  issues with mouse pointer */
    /* width: 100% !important; */
    width: 100% !important;

}


#traffic-output .svg-container {
    height: 30px !important;
}

#traffic-output .main-svg {
    /* zoom: 1.05;  issues with mouse pointer */
    /* width: 100% !important; */
    width: 100% !important;

}


#totals-output .svg-container {
    height: 30px !important;
}

#totals-output .main-svg {
    /* zoom: 1.05;  issues with mouse pointer */
    /* width: 100% !important; */
    width: 100% !important;

}

#requests-output .svg-container {
    height: 30px !important;
}

#requests-output .main-svg {
    /* zoom: 1.05;  issues with mouse pointer */
    /* width: 100% !important; */
    width: 100% !important;

}

#priceline-output .svg-container {
    height: 200px !important;
}

#priceline-output .main-svg {
    /* zoom: 1.05;  issues with mouse pointer */
    /* width: 100% !important; */
    width: 100% !important;

}

#graph-output .main-svg {
    /* zoom: 1.05;  issues with mouse pointer 
	width: 100% !important; */
}

.details-data {
    min-height: 500px;
}

.title_text {
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 20px;
}

.title_text-xl {
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 20px;
}


.mbsc-timeline-header-date {
    /* width: 20%;
	min-height: 102px !important; */
}

/* Reduce the width of the time columns */
.mbsc-timeline-column,
.mbsc-timeline-header-column,
.mbsc-timeline-day-month {
    /*width: 72px !important;*/
}

/* Reduce the width of the resource column */
.mbsc-timeline-resource-col {
    /* width: 60px; */
}


.ag-theme-material {
    --ag-value-change-value-highlight-background-color: #ffeb3b;
    --ag-selected-row-background-color: #e0e0e0;
}

.ag-theme-material .ag-cell-inline-editing {
    height: inherit;
}



#new_comments {
    border: 1px solid #cbcbcb;
    border-radius: 7px;
    padding: 9px;
    background-color: #f8f8f8;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.ce-toolbar {
    display: none !important;
}

.btn-hide {
    display: none !important;
}

.img-small-version {
    width: 130px;
}


#search_results {
    position: absolute;
    z-index: 10000;
    /* float: right; */
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    width: 520px;
    display: none;
}


.select-categories .btn-group,
.select-categories .btn-group:hover,
#filter_digest_selected.btn-group,
#filter_digest_selected.btn-group:hover {
    margin-top: 6px;
    box-shadow: none;
}


.details-heatmap-title {
    font-size: 12px;
}


.details-heatmap-date {
    font-size: 12px;
}


.btn-heatmap,
.btn-heatmapcard,
.btn-openevent {
    margin-bottom: 8px;
}

.btn-heatmap-okay {
    background-color: mediumseagreen !important;
}

.ag-cell-focus,
.ag-cell-no-focus {
    border: none !important;
}

.no-border.ag-cell:focus {
    border: none !important;
    outline: none;
}


#dashboard-date-calendar-control .DateInput_input,
#dataexplorer_date-calendar-control .DateInput_input {
    padding: 4px !important;
}

.dashboard-date-calendar-control,
.dataexplorer_date-calendar-control {
    margin-right: 6px;
}

.today_btn {}



.next_btn {
    margin-left: 15px;
}


.filter_switches {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 10px;
}


.ql-editor.ql-blank:focus::before {
    content: '';
}


.integration-cards .card-body {
    min-height: 235px;
}

.integration-cards .service-connect {
    position: absolute;
    bottom: 6px;
}


.screenshot {
    display: flex;
    margin: 5px;
}

.screenshot-icon {
    background: url('https://api.iconify.design/icon-park-solid/screenshot-one.svg') no-repeat center center / contain;
    margin-right: 5px;
    width: 22px;
}

#social_channel {
    margin-top: 12px;
}

.social_dropdown {
    width: 240px;
    float: right;
    padding: 4px;
    color: #7d7d7d;
}

.slack-question-button {
    margin-top: -5px;
}

.slack-post-title {
    padding-top: 3px;
}


.ql-mention-list-container {
    max-height: 300px !important;
}


.comment_buttons {
    display: block;
    height: 64px;
}


.btn-selectable {
    background-color: #fff !important;
    border-radius: 4px;
    border: 2px solid #e0e0e0;
    font-size: 0.5em;
    padding: 4px;
    max-width: 120px;
}

.btn-selectable:hover {
    background-color: #fff !important;
    border: 2px solid blue;
}

.btn-selectable img {
    width: 32px !important;
}

.btn-selectable span {
    display: block;
    padding-right: 0px !important;
}

.btn-selectable:has(> input[type=checkbox]:checked) {
    border: 2px solid green;
}


details {
    padding-left: 0px;
    padding-top: 8px;
    position: relative;
    outline: none;
}

details:focus,
details:active {
    outline: none;
}

details:last-child:before {
    height: 16px;
}

details:before {
    content: "";
    position: absolute;
    height: 100%;
    top: -8px;
}

details[open]>summary::before {
    width: 16px;
}

details[open]>summary i::before {
    content: "";
}

details summary {
    color: #3d4555;
    font-weight: bold;
    padding-left: 0px;
    outline: none;

    font-family: Oswald, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.tree {
    margin-left: 5px;
    padding-left: 0px !important;
}

.tree>li::marker {
    content: '';
    font-size: 1.2em;
}

.explorertree {
    margin-left: 5px;
    padding-left: 0px !important;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::before {
    content: "";
    position: absolute;
    width: 0px;
    top: 16px;
    left: 16px;
}

details summary:focus,
details summary:active {
    outline: none;
}

details summary:hover {
    color: #0c0987;
    cursor: pointer;
}

details summary:hover .selector {
    transition: background-color 0.3s;
    background-color: red;
}

details summary i {
    font-size: 18px;
    margin-left: -22px;
    margin-right: 20px;
    width: auto;
    background: blue;
    border-radius: 6px;
}

details summary .selector {
    position: absolute;
    top: 0;
    left: -200px;
    right: 0;
    bottom: 0;
    height: 30px;
    pointer-events: none;
    border-bottom: 1px solid green;
    z-index: -1;
}

details li.leaf {
    font-size: 12px;
    font-family: Oswald, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.btn-group.btn-block {
    display: flex;
}

.btn-group.btn-block>.btn {
    flex: 1;
}

#social_channel_missing {
    text-align: right;
    font-size: 13px;
    margin-right: 5px;
    margin-top: 9px;
}


#category_editor_area {
    display: inline;
}

#status_editor_area {
    display: inline;
}

#tag_editor_area {
    display: inline;
}

#details-save-tag-button,
#details-cancel-tag-button {
    float: right;
    margin-top: 4px;
    margin-left: 4px;
}

#details-cancel-title-button {
    margin-right: 4px;
}

.title_edit_area {
    margin: 5px;
    padding: 4px;
    width: 88%;
}


.selectize-input .item {
    background-color: #000 !important;
    color: #fff !important;
}

.selectize-input .badge .remove {
    border: 2px solid black !important;
    padding-left: 4px;
}

.selectize-input .badge .remove:hover {
    color: red !important;
}

.selectize-dropdown .active:not(.selected) {
    background: #3b71ca !important;
    color: #ffffff !important;
}


.badge_tag_user_incoming {
    background-color: #0044b3;
    color: #fff;
}


.btn-showhide-card {
    padding: 3px;
}

.btn-like,
.btn-like-selected,
.btn-like-unselected,
.btn-unlike,
.btn-unlike-unselected,
.btn-unlike-selected {
    height: 36px;
}

.btn-like {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%233b71ca" d="M17.462 20H7.654V9l6.27-6.192l.441.442q.137.137.23.35q.093.213.093.392v.158L13.665 9h6.72q.627 0 1.12.494q.495.494.495 1.121v1.231q0 .137-.028.298q-.028.162-.084.298l-2.73 6.473q-.206.462-.693.773q-.486.312-1.003.312M6.654 9v11H3V9z"%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
}

.btn-like-unselected {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23e0e0e0" d="M17.462 20H7.654V9l6.27-6.192l.441.442q.137.137.23.35q.093.213.093.392v.158L13.665 9h6.72q.627 0 1.12.494q.495.494.495 1.121v1.231q0 .137-.028.298q-.028.162-.084.298l-2.73 6.473q-.206.462-.693.773q-.486.312-1.003.312M6.654 9v11H3V9z"%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
}

.btn-like-selected {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="28" height="28" viewBox="0 0 24 24"%3E%3Cpath fill="%239bd47f" d="M17.462 20H7.654V9l6.27-6.192l.441.442q.137.137.23.35q.093.213.093.392v.158L13.665 9h6.72q.627 0 1.12.494q.495.494.495 1.121v1.231q0 .137-.028.298q-.028.162-.084.298l-2.73 6.473q-.206.462-.693.773q-.486.312-1.003.312M6.654 9v11H3V9z"%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
}

.btn-unlike {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%233b71ca" d="M6.538 4.808h9.808v11L10.076 22l-.441-.442q-.137-.137-.23-.35q-.093-.214-.093-.393v-.157l1.023-4.85h-6.72q-.627 0-1.12-.495Q2 14.82 2 14.193v-1.231q0-.137.028-.299q.028-.161.084-.298l2.73-6.473q.206-.461.693-.773q.486-.311 1.003-.311m10.808 11v-11H21v11z"%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
}

.btn-unlike-selected {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="28" height="28" viewBox="0 0 24 24"%3E%3Cpath fill="%23ff8888" d="M6.538 4.808h9.808v11L10.076 22l-.441-.442q-.137-.137-.23-.35q-.093-.214-.093-.393v-.157l1.023-4.85h-6.72q-.627 0-1.12-.495Q2 14.82 2 14.193v-1.231q0-.137.028-.299q.028-.161.084-.298l2.73-6.473q.206-.461.693-.773q.486-.311 1.003-.311m10.808 11v-11H21v11z"%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
}

.btn-unlike-unselected {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23e0e0e0" d="M6.538 4.808h9.808v11L10.076 22l-.441-.442q-.137-.137-.23-.35q-.093-.214-.093-.393v-.157l1.023-4.85h-6.72q-.627 0-1.12-.495Q2 14.82 2 14.193v-1.231q0-.137.028-.299q.028-.161.084-.298l2.73-6.473q.206-.461.693-.773q.486-.311 1.003-.311m10.808 11v-11H21v11z"%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
}


.link-magnite {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAAAAABXZoBIAAAAwklEQVR4AbWSgQbCYBSFr62xrdJF1MDYCwewx4nBMOgtIkVVBaXuWf/d9RsZ6bDj2z7zbxwqvuQ3yaSRew1/JJfV2oVZqSq5ldS8NFnWYSMmIKIHSTYo5g7xcATQG1oaSkzeUXNDT15QbDhcnlFjQ08eUTPD4XKPmhp68oCaGHpyh0oMPblFxYb9/4z9DwoUnlepNJUCmLRXkwTQl+FJKoqkAHqmnnuTa9FCqILcTOpiVelAilpnogPLmVw414H9adRveK9wGs4mWC8AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 27px;
    background-size: 20px 20px;

}

.category_select_area .selectize-dropdown .selected,
.category_select_area .selectize-dropdown .active {
    background-color: #fff;
    color: #000;
    font-weight: bold;
}


.category_select_area .selectize-dropdown .active:not(.selected) {
    background: #fff !important;
    color: #000 !important;
}

.category_select_area .selectize-input {
    width: 230px;
    display: inline-flex;
    /*padding-right: 100px;*/
}

.status_select_area .selectize-dropdown div {
    margin-left: 7px;
    padding: 2px;
}

.status_select_area .selectize-dropdown .selected,
.status_select_area .selectize-dropdown .active {
    background-color: #fff;
    color: #000;
    font-weight: bold;
}

.status_select_area .selectize-dropdown .active:not(.selected) {
    background: #fff !important;
    color: #000 !important;
}

#daily_digest_table {
    width: 960px;
}

#daily_digest_selection {}

#daily_digest_sendto {
    width: 300px;
    float: left;
    margin-right: 10px;
}

#like_capture_area {
    float: right;
    margin-right: 20px;
}

.audit_events_table .dash-table-container {
    font-size: 12px;
}

.audit_events_table .dash-table-container td {
    padding: 4px !important;
}


#audit-log-date-picker-range .DateInput_input {
    padding: 4px !important;
}

#audit-log-date-picker-range .DateRangePickerInput_arrow_svg {
    margin-right: 19px !important;
}

.section_notifications {
    margin-bottom: 20px;
}

.email_notification {
    margin-top: 30px;
    padding-left: 20px;

}


#timezone_options_select {
    width: 200px;
    float: right;
}

#timezone_options_select .Select-value-label {
    padding-right: 20px;
}

#calendar_loading_badge {
    position: absolute;
    z-index: 10000;
    border: 2px solid #93b4ea;
    width: 400px;
    border-radius: 9px;
    background-color: #d2eeff;
    text-align: center;
}

#calendar_loading {
    text-align: center;
}

.calendar_loading_text {
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 7px;
}

.hide {
    display: none;
}

#btn_load_events {}

.related-events .related-event {
    text-align: left;
    font-size: 15px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    padding: 4px;
    display: 100%;
    display: block;
    margin-bottom: 4px;
}


.daily_digest_config_options {
    max-width: 500px;
    margin-bottom: 20px;
}

.daily_digest_send_options {
    max-width: 500px;

}

.daily_digest_refresh_events {
    margin-top: 20px;
    margin-left: 20px;
}

#daily_digest_sendto .Select-clear-zone {
    display: none;
}


#allevents-output,
.eventexplorer-chart {
    height: 85px;
}


#filter-explorer-date-picker-range .DateInput_input {
    padding: 4px !important;
}

#filter-explorer-date-picker-range .DateRangePickerInput_arrow_svg {
    margin-right: 19px !important;
}

#explorecalendar .mbsc-timeline-resource-col,
.mbsc-timeline-sidebar-col {
    width: 40em !important;

}

#explore_calendar_area {
    margin-top: 20px;
}

.explore_color_1.vis-item.vis-background {
    background-color: rgb(116, 194, 255);
}

.explore_color_1 {
    background-color: rgb(116, 194, 255);
    border-color: blue;
}

.explore_color_1 .vis-item-content {
    background-color: rgb(116, 194, 255);
    border-color: blue;
    border-radius: 5px;
    padding: 4px;
}

.explore_color_1.vis-item.vis-point.vis-selected {
    background-color: rgb(116, 194, 255);
    border-color: blue;
}

.explore_color_2.vis-item.vis-background {
    background-color: rgb(217 203 236);
}

.explore_color_2 {
    background-color: rgb(217 203 236);
    border-color: purple;
}

.explore_color_2 .vis-item-content {
    background-color: rgb(217 203 236);
    border-color: purple;
    border-radius: 5px;
    padding: 4px;
}

.explore_color_2.vis-item.vis-point.vis-selected {
    background-color: rgb(217 203 236);
    border-color: purple;
}

.explore_text {
    font-size: 0.85em;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.explore_smalltext {
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#prefilled_range {
    width: 200px;
    display: inline;
}

#btn_clear_filters {
    float: right;
}

.vis-item.vis-box {
    cursor: pointer;
}

.vis-item-content .vis-title {
    font-weight: 500;
    font-size: 0.85em;
}

.filter_select_area .selectize-input .remove {
    padding-left: 8px;
}


#message_text_textarea {
    width: 100%;
    height: 97px;
}

#message_text_channel_selected {}

H4.label {
    font-size: 12px;
}

#message_text_container {
    width: 50%;
}

#buttonMessageSend {
    float: right;
}


.title_button_text {
    padding-left: 5px;
    padding-top: 5px;
}

#graph-promoter-details {
    min-height: 1200px;
}

.promoter-topbar {
    position: sticky;
}


.swanmore {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 7px;
}

#swanmorebutton {
    border: 1px solid #e9e9e9;
    background: white;
    padding: 10px;
    border-radius: 10px;
    padding-right: 50px;
    background-image: url('/assets/img/honk.png');
    background-repeat: no-repeat;
    background-position: right;
}

.chatbot-header {
    background-image: url('/assets/img/honk.png');
    background-repeat: no-repeat;
    background-position: right;
}




.swantbot-text-entry {
    border-radius: 10px;
    padding: 8px;
    background-color: #e2e6ea;
    color: #212529;
    margin-bottom: 11px;
    align-self: flex-start;
    /* Aligns to the left for other messages */
    margin-right: auto;
    /* Pushes to the left */
}

.swantbot-text-entry code {
    background-color: #e0e0e0;
    text: #000000;
    font-family: monospace;
}

.swantbot-text-entry h2 {
    font-size: 1.5em;
    color: #fff;
}

.swantbot-text-entry h3 {
    font-size: 1.4em;
    color: white;
}






.swantbot-text-user {
    background-color: #0d6efd;
    color: white;
    border: 2px solid #000000;
    border-radius: 10px;
    padding: 8px;
    align-self: flex-end;
    /* Aligns to the right for self messages */
    margin-left: auto;
    /* Pushes to the right */

}

.swantbot-text-question {
    background-color: #0d6efd;
    color: white;
    padding: 8px;
    border-radius: 10px;
    align-self: flex-end;
    /* Aligns to the right for self messages */
    margin-left: auto;
    /* Pushes to the right */


    margin-bottom: 11px;
    text-align: right;
}

.swantbot-text-plot {
    padding: 8px;
    color: white;
    margin-bottom: 11px;
    text-align: center;
}

.swantbot-text-plotsection {
    padding-left: 8px;
    color: white;
    margin-bottom: 11px;
    text-align: left;
}

.swantbot-text-plotsection h3 {
    font-size: 1.1em;
}

#swanbot_modal .modal-dialog,
#swanbot_modal .modal-content {
    /* 80% of window height */
    height: 80%;
}

#swanbot_modal .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 120px);
    overflow-y: scroll;
}

.swanbot_learnmoreid {
    border: 1px solid #7967ff;
    border-radius: 5px;
    background-color: #a8cfff;
    padding: 2px;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
    color: black;
}


.swanbot_learnmore {
    border: 1px solid #ffffff;
    border-radius: 5px;
    background-color: #fffce6;
    padding: 2px;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
    color: black;
}

.swanbot_learnmorequestion {
    border: 1px solid #656565;
    border-radius: 5px;
    background-color: #d6e8ff;
    padding: 7px;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
    color: black;
}

#swanbot_modal .modal-footer {
    justify-content: flext-start;
}

#swanbot_modal .modal-footer .modal-input {
    width: 100%;
}

#swanbot_modal .modal-footer .btn-input-close {
    float: right;
}

.swanbot_input {
    width: 500px;
    padding: 4px;
    border: 1px solid gray;
    font-family: 'Raleway';
    border-radius: 6px;
    padding-left: 10px;
}

.swanbot_input:disabled {
    background-color: #bcbcbc;
    color: linen;
    opacity: 1;
}



#swanbot_chat_container {
    display: flex;
    flex-direction: column;
}

.swanbot_chart_label {
    text-align: left;
    font-size: 16px;
}


.swanbot_chart_no_data {
    font-family: monospace;
    color: #000;
    font-size: 12px;
}


#graph-dataexplorer-details {
    padding-left: 36px;
    padding-top: 10px;
}

#graph-dataexplorer-details h5 {
    font-size: 17px;
}

#graph-dataexplorer-filters {
    padding-left: 36px;
    padding-top: 10px;
    margin-top: 14px;
}

#graph-dataexplorer-filters .badge {
    white-space: normal;
    /* word-wrap: break-word; */
    text-align: left;
}

#graph-dataexplorer-filters details summary {
    font-size: 20px;
}

#graph-dataexplorer-filters details li.leaf {
    font-size: 16px;
}


#graph-dataexplorer-totals {
    padding-left: 36px;
}


#graph-dataexplorer-totals-table table {}


#graph-dataexplorer-events {
    padding-left: 36px;
    padding-top: 10px;
    margin-top: 14px;
}


#dataexplorer-data-results {}


#dataexplorer-data-results h2 {
    font-size: 1.6em;
}

#dataexplorer-data-results h3 {
    font-size: 1.5em;
}


#dataexplorer_swanbot_go {
    margin-left: -1px;
    border: 1px solid black;
}

#dataexplorer_swanbot_stop {
    margin-left: -1px;
    border: 1px solid black;
}

#dataexplorer-data-input {}


.swanbot_loading {
    margin-bottom: 0px;
    margin-left: 6px;
    scroll-margin-bottom: 20px;
}

.swanbot_loading_spinner {
    float: left;
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='2.8' height='12' x='1' y='6' fill='%23000'%3E%3Canimate attributeName='y' begin='svgSpinnersBarsScaleMiddle0.begin+0.4s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='6;1;6'/%3E%3Canimate attributeName='height' begin='svgSpinnersBarsScaleMiddle0.begin+0.4s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='12;22;12'/%3E%3C/rect%3E%3Crect width='2.8' height='12' x='5.8' y='6' fill='%23000'%3E%3Canimate attributeName='y' begin='svgSpinnersBarsScaleMiddle0.begin+0.2s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='6;1;6'/%3E%3Canimate attributeName='height' begin='svgSpinnersBarsScaleMiddle0.begin+0.2s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='12;22;12'/%3E%3C/rect%3E%3Crect width='2.8' height='12' x='10.6' y='6' fill='%23000'%3E%3Canimate id='svgSpinnersBarsScaleMiddle0' attributeName='y' begin='0;svgSpinnersBarsScaleMiddle1.end-0.1s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='6;1;6'/%3E%3Canimate attributeName='height' begin='0;svgSpinnersBarsScaleMiddle1.end-0.1s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='12;22;12'/%3E%3C/rect%3E%3Crect width='2.8' height='12' x='15.4' y='6' fill='%23000'%3E%3Canimate attributeName='y' begin='svgSpinnersBarsScaleMiddle0.begin+0.2s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='6;1;6'/%3E%3Canimate attributeName='height' begin='svgSpinnersBarsScaleMiddle0.begin+0.2s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='12;22;12'/%3E%3C/rect%3E%3Crect width='2.8' height='12' x='20.2' y='6' fill='%23000'%3E%3Canimate id='svgSpinnersBarsScaleMiddle1' attributeName='y' begin='svgSpinnersBarsScaleMiddle0.begin+0.4s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='6;1;6'/%3E%3Canimate attributeName='height' begin='svgSpinnersBarsScaleMiddle0.begin+0.4s' calcMode='spline' dur='0.6s' keySplines='.14,.73,.34,1;.65,.26,.82,.45' values='12;22;12'/%3E%3C/rect%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

}

.swanbot_loading_graph {
    float: left;
    display: inline-flex;
    align-items: center;
    width: 44px;
    height: 24px;
    margin-top: 1px;
    color: #1f2937;
}

.swanbot_loading_graph_svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.swanbot_loading_graph_axis,
.swanbot_loading_graph_track,
.swanbot_loading_graph_line {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.swanbot_loading_graph_axis {
    stroke: rgba(31, 41, 55, 0.18);
    stroke-width: 1.25;
}

.swanbot_loading_graph_track {
    stroke: rgba(31, 41, 55, 0.16);
    stroke-width: 2.2;
}

.swanbot_loading_graph_line {
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: swanbotGraphDraw 1.45s ease-in-out infinite;
}

.swanbot_loading_graph_dot {
    fill: #2563eb;
    filter: drop-shadow(0 0 3px rgba(37, 99, 235, 0.35));
    animation: swanbotGraphDotPulse 1.45s ease-in-out infinite;
}


.swanbot_loading_status {
    padding-left: 10px;
    margin: 4px;
    margin-top: 0px;
    vertical-align: top;
    font-style: italic;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    position: relative;
    /* Allows it to slide in/out of the parent div */
    float: left;
}

@keyframes swanbotGraphDraw {
    0% {
        opacity: 0.2;
        stroke-dashoffset: 100;
    }

    18% {
        opacity: 1;
    }

    75% {
        opacity: 1;
        stroke-dashoffset: 0;
    }

    100% {
        opacity: 0.35;
        stroke-dashoffset: -8;
    }
}

@keyframes swanbotGraphDotPulse {
    0%,
    100% {
        opacity: 0.65;
        transform: scale(0.9);
        transform-origin: center;
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
        transform-origin: center;
    }
}




/* Keyframes for the wipe effect */
@keyframes wipeIn {
    from {
        transform: translateX(0);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes wipeOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* Class to trigger the wipe-in animation */
.wipe-in {
    animation: wipeIn 0.5s ease-out forwards;
}

/* Class to trigger the wipe-out animation */
.wipe-out {
    animation: wipeOut 0.5s ease-out forwards;
}





.left-column,
.right-column {
    height: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.left-column {}

.chat-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #dee2e6;
    /* Border for the chat box */
    border-radius: .25rem;
    overflow: hidden;
    /* Important for scrollable content */
    height: calc(100vh - 375px);
}

.chat-content {
    flex-grow: 1;
    /* Allows content to take available space */
    overflow-y: auto;
    /* Makes chat content scrollable */
    padding: 15px;
    padding-bottom: 25px;
    background-color: #ffffff;

}

.chat-input {
    flex-shrink: 0;
    /* Prevents input from shrinking */
    padding: 15px;
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa;
}

.chat-message {
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 15px;
    /*    max-width: 95%;*/
    word-wrap: break-word;
    border: 1px solid black;
    position: relative;
}

.chat-message.self {
    background-color: #0d6efd;
    color: white;
    align-self: flex-end;
    /* Aligns to the right for self messages */
    margin-left: auto;
    /* Pushes to the right */
}

.chat-message.other {
    background-color: #e2e6ea;
    color: #212529;
    align-self: flex-start;
    /* Aligns to the left for other messages */
    margin-right: auto;
    /* Pushes to the left */
}

.chat-message.error {
    background-color: #ffbbbb;
    color: #212529;
    align-self: flex-start;
    /* Aligns to the left for other messages */
    margin-right: auto;
    /* Pushes to the left */
}

.chat-message p {
    margin-bottom: 0px;
}

.chat-message-actions {
    position: absolute;
    bottom: -33px;
    right: -10px;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
    background-color: #e0e0e0;
    /*#bfeefc; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-size: 0.75rem;
    /* The new code to hide the element by default and add a transition */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 10;

}

.chat-message:hover .chat-message-actions {
    opacity: 1;
}

.dataexplorer_embeded_card {
    background-color: #fff;
    border: 1px solid black;
    padding: 9px;
    border-radius: 11px;
    margin: 11px;

}


#dataexplorer_date-selected {
    margin-left: 4px;
    margin-top: 4px;
    font-family: 'Roboto';
}


#eventAccordian .accordion-body {
    padding: 0px;
}


.badge-beta {
    background-color: #ffa500;
    border-radius: 10px;
    color: black;
    font-weight: normal;
    margin-left: 5px;
    font-size: 10px;
    display: inline;
    top: -3px;
}


#dataexplorer_toggle_subgroup {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 5px;
    margin-right: 10px;
}

#dataexplorer_toggle_subgroup.selected {
    background-color: #d9eeff;
}

#dataexplorer_toggle_subgroup span {
    color: #5d5d5d;
}

#download_dataexplorer_link {
    /*
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    */
}

#download_dataexplorer_link span {
    color: #5d5d5d;
}



#toggle_dataexplorer_graph_legend {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 10px;
    margin-top: 5px;
    margin-left: 12px;
    width: 160px;
}

#toggle_dataexplorer_graph_legend span {
    color: #5d5d5d;
}


#toggle_dataexplorer_graph_totals {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 10px;
    margin-top: 5px;
    margin-left: 12px;
    width: 160px;
}


.show_subgrouping_button {
    border: 1px solid black;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 0px;
    line-height: normal;
    margin-left: 3px;
    margin-bottom: 3px;
}

.show_subgrouping_button:hover {
    border: 1px solid black;
    background-color: #fff;
}

.gravity-ui--chart-line {
    display: inline-block;
    width: 18px;
    height: 18px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23gravityUiChartLine0)'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M15.326 1.27a.75.75 0 0 1-.096 1.056l-3.674 3.062a2.75 2.75 0 0 1-2.55.522l-2.869-.86a1.25 1.25 0 0 0-1.214.285l-3.16 2.962A.75.75 0 1 1 .737 7.203l3.16-2.963a2.75 2.75 0 0 1 2.671-.628l2.868.86c.402.121.837.032 1.16-.236l3.674-3.062a.75.75 0 0 1 1.056.096m.113 6.185a.75.75 0 0 1-.393.984l-4.398 1.885a2.75 2.75 0 0 1-2.313-.068L6.186 9.182a1.25 1.25 0 0 0-1.238.068l-3.29 2.13a.75.75 0 0 1-.815-1.26l3.29-2.129a2.75 2.75 0 0 1 2.724-.15l2.149 1.073a1.25 1.25 0 0 0 1.051.031l4.398-1.884a.75.75 0 0 1 .984.394M1.25 12.5a.75.75 0 0 0 0 1.5h13.5a.75.75 0 0 0 0-1.5z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='gravityUiChartLine0'%3E%3Cpath fill='%23000' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
    background-color: #000;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    margin-right: 6px;
}


.fluent-mdl2--area-chart {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath fill='%23000' d='m256 1792l1664 1v128l-1792-1V129h128zm1664-859v731H384V760l320-160l435 218l333-332zM704 744l-192 95v441h433l540-270l307 307V987l-320-321l-307 308zm-192 792h1280v-37l-333-333l-484 242H512z'/%3E%3C/svg%3E");
    background-color: #000;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}


.lsicon--find-filled {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M14 4H2V3h12zM9.456 6.005a2.451 2.451 0 1 0 0 4.902a2.451 2.451 0 0 0 0-4.902m-3.451 2.45a3.451 3.451 0 1 1 6.219 2.062l1.717 1.716l-.708.707l-1.716-1.716a3.451 3.451 0 0 1-5.512-2.768M5 8.5H2v-1h3zM6 13H2v-1h4z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

i.lsicon--find-filled {
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: #fff !important;
    border-radius: 0px !important;
    border: 0px solid !important;
}

i.lsicon--find-filled::before {
    content: "" !important;
}


.icon-park--download {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M6 24.0083V42H42V24'/%3E%3Cpath d='M33 23L24 32L15 23'/%3E%3Cpath d='M23.9917 6V32'/%3E%3C/g%3E%3C/svg%3E");
    margin-right: 6px;
}


.line-md--loading-loop {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='16' stroke-dashoffset='16' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3c4.97 0 9 4.03 9 9'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='16;0'/%3E%3CanimateTransform attributeName='transform' dur='1.5s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3C/svg%3E");
    margin-right: 6px;
}

.flowbite--toggle-header-column-outline {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 5v14m6-8h-6m6 4h-6m-9-3h1.99M4 19h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1m8-7a2 2 0 1 1-4 0a2 2 0 0 1 4 0'/%3E%3C/svg%3E");
    margin-right: 5px;

}


.ix--add-filter-filled {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M234.667 267.333L384 85.333H42.667l149.333 182v122h42.667zM426.666 320v64h64v42.667h-64v64H384v-64h-64V384h64v-64z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

i.ix--add-filter-filled {
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: #fff !important;
    border-radius: 0px !important;
    border: 0px solid !important;
}

i.ix--add-filter-filled::before {
    content: "" !important;
}



.ion--today-outline {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='416' height='384' x='48' y='80' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='32' rx='48'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M128 48v32m256-32v32'/%3E%3Crect width='96' height='96' x='112' y='224' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' rx='13'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M464 160H48'/%3E%3C/svg%3E");
    margin-right: 6px;
}


.tabler--clock-hour-8 {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9 0l-3 2m3-7v5'/%3E%3C/svg%3E");
    margin-right: 6px;

}


.formkit--group {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 8.5c-.08 0-.15-.02-.22-.05L1.28 5.2a.5.5 0 0 1 0-.9l6.5-3.25c.14-.07.31-.07.45 0l6.5 3.25a.5.5 0 0 1 0 .9l-6.5 3.25c-.07.04-.15.05-.22.05ZM2.62 4.75L8 7.44l5.38-2.69L8 2.06z'/%3E%3Cpath fill='%23000' d='M8 11.75c-.08 0-.15-.02-.22-.05l-6.5-3.25a.5.5 0 0 1 0-.9l3.25-1.62c.25-.12.55-.02.67.22c.12.25.02.55-.22.67L2.62 8L8 10.69L13.38 8l-2.36-1.18a.49.49 0 0 1-.22-.67c.12-.25.42-.35.67-.22l3.25 1.62a.5.5 0 0 1 0 .9l-6.5 3.25c-.07.04-.15.05-.22.05'/%3E%3Cpath fill='%23000' d='M8 15c-.08 0-.15-.02-.22-.05l-6.5-3.25a.5.5 0 0 1 0-.9l3.25-1.62c.25-.12.55-.02.67.22c.12.25.02.55-.22.67l-2.36 1.18L8 13.94l5.38-2.69l-2.36-1.18a.49.49 0 0 1-.22-.67c.12-.25.42-.35.67-.22l3.25 1.62a.5.5 0 0 1 0 .9l-6.5 3.25c-.07.04-.15.05-.22.05'/%3E%3C/svg%3E");
}

i.formkit--group {
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: #fff !important;
    border-radius: 0px !important;
    border: 0px solid !important;
}

i.formkit--group::before {
    content: "" !important;
}


.dataexplorer-charttype-toggle-icon {
    background: url('https://api.iconify.design/icon-park-solid/screenshot-one.svg') no-repeat center center / contain;
    margin-right: 5px;
    width: 22px;
}

.dataexplorer_date_range {
    font-size: 14px;
    margin-bottom: 9px;
    padding-left: 7px;
    margin-top: -9px;
}


#dataexplorer_chat_options {}

#swanbot_chat_options {}

#downloadMenuButton {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 10px;
    color: #5d5d5d;
}


#compareMenuButton {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 10px;
    margin-top: 5px;
    margin-left: 12px;
    color: #5d5d5d;
}



#dataexplorer_pick_moment {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 10px;
    color: #5d5d5d;
    width: 125px;
}

#dataexplorer_toggle_daily {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 10px;
    color: #5d5d5d;
    width: 122px;
}

.download_drowpdown_container {
    border: 1px solid black;
    text-align: right;
    border-radius: 0px;
}

#comparison_drowpdown_container {
    border: 1px solid black;
    text-align: right;
    border-radius: 0px;
}



.data-analysis-modality-hidden-tooltip .tooltip-inner {
    max-width: 650px;
    width: 600px;
    padding: 10px 15px;
    text-align: center;
    background-color: #006aff;
    color: #fff;
    font-weight: bold;
}

.data-analysis-modality-hidden-tooltip .tooltip-arrow {
    display: block;
}


.dataexplorer-data-context {
    padding-top: 8px;
}


.data-hidden-tooltip .tooltip-inner {
    max-width: 650px;
    width: 600px;
    padding: 10px 15px;
    text-align: center;
    background-color: #006aff;
    color: #fff;
    font-weight: bold;
}

.data-hidden-tooltip .tooltip-arrow {
    display: block;
}


.dataexplorer_loader_container {
    background-color: #ffffff;
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    max-height: 550px;
    /*    max-width: 800px;*/
}

#dataexplorer_loader_myGraph {
    width: 100%;
    height: 400px;
    display: none;
    /* Hidden by default, shown after data loads */
}

/* Skeleton Loader Styles (now just for the container of points) */
.dataexplorer_loader_skeleton-loader {
    width: 100%;
    height: 400px;
    background-color: #ffffff;
    /* White background */
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    /* Center content horizontally */
    align-items: center;
    /* Center content vertically */
    box-sizing: border-box;
}



.svg-spinners--pulse {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='0' fill='%23000'%3E%3Canimate attributeName='r' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' repeatCount='indefinite' values='0;11'/%3E%3Canimate attributeName='opacity' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' repeatCount='indefinite' values='1;0'/%3E%3C/circle%3E%3C/svg%3E");
}


.svg-spinners--pulse-2 {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='0' fill='%230000FF'%3E%3Canimate id='SVG0cdVlcnN' fill='freeze' attributeName='r' begin='0;SVGftllRbIv.begin+0.6s' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' values='0;11'/%3E%3Canimate fill='freeze' attributeName='opacity' begin='0;SVGftllRbIv.begin+0.6s' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' values='1;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='0' fill='%23000'%3E%3Canimate id='SVGftllRbIv' fill='freeze' attributeName='r' begin='SVG0cdVlcnN.begin+0.6s' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' values='0;11'/%3E%3Canimate fill='freeze' attributeName='opacity' begin='SVG0cdVlcnN.begin+0.6s' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' values='1;0'/%3E%3C/circle%3E%3C/svg%3E");
}

.svg-spinners--pulse-ring {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z' transform='matrix(0 0 0 0 12 12)'%3E%3CanimateTransform attributeName='transform' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' repeatCount='indefinite' type='translate' values='12 12;0 0'/%3E%3CanimateTransform additive='sum' attributeName='transform' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' repeatCount='indefinite' type='scale' values='0;1'/%3E%3Canimate attributeName='opacity' calcMode='spline' dur='1.2s' keySplines='.52,.6,.25,.99' repeatCount='indefinite' values='1;0'/%3E%3C/path%3E%3C/svg%3E");
}


/* --- Scatter Points Styles --- */
.dataexplorer_loader_scatter-points {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 0;
    padding: 0;
    pointer-events: none;
}

.dataexplorer_loader_scatter-point.fade-out-now {
    opacity: 0 !important;
}

.dataexplorer_loader_scatter-point {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    /* Make them circles */
    position: absolute;
    opacity: 0;
    /* Start invisible to fade in */
    animation-name: move-and-fade;
    animation-iteration-count: infinite;
    /* We now loop infinitely */
    animation-direction: normal;
    /* Ensures the dots only move in one direction */
    animation-timing-function: ease-in-out;
    /* Smooth the animation */
    /* Increased the transition duration for a longer fade-out */
    transition: opacity .9s ease-out;

}

/* --- New Keyframes for vertical movement and fade-out trail --- */
/* This animation now fades in, moves, and fades out in a single pass */
@keyframes move-and-fade {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    15% {
        opacity: 1;
        /* Fade in smoothly */
    }

    90% {
        transform: translateY(var(--y-distance));
        opacity: var(--fade-duration);
    }

    100% {
        transform: translateY(var(--y-distance));
        opacity: 0;
        /* Ensures the dot is gone before the loop restarts */
    }
}

/* --- New Keyframe for error bouncing dots --- */
@keyframes error-bounce {
    0% {
        transform: translateY(0);
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    50% {
        transform: translateY(var(--y-distance));
        opacity: 0.6; /* Starts fading out as it peaks */
    }
    85% {
        transform: translateY(0);
        opacity: var(--fade-duration); /* Ends up faded as it lands */
    }
    100% {
        transform: translateY(0);
        opacity: 0;
    }
}

/* --- Chart Axis and Tick Styles --- */
.dataexplorer_loader_chart-axis {
    stroke: #808080;
    stroke-width: 2;
    stroke-linecap: round;
}

.dataexplorer_loader_tick {
    stroke: #a0a0a0;
    stroke-width: 1;
    stroke-linecap: round;
}



.dataexplorer_loader_tick-label {
    fill: #a0a0a0;
    /* Gray for labels */
    font-size: 10px;
    text-anchor: middle;
    /* Center text for X-axis */
    dominant-baseline: hanging;
    /* Align text to the top for X-axis */
}


.noClick {
    pointer-events: none;
    opacity: 50%;
}



#dataexplorer-admin-chatbot {
    display: none;
}

.smallheader_placeholder {
    height: 30px;
}



#dataexplorer-date-picker-range .DateInput_input {
    padding: 2px 5px 1px 5px;
}

#daypicker15warn {
    margin: 4px;
    font-size: 13px;
    background-color: #ffc2c2;
    border-radius: 5px;
    padding: 5px;
}

.DayPickerKeyboardShortcuts_show {
    display: none;
}




.question-mark-cursor-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><text x="16" y="24" font-size="24" text-anchor="middle">?</text></svg>') 16 24, auto;
    z-index: 10;
    background: transparent;
}


.ri--search-eye-line {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zm-3.847-8.699a2 2 0 1 0 2.646 2.646a4 4 0 1 1-2.646-2.646'/%3E%3C/svg%3E");
    margin-right: 5px;
}

.ic--outline-cancel {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m3.59-13L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41z'/%3E%3C/svg%3E");
    margin-right: 5px;
}

.ic--outline-cancel {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m3.59-13L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41z'/%3E%3C/svg%3E");
  margin-right: 5px;
}


.blurred-background {
    /* Create the blurred layer */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Apply a background image or color that will be blurred */
    background-color: rgba(255, 255, 255, 0.5);
    /* Semi-transparent background for visibility */


    /* backdrop-filter: blur(5px); Adjust the pixel value for desired blur intensity */
    /* -webkit-backdrop-filter: blur(5px); For WebKit-based browsers (e.g., Safari) */

    background-size: cover;
    background-position: center;

    /* The magic happens here: apply the blur filter */
    /* filter: blur(10px);  Adjust the pixel value for more or less blur */

    /* This prevents the pseudo-element from getting click events */
    pointer-events: none;

    z-index: 1000;
}


.blurred-visible {
    z-index: 1001;
    position: relative;
}


.dataexplorer_learn_more {
    background-color: purple !important;
}


.dataexplorer_graph_tools,
.dataexplorer_graph_tools:hover {
    border: 0px solid black;
    box-shadow: none
}


.carbon--chart-multi-line {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m4.586 28l7.178-5.998l7.994 1.938a2.02 2.02 0 0 0 1.314-.12L28 20.58l-.848-1.812l-6.916 3.229l-7.994-1.938a2 2 0 0 0-1.74.384L4 25.882V20.49l7.764-6.488l7.994 1.938a2.02 2.02 0 0 0 1.314-.12L28 12.58l-.847-1.812l-6.918 3.229l-7.994-1.938a2 2 0 0 0-1.74.384L4 17.882V12.49l7.764-6.488l7.994 1.938a2.02 2.02 0 0 0 1.314-.12L28 4.585l-.846-1.812l-6.918 3.224l-7.994-1.938a2 2 0 0 0-1.74.384L4 9.882V2H2v26a2 2 0 0 0 2 2h26v-2Z'/%3E%3C/svg%3E");
    margin-right: 5px;
}


.fluent-mdl2--table-total-row {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath fill='%23000' d='M0 128h2048v1664H0zm1920 512V256h-512v384zm-640 128H768v384h512zM768 640h512V256H768zm-128 512V768H128v384zm768 0h512V768h-512zM640 256H128v384h512z'/%3E%3C/svg%3E");
    margin-right: 5px;
}


.copy_source_table_btn {
    border: 1px solid black;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 0px;
    line-height: normal;
    margin-left: 3px;
    margin-bottom: 3px;
}

.copy_source_table_btn:hover {
    border: 1px solid black;
    background-color: #fff;
}


.download_source_table_btn {
    border: 1px solid black;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 0px;
    line-height: normal;
    margin-left: 3px;
    margin-bottom: 3px;
}

.download_source_table_btn:hover {
    border: 1px solid black;
    background-color: #fff;
}


.download_source_table_btn span i.icon-park--download {
    margin-right: 0px;
}

.heroicons-outline--clipboard-copy {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 5H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1M8 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M8 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m0 0h2a2 2 0 0 1 2 2v3m2 4H10m0 0l3-3m-3 3l3 3'/%3E%3C/svg%3E");
}


.btn-copy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 5H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1M8 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M8 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m0 0h2a2 2 0 0 1 2 2v3m2 4H10m0 0l3-3m-3 3l3 3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    height: 36px;
    color: #386bc0;
}






.btn-maingraph-filter,
.btn-maingraph-filter:hover {
    border: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Adds space between the icon and the text */
    padding-left: 3px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 4px;
    color: #555555;
    cursor: pointer;
}



.btn-maingraph-filter-selected span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M352 176L217.6 336L160 272'/%3E%3Crect width='384' height='384' x='64' y='64' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='32' rx='48' ry='48'/%3E%3C/svg%3E");
    /*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 1.999c5.524 0 10.002 4.478 10.002 10.002c0 5.523-4.478 10.001-10.002 10.001S1.998 17.524 1.998 12.001C1.998 6.477 6.476 1.999 12 1.999m0 1.5a8.502 8.502 0 1 0 0 17.003A8.502 8.502 0 0 0 12 3.5M11.996 6a5.998 5.998 0 1 1 0 11.996a5.998 5.998 0 0 1 0-11.996'/%3E%3C/svg%3E");*/
}

.btn-maingraph-filter-unselected span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M416 448H96a32.09 32.09 0 0 1-32-32V96a32.09 32.09 0 0 1 32-32h320a32.09 32.09 0 0 1 32 32v320a32.09 32.09 0 0 1-32 32'/%3E%3C/svg%3E");
    /*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22.002c5.524 0 10.002-4.478 10.002-10.001c0-5.524-4.478-10.002-10.002-10.002S1.998 6.477 1.998 12.001c0 5.523 4.478 10.001 10.002 10.001m0-1.5A8.502 8.502 0 1 1 12 3.5a8.502 8.502 0 0 1 0 17.003'/%3E%3C/svg%3E");*/
}

.btn-maingraph-filter-unselected:active span,
.btn-maingraph-filter-selected:active span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='26' fill='%23000' stroke='%23000' stroke-miterlimit='10' stroke-width='10'/%3E%3Ccircle cx='346' cy='256' r='26' fill='%23000' stroke='%23000' stroke-miterlimit='10' stroke-width='10'/%3E%3Ccircle cx='166' cy='256' r='26' fill='%23000' stroke='%23000' stroke-miterlimit='10' stroke-width='10'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='42' d='M160 368L32 256l128-112m192 224l128-112l-128-112'/%3E%3C/svg%3E");
}

.btn-maingraph-filter span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}





.btn-maingraph-block {
    margin-bottom: 6px;
    flex-wrap: wrap;
}


.btn-maingraph-title {
    font-size: 14px;
    margin-bottom: 0px;
}

.btn-maingraph-container {
    margin-left: 10px;
}


/* Media query to make font smaller on small screens */
@media (max-width: 2220px) {
    #sourceSummaryTable {
        font-size: 0.65rem;
        /* Smaller font size for table content */
    }

    #sourceSummaryTable thead th {
        font-size: 0.55rem;
        /* Even smaller for headers */
    }

    #sourceSummaryTable tbody td {
        font-size: 0.65rem;
        /* Standard font size for data cells */
    }
}

.dynamic-links-container {
    margin-top: 200px;
}

/* Accordion expanded checkmark */
.accordion-button:not(.collapsed)::before {
    content: "☑";
    font-size: 1.1em;
    margin-right: 8px; /* Space between icon and text */
}