.card_purch_item{}
.card_purch_item > div{padding: 20px 15px;}
.card_purch_item > div.warning{box-shadow: 0px 0px 0px 1px var(--bg_red);}
.card_purch_item > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_purch_item .cpiContent{margin-top: 15px;}
.card_purch_item .cpiContent > div:not(:last-child){margin-bottom: 15px;}
.card_purch_item .cItem{display: grid; grid-template-columns: 60px 1fr; grid-gap: 15px; box-sizing: border-box;}
.card_purch_item .cItem > div{width: 100%;}
.card_purch_item .cItem > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_purch_item .cItem .ciBody{padding-top: 3px;}
.card_purch_item .cItem .ciBody > div:nth-child(2){font-size: 12px; margin-top: 2px;}
.card_purch_item .cItem .ciBody .cibPrice{margin-top: 10px; display: grid; grid-template-columns: 1fr 100px;}
.card_purch_item .cItem .ciBody .cibPrice > div{width: 100%;}
.card_purch_item .cItem .ciBody .cibPrice > div:nth-child(2){text-align: right; font-family: 'bold';}

.card_tracking{}
.card_tracking > div{display: grid; grid-template-columns: 15px 1fr 55px; grid-gap: 15px;}
.card_tracking > div:not(:last-child){margin-bottom: 10px;}
.card_tracking > div > div{width: 100%;}
.card_tracking .ctLine > div{width: 15px; height: 15px; background: var(--bg_silver); border-radius: 50%; margin-top: 2px;}
.card_tracking .ctInfo > div:first-child{font-size: 12px; font-family: 'bold';}
.card_tracking .ctInfo > div:nth-child(2){padding: 5px 0px 10px 0px; position: relative; color: var(--text_silver);}
.card_tracking .ctInfo > div:nth-child(2):before{content: ''; position: absolute; top: 5px; left: -23px; width: 2px; height: calc(100% - 8px); background: var(--bg_silver);}
.card_tracking .ctDate{font-size: 11px; text-align: right; color: var(--text_silver);}
.card_tracking .active .ctLine > div{background: var(--bg_blue);}
.card_tracking .active .ctInfo > div:nth-child(2):before{background: var(--bg_blue);}