.flex{ display: flex;}
.flex-sub{flex: 1;}
.flex-twice {flex: 2;}
.flex-shrink{flex-shrink:0;}
.flex-treble {flex: 3;}
.flex-direction {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.align-center {align-items: center;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.text-10{font-size: 10px;}
.text-12{font-size: 12px;}
.text-13{font-size: 13px;}
.text-14{font-size: 14px;}
.text-15{font-size: 15px;}
.text-16{font-size: 16px;}
.text-17{font-size: 17px;}
.text-18{font-size: 18px;}
.text-20{font-size: 20px;}
.text-22{font-size: 22px;}
.text-24{font-size: 24px;}
.text-28{font-size: 28px;}
.text-30{font-size: 30px;}
.text-35{font-size: 35px;}
.text-40{font-size: 40px;}
.text-50{font-size: 50px;}
.text-60{font-size: 60px;}
.text-red{color: #e54d42;}
.text-orange{color: #f37b1d;}
.text-yellow{color: #fbbd08;}
.text-olive{color: #8dc63f;}
.text-green{color: #39b54a;}
.text-cyan{color: #1cbbb4;}
.text-blue{color: #0081ff;}
.text-purple{color: #6739b6;}
.text-mauve{color: #9c26b0;}
.text-pink{color: #e03997;}
.text-brown{color: #a5673f;}
.text-grey{color: #72777F;}
.text-myspan{color: #cfd0d2;}
.text-gray{color: #aaaaaa;}
.text-black{color: #333333;}
.text-white{color: #ffffff;}
.text-bold{font-weight: bold;}
.text-cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.text-cut-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-cut-1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.margin-auto{margin-left: auto; margin-right: auto;}


.margin-5{margin: 5px;}
.margin-10{margin: 10px;}
.margin-15{margin: 15px;}
.margin-20{margin: 20px;}
.margin-30{margin: 30px;}
.margin-40{margin: 40px;}
.margin-50{margin: 50px;}
.margin-100{margin: 100px;}

.margin-tb-5{margin-top: 5px; margin-bottom: 5px;}
.margin-tb-10{margin-top: 10px; margin-bottom: 10px;}
.margin-tb-15{margin-top: 15px; margin-bottom: 15px;}
.margin-tb-20{margin-top: 20px; margin-bottom: 20px;}
.margin-tb-30{margin-top: 30px; margin-bottom: 30px;}
.margin-tb-40{margin-top: 40px; margin-bottom: 40px;}
.margin-tb-50{margin-top: 50px; margin-bottom: 50px;}
.margin-tb-100{margin-top: 100px; margin-bottom: 100px;}

.margin-lr-5{margin-left: 5px; margin-right: 5px;}
.margin-lr-10{margin-left: 10px; margin-right: 10px;}
.margin-lr-15{margin-left: 15px; margin-right: 15px;}
.margin-lr-20{margin-left: 20px; margin-right: 20px;}
.margin-lr-30{margin-left: 30px; margin-right: 30px;}
.margin-lr-40{margin-left: 40px; margin-right: 40px;}
.margin-lr-50{margin-left: 50px; margin-right: 50px;}
.margin-lr-100{margin-left: 100px; margin-right: 100px;}

.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-50{margin-top: 50px;}
.margin-top-100{margin-top: 100px;}

.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}
.margin-right-30{margin-right: 30px;}
.margin-right-40{margin-right: 40px;}
.margin-right-50{margin-right: 50px;}
.margin-right-100{margin-right: 100px;}

.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-100{margin-bottom: 100px;}

.margin-left-5{margin-left: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-left-15{margin-left: 15px;}
.margin-left-20{margin-left: 20px;}
.margin-left-30{margin-left: 30px;}
.margin-left-40{margin-left: 40px;}
.margin-left-50{margin-left: 50px;}
.margin-left-100{margin-left: 100px;}


.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.padding-30{padding: 30px;}
.padding-40{padding: 40px;}
.padding-50{padding: 50px;}
.padding-100{padding: 100px;}

.padding-tb-5{padding-top: 5px; padding-bottom: 5px;}
.padding-tb-10{padding-top: 10px; padding-bottom: 10px;}
.padding-tb-15{padding-top: 15px; padding-bottom: 15px;}
.padding-tb-20{padding-top: 20px; padding-bottom: 20px;}
.padding-tb-30{padding-top: 30px; padding-bottom: 30px;}
.padding-tb-40{padding-top: 40px; padding-bottom: 40px;}
.padding-tb-50{padding-top: 50px; padding-bottom: 50px;}
.padding-tb-100{padding-top: 100px; padding-bottom: 100px;}

.padding-lr-5{padding-left: 5px; padding-right: 5px;}
.padding-lr-10{padding-left: 10px; padding-right: 10px;}
.padding-lr-15{padding-left: 15px; padding-right: 15px;}
.padding-lr-20{padding-left: 20px; padding-right: 20px;}
.padding-lr-30{padding-left: 30px; padding-right: 30px;}
.padding-lr-40{padding-left: 40px; padding-right: 40px;}
.padding-lr-50{padding-left: 50px; padding-right: 50px;}
.padding-lr-100{padding-left: 100px; padding-right: 100px;}

.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-top-20{padding-top: 20px;}
.padding-top-30{padding-top: 30px;}
.padding-top-40{padding-top: 40px;}
.padding-top-50{padding-top: 50px;}
.padding-top-100{padding-top: 100px;}

.padding-right-5{padding-right: 5px;}
.padding-right-10{padding-right: 10px;}
.padding-right-15{padding-right: 15px;}
.padding-right-20{padding-right: 20px;}
.padding-right-30{padding-right: 30px;}
.padding-right-40{padding-right: 40px;}
.padding-right-50{padding-right: 50px;}
.padding-right-100{padding-right: 100px;}

.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-30{padding-bottom: 30px;}
.padding-bottom-40{padding-bottom: 40px;}
.padding-bottom-50{padding-bottom: 50px;}
.padding-bottom-100{padding-bottom: 100px;}

.padding-left-5{padding-left: 5px;}
.padding-left-10{padding-left: 10px;}
.padding-left-15{padding-left: 15px;}
.padding-left-20{padding-left: 20px;}
.padding-left-30{padding-left: 30px;}
.padding-left-40{padding-left: 40px;}
.padding-left-50{padding-left: 50px;}
.padding-left-100{padding-left: 100px;}

.border-radius-5{border-radius: 5px;}
.border-radius-10{border-radius: 10px;}
.border-radius-15{border-radius: 15px;}
.border-radius-20{border-radius: 20px;}
.border-radius-half{border-radius: 50%;}

.opacity-8{opacity: 0.8;}
.opacity-6{opacity: 0.6;}
.opacity-4{opacity: 0.4;}
.opacity-2{opacity: 0.2;}

.cursor-pointer{cursor: pointer;}