.flex,.flex-column,.flex-row,.flex-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.inline-flex{display:-webkit-box;display:-ms-flexbox;display:inline-flex}
.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.align-center,.center{align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center}
.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.center,.justify-center{-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-moz-box-pack:center;box-pack:center}
.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.justify-around{-ms-flex-pack:distribute;justify-content:space-around}
.flex1{-webkit-box-flex:1;-ms-flex:1;flex:1}
.flex2{-webkit-box-flex:2;-ms-flex:2;flex:2}
.flex3{-webkit-box-flex:3;-ms-flex:3;flex:3}
.flex4{-webkit-box-flex:4;-ms-flex:4;flex:4}
.flex5{-webkit-box-flex:5;-ms-flex:5;flex:5}
.flex6{-webkit-box-flex:6;-ms-flex:6;flex:6}
.flex7{-webkit-box-flex:7;-ms-flex:7;flex:7}
.flex8{-webkit-box-flex:8;-ms-flex:8;flex:8}
.flex9{-webkit-box-flex:9;-ms-flex:9;flex:9}
.flex10{-webkit-box-flex:10;-ms-flex:10;flex:10}
.flex11{-webkit-box-flex:11;-ms-flex:11;flex:11}
.flex12{-webkit-box-flex:12;-ms-flex:12;flex:12}
.p-r{position:relative}
.p-a{position:absolute}
.text-align-center{text-align:center}
.text-align-left{text-align:left}
.text-align-right{text-align:right}
.font-bold{font-weight:700}
.font-weight-500{font-weight: 500;}
.font-weight-700{font-weight: 700;}
.font-weight-900{font-weight: 900;}
.opacity-0{opacity:0}
.opacity-02{opacity:.2}
.opacity-03{opacity:.3}
.opacity-04{opacity:.4}
.opacity-05{opacity:.5}
.opacity-06{opacity:.6}
.opacity-07{opacity:.7}
.opacity-08{opacity:.8}
.opacity-09{opacity:.9}
.text-blue{color: var(--primary)}
.text-red{color: var(--color-danger)}
.text-gray{color: var(--color-info)}
.text-grey{color: var(--color-grey)}
.text-green{color:var(--color-success)}
.text-black{color:#333}
.text-white{color: white}
.line-height-1{line-height:1}
.line-height-1-5{line-height:1.5}
.line-height-2{line-height:2}
.text-overflow-1{display:-webkit-box!important;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.text-overflow-2{display:-webkit-box!important;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.text-overflow-3{display:-webkit-box!important;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.text-overflow-4{display:-webkit-box!important;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.br-red{border: 1px solid red;box-sizing: border-box;}
.br-t{border-top:1px solid #f0f0f0}
.br-r{border-right:1px solid #f0f0f0}
.br-b{border-bottom:1px solid #f0f0f0}
.br-l{border-left:1px solid #f0f0f0}
.br-o{border:1px solid #f0f0f0}
.bg-white{background-color:#fff}