@charset "utf-8";

.bg-white {
    background-color: #fff
}

.bg-gray-100 {
    background-color: #f3f3f3
}

.bg-blue-500 {
    background-color: #236fee
}

.bg-red-560 {
    background-color: #f82d33
}

.bg-red-600 {
    background-color: red
}

.text-danger {
    color: #e60000
}

.text-success {
    color: #6b0
}

.text-white {
    color: #fff
}

.text-black {
    color: #000
}

.text-gray-300 {
    color: #b2b2b2
}

.text-gray-400 {
    color: #999
}

.text-gray-430 {
    color: dimgray
}

.text-gray-500 {
    color: #666
}

.text-red-560 {
    color: #f82d33
}

.text-red-600 {
    color: red
}

.text-blue-490 {
    color: #3568e7
}

.text-blue-500 {
    color: #236fee
}

.text-xs {
    font-size: 12px
}

.text-sm {
    font-size: 14px
}

.text-base {
    font-size: 16px
}

.text-lg {
    font-size: 18px;
    line-height: 28px
}

.text-xl {
    font-size: 20px;
    line-height: 28px
}

.flex {
    display: flex
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.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
}

.justify-evenly {
    justify-content: space-evenly
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.inline-block {
    display: inline-block
}

.overflow-hidden {
    overflow: hidden !important
}

.border-0 {
    border-width: 0
}

.opacity-60 {
    opacity: .6
}

.fixed {
    overflow: hidden;
    padding-right: 17px
}

.h-full {
    height: 100%
}