/* CSS Document */

#cms-spec-panel button { border-width:1px; border-radius:2px; }

#cms-price-panel {padding: 0 0 15px 7px; text-align: left; letter-spacing: -0.8px;}
#cms-price-panel > span + span { margin-left:28px; }

#cms-price-orig { text-decoration:line-through; color: rgba(65, 74, 80, 0.55);}
#cms-price-sale { /*font-weight:bold;*/ color: #bd093d; } 

#cms-spec-panel {padding: 0 0 13px 7px;}
.cms-spec-group-btn {padding: 5px 0 0 0; display: flex; flex-wrap: wrap;}
#cms-spec-panel > div { margin:10px 0px; }
#cms-spec-panel > div > div { /*font-weight:bold;*/ }
#cms-spec-panel button { padding: 4px 12px; color:#333333; background-color:white; border: 1px solid #e4e4e4; margin: 0 6px 5px 0;}
#cms-spec-panel button.active { color:white; background-color:#c6a964; border: 1px solid #e4e4e4;}
#cms-spec-panel button:disabled { color:#adadad; background-color:#eeeeee; }

#cms-amount-panel {display: flex; flex-direction: row; align-items: center;}
#cms-amount-panel > div { /*font-weight:bold;*/}
#cms-amount-panel > div:nth-child(1) {padding: 0 10px 0 7px;}
.cms-amount-value {border: 1px solid #e4e4e4; display: flex; flex-direction: row; height: 40px;}
#cms-amount-panel button { width:25px; font-size: 13px; color: #333333; background-color: #eeeeee; border: 0;}
#cms-amount-panel input[type="text"] { width:54px; font-size: 13px; text-align:center; border: 0;}

#cms-button-panel {display: flex; flex-direction: row; padding: 0 0 0 5px;}
#cms-button-panel button { width:164px; height:49px; color:#b9943b; background-color:#fff; border: 2px solid #b9943b; border-radius: 45px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; margin: 0 5px;}
#cms-button-panel button:hover {color:#fff; background-color: #b9943b;}
#cms-button-panel button:disabled { color:gray; background-color:lightgray; border: 2px solid #eeeeee;}
#cms-button-panel button img {margin-right: 10px;}
#cms-button-panel button img:nth-child(1) {display: block;}
#cms-button-panel button img:nth-child(2) {display: none;}
#cms-button-panel button:hover img:nth-child(1), #cms-button-panel button:disabled img:nth-child(1) {display: none;}
#cms-button-panel button:hover img:nth-child(2), #cms-button-panel button:disabled img:nth-child(2) {display: block;}

#cms-lower-panel {padding: 0 0 0 7px; margin: 31px 0 0 0; overflow: auto;}
/*#cms-lower-panel > div + div { margin-top:5px; }*/
#cms-lower-panel > div.cms-lower-item {display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #dddddd; padding: 8px 0px;}
#cms-lower-panel > div.cms-lower-item:first-child {border-top: 1px solid #dddddd;}
#cms-lower-panel > div.cms-lower-item > div { /*padding: 0 5px; max-width: 200px;*/}
#cms-lower-panel > div.cms-lower-item > div > span {color: #c6a964;}
#cms-lower-panel > div.cms-lower-item > div > img { /*width:60px; height:40px; background-color:cyan;*/ border: 1px solid #e4e4e4;}
.cms-lower-item-checkbox {width: 33px; text-align: right;}
.cms-lower-item-img {width: 102px; text-align: center; padding: 0 10px;}
.cms-lower-item-title {width: calc(100% - 33px - 102px - 36px - 154px); text-align: left; padding: 0 10px 0 0;}
.cms-lower-item-amount {width: 36px;}
.cms-lower-item-amount select {border: 1px solid #e4e4e4;}
.cms-lower-item-price {width: 154px; text-align: right; padding: 0 21px 0 10px;}