.border-0 { border: 0 !important; }
.border-radius-0 { border-radius: 0 !important; }
.border-radius-left-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.border-radius-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.font-s10 { font-size: 10px !important; }
.font-s11 { font-size: 11px !important; }
.font-s12 { font-size: 12px !important; }
.font-s13 { font-size: 13px !important; }
.font-s14 { font-size: 14px !important; }
.font-s15 { font-size: 15px !important; }
.font-s16 { font-size: 16px !important; }
.font-s18 { font-size: 18px !important; }
.font-s20 { font-size: 20px !important; }
.font-s30 { font-size: 30px !important; }
.font-s40 { font-size: 40px !important; }

.font-w1 { font-weight: 100 !important; }
.font-w2 { font-weight: 200 !important; }
.font-w3 { font-weight: 300 !important; }
.font-w4 { font-weight: 400 !important; }
.font-w5 { font-weight: 500 !important; }
.font-w6 { font-weight: 600 !important; }
.font-w7 { font-weight: 700 !important; }
.font-w8 { font-weight: 800 !important; }
.font-w9 { font-weight: 900 !important; }

.padding-0 { padding: 0 !important; }
.padding-5 { padding: 5px !important; }
.padding-10 { padding: 10px !important; }
.padding-15 { padding: 15px !important; }
.padding-20 { padding: 20px !important; }
.padding-25 { padding: 25px !important; }
.padding-30 { padding: 30px !important; }
.padding-40 { padding: 40px !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-left-0 { padding-left: 0 !important; }
.padding-left-5 { padding-left: 5px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-left-30 { padding-left: 30px !important; }
.padding-left-40 { padding-left: 40px !important; }
.padding-right-0 { padding-right: 0 !important; }
.padding-right-5 { padding-right: 5px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-right-40 { padding-right: 40px !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; } 
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }

.margin-auto { margin: 0 auto !important;}
.margin-0 { margin: 0 !important; }
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.margin-15 { margin: 15px !important; }
.margin-20 { margin: 20px !important; }
.margin-25 { margin: 25px !important; }
.margin-30 { margin: 30px !important; }
.margin-40 { margin: 40px !important; }
.margin-top-0 { margin-top: 0 !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-left-0 { margin-left: 0 !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-right-0 { margin-right: 0 !important; }
.margin-right-5 { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }

.d-flex { display: flex !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }

.text-top { vertical-align: top !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-middle { vertical-align: middle !important; }
.text-bottom { vertical-align: bottom !important; }

.text-elip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-elip-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.text-elip-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.text-elip-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.text-elip-5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.color-red { color: #E84C3D !important; }
.color-orange { color: #F39C11 !important; }
.color-green { color: #58D68D !important; }
.color-blue { color: #3598DB !important; }
.color-cyan { color: #2F4056 !important;}
.color-black { color: #393D49 !important;}
.color-white { color: #fff !important;}
.color-gray { color: #bbb !important;}
.color-desc { color: #999 !important; }
.color-text { color: #333 !important; }

.relative { position: relative !important; }
.absolute { position: absolute !important; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.full-width { width: 100% !important; }
.full-height { height: 100% !important; }

.notselect { user-select: none; }
.transition { transition: all 0.2s linear; }
.pointer { cursor: pointer !important; }
.nowrap { white-space: nowrap !important; }
.help-block { color: #999; font-size: 12px; }