/*---------------------------------TREND--------------------------------------*/
.trend__item{border-radius: 5px; position: relative;}
.trend__item__total{ position: absolute; transform: rotate(-90deg);background: rgba(245,245,245,0.3); bottom: 50% !important; color: #000; font-size: 1.05em !important; font-weight: lighter !important; left: 0px;}

.content__trend__month{ overflow: hidden; padding: 0 4px;border-right: dotted 1px #eee; position: relative; height: 85%; position: relative; display: flex !important;}
.content__trend__month span{font-size: 12px;display: block;width: 100%;text-align: center;position: absolute;font-weight: bolder;}.trend__item{ display: inline-block; align-self: flex-end; background: #eee; height: 100%; opacity: 1;}
.content__trend__month > .trend__item:first-of-type{margin-right: 2px}
.list--order-type{padding: 0; width: auto; margin: 0 auto;}
.list--order-type > li{display: inline-block; list-style: none; margin-bottom: 30px; padding: 10px 0;}
.trend-type__item{font-weight: 400;font-size: 12px;margin-right: 20px;display: inline-block;text-align: center;}
.trend-type__item > span:first-of-type{border: solid 1px rgba(0,0,0,0);padding: 5px 10px 5px 0;border-radius: 5px;}
.trend-type__item > span{color: #212121;}

.bg-none{background: none !important;}
.trend__item.show{height: inherit ;width: inherit;}
.trend__item.hide{ opacity: 0 !important; height: 0!important; width: 0!important;}

.card--trend{ height: 560px; padding-bottom: 110px}
.card--trend-circular img{padding: 60px}