.container-products img {
width: 24px;
height: 24px;
}
.container-products {
background: #FFFFFF;
}
.title-description-product {
display: flex;
justify-content: space-between;
background-color: #ECEFF1;
color: #2F2F2F;
padding: 0px 40px;
align-items: center;
}
.section-product.active .title-description-product {
background-color: #367EC4 !important;
color: #FFF !important;
}
.section-product-body {
display: none !important;
}
.section-product.active .section-product-body.title-table-product {
display: flex !important;
}
.section-product.active .section-product-body.product-items {
display: block !important;
}
.title-product {
padding-right: 40px;
}
.btn-product {
font-size: 60px;
font-weight: 500;
cursor: pointer;
display: flex;
}
.section-product-body.title-table-product {
display: flex;
justify-content: space-between;
background-color: #AFAFAF;
color: #FFF;
align-items: center;
}
.section-product-body.title-table-product div {
padding: 13px;
}
.section-product-body .product-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.section-product-body .product-item div:not(.axis-table-body.exclude):not(.axis-table-tr.exclude):not(.axis-table-td.exclude) {
padding: 20px;
}
.section-product-body.title-table-product > div {
text-align: center;
}
.section-product {
margin-bottom: 17px;
}
.section-product:last-of-type {
margin-bottom: 0px;
}
.section-product.active {
margin-bottom: 60px;
}
.section-product.active .product-item:last-of-type {
border-bottom: solid 1px #CCCCCC;
}
.section-product.active .title-description-product {
border-left: solid 6px #367EC4 !important;
}
.product-item:nth-child(1n) { background-color:#FFFFFF; }
.product-item:nth-child(2n) { background-color:#ECEFF1; }
.section-product-body,
.product-items,
.section-product {
transition: .25s;
animation: .25s;
}
h4 small {
padding-left: 10px;
font-weight: 400;
color: #103A6A !important;
}
.active h4 small {
color: unset !important;
}
.section-product-body.title-table-product > div {
border-right: 1px solid #FFFFFF;
}
.section-product-body.title-table-product > div:last-of-type {
border-right: 0px;
}
.section-product-body .product-item > div {
border-right: 1px solid #AFAFAF;
}
.section-product-body .product-item > div:last-of-type {
border-right: 0px solid #AFAFAF;
}
@media only screen and (max-width: 1359px) {
.title-product {
width: 90%;
}
.title-description-product{
border-bottom: 1px #FFF solid;
}
}
@media only screen and (max-width: 767px) {
.section-product-body.title-table-product > div,
.section-product-body .product-item > div {
border-right: 0px !important;
}
.title-description-product {
justify-content: unset;
padding: 20px;
width: 100%;
}
.title-product {
padding-right: 0px;
width: 80%;
}
.btn-product {
justify-content: end;
width: 20%;
}
.section-product-body.title-table-product {
display: none !important;
}
.section-product.active .section-product-body.title-table-product {
display: none !important;
}
.section-product-body .product-item {
display: block;
justify-content: unset;
min-height: unset;
align-items: unset;
padding: 0px;
}
.section-product-body .product-item > div:not(.axis-table-body.exclude):not(.axis-table-tr.exclude):not(.axis-table-td.exclude) {
padding-left: 20px !important;
padding-right: 20px !important;
}
.section-product-body.exclude-mobile .product-item > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.section-product-body {
background-color: #FFF;
}
.section-product-body .product-item > div:not(.axis-table-body.exclude):not(.axis-table-tr.exclude):not(.axis-table-td.exclude){
width: unset !important;
text-align: left !important;
padding: 20px 0px;
border-bottom: solid 1px #AFAFAF;
}
}
@media only screen and (max-width: 767px) {
.product-item * {
font-size: 16px !important;
}
}