.box-placeholder-new .text {
    border-radius: 4px;
    opacity: .2;
}
.box-placeholder-new .loading-animation {
    animation: fading 1.5s infinite;
}

.box-placeholder-new .line-100 { width: 100%; }
.box-placeholder-new .line-90 { width: 90%; }
.box-placeholder-new .line-80 { width: 80%; }
.box-placeholder-new .line-70 { width: 70%; }
.box-placeholder-new .line-60 { width: 60%; }
.box-placeholder-new .line-50 { width: 50%; }
.box-placeholder-new .line-40 { width: 40%; }
.box-placeholder-new .line-30 { width: 30%; }
.box-placeholder-new .line-20 { width: 20%; }
.box-placeholder-new .line-10 { width: 10%; }

.box-placeholder-new .width-200 { width: 200px; }
.box-placeholder-new .width-140 { width: 140px; }
.box-placeholder-new .width-130 { width: 130px; }
.box-placeholder-new .width-120 { width: 120px; }
.box-placeholder-new .width-100 { width: 100px; }
.box-placeholder-new .width-80 { width: 80px; }
.box-placeholder-new .width-45 { width: 45px; }
.box-placeholder-new .width-40 { width: 40px; }
.box-placeholder-new .width-35 { width: 35px; }

.box-placeholder-new .height-40 { height: 40px; }
.box-placeholder-new .height-35 { height: 35px; }
.box-placeholder-new .height-24 { height: 24px; }
.box-placeholder-new .height-23 { height: 23px; }
.box-placeholder-new .height-22 { height: 22px; }
.box-placeholder-new .height-21 { height: 21px; }
.box-placeholder-new .height-16 { height: 16px; }

.box-placeholder-new .top-0 { top: 0; }
.box-placeholder-new .border-radius-100 { border-radius: 100%; }

.box-placeholder-new .color-dark-grey { background-color: #798699 !important; }
.box-placeholder-new .color-grey { background-color: #e5e7ea !important; }
.box-placeholder-new .color-light-grey { background-color: #7986994f !important; }
.box-placeholder-new .color-white { background-color: white; }
.box-placeholder-new .line-100 { width: 100%; }