html, body {
    font-family:Tahoma !important;
    font-weight: 300;
    padding:25px 0 20px;
    background: #fff;
    font-size: 12px;
    background: url(../Images/home-bg.png) repeat;
}
.main-leave {
    width:100%;
    height:auto;
    min-height:500px;
    background-color:#fff;
    font-size:11px;
}
    .main-leave .form-control[disabled], .form-control[readonly], fieldset[disabled], .form-control
     {
        height:22px;
        border:1px solid #9f9f9f;
        background-color:#fff;
        border-radius:3px;
    }
.main-leave textarea.form-control {

        border:1px solid #9f9f9f;
        background-color:#fff;
        border-radius:3px;
        height:35px;
}
.main-leave textarea.form-control1 {

        border:1px solid #9f9f9f;
        background-color:#fff;
        border-radius:0;
        height:40px;
          display: block;
  width: 100%;
  padding: 2px 12px;
  padding-left:4px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
    .main-leave .button 
    {
    background-color: #678200;
    border-color: #28a745;
    border: 0;
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
    padding: 7px 26px;
    -moz-border-radius:3px;
    }
   
       .main-leave .button:hover
    {
    background-color: #4d5f0c;
    border-color: #1e7e34;
    }

        .main-leave .green-button 
    {
        width:100px;
        height:26px;
        background-color:#569275/*#226bb7*/;
        border:0;
        color:#fff;
        font-size:12px;
        font-weight:bold;
        margin-bottom:5px;
        border-radius:4px;
        -moz-border-radius:5px;
    }
    .main-leave h3 
    {
        width:100%;
        height:30px;
        line-height:30px;
        background-color: #9dc52e    !important;
        color:#fff;
        padding-left:10px;
        font-size:16px;
        border-radius: 3px;
        margin-top:0px;
    }
        .error h3 
    {
        width:100%;
        height:30px;
        line-height:30px;
        background-color:#bd708f;
        color:#fff;
        padding-left:10px;
        font-size:16px;
        border-radius: 3px;
        margin-top:0px;
    }
    .main-leave ul 
    {
        margin0;
        padding:0;
    }
.Leave li 
{
    background-color:#f6f8f7;
    border:1px solid #222222;
    border-radius:5px;
    -moz-border-radius:5px;
    width:130px;
    height:130px;
    float:left;
    margin-right:40px;
    list-style-type:none;
    text-align:center;
    margin-bottom:10px;
}
.Leave li a 
{
        text-decoration:none;
        font-size:11.5px;
        font-weight:bold;
        line-height:13px;
}

.Leave_Application 
{


    background: hsla(0, 0%, 0%, 0) url("../Images/LeaveApplication.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}

.Leave_Approval 
{
    background: hsla(0, 0%, 0%, 0) url("../Images/approval.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}

.Leave_Cancel 
{


    background: hsla(0, 0%, 0%, 0) url("../Images/leave-cancel.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.Cancel_Approvel 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/Cancel_Approvel.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.Can_Approvel 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/Can_Approvel.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}

.My_Approval 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/My_Approval.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.leave-balance
{


    background: hsla(0, 0%, 0%, 0) url("../Images/leave-balance.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}


.salary_structure
{


    background: hsla(0, 0%, 0%, 0) url("../Images/salary.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}

.Login_history
{


    background: hsla(0, 0%, 0%, 0) url("../Images/loginhistory.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}

.Growth_history
{
    background: hsla(0, 0%, 0%, 0) url("../Images/growth.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.Attandence_sheet
{
    background: hsla(0, 0%, 0%, 0) url("../Images/Attendance.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}



.Leave_Coff 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/c-off.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 54px;
}

.Leave_Onduty 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/on-duty.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}
.timesheet_summary 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/timesheet_summary.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}
.timesheet_report 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/timesheet_report.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}

.jp 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/jp.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}
.location-tracking
{

    background: hsla(0, 0%, 0%, 0) url("../Images/location.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}

.text-align 
{
    text-align:right;
}
.left 
{
    float:left;
}
.right 
{
    float:right;
}
/*tr.dxgvDataRow_Metropolis 
{
    height:10px;
}*/
.main-leave .model-dialog1 
{
    /*width:900px;*/
    width:70%;
}
.search 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/search.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}
.telephonedirectory 
{
    background: hsla(0, 0%, 0%, 0) url("../Images/telephonedirectory.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}
.bloodbank 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/bloodbank.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}
.employee-search 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/employee-search.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width: 58px;
}

.textt
{
    font-weight:bold;
    background-color:#f8e7ee !important;
}
.menu-des 
{
    margin-top:20px;
}
.des {
    margin-top: -3px;
    margin-bottom: 11px;
}
.document-upload 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/document-upload.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:50px;
}
 .profile-icon 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/profile.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:44px;
}

 .invest-upload 
{

    background: hsla(0, 0%, 0%, 0) url("../Images/invest-declaration.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -30px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:50px;
}
 .tds_Investments
{
    background: hsla(0, 0%, 0%, 0) url("../Images/growth.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.tds_TaxCalc
{
    background: hsla(0, 0%, 0%, 0) url("../Images/online-tax.jpg") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.tds_12bb
{
    background: hsla(0, 0%, 0%, 0) url("../Images/form-12.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.daily-punching
{
    background: hsla(0, 0%, 0%, 0) url("../Images/daily-punching.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.daily-attendance
{
    background: hsla(0, 0%, 0%, 0) url("../Images/daily-attendance.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.weekly-attendance
{
    background: hsla(0, 0%, 0%, 0) url("../Images/weekly-attendance.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 25px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.Monthly-Attendance-Report
{
    background: hsla(0, 0%, 0%, 0) url("../Images/Monthly-Attendance-Report.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.interview-tracker
{
    background: hsla(0, 0%, 0%, 0) url("../Images/interview-tracker.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.interview-evaluation
{
    background: hsla(0, 0%, 0%, 0) url("../Images/interview-evaluation.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -27px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.Recruitment
{
    background: hsla(0, 0%, 0%, 0) url("../Images/Recruitment.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.Recruitment-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/recruitment_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.salary-advance
{
    background: hsla(0, 0%, 0%, 0) url("../Images/salary_advance.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.media-allowance
{
    background: hsla(0, 0%, 0%, 0) url("../Images/media_allowance.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.preiodic-deduction
{
    background: hsla(0, 0%, 0%, 0) url("../Images/periodic_deduction.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.leave-encashment
{
    background: hsla(0, 0%, 0%, 0) url("../Images/leave_encashment.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.employee-resign
{
    background: hsla(0, 0%, 0%, 0) url("../Images/resignation.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.employee-transfer
{
    background: hsla(0, 0%, 0%, 0) url("../Images/employee_transfer.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.employee-confirmation
{
    background: hsla(0, 0%, 0%, 0) url("../Images/employee_confirmation.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.employee-promotion
{
    background: hsla(0, 0%, 0%, 0) url("../Images/promotion.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.night-allowance
{
    background: hsla(0, 0%, 0%, 0) url("../Images/night_allowance.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.workflow-history
{
    background: hsla(0, 0%, 0%, 0) url("../Images/workflow_history.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.salary-advance_approve
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/salary_advance_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.media-allowance-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/media_allowance_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.periodic-deduction-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/periodic_deduction_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.employee-transfer-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/employee_transfer_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.leave-encashment-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/leave_encashment_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.employee-confirmation-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/employee_confirmation_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.resignation-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/resignation_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.promotion-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/promotion_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}
.night-allowance-approval
{
    background: hsla(0, 0%, 0%, 0) url("../Images/wf_approve/night_allowance_approve.png") no-repeat scroll 0 0;
    height: 100px;
    margin-left: -32px;
    margin-top: 19px;
    padding-top: 59px;
    position: absolute;
    width:54px;
}