/**
* 2007-2022 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2022 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

#b17_productcolorlist .item-productcolorlist {
    display: flex;
    justify-content: left;
    align-items: center;
    padding-top:5px;
}

#b17_productcolorlist .item-productcolorlist .title_colorlist{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #121212;
}

/*#b17_productcolor {
    display: inline-block;
}*/

#product .item-productcolor.label.label-color {
    margin-top: 3px;
}

#b17_productcolorlist .item-productcolorlist .plus_colorlist{
    font-size: 16px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #121212;
}
#product .color {
    width: 28px;
    height: 28px;
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 1)!important;
}
#product .color.selected {
    width: 28px;
    height: 28px;
}
/*#product .color.blanco, #product .product-variants-color .color.blanco {
    box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.04)!important;
    transform: rotate(-90deg);
}*/
#product .color:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: 9;
	position: relative;
	box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.04)!important;
}
#product .product-variants-color .color, #product .product-variants .color {
    border: 1px solid #bcbcbc;
    transition: border-width .1s ease-in-out;
}
#product .product-variants.has_parent_color .clearfix {
    display: flex;
}

#product .color.selected {
    border: 1px solid #000!important;
}

@media (max-width: 767px) {
    #product .product-variants-color .item-productcolor {
        display: block;
        max-width: 30px;
    }
    #product .product-variants .form-group .color {
        width: 28px;
        height: 28px;
    }
    /*#product .product-variants .form-group .color {
        width: 19px;
        height: 19px;
    }
    #product .color {
        width: 19px;
        height: 19px;
    }*/
}