/* Accordion */
.accordion-item {
    border: none !important;
}

.accordion-button:not(.collapsed) {
    background: none !important;
    color: inherit !important;
    box-shadow: none !important;
}

.skeleton-item h1, .skeleton-item h2, .skeleton-item h3, .skeleton-item h4, .skeleton-item h5, .skeleton-item h6,.skeleton-item p, .skeleton-item li,.skeleton-item .btn,.skeleton-item label,.skeleton-item .form-control {
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    background-color: #eee;
    border-color: #eee;
}

.skeleton-item h1::placeholder, .skeleton-item h2::placeholder, .skeleton-item h3::placeholder, .skeleton-item h4::placeholder, .skeleton-item h5::placeholder, .skeleton-item h6::placeholder,.skeleton-item p::placeholder, .skeleton-item li::placeholder,.skeleton-item .btn::placeholder,.skeleton-item label::placeholder,.skeleton-item .form-control::placeholder {
  color: transparent;
}

@keyframes skeleton-animation {
    from {opacity: 0.3;}
    to {opacity: 1;}
}

.skeleton-item {
    pointer-events: none;
    animation: skeleton-animation 0.7s infinite alternate;
}

.skeleton-item img {
    filter: grayscale(100) contrast(0%) brightness(1.8);
}

.custom-checkbox-button .btn {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-checkbox-button .btn.active {
    background-color: #007bff;
    color: white;
}

.custom-checkbox-button label {
    width: 100%;
    cursor: pointer;
}

/* Checkboxes */
.filter-sidebar label{
    font-family:Poppins;
    padding:.25rem !important;
    cursor:pointer !important
}
.filter-sidebar .checkbox{
    line-height:1rem;
    display:block;
    position:relative;
    padding-left:1.5rem;
    margin-bottom:.5rem
}
.filter-sidebar .checkbox input{
    position:absolute !important;
    z-index:-1 !important;
    opacity:0 !important
}
.filter-sidebar [type=checkbox]{
    box-sizing:border-box !important;
    padding:0 !important
}
.filter-sidebar .indicator{
    position:absolute;
    top:2px;
    left:0;
    height:20px;
    width:20px;
    background:0 0;
    border:2px solid #5fa4b8;
    border-radius:6px
}
.filter-sidebar .checkbox input:checked~.indicator:after{
    display:block !important
}
.filter-sidebar .checkbox input:checked~.indicator{
    background:#fff !important;
    border-radius:6px !important;
    border:2px solid #3e91a9 !important
}
.filter-sidebar .indicator:after{
    left:5px;
    top:2px;
    width:6px;
    height:10px;
    border:solid #3e91a9;
    border-width:0 3px 3px 0;
    transform:rotate(45deg)
}
.filter-sidebar .indicator:after{
    content:'';
    position:absolute;
    display:none
}
.filter-sidebar .checkbox input:disabled~.indicator{
    background:#e6e6e6;
    opacity:.6;
    pointer-events:none;
    border-color:#e6e6e6
}

span.chip {
    padding: 0.25rem 0.5rem;
    background: #ffffff;
    display: inline-block;
    border-radius: 6px;
    margin: 0.25rem;
    color: #a6bec5!important;
    border: 1px solid #a6bec5;
}

span.closebtn {
    font-weight: 600;
    margin-left: 0.5rem;
    color: #e06548;
    cursor: pointer;
}

/* Style for the tooltip container */
.hourly-tooltip {display: inline-block;position: relative;}
/* Default styles for the tooltip content */
/*.hourly-tooltip-content {display: none; font-size:12px;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%); border: 1px solid #3e91a9;background-color: #fff;padding: 8px;border-radius: 5px;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);z-index: 1;opacity: 0;visibility: hidden;transition: opacity 0.3s, visibility 0.3s;}*/
.hourly-tooltip-content {min-width: 240px;}
@media (min-width: 576px) {.hourly-tooltip-content {min-width: 240px;}.hourly-tooltip-content {left: -81%;transform: translateX(-81%);}}
@media (min-width: 768px) {.hourly-tooltip-content {min-width: 380px;}}
@media (min-width: 992px) {.hourly-tooltip-content {min-width: 380px;}}
.hourly-tooltip-content {display: none; font-size:12px;position: absolute;bottom: 100%;left: -84%;transform: translateX(-84%); /* Centers the tooltip */border: 1px solid #3e91a9;background-color: #fff;padding: 8px;border-radius: 5px;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);z-index: 1;opacity: 0;visibility: hidden;transition: opacity 0.3s, visibility 0.3s;}
/* Arrow for the tooltip */
/*.hourly-tooltip-content::before {content: '';position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 11px solid #3e91a9;z-index: 0;}*/
.hourly-tooltip-content::before {content: '';position: absolute;bottom: -11px;left: 89%;transform: translateX(-50%);border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 11px solid #3e91a9;z-index: 0;}
/* Arrow for the tooltip content (fill) */
/*.hourly-tooltip-content::after {content: '';position: absolute;bottom: -10px; left: 50%;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;z-index: 1;}*/
.hourly-tooltip-content::after {content: '';position: absolute;bottom: -10px; left: 89%;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;z-index: 1;}
/* Show the tooltip content on hover or focus within the container */
.hourly-tooltip:hover .hourly-tooltip-content,.hourly-tooltip:focus-within .hourly-tooltip-content {display: block;opacity: 1;visibility: visible;}
/* Styling for the <i> icon, for demonstration purposes */
.hourly-tooltip i {cursor: pointer; }