.bg-red {
    background-color: #ff4c36 !important;
}

.bg-orange {
    background-color: #F97600 !important;
}

.bg-yellow {
    background-color: #ffd734 !important;
}

.bg-green {
    background-color: #75dd59 !important;
}

.font-red {
    color: #ff4c36 !important;
}

.font-yellow {
    color: #ffd734 !important;
}

.font-green {
    color: #75dd59 !important;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

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

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

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

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

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

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

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

.font-grey-cascade {
    color: #7F7F7F!important;
}


.crossed {
    text-decoration: line-through;
}


.font-black {
    color: #000;
}

.nowrap {
    white-space: nowrap;
}

.sorting {
    cursor: pointer;
}

.border-left {
    border-left: 1px solid #e9eaea;
}

.border-right {
    border-right: 1px solid #e9eaea;
}

.border-left-2 {
    border-left: 2px solid #e9eaea;
}

.border-right-2 {
    border-right: 2px solid #e9eaea;
}

.red-dot {
    height: 12px;
    width: 12px;
    background-color: #ff4c34;
    border-radius: 50% !important;
    display: inline-block;
}

.yellow-dot {
    height: 12px;
    width: 12px;
    background-color: #ffd734;
    border-radius: 50% !important;
    display: inline-block;
}

.green-dot {
    height: 12px;
    width: 12px;
    background-color: #77dc58;
    border-radius: 50% !important;
    display: inline-block;
}

.blue-dot {
    height: 12px;
    width: 12px;
    background-color: #24adf5;
    border-radius: 50% !important;
    display: inline-block;
}

.purple-dot {
    height: 12px;
    width: 12px;
    background-color: #8321a0;
    border-radius: 50% !important;
    display: inline-block;
}