.step .step-title{font-weight: bold;font-size: 16px;color: #9e9e9e;}
.step.active .step-title span{color: #434343;}
.step .step-title span{display: block;font-weight: normal;font-size: 13px;margin-top: 3px;}
.textarea span a{color: #666 !important;font-size: 11px !important;}
.textarea span.countdown{margin-top: 3px !important;}
ul.stepper .step.active .step-title{font-weight: bold;color: #764FB7;font-size: 16px;}
.Stepper-Section .step .step-content .col-md-6 label {color: #434444;margin-bottom: 0px;font-weight: bold;line-height: 16px;
height: 35px;display: table-cell;vertical-align: bottom;}
.Stepper-Section .step .step-content .col-md-6 .DatePickerBox { width: 180px !important;border-radius: 5px;outline: none;
 padding: 5px 10px 5px 35px !important;display: block;}
.Stepper-Section .step .step-content .col-md-6 .DatePickerBox,  .Stepper-Section .step .step-content .col-md-6 textarea {margin-top: 10px;}
.Stepper-Section .step .step-content .col-md-6 textarea{width: 80%;border-radius: 5px;}
.Stepper-Section .step .step-content .col-md-6 textarea:active, .Stepper-Section .step .step-content .col-md-6 textarea:hover, 
.Stepper-Section .step .step-content .col-md-6 textarea:focus
{border: 1px solid #764FB7;}
.Stepper-Section .step .step-content .col-md-6 .btn-group{width: 270px !important;margin-top: 10px !important;}
.Stepper-Section .step .step-content .col-md-6 .countdown{width: 80%;}
.Stepper-Section ul.stepper {padding: 30px 10px;}
.step-content .row .col-md-6,.step-content .row .col-md-4{margin-bottom: 0px;}
ul.stepper .step.active::before, ul.stepper .step.done::before {background-color: #2196f3;}
ul.stepper .step .Step-Count {
    position: absolute;
    height: 40px;
    width: 40px;
    color: #fff;
    background-color: #b2b2b2;
    border-radius: 50%;
    text-align: center;
    line-height: 41px;
    font-weight: 400;
    transition: background-color .4s cubic-bezier(.4,0,.2,1);
    font-size: 16px;
    left: -7px;
    top: 9px;
}
.StepComplete i{position: absolute;height: 40px;
    width: 40px;
    color: #fff;
    background-color: #764FB7;
    border-radius: 50%;
    text-align: center;
    line-height: 41px;
    font-weight: 400;
    transition: background-color .4s cubic-bezier(.4,0,.2,1);
    font-size: 16px;
    left: -7px;
    top: 9px;display: none;}
ul.stepper .step.active .Step-Count{background-color: #764FB7;color: #fff;height: 45px;width: 45px;line-height: 47px;top: 0px;}
ul.stepper .PrevStep .Step-Count{display: none;}
ul.stepper .PrevStep .StepComplete i{display: block;cursor: pointer;}
ul.stepper .step:not(:last-of-type)::after {content: '';position: absolute;top: 52px;left: 13.5px;width: 1px;height: 40%;
height: calc(100% - 52px);background-color: rgba(0,0,0,.1);transition: height .4s cubic-bezier(.4,0,.2,1);}
ul.stepper .step:not(:last-of-type).active {padding-bottom: 50px;}
ul.stepper .step {position: relative;}
ul.stepper .step .step-title {cursor: default;padding: 10px 44px 10px 65px;display: block;}
ul.stepper .step.active .step-title, ul.stepper .step.PrevStep .step-title {cursor: pointer;}
ul.stepper .step.PrevStep .step-title {color: #434343;}
.waves-effect {cursor: pointer;display: inline-block;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
user-select: none;-webkit-tap-highlight-color: transparent;vertical-align: middle;z-index: 1;-webkit-transition: .3s ease-out;transition: .3s ease-out;}
ul.stepper .step.active .step-content {height: auto;display: block;}
ul.stepper .step .step-content {position: relative;display: none;height: 0;transition: height .4s cubic-bezier(.4,0,.2,1);
 width: inherit; overflow: visible; margin-left: 55px;margin-right: 24px;}
.Stepper-Section .Passport-Section .Passport-list label{padding: 0px 10px 0px;}
.Stepper-Section .Passport-Section .SerachArea, .Stepper-Section .Passport-Section .table-section, 
.Stepper-Section .Passport-Section .PaginationNew{margin-left: 10px !important;}
.table-section.StepRelieving .TableContainer{margin-right: 0px;padding-bottom: 0px;}
.Stepper-Section .SerachArea .Eligible {margin: 5px 0px 8px 20px;}
.SerachArea .SettingIco:hover{border: 1px solid #764FB7;}
.SerachArea .SettingIco{float: right;background: #fff; width: 36px;height: 34px;text-align: center;border-radius: 5px;
margin-left: 12px;font-size: 18px;color: #764FB7;line-height: 34px;cursor: pointer;box-shadow: 0 0px 8px #dcdada;
border: 1px solid #fff;}
.PaginationNew .PageLength .bootstrap-select{width: 70px !important;}
.Employee-Search .dataTables_paginate{border-top: 1px solid #e0e0e0;}
.Stepper-Section .step .step-content .col-md-6 label span{display: inline-block;margin-left: 5px;color: #ef0707;}
.carousel-inner .NomineeDetails.ProfileDeactive{padding: 15px 0px 10px 6px;}
.Employee-List, .Choose-Employee{display: inline-block;}
.Choose-Employee{float: right;}
.Choose-Employee a{margin: 7px 0px 0px 20px;
    display: inline-block;}
.choose-employee-grid .TableContainer  .rTableRow .rTableCell{pointer-events: none;}
.stepper .bootstrap-select button.selectpicker.btn.btn-default.dropdown-toggle, .btn-group button.multiselect{height: 42px;}
@media (min-width: 768px) and (max-width: 960px){
    .Employee-List, .Choose-Employee{display: block;float: left;}
    .Employee-List .SerachArea{padding-bottom: 0px;}
    .choose-employee-grid{margin-top: 10px;}
}
@media (min-width: 1000px) and (max-width: 1193px){
    .Employee-List, .Choose-Employee{display: block;float: left;}
    .Employee-List .SerachArea{padding-bottom: 0px;}
    .choose-employee-grid{margin-top: 10px;}
}