.filterDiv {
	display: none;
	
}

/* The "show" class is added to the filtered elements */
.show {
    display: block;
}

/* Add a light grey background on mouse-over */
.btn:hover {
    background-color: #ddd;
}

/* Add a dark background to the active button */
.btn.active {
    background-color: #666;
    color: white;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.item1 { grid-area: header; }
.item2 {
grid-area: menu;
width: 100%;
max-width: 250px;
}
.item3 {
grid-area: main;
width: 300px;
}
.item4 {
grid-area: right;
width: 200px;
}

.item2 img {
width: 90%;
}
.lotes-lotespublicados #modoCompacto .alert {
border: none;
color: #fff;
font-size: 0.4em;
text-align: center;
}

.lotes-lotespublicados .item4 .form-submit-btn-holder .btn {
border-radius: 3em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.575em;

}
.lotes-lotespublicados .item4 .form-submit-btn-holder{
	margin-top: 0rem !important;
}

.lotes-lotespublicados #modoCompacto .text-dark.bold h3 {
font-size: 2.3rem;
line-height: 25px;
text-align: center;
margin-bottom: 15px;
margin-top: 10px;
text-align: left;
float: left;
width: 70%;
}
.lotes-lotespublicados .switch .slider.round:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 6x;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.lotes-lotespublicados .switch {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}


#btn-moodo-compacto { 
text-align: center;
	margin-bottom: 10px;
}

#btn-moodo-compacto span { 
font-size: 0.863rem;
font-weight: 400;
line-height: 1.9;
}

.grid-container{
    display: grid;
    grid-template-areas:
    'menu header header header header header'
    'menu main main main main right';
    grid-gap: 0px;
	padding: 10px;
	background-color: rgba(254,254,254,1.00);
	border: thin solid rgba(211,211,211,1.00);
	-webkit-box-shadow: 0px 0px 10px rgba(173,173,173,1.00);
	box-shadow: 0px 0px 10px rgba(173,173,173,1.00);
	margin-bottom: 10px;
	margin-top: 10px;
}

#modoCompacto {
	width: 100%;
}

.grid-container > div {
text-align: center;
padding: 10px 0;
font-size: 30px;
}

@media (max-width: 750px) {
.item4 {
grid-area: right;
width: 190px;
display: block;
}
	.item1 {
grid-area: header;
width: 190px;
}
	.item2 {
grid-area: menu;
width: 150px;
max-width: 550px;
}
	.lotes-lotespublicados #modoCompacto .text-dark.bold h3 {
font-size: 1.8rem;
line-height: 25px;
text-align: center;
margin-bottom: 5px;
margin-top: 10px;
text-align: left;
float: none;
width: 100%;
text-align: center;
}
.pricing-card-title small {
font-size: 60%;
font-weight: 400;
}
	.lotes-lotespublicados #modoCompacto .text-dark.bold h3 {
font-size: 1.8rem;
line-height: 25px;
text-align: center;
margin-bottom: 0px;
margin-top: 10px;
text-align: left;
float: left;
width: 100%;
text-align: center;
}
	.lotes-lotespublicados #modoCompacto .alert {
border: none;
color: #fff;
font-size: 0.35em;
text-align: center;
line-height: 1.05em;
}
	.item3 {
grid-area: menu;
width: 150px;
display: block;
float: left;
margin-top: 100px;
vertical-align: top;
}
	.grid-container > div {
text-align: center;
padding: 0px 0;
font-size: 30px;
}
	}