/* flexbox */
.flex {
    display: flex;
}

.justify-start {
    justify-content: flex-start !important;
}

.justify-end {
    justify-content: flex-end !important;
}

.justify-center {
    justify-content: center !important;
}

.justify-between {
    justify-content: space-between !important;
}

.justify-around {
    justify-content: space-around !important;
}

.justify-evenly {
    justify-content: space-evenly !important;
}

.items-stretch {
    align-items: stretch !important;
}

.items-start {
    align-items: flex-start !important;
}

.items-center {
    align-items: center !important;
}

.items-end {
    align-items: flex-end !important;
}

.items-baseline {
    align-items: baseline !important;
}




/* Display */
.hidden {
    display: none !important;
}

/* width */
.w-20\% {
    width: 20% !important;
}

.w-80\% {
    width: 80% !important;
}

.w-100\% {
    width: 100% !important;
}

.w-30ch{
    width: 30ch !important;
}

/* height */
.h-auto {
    height: auto !important;
}

/* Text Align */
.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

/* Font Size */
.text-14px {
    font-size: 14px !important;
}

.text-15px {
    font-size: 15px !important;
}

/* Table */
.border-collapse {
    border-collapse: collapse !important;
}

.border-spacing-0 {
    border-spacing: 0 !important;
}


/* Float */
.clearfix {
    clear: both;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

/* Border */
.b-0 {
    border: 0px !important;
}

/* margin */
.ml-auto {
    margin-left: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}

.mr-2px {
    margin-right: 2px !important;
}
.mr-4px {
    margin-right: 4px !important;
}
.mr-6px {
    margin-right: 6px !important;
}
.mr-10px {
    margin-right: 10px !important;
}
.mr-12px {
    margin-right: 12px !important;
}
.mr-15px {
    margin-right: 15px !important;
}
.mr-20px {
    margin-right: 20px !important;
}
.mr-25px {
    margin-right: 25px !important;
}
.mr-30px {
    margin-right: 30px !important;
}

.mt-32px {
    margin-top: 32px !important;
}

.ml-5px {
    margin-left: 5px !important;
}

.mb-7px {
    margin-bottom: 7px !important;
}

/* padding */
.p-0 {
    padding: 0px !important;
}

/* background-color */
.bg-white {
    background: rgb(255, 255, 255) !important;
}

.bg-pending {
    background: #d6b045 !important;
}

.bg-light-pending {
    background: #f7f0dc !important;
}

.bg-approved {
    background: #669f7c !important;
}

.bg-light-approved {
    background: #dae8e0 !important;
}

.bg-rejected {
    background: #cb7544 !important;
}

.bg-light-rejected {
    background: #f5e5dc !important;
}

/* text-color */
.text-red {
    color: #f06019 !important;
}

.text-blue {
    color: #3473cb !important;
}

/* Word break */
.break-words {
    overflow-wrap: break-word !important;
}

/* cursor */
.cursor-pointer{
    cursor: pointer !important;
}