.flex {
    display: flex;
}
.flex-row {
    flex-direction:row;
}
.flex-column {
    flex-direction: column;
}
.flex-1 {
    flex:1;
}
/*text-color*/
.text-color-drak-0 {
    color: #FAFAFA
}

.text-color-drak-1 {
    color: #F6F6F6
}

.text-color-drak-2 {
    color: #EEEEEE
}

.text-color-drak-3 {
    color: #E2E2E2
}

.text-color-drak-4 {
    color: #DDDDDD
}

.text-color-drak-5 {
    color: #D2D2D2
}

.text-color-drak-6 {
    color: #CCCCCC
}

.text-color-drak-7 {
    color: #C2C2C2
}
.text-color-red {
    color: #FF5722
}
.text-color-worming {
    color: #FFB800
}
.text-color-red {
    color: #FF5722
}
.text-color-green {
    color: #009688
}
.text-color-cyan {
    color: #2F4056
}
.text-color-blue {
    color: #1E9FFF
}
.text-color-dark {
    color: #393D49
}
.text-color-success {
    color: #5FB878
}
.text-color-info {
    color: #31BDEC
}
.text-color-black {
    color: #000
}
.text-color-white {
    color: #fff
}
/*bg-color*/
.bg-color-drak-0 {
    background-color: #FAFAFA
}

.bg-color-drak-1 {
    background-color: #F6F6F6
}

.bg-color-drak-2 {
    background-color: #EEEEEE
}

.bg-color-drak-3 {
    background-color: #E2E2E2
}

.bg-color-drak-4 {
    background-color: #DDDDDD
}

.bg-color-drak-5 {
    background-color: #D2D2D2
}

.bg-color-drak-6 {
    background-color: #CCCCCC
}

.bg-color-drak-7 {
    background-color: #C2C2C2
}
.bg-color-red {
    background-color: #FF5722
}

.bg-color-worming {
    background-color: #FFB800
}

.bg-color-red {
    background-color: #FF5722
}

.bg-color-green {
    background-color: #009688
}

.bg-color-cyan {
    background-color: #2F4056
}

.bg-color-blue {
    background-color: #1E9FFF
}

.bg-color-dark {
    background-color: #393D49
}
.bg-color-success {
    background-color: #5FB878
}
.bg-color-info {
    background-color: #31BDEC
}
.bg-color-white {
    background-color: #fff
}
/*border-color*/
.border-color-drak-0 {
    border-color: #FAFAFA
}
.border-color-drak-1 {
    border-color: #F6F6F6
}
.border-color-drak-2 {
    border-color: #EEEEEE
}
.border-color-drak-3 {
    border-color: #E2E2E2
}
.border-color-drak-4 {
    border-color: #DDDDDD
}
.border-color-drak-5 {
    border-color: #D2D2D2
}
.border-color-drak-6 {
    border-color: #CCCCCC
}
.border-color-drak-7 {
    border-color: #C2C2C2
}

.border-color-red {
    border-color: #FF5722
}

.border-color-worming {
    border-color: #FFB800
}

.border-color-red {
    border-color: #FF5722
}

.border-color-green {
    border-color: #009688
}

.border-color-cyan {
    border-color: #2F4056
}

.border-color-blue {
    border-color: #1E9FFF
}

.border-color-dark {
    border-color: #393D49
}

.border-color-success {
    border-color: #5FB878
}
.border-color-info {
    border-color: #31BDEC
}
.border-radius-1 {
    border-radius: 1px;
}
.border-radius-2 {
    border-radius: 2px;
}
.border-radius-3{
    border-radius: 3px;
}

.border-radius-3 {
    border-radius: 3px;
}
.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-25 {
    border-radius: 25px;
}
.border-radius-30 {
    border-radius: 30px;
}
/*pading*/
.padding-0 {
    padding:0px;
}
.padding-5 {
    padding: 5px;
}
.padding-10 {
    padding: 10px;
}
.padding-15 {
    padding: 15px;
}
.padding-20 {
    padding: 20px;
}
.padding-25 {
    padding: 25px;
}
.padding-30 {
    padding: 30px;
}
.padding-left-0 {
    padding-left: 0px;
}

.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-25 {
    padding-left: 25px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-35 {
    padding-left: 35px;
}
.padding-right-0 {
    padding-right: 0px;
}

.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-25 {
    padding-right: 25px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-right-35 {
    padding-right: 35px;
}
.padding-top-0 {
    padding-top: 0px;
}

.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-25 {
    padding-top: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

.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-25 {
    padding-bottom: 25px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-35 {
    padding-bottom: 35px;
}
/*margin*/
.margin-0 {
    margin: 0px !important;
}
.margin-5 {
    margin: 5px;
}
.margin-10 {
    margin: 10px;
}
.margin-15 {
    margin: 15px;
}
.margin-0 {
    margin: 0px;
}
.margin-0 {
    margin: 0px;
}
.margin-bottom-0 {
    margin-bottom: 0px;
}

.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-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-top-0 {
    margin-top: 0px;
}

.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-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-left-0 {
    margin-left: 0px;
}

.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-25 {
    margin-left: 25px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-35 {
    margin-left: 35px;
}

.margin-right-0 {
    margin-right: 0px;
}

.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-25 {
    margin-right: 25px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-35 {
    margin-right: 35px;
}
/*font-size*/
.font-size-8 {
    font-size: 8px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-34 {
    font-size: 34px;
}

.font-size-36 {
    font-size: 36px;
}

.font-size-38 {
    font-size: 38px;
}

.font-size-40 {
    font-size: 40px;
}
.font-size-8 {
    font-size: 8px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-34 {
    font-size: 34px;
}

.font-size-36 {
    font-size: 36px;
}

.font-size-38 {
    font-size: 38px;
}

.font-size-40 {
    font-size: 40px;
}
/*text-align*/
.text-center {
    text-align:center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-end {
    text-align: end;
}
.text-start {
    text-align: start;
}
.text-revert {
    text-align: revert;
}
/*line-height*/
.line-height-12 {
    line-height: 12px;
}

.line-height-14 {
    line-height: 14px;
}

.line-height-16 {
    line-height: 16px;
}

.line-height-18 {
    line-height: 18px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-22 {
    line-height: 22px;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-26 {
    line-height: 26px;
}

.line-height-28 {
    line-height: 28px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-32 {
    line-height: 32px;
}

.line-height-34 {
    line-height: 34px;
}

.line-height-36 {
    line-height: 36px;
}

.line-height-38 {
    line-height: 38px;
}

.line-height-40 {
    line-height: 40px;
}

.line-height-42 {
    line-height: 42px;
}

.line-height-44 {
    line-height: 44px;
}

.line-height-46 {
    line-height: 46px;
}

.line-height-48 {
    line-height: 48px;
}

.line-height-50 {
    line-height: 50px;
}

.float-start {
    float: left !important;
}
.float-end{
    float:right !important;
}
.layui-card-header {
    height:auto
}