/* Helper classes */

.mt-10{
    margin-top: 10px !important;
}
.mt-15{
    margin-top: 15px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.mt-30{
    margin-top: 30px !important;
}

.pt-1{
    padding-top: 1rem !important;
}
.pl-10{
    padding-left: 10px !important;
}
.pr-10{
    padding-right: 10px !important;
}

.mb-1{
    margin-top: 1rem !important;
}

.mb-0{
    margin-bottom: 0px;
}

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

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


.mr-5{
    margin-right: 5px !important;
}
.mr-15{
    margin-right: 15px !important;
}
.mr-10{
    margin-right: 10px !important;
}

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


/* Border  */

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

/* Float  */

.float-right{
    float: right;
}

.float-left{
    float: left;
}

.d-flex{
    display: flex !important;
}

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



/* Appraisal View  */

.guidlines{
    display: flex;
    justify-content: space-between;
    padding:5px 0px 15px;
}

label.scores{
    display: block;
    text-align: center;
    font-weight: normal;
}
.fw-bold{
    font-weight: bold !important;
}

label.total_scores{
    transform: translateY(5px);
}



@media(min-width:300px) and (max-width: 568px) {
    .guidlines {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 15px;
    }
    label.col-form-label.float-right.total_scores{
        float: left !important;
    }
}