.hToggle .ToggleButton { border-radius: 30px !important; }

.hToggle .ToggleButton_label:after { border-radius: 10px !important; }

.hToggle .ToggleButton.changed { background-color: var(--primary2) !important; }

.rSearch { width: 30%;margin-left: 10px; }

.titleHFilter { font-size: 45px; }

.hiddenInPhone { display: block; }

.lContentActions {
    border-bottom: 1px solid #EDEDED;  
    background-color:#dedede;
    color: #777;
    padding: 1.2em 1em;
    transition: 0.3s all linear;
    display: block;
    line-height: 0%;
    cursor: pointer;
}

.lContentActions:hover { background-color: #EDEDED; }

@media (max-width:780px) {

    .titleHFilter { font-size: 30px; }

    .rSearch { 
        width: 100%; 
        margin-left:0px;
    }

    .hiddenInPhone { display: none; }
}

.divCountItems{
    /*usado para marcar a dig da contagem de produtos, nanupulados via JS*/
}

.iconInputH {
    position: absolute;
    top: 20%;
    right: 20px;
    max-width: 20px;
    z-index: 2;
}

.iconSearchInputH {
    width: 100% !important; 
    height: 100% !important;
}

.display-flex-left {
    display: -webkit-box;
    display: -ms-flexbox;
}

@media (max-width: 1919px){

    .toggle-button{
        height: 22px !important;
        width: 40px !important;
    }
    .toggle-button:after{
        height: 14px !important;
        width: 14px !important;
    }
}

.listtype-item-container {
    padding: 8px;
    display: flex;
    align-items: center;
    background-color:#dedede;
    color: #777;
}

.listtype-item-container:hover {
    background-color: #EDEDED;
}


/*CSS para o layout2 - START*/
/*Desktop (base inicial):*/
.ly2-filters-container {
    gap: 20px;
    padding-right: 20px;
}

.ly2-filters-container .btnExpansive .svg-inline--fa {
    color: black !important;
    width: 100% !important;
}
.ly2-filters-icon-container {
    font-size: var(--font-size-md) !important;
}

/*Media queries*/
/*Tablet (largura média, entre 768px e 1200px):*/
@media (max-width: 1200px) {

}

/*Mobile (largura pequena, abaixo de 768px):*/
@media (max-width: 768px) {
    .ly2-filters-container {
        gap: 20px;
    }
}
/*CSS para o layout2 - END*/