/* config color */
.product-detail .main-product-detail .info_color a{text-decoration-line: underline;color: #054EBB !important;}
.popup_color{position:fixed;width:800px;background:#fff;filter:drop-shadow(3px 3px 2px rgba(0,0,0,0.25));border-radius:20px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99;display:none}
.popup_color.active{display:block}
.popup_color .title-main{background:#d9d9d9;display:flex;align-items:center;padding:15px;border-radius:20px 20px 0 0}
.popup_color .title-main span{margin-left:10px;font-style:italic;font-weight:500}
.popup_color #close_popup{position:absolute;right:8px;top:8px;width:82px;height:40px;background:#fff;border:1px solid #e7e7e7;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center}
.popup_color #close_popup img{margin-right:5px}
.popup_color .list_config_selected{padding:15px 0;border-bottom:1px dashed #999}
.popup_color .list_config_selected .item{margin-right:30px;font-size:16px;cursor:pointer}
.popup_color .list_config_selected .item.active{color:#054ebb}
.popup_color .table-content-detail{padding:30px 50px}
.popup_color .left-color{width: 32%;margin-right: 20px;border-right: 1px solid #a6a6a6;}
.popup_color .left-color .title{margin-bottom:15px;font-size:16px;font-weight:700;padding: 5px 0;}
.popup_color .right-color{width:65%}
.popup_color .right-color .title{display:flex;align-items:center;margin-bottom:15px}
.popup_color .right-color .title span{font-size:16px;font-weight:700}
.popup_color .right-color .title .color-selected{border:none;outline:none;width:25%;margin:0 10px;color:#b70202;font-weight:700}
.popup_color .right-color .title button{background:#c3e8fd;border-radius:5px;border:none;padding:7px;color:#054ebb;cursor:pointer}
.popup_color .right-color .title button i{font-weight:700}
.popup_color .list_label_color .item{margin-bottom:25px;margin-left:10px}
.popup_color .list_label_color .item .box-color{width:60px;height:60px;border-radius:10px;position:relative}
.popup_color .list_label_color .item.active .box-color::before{position:absolute;content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;font-size:8px;background:#db6d07;border-radius:4px;width:15px;height:11px;color:#fff;text-align:center;right:5px;bottom:5px;line-height:11px}
.popup_color .list_label_color .item span{margin-left:10px}
.popup_color .list-color-detail{margin-right:-20px;max-height: 400px;overflow-y: auto;}
.popup_color .list-color-detail::-webkit-scrollbar-track {background-color: #f5f5f5;border-radius: 10px}
.popup_color .list-color-detail::-webkit-scrollbar {width: 10px;background-color: #f5f5f5}
.popup_color .list-color-detail::-webkit-scrollbar-thumb {background: #F7921E;border-radius: 20px;}
.popup_color .list-color-detail .item{width:calc(33.3333333333% - 20px);margin-right:20px;margin-bottom:20px;cursor:pointer}
.popup_color .list-color-detail .item .box-image{position:relative;height:140px;border-radius:10px;margin-bottom:10px}
.popup_color .list-color-detail .item .box-image img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}
.popup_color .list-color-detail .item .txt{text-align:center}
.popup_color .list-color-detail .item.active .box-image::before{position:absolute;content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;font-size:8px;background:#db6d07;border-radius:4px;width:15px;height:11px;color:#fff;text-align:center;right:5px;bottom:5px;line-height:11px}
.popup_color .list-color-detail .item.active .txt{font-weight:700;color:#b70202}
.popup_color .instruct{color:#052f6d;text-decoration-line:underline;font-weight:500}
.red{background:#ff0000;}
.black{background:black}
.yellow{background:#ffff00}
.brown{background:#8b4513;}
.green{background:#00ff00}
.purple{background:#bf00ff;}
.gray{background:gray}
.pink{background:pink}
.orange{background:#ff8000;}
.blue{background:#0000ff;}
.white{background:#f5f5f5;}
.ghi-xam{background:#808080;}
.be{background:#f0deba;}
.scarlet{background:#ff2200;}
.vermillion{background:#ff4000;}
.safety-orange{background:#ff6200;}
.orange-peel{background:#ffa200;}
.amber{background:#ffbf00;}
.golden-yellow{background:#ffe100;}
.neon-yellow{background:#ddff00;}
.lime{background:#bfff00;}
.spring-bud{background:#9dff00;}
.chartreuse{background:#80ff00;}
.bright-green{background:#5eff00;}
.harlequin{background:#40ff00;}
.greenish-darlequin{background:#1eff00;}
.erin{background:#00ff40;}
.free-speech-green{background:#00ff22;}
.irish-spring-dreen{background:#00ff62;}
.spring-green{background:#00ff80;}
.spring-aquamarine{background:#00ffa1;}
.aquamarine{background:#00ffbf;}
.spring-cyan{background:#00ffe1;}
.cyan{background:#00ffff;}
.cyanish-capri{background:#00ddff;}
.capri{background:#00bfff;}
.azurish-capri{background:#009dff;}
.azure{background:#0080ff;}
.cerulean-azure{background:#005eff;}
.cerulean{background:#0040ff;}
.bluish-cerulean{background:#001eff;}
.bluish-ultramarine{background:#2200ff;}
.ultramarine{background:#4000ff;}
.electric-indigo{background:#6200ff;}
.violet{background:#8000ff;}
.electric-purple{background:#a100ff;}
.psychedelic-purple{background:#e100ff;}
.magenta{background:#ff00ff;}
.hot-magenta{background:#ff00dd;}
.cerise{background:#ff00bf;}
.hollywood-cerise{background:#ff009d;}
.rose{background:#ff0080;}
.razzmatazz{background:#ff005e;}
.crimsom{background:#ff0040;}
.torch-red{background:#ff001e;}
.metal-black{background: url('/media/lib/21-06-2023/metal-black.jpg');background-repeat: no-repeat;background-size: cover;}
.metal-brass{background: url('/media/lib/21-06-2023/metal-brass.jpg');background-repeat: no-repeat;background-size: cover;}
.metal-bronze{background: url('/media/lib/21-06-2023/metal-bronze.jpg');background-repeat: no-repeat;background-size: cover;}
.metal-copper{background: url('/media/lib/21-06-2023/metal-copper.jpg');background-repeat: no-repeat;background-size: cover;}
.metal-gold{background: url('/media/lib/21-06-2023/metal-gold.jpg');background-repeat: no-repeat;background-size: cover;}
.metal-silver{background: url('/media/lib/21-06-2023/metal-silver.jpg');background-repeat: no-repeat;background-size: cover;}
.click_sac{color:#052f6d;text-decoration:underline;text-align:center}
.product-detail .main-product-detail .input-color {margin-top: 20px;}
.product-detail .main-product-detail .input-color p {border-bottom: 1px dotted;width: 200px;padding-left: 10px;font-weight: bold;height: 17px;}
.list_label_color{overflow: auto;max-height: 400px;}
.product-detail .main-product-detail .input-color textarea{height: 22px;border: 0;margin-left: 10px;border-bottom: 1px dashed #969696;outline: 0;}