.btnMobileFilters
{
    border:1px solid #212529;
    padding: 5px 24px;
    border-radius: 8px;
}

.MobileButtonsContainer
{
    padding-top:16px;
}

.sidebar {
    background-color: #f7f7f7;
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    z-index: 101;
    left: -130%;
    transition: left 0.4s;
}


.sidebaractive {
    left: 0;
}
.sideBarMobile {
    padding-top:-20px;
}

.sidebarBodyContainer {
    margin-bottom: 210px;
    position: relative;
}

.sidebarBodyContainer .item
{
    background-color: #fff;
    padding: 10px;
    border-bottom: solid #f7f7f7 2px;
}

.sidebarBody {
    padding: 1em;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-flex: 1;
    flex: 1 1;
    overflow-y: auto;
    overflow-x: hidden;
 
}


.IconPlus {
    position: absolute;
    right: 30px;
    z-index: 2;
}

.IconMinus {
    opacity: 0;
    position: absolute;
    right: 30px;
}

.listStyleMobileSideBar li:first-child {
    margin-top: 5% !important;
}

.listStyleMobileSideBar {
    padding: 0 1%;
    list-style: none;
    margin: 0;
    max-height: 0px;
    overflow: hidden;
    transition: ease-out 0.2s;
}

.showMoreMobile {
    max-height: 2000px !important;
    padding-bottom: 2% !important;
    transition: ease-in 0.4s !important;
}


.flex-2
{
    flex-grow:2;
}

.activeicons {
    animation: showIcons 0.5s ease-out;
    z-index: 3;
    opacity:1;
}

.deactivateIcons {
    opacity:0 !important;
}