.input-group.mb-3.col-md-2.offset-md-0.paddingleft {
    padding-left: 17px;
    gap: 26px;
    font-size: 13px;
}
td.total-class {
    font-weight: 600!important;
}
td.totalweight-class {
    font-weight: 600!important;
    
}
a.totalcomment-class {
    line-height: 29px;
}
.totalweight-class a:hover {
    color: orange!important;
}
.slab-form label {
    display: inline-flex;
    padding-right: 24px;
}
.flex_class label {
    display: inline-flex;
    padding-right: 24px;
}
.modal-footer.margin_Class {
    justify-content: center;
}
.col-md-12.gap_class {
    margin-top: 20px;
}
.space_class {
    margin-right: 9px;
}
.slab-class {
    display: flex;
    gap: 20px;
}
.employee_name{
    float: right;
    margin-top: -33px;
    text-transform: capitalize;
    margin-right: 20px;
    font-size: 15px;
}
.score-card-icon{
    height: 27px;   
    vertical-align: top;
}

#slab input {
    overflow: hidden !important;
}
.stalered {
    background-color: rgb(211, 149, 16) !important;
    border: 0px !important;
}

form#criteria {
    margin-top: 25px;
}

.Criteria-class textarea {
    padding: 10px;
    height: 42px;
}
button.btn.btn-success.add_button3 {
    font-size: 14px;
}
.evaluation-form form {
    margin-top: 25px;
}
#slab input {
    font-size: 12px;
    padding: 0px 10px;
}
.fs-12 {
    font-size: 13px;
    display: flex;
    gap: 35px;
}
.width2-size {
    flex: 1!important;
    max-width: 11%!important;
}
    .color-class input {
        height: 18px;
        -moz-height: 18px!important;
        margin-top: 3px;
        
    }
    .radioform-class label.form-check-label {
        font-size: 12px;
    }
    .radioform-class {
        padding: 0px 12px!important;
    }
    .monthly-class th.sorting_disabled.dtfc-fixed-left {
        font-size: 14px!important;
    }
    .monthly-btn .input-group-text {
        border-radius: 0px;
        background: transparent;
        border-right: 0px;
        border-bottom-left-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
        position: relative;
    }
    .monthly-btn input.form-control {
        border-left: 0px;
        border-radius: 0px;
        outline: unset !important;
        box-shadow: unset !important;
        border-bottom-right-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .monthly-btn input {
        font-size: 12px!important;
    }
    .monthly-btn .input-group-text:before {
        content: "";
        width: 1px;
        height: 25px;
        position: absolute;
        background: #cfd4da;
        right: 0;
    }
    button#dateFilterMonth {
        font-size: 12px;
        padding: 9px 20px;
        background: #007bff;
        border: none;
    }
    a.status_btn.clear {
        font-size: 14px;
    }
    
    .dataTables_wrapper .dataTables_info {
        font-size: 14px;
    }
    a#Emp_datatable_previous {
        font-size: 14px;
    }
    a#Emp_datatable_next {
        font-size: 14px;
    }
    .yearly-class .card-body.potentialcontent-class.slab-class {
        padding: 8px;
    }
    .yearly-class .dualbtn2_class {
        padding: 8px;
    }
    .yearly-class h3.card-title {
        padding-left: 8px;
    }
    table#key_engagement_indicator {
        margin-left: auto;
    }
    .yearly-class .input-group-text {
        border-radius: 0px;
        background: transparent;
        border-right: 0px;
        border-bottom-left-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
        position: relative;
    }
    .yearly-class input.form-control {
        border-left: 0px;
        border-radius: 0px;
        outline: unset !important;
        box-shadow: unset !important;
        border-bottom-right-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .yearly-class input {
        font-size: 12px!important;
    }
    .yearly-class .input-group-text:before {
        content: "";
        width: 1px;
        height: 25px;
        position: absolute;
        background: #cfd4da;
        right: 0;
    }
    .yearly-class select {
        font-size: 12px!important;
    }
    button#dateFilterYear {
        font-size: 12px;
        padding: 9px 20px;
    }
    a.status_btn.clear_yearly {
        font-size: 14px;
    }
    .engagement-class p {
        font-size: 14px;
    }
    .labelsize label {
        font-size: 16px;
        color: #000;
        padding-bottom: 15px;
        font-weight: 500!important;
    }
        .textpad-class {
            padding-left: 30px!important;
            margin-right: 60px!important;
        }

        .commentbox {
            display: flex;
        }
        .commentbox div#cke_t_Comments {
            width: 660px!important;
        }
        .commentbox div#cke_t_KeyEngagementIndicator {
            width: 660px!important;
        }
        .commentbox div#cke_HrNoteseditor {
            width: 660px!important;
        }
    #scoreCardForm input.btn.btn-primary {
        background: #1b7ed9!important;
        font-size: 14px;
        padding: 9px 20px;
    }
    .col-md-2.form-group.color-class {
        flex: 1;
        max-width: 12%;
    }
    .col-md-2.offset-md-1.offset-class {
        margin-left: 1%;
    }
   .col-md-2.offset-md-1.fs-12 {
        margin-left: 6%;
    }
    .borsolid-class input#fTotalScore {
        border: 1px solid #000;
    }
    table#key_engagement_indicator {
        margin-left: auto;
        position: relative;
        left: 10px;
    }

    .monthly-class .table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: unset!important;
        vertical-align: top;
       
    }
    .dtfh-floatingparent.dtfh-floatingparenthead table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: unset;
        vertical-align: top;
    }
    table.table.border.row-border.cell-border.table-striped.HR_datatable.nowrap.scorewidth-class.dataTable.no-footer {
        width: 2400px!important;
    }
    table.table.border.row-border.cell-border.table-striped.HR_datatable.nowrap.Criteriawidth-class.dataTable.no-footer {
        width: 2000px!important;
    }


    @media screen and (max-width: 1500px){
        table.table.border.row-border.cell-border.table-striped.HR_datatable.nowrap.Criteriawidth-class.dataTable.no-footer {
            width: 1800px!important;
        }
        .textpad-class {
            padding-left: 30px!important;
            margin-right: 40px!important;
        }
        .commentbox div#cke_t_Comments {
            width: 500px!important;
        }
        .commentbox div#cke_t_KeyEngagementIndicator {
            width: 500px!important;
        }
        .commentbox div#cke_HrNoteseditor {
            width: 500px!important;
        }
        .textpad-class .cke_chrome {
            width: 300px!important;
        }
    }
    @media screen and (max-width: 1380px){
        table.table.border.row-border.cell-border.table-striped.HR_datatable.nowrap.Criteriawidth-class.dataTable.no-footer {
            width: 1660px!important;
        }
        .textpad-class .cke_chrome {
            width: 280px!important;
        }
        .commentbox div#cke_t_Comments {
            width: 440px!important;
        }
        .commentbox div#cke_t_KeyEngagementIndicator {
            width: 440px!important;
        }
        .commentbox div#cke_HrNoteseditor {
            width: 440px!important;
        }
    }