.employeeForm {
    display: table;
}

.employeeListForm, .salaryForm, .salaryUpdateForm {
    padding-left: 30px;
    padding-right: 30px;
}

.employeeTitle {
    text-align: center;
    margin-bottom: 30px;
}

.employeeListTitle {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

.employeeListForm p.text-center {
    margin-bottom: 40px;
}

.field-employeeform-identitycard, .field-employeeform-identitycard .help-block-error,
.field-employeeupdateform-identitycard, .field-employeeupdateform-identitycard .help-block-error,
.field-employeeform-emploletter, .field-employeeform-emploletter .help-block-error,
.field-employeeupdateform-emploletter, .field-employeeupdateform-emploletter .help-block-error,
.field-employeeform-copyqualify, .field-employeeform-copyqualify .help-block-error,
.field-employeeupdateform-copyqualify, .field-employeeupdateform-copyqualify .help-block-error,
.field-employeeform-workProof, .field-employeeform-workProof .help-block-error,
.field-employeeupdateform-workProof, .field-employeeupdateform-workProof .help-block-error,
.field-employeeform-documents, .field-employeeform-documents .help-block-error,
.field-employeeupdateform-documents, .field-employeeupdateform-documents .help-block-error,
.field-salariesfileform-copysalary, .field-salariesfileform-copysalary .help-block-error,
.field-salariesfileform-copympf, .field-salariesfileform-copympf .help-block-error
{
    margin-bottom: 0!important;
}

.borderBottom1
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.supervisorInfo {
    margin-top: 25px;
    margin-bottom: 10px;
}

.supervisorInfo h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.employeeSubmit {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.submitBtnText {
    margin-top: 10px;
    color: darkgray;
}

.employeeSubmit button {
    width: 200px;
    font-size: 17px;
}

.field-employeeform-freshgraduate p {
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
}

.field-employeelistform-numberemployee2, .field-employeelistform-numberemployee2 p,
.field-employeelistform-numberemployee1, .field-employeelistform-numberemployee1 p,
.field-employeeform-jobdesc, .field-employeeform-jobdesc p,
.field-employeeupdateform-jobdesc, .field-employeeupdateform-jobdesc p,
.field-employeeform-copysalary, .field-employeeform-copysalary p,
.field-employeeupdateform-copysalary, .field-employeeupdateform-copysalary p,
.field-employeeform-copympf, .field-employeeform-copympf p,
.field-employeeupdateform-copympf, .field-employeeupdateform-copympf p,
.field-employeelistupdateform-employeelist, .field-employeelistupdateform-employeelist p
{
    margin-bottom: 0;
}

.employeesTitle {
    margin-top: 40px;
    margin-bottom: 10px;
}

.employeeSubTitle {
    margin-top: 0;
    margin-bottom: 20px;
}

a.asc:after {
    content: "\e155";
}

a.desc:after {
    content: "\e156";
}

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

.notDefined {
    color: darkgray;
    margin: 0!important;
    font-size: 14px!important;
}

.employeeDetail tr td:first-child {
    text-align: left;
    width: 50%;
}

.newApplication {
    margin-bottom: 20px;
}

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

.prev2Month, .prevMonth, .uploadedText {
    display: none;
}

.disabledInput {
    pointer-events: none;
    background: lightgrey;
    border: 1px solid lightgrey;
}

.noText {
    display: none;
}

/* LOADER 6 */
.loaderContainer {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.9);
    z-index: 100;
}

.loader{
    border-radius: 100%;
    margin: 0 auto;
}

#loader-6{
    top: 40px;
    left: -2.5px;
}

#loader-6 span{
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #3498db;
}

#loader-6 span:nth-child(1){
    animation: grow 0.9s ease-in-out infinite;
}

#loader-6 span:nth-child(2){
    animation: grow 0.9s ease-in-out 0.15s infinite;
}

#loader-6 span:nth-child(3){
    animation: grow 0.9s ease-in-out 0.30s infinite;
}

#loader-6 span:nth-child(4){
    animation: grow 0.9s ease-in-out 0.45s infinite;
}

.field-employeeform-replaceduserid, .field-employeeupdateform-replaceduserid {
    display: none;
}

@keyframes grow{
    0%, 100%{
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    50%{
        -webkit-transform: scaleY(1.8);
        -ms-transform: scaleY(1.8);
        -o-transform: scaleY(1.8);
        transform: scaleY(1.8);
    }
}