.brand-imgs {
display: flex;
justify-content: start;
flex-wrap: wrap;
align-items: center; }
.cristal-selection .variations.field .brand-imgs .country-flag img {
width: 75px;
}
.brand-imgs .logo img, .brand-imgs .logo2 img, .brand-imgs .lab img, .brand-imgs .country-flag img {
width: 100%;
max-width: 120px;
margin: 0 10px;
margin-bottom: 20px;
}
.color-canva{
border-radius: 25px;
border-color: white;
border-width: 1px;
border-style: solid;
width: 30px;
height: 30px;
margin-right: 8px;
}
.wrapper.clr-cnv{
display: flex;
justify-content: start;
flex-wrap: nowrap;
align-items: center;
}
.wrapper.clr-cnv > .color-canva.cafe{
background-color: #8B4513;
}
.wrapper.clr-cnv > .color-canva.gris{
background-color: gray;
}
.wrapper.clr-cnv > .color-canva.verde{
background-color: green;
}
.wrapper.clr-cnv > .color-canva.azul{
background-color: blue;
}
.wrapper.clr-cnv > .color-canva.ambar{
background-color: #FFBF00;
}
.wrapper.clr-cnv > .color-canva.morado{
background-color: #800080;
}
.wrapper.clr-cnv > .color-canva.lila{
background-color: #C8A2C8;
}
.wrapper.clr-cnv > .color-canva.celeste{
background-color: rgb(147, 198, 233);
}
.wrapper.clr-cnv > .color-canva.rosado{
background-color: pink;
}
.wrapper.clr-cnv > .color-canva.purpura{
background-color: purple;
}
.wrapper.clr-cnv > .color-canva.rojo{
background-color: red;
}
.wrapper.clr-cnv > .color-canva.dorado{
background-color: gold;
}
.wrapper.clr-cnv > .color-canva.plateado{
background-color: silver;
}
.wrapper.clr-cnv > .color-canva.amarillo{
background-color: yellow;
}
.wrapper.clr-cnv > .color-canva.verde-rayban{
background-color: #42b940bb;
}
.wrapper.clr-cnv > .color-canva.naranja{
background-color: #f7b20ff7;
}
.help-link, .help-box .close-buton{
cursor: pointer;
}
.help-link .hl-text{
font-weight: 700;
border-radius: 15px;
padding: 3px 8px;
}
.help-link .hl-text:hover{
text-decoration:none;
background-color: white;
color: black;
}
.help-link .dashicons {
font-size: 30px !important;
line-height: 20px;
}
.help-box .close-buton{
font-weight: 700;
}
.help-box .menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.help-box .menu .item{
margin: 10px;
padding: 10px;
border-width: 2px;
border-color: gray;
border-style: solid;
border-radius: 10px;
background-color: #f5f5f5;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.help-box .menu .item.selected{
background-color: lightgray;
color: black;
border-color: black;
font-weight: 400;
}
.cristal-selection.main-container .right-container .header,
.cristal-selection.main-container .right-container .photo-container,
.cristal-selection.main-container .right-container .primary-product-details {
padding-right: 15px;
}
.cristal-selection.main-container .right-container .selected-features-container {
margin-top: 25px;
}
.swiper-pagination-bullet{
background-color: #808080 !important;
opacity: 0.9 !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1) !important;
background: var(--swiper-pagination-color, var(--swiper-theme-color)) !important;
}