/* FONTS */
.t1 {
    font-size: 24px;
    color: #757A8E;
}
.t2 {
    font-size: 20px;
    color: #757A8E;
}
.t3 {
    font-size: 16px;
    color: #757A8E;
}
.t4 {
    font-size: 14px;
    color: #757A8E;
}
.t5 {
    font-size: 12px;
    color: #757A8E;
}

.pointer{
    cursor: pointer;
}
.font_500{
    font-weight: 500 !important
}
.text_center {
    text-align: center;
}

.white{
    color: white;
}
.width_60px{
    width: 60px !important;
}
.width_80px{
    width: 80px !important;
}
.width_90px{
    width: 90px !important;
}
.width_40p{
    width: 40%;
}
.width_60p{
    width: 60%;
}
.width_70p{
    width: 70%;
}
.width_95p{
    width: 95%;
}
.width_100p{
    width: 100%;
}
.height_40vh{
    height: 40vh;
}
.margin_auto{
    margin: auto;
}
.margin_auto_important{
    margin: auto !important;
}
.mr_20px{
    margin-right: 20px;
}
.m_auto {
    margin: auto;
}
.m_auto_important{
    margin: auto !important;
}
.mv30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.overflow_y_auto{
    overflow-y: auto;
}
.overflow_x_visible{
    overflow-x: visible;
}
.display_none{
    display: none;
}

.float_right{
    float: right;
}
.color_red{
    color:red;
}
.color_orange{
    color: orange;
}

.position_relative{
    position: relative;
}

.flex{
    display: flex;
}
.flex_column{
    flex-direction: column;
}
.flex_row{
    flex-direction: row;
}
.flex_center{
    display: flex;
    justify-content: center;
    align-items: center;
}