form#formgrupos .product-list * {
font-family: "Space Grotesk", sans-serif;
}
form#formgrupos .product-grid * {
font-family: "Space Grotesk", sans-serif;
}
form#formgrupos .product-item-grid {
display:inline-block; box-sizing:border-box; list-style-image:none; list-style-position:outside;
list-style-type:none; text-size-adjust:100%; vertical-align:top; padding:3px; 
min-height:250px; width:255px;
margin:3px; position:relative; border: 1px solid #eee;	
}
form#formgrupos li.product-item-grid {
width: 32% !important;
margin: 0;
margin-bottom: 20px;
border-top: none;
border-right: none;
padding: 10px !important;
}
form#formgrupos .product-item-list {
display:inline-block; box-sizing:border-box; list-style-image:none; list-style-position:outside;
list-style-type:none; text-size-adjust:100%; vertical-align:top; padding:3px; 
min-height:none; 
margin:3px; position:relative; border: 1px solid #eee;	
}
form#formgrupos li.product-item-list {
width: 100% !important;
margin: 0;
border-top: none;
border-right: none;
}
form#formgrupos .product-item-characteristics-grid {
}
form#formgrupos .product-item-characteristics-list {
float: left;
width: 30%;
min-width:350px;
}
form#formgrupos .product-item-details-grid {
display:block;
}
form#formgrupos .product-item-details-list {
display:block;
float:left;
width:23%;
}
form#formgrupos .product-item-name {
display: flex;
min-height: 40px;
line-height: 1.3em;
font-size: 14px;
}
form#formgrupos .product-item-model {
font-size:20px;
font-weight:600;
}
form#formgrupos .product-image-photo-grid {
display: inline-block; margin: auto; width: auto;
margin-top:10px;
}
form#formgrupos .product-image-photo-list {
display: inline-block; margin: auto; width: auto;
margin-top:10px;
float:left;
}
form#formgrupos .product-image-motor {
display: inline-block; margin-top: 10px; float: right; height: 60px; width:90px;
min-width:90px;
}
form#formgrupos .product-image-gama {
display: inline-block; margin: 10px 10px 0px 0px; float: right; width: 60px; height: 60px;
}
form#formgrupos .product-image-stage-grid {
display: inline-block; float: left; width: 40px; height: 40px;
margin-top:5px;margin-right:5px;
}
form#formgrupos .product-image-stage-list {
display: inline-block; float: left; width: 40px; height: 40px;
margin-top:5px;margin-right:5px;
}
form#formgrupos .product-item-char30 {
width:27%; display: block; float:left; text-align:center; font-size:12px;
word-break: break-word; 
}
form#formgrupos .product-item-char30 label{
display: block; text-align:center; font-weight:600; background-color:#EEEEEE; color:#666666;font-size:10px;
border-radius: 5px; margin:2px; padding-top:2px; padding-bottom:2px;
}
form#formgrupos .product-item-char20 {
width:23%; display: block; float:left; text-align:center; font-size:12px;
word-break: break-word;
}
form#formgrupos .product-item-char20 label{
display: block; text-align:center; font-weight:600; background-color:#EEEEEE; color:#666666;font-size:10px;
border-radius: 5px; margin:2px;   padding-top:2px; padding-bottom:2px; 
}
form#formgrupos .product-item-char15 {
width:12%; display: block; float:left; text-align:center; font-size:12px;
word-break: break-word;
}
form#formgrupos .product-item-char15 label{
display: block; text-align:center; font-weight:600; background-color:#EEEEEE; color:#666666;font-size:10px;
border-radius: 5px; margin:1px;   padding-top:2px; padding-bottom:2px; 
}
form#formgrupos .product-item-char25 {
width:19%; display: block; float:left; text-align:center; font-size:12px;
word-break: break-word; 
}
form#formgrupos .product-item-char25 label{
display: block; text-align:center; font-weight:600; background-color:#EEEEEE; color:#666666;font-size:10px;
border-radius: 5px; margin:1px; padding-top:2px; padding-bottom:2px;
}
form#formgrupos .product-item-char35 {
display: block; width:30%; float:left;
text-align:center; font-size:12px;
}
form#formgrupos .product-item-char35 label{
display: block; text-align:center; font-weight:600; background-color:#EEEEEE; color:#666666;font-size:10px;
border-radius: 5px; margin:1px; padding-top:2px; padding-bottom:2px;
}
form#formgrupos .product-item-char50 {
display: block; width:50%; float:left;
text-align:center; font-size:12px;
}
form#formgrupos .product-item-char50 label{
display: block; text-align:center; font-weight:600; background-color:#EEEEEE; color:#666666;font-size:10px;
border-radius: 5px; margin:2px; padding-top:2px; padding-bottom:2px;
}
form#formgrupos .product-item-char100 {
display: block; width:100%; float:left;
text-align:center; font-size:12px;
}
form#formgrupos .product-item-char100 label{
display: block; text-align:center; font-weight:600; background-color:#EEEEEE; color:#666666;font-size:10px;
border-radius: 5px; margin:2px; padding-top:2px; padding-bottom:2px;
}
form#formgrupos .product-item-footer-grid {
display: block; width:100%; float:left;
text-align:center; font-size:12px;
position: relative;
}
form#formgrupos .product-item-footer-list {
display: block; width:auto;height:auto; 
float:right;
text-align:center; font-size:12px;
margin-top:15px;
position: relative;
}
form#formgrupos .product-indexgrupo {
float: right;
position: absolute;
bottom: 0%;
right: 0%;
font-size:10px;
color:#666666;
}
form#formgrupos .product-item-pow25 {
display: block; width:25%; float:left;
text-align:left; font-size:12px;
}
form#formgrupos .product-item-button {
text-decoration: none;
background-color: #3ca62c;
color: white !important;
padding: 5px 10px 5px 10px;
float:left;
width: auto;
border-radius: 3px;
font-size: 12px;
}
form#formgrupos a.product-item-button {
margin-top: 10px;
border-radius: 0;
-webkit-transition: all .2s ease-in !important;
-o-transition: all .2s ease-in!important;
transition: all .2s ease-in !important;
}
form#formgrupos a.product-item-button:hover {
background-color: #A0A0A0;
}
form#formgrupos .div-principal {
display:flex;max-width:100% !important;
}
form#formgrupos .grupos-ol {
display:block;text-size-adjust:100%;
padding-inline-start: 10px;
margin-left: 0px;
}
form#formgrupos ol.grupos-ol {
width: 100% !important;
display: flex;
flex-direction: revert;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
padding: 0;
}
form#formgrupos .cuenta {
display:block;
padding-inline-start: 2px;
text-align: right;
width: 100%;
margin-bottom: 20px;
}
form#formgrupos .buscar {
margin-top: 15px;
border: 0;
background: #3ca62c;
color: white;
min-height: 30px;
width: 100%;
box-shadow: none;
border-radius: 0px;
font-family: "Space Grotesk", sans-serif;
}
form#formgrupos input.buscar {
-webkit-transition: all .2s ease-in !important;
-o-transition: all .2s ease-in!important;
transition: all .2s ease-in !important;
}
form#formgrupos input.buscar:hover {
background-color: #A0A0A0;
}
form#formgrupos #login-form {
width: 95%;
}
form#formgrupos input.login-field {
border:1; 
width:100%; 
color:#666666; 
font-weight: bold;
padding: .2rem;
margin-top: 1px;
}
form#formgrupos img.login-img {
display: block;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
form#formgrupos a.logout {
cursor: pointer;
}
form#formgrupos a.login {
cursor: pointer;
float: right;
}
form#formgrupos input.login-field::placeholder {
font-weight:lighter;
opacity: 0.5;
color: #999999;
}
form#formgrupos .more-div {
margin-left: auto;
margin-right: auto;
width: max-content;
}
form#formgrupos .button-ver-mas {
display: inline-block;
margin-top: 5px;
border-radius: 20px;
float:left;
border: 0;
background: #3ca62c;
color: white;
min-height: 30px;
width: 200px;
font-size:12px;
box-shadow: none;
font-family: "Space Grotesk", sans-serif;
}
form#formgrupos img.image-top-right {
display: block;
float: left;
margin-left:40px;
margin-top: 5px;
cursor: pointer;
}
form#formgrupos img.image-top-left {
display: block;
float: left;
margin-right:40px;
margin-top: 5px;
cursor: pointer;
}
form#formgrupos input.button-ver-mas {
-webkit-transition: all .2s ease-in !important;
-o-transition: all .2s ease-in!important;
transition: all .2s ease-in !important;
}
form#formgrupos input.button-ver-mas:hover {
background-color: #A0A0A0;
}
form#formgrupos #slider-range {
margin-top:7px;
}
form#formgrupos {
font-family: "Space Grotesk", sans-serif; font-size: 14px; font-weight: 400;
width: 100% !important;
display: flex;
flex-direction: revert;
flex-wrap: wrap;
justify-content: space-between;
}
form#formgrupos h3 {
font-family: "Space Grotesk", sans-serif;
margin-block:0; color:#3ca62c; font-size:28px;
cursor: pointer; line-height: 1.4em;
align-items: center;
}
form#formgrupos #filtros {
width: 28%;
float:left; min-width: 200px; max-width: 270px;
}
form#formgrupos #filtros h3{
margin-bottom: 10px;
font-size: 1.5em;
}
form#formgrupos #filtros h3 ~ div {
margin-bottom: 10px;
}
form#formgrupos #gs {
width: 76%;
}
form#formgrupos .filtro-item {
width:100%; 
display: inline-block;
line-height:1em;
}
form#formgrupos .filtro-checkbox {
float: left;
font-family: "Space Grotesk", sans-serif;
accent-color:#3ca62c;
}
form#formgrupos .filtro-checkbox label input[type="checkbox"] {
margin: 5px;
}
form#formgrupos .filtro-boton {
font-family: "Space Grotesk", sans-serif;
float:right;
display: flex;
text-align: center;
align-items: center;
}
form#formgrupos .filtro-count {
font-family: "Space Grotesk", sans-serif;
float:right;
width:10%;
display: block;
text-align: center;
font-size:12px;
font-weight:600;
background-color: #EEEEEE;
color:#666666 !important;
border-radius: 5px;
padding: 2px;
}
form#formgrupos .page-link {
font-family: "Space Grotesk", sans-serif;
display:inline-block;
font-size:12px;
text-decoration: none;
background-color: #EEEEEE;
color: #666666 !important;
padding: 2px 2px 2px 2px;
border-radius: 3px;
width:20px;
margin: 2px;
cursor: pointer;
}
form#formgrupos .page-current {
font-family: "Space Grotesk", sans-serif;
display:inline-block;
font-size:12px;
text-decoration: none;
background-color: #3ca62c;
color: white !important;
padding: 2px 2px 2px 2px;
border-radius: 3px;
width:20px;
margin: 2px;
}
form#formgrupos .grupos-paginacion {
width:100%;display:block; text-align:center;
}
form#formgrupos #image-loading {
margin-top:10px;
margin-left:auto;
margin-right:auto;
display:none;
}
form#formgrupos #image-more {
margin-left:auto;
margin-right:auto;
display:none;
}
form#formgrupos #more-grupos {
display:none;
}
form#formgrupos #image-modo-grid {
float: left;
height: 17px;
width: 17px;
margin-top:2px;
cursor: pointer;
}
form#formgrupos img#image-modo-grid:hover {
fill:green;
}
form#formgrupos #image-modo-list {
float: left;
height: 17px;
width: 17px;
margin-top:2px;
margin-left:3px;
cursor: pointer
}
form#formgrupos img#image-modo-list:hover {
fill:green;
}
@media (max-width: 1400px) {
form#formgrupos div#filtros {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0;
padding: 0;
}
form#formgrupos div#gs {
width: 100% !important;
}
}
@media (max-width: 1006px) {
form#formgrupos li.product-item-grid {
width: 32% !important;
min-width: 32% !important;
max-width: 32% !important;
}
form#formgrupos li.product-item-list {
width: 32% !important;
min-width: 32% !important;
max-width: 32% !important;
margin-bottom: 20px;
padding: 10px !important;
}
form#formgrupos .product-item-char35 {
display: inline-block; width:100%; float:none;
}
form#formgrupos .product-item-char25 {
width: 25%
}
form#formgrupos .product-item-char15 {
width: 25%
}
form#formgrupos .product-image-photo-list {
float:none;
}
form#formgrupos .product-item-details-list {
float:none;
width:100%;
}
form#formgrupos .product-item-list {
min-height:225px;
}
form#formgrupos .product-item-characteristics-list {
float: none;
width:100%;
min-width:unset;
}
form#formgrupos .product-item-footer-list {
float:left;
margin-top:unset;
}
form#formgrupos .product-image-stage-listproduct-image-stage-list {
float:right;
margin-top:unset;
margin-right:unset;
}
form#formgrupos #image-modo-list {
display:none;
}
form#formgrupos #image-modo-grid {
display:none;
}
}
@media (max-width: 767px) {
form#formgrupos li.product-item-grid {
width: 50% !important;
min-width: 50% !important;
max-width: 50% !important;
}
form#formgrupos li.product-item-list {
width: 50% !important;
min-width: 50% !important;
max-width: 50% !important;
margin-bottom: 20px;
padding: 10px !important;
}
}
@media (max-width: 400px) {
form#formgrupos li.product-item-grid {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
form#formgrupos li.product-item-list {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-bottom: 20px;
padding: 10px !important;
}
}