/** TEXT ALIGN **/
.left
{
    text-align: left !important;
    text-align: -webkit-left !important;
    text-align: -moz-left !important;
}

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

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

/** FLOAT **/
.float-left
{
    float: left !important;
}

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

/** FLEX **/
.flex-space-between
{
    display: flex !important;
    justify-content: space-between !important;
}

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

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

.flex-middle
{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/** MARGIN **/
.m0
{
    margin: 0 !important;
}

/* MARGIN-TOP */
.mt0
{
    margin-top: 0 !important;
}

.mt8
{
    margin-top: 8px !important;
}

.mt10
{
    margin-top: 10px !important;
}

.mt13
{
    margin-top: 13px !important;
}

.mt15
{
    margin-top: 15px !important;
}

.mt25
{
    margin-top: 25px !important;
}

.mt30
{
    margin-top: 30px !important;
}

.mt40
{
    margin-top: 40px !important;
}

.mt60
{
    margin-top: 60px !important;
}

/* MARGIN-RIGHT */
.mr0
{
    margin-right: 0 !important;
}

.mr5
{
    margin-right: 5px !important;
}

.mr10
{
    margin-right: 10px !important;
}

/* MARGIN-BOTTOM */
.ml0
{
    margin-left: 0 !important;
}

.mb5
{
    margin-bottom: 5px !important;
}

.mb8
{
    margin-bottom: 8px !important;
}

.mb10
{
    margin-bottom: 10px !important;
}

.mb15
{
    margin-bottom: 15px !important;
}

.mb20
{
    margin-bottom: 20px !important;
}

/* MARGIN-LEFT */
.ml5
{
    margin-left: 5px !important;
}

/** PADDING **/
.p0
{
    padding: 0 !important;
}

.p5
{
    padding: 5px !important;
}

.p8
{
    padding: 8px !important;
}

.p10
{
    padding: 10px !important;
}

.p12
{
    padding: 12px !important;
}

.p15
{
    padding: 15px !important;
}

.p20
{
    padding: 20px !important;
}

/* PADDING-TOP */
.pt0
{
    padding-top: 0 !important;
}

.pt10
{
    padding-top: 10px !important;
}

.pt20
{
    padding-top: 20px !important;
}

/* PADDING-RIGHT */
.pr0
{
    padding-right: 0px !important;
}

.pr2
{
    padding-top: 2px !important;
}

.pr5
{
    padding-top: 5px !important;
}

.pr15
{
    padding-right: 15px !important;
}

/* PADDING-BOTTOM */
.pb10
{
    padding-bottom: 10px !important;
}

.pb20
{
    padding-bottom: 20px !important;
}

/* PADDING-LEFT */
.pl0
{
    padding-left: 0px !important;
}

.pl2
{
    padding-left: 2px !important;
}

.pl5
{
    padding-left: 5px !important;
}

.pl15
{
    padding-left: 15px !important;
}

/** FLEX **/
.flex-space-between
{
    display: flex !important;
    justify-content: space-between !important;
}

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


/** DIMENSION **/
.max-content
{
    width: max-content !important;
    width: -moz-max-content !important;
}

.content-center
{
    margin: auto !important;
}

.content-right
{
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* WIDTH */
.w1
{
    width: 1% !important;
}

.w50
{
    width: 50% !important;
}

.w100
{
    width: 100% !important;
}

/* HEIGHT */
.h100
{
    height: 100% !important;
}

.h40px
{
    height: 40px !important;
}

/* WIDTH-HEIGHT */
.wh100
{
    width: 100% !important;
    height: 100% !important;
}

/** FONT **/
.fs25px
{
    font-size: 25px !important;
}

/** OTHER **/
.hidden
{
    display: none;
}

.date-picker, .time-picker
{
    cursor: pointer !important;
}

.pointer
{
    cursor: pointer !important;
}

.capitalize
{
    text-transform: capitalize !important;
}

.uppercase
{
    text-transform: uppercase !important;
}

.border
{
    border: 1px solid black !important;
}

.no-opacity
{
    opacity: 0 !important;
}

.emoji-trigger
{

    border: none;
    background: transparent;
    font-size: 20px;
    opacity: 0.6;
    transition: opacity 0.5s;
    float: right;
    margin-top: -35px
}

.emoji-trigger:hover
{
    opacity: 1

}

.response_form .emoji-trigger
{
    margin-top: -45px
}

.mentions-input-box textarea
{
    /*padding: 0px 43px 15px 20px !important*/
    padding-right: 43px !important;
}

.response_form .mentions strong span
{
    font-size: 14px !important;
}

.user_tag
{
    /*  background-color: #6ec01a !important; */
    color: #6ec01a !important;
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;

}

.orange h4, .orange p, .orange span.user_tag
{
    color: black !important;
}

.name
{
    display: block !important;
    color: #6ec01a !important;
}