.filters{
    margin: 1em 0em 0.5em 0em;
    font-size: large;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
}
.sidebar-container{
    height: 100%;
    padding-left: 1.5em;
    padding-right: 1em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sidebar-footer-copyright{
    color: #8E9092;
}
.sidebar-footer-terms{
    padding: 10px 0px 10px 0px;
}
.side-panel {
    width: 296px;
    border-right: 1px solid lightgray;
    height: calc(100vh - 66px);
    display: flex;
    flex-direction: column;
    background-image: url(../images/bottom-flourish.svg);
    background-repeat: no-repeat;
    background-position: bottom;
}

/* SIDEBAR COLLAPSIBLE EXPANDABLE CSS */

.side-panel.collapsed{
    width: 3.5em !important;
    transition: all 0.2s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
}
.side-panel.collapsed .sidebar-container{ 
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}
.side-panel.collapsed .filters{
    display: none;
}
.side-panel.collapsed select{
    display: none;
}

.side-panel.collapsed .dropdown-container .only-desktop{
    display: none;
}
.side-panel.collapsed .dropdown-container .dropdown-select{
    display: none;
}
.side-panel.collapsed .dropdown-container .labelIcon{
    pointer-events: all;
    cursor: pointer;
    font-size: 1.375em !important;
}
.side-panel.collapsed .dropdown-container .tooltip{
    pointer-events: all;
}
.side-panel.collapsed .dropdown-container p{
    display: none;
}
.side-panel.collapsed .product-buttons{
    display: none;
}
.side-panel.collapsed Footer{
    display: none;
}
/* ---------------------------------------- */
.labelIcon{
    /* to disable click action on label icons when sidebr is in expanded state */
    pointer-events: none;
    font-size: 1em !important;
}

.mar-top{
    margin-top: 1.0em;
}
.tooltip{
    pointer-events: none;
    position: relative;
    display: flex;
    align-items: center;
}
.tooltip .tooltiptext {
    font-size: 0.85em;
    visibility: hidden;
    min-width: 120px;
    background-color: gray;
    color: #fff;
    text-align: left;
    border-radius: 5px;
    padding: 0.5em 0.5em;
    box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 2.25em;
  }
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.dropdown-container p{
    margin: 0em;
    margin-left: 0.5em;
    font-weight: 500;
}
.product-select{
    margin-bottom: .5em;
}
.product-select-option {
    overflow: hidden;
}
.product-buttons{
    margin-top: 0.5em;
    display: flex;
    justify-content: space-between;
}
.product-button{
    width: 7em;
}
/* FOOTER CSS */

.sidebar-footer{
    color: #343434;
  /* for smooth text transition in sidebar expand */
    white-space: nowrap;
}
.sidebar-footer-container {
    font-size: small;
    line-height: 14px;
}
.side-panel-scroll{
    overflow-y: scroll;
}

.icon-fav-container{
    cursor: pointer;
}