@media screen 1240x260 {
}

@

body {
}

/*Action Button*/

#pcTimeSsheet_CC {
    padding: 11px 0px;
}

#pcTimeSsheet {
    min-width: 100% !important;
}

#divPanelButtons .dxb {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 50px;
    width: auto;
    min-width: 70px;
    background-position: top center;
    padding-top: 3px;
    /*border : 0px none #ffffff;*/
}

    #divPanelButtons .dxb span {
        padding-top: 35px;
    }
 #btnPrint_CD {
    background-image: url("../Content/Images/print.png");
    }
#btnNewline_CD {
    background-image: url("../Content/Images/Add.png");
}

#btnUpdate_CD {
    background-image: url("../Content/Images/Save.png");
}

#btnCancel_CD {
    background-image: url("../Content/Images/Cancel.png");
}

#btnDelete_CD {
    background-image: url("../Content/Images/Delete.png");
}

#btnFirst_CD {
    background-image: url("../Content/Images/First.png");
}

#btnPrevious_CD {
    background-image: url("../Content/Images/Previous.png");
}

#btnNext_CD {
    background-image: url("../Content/Images/Next.png");
}

#btnLast_CD {
    background-image: url("../Content/Images/Last.png");
}
.btnEditPercentage{
    background-image: url("~/Content/EarnPercentage.png");
}




#btnCancel, #btnUpdate, #btnNewline, #btnDelete, #btnPrint, #btnEditPercentage {
    margin-left: 7px;
    margin-top: 5px;
    border: 0px none #ffffff;
}

#btnFirst, #btnPrevious, #btnNext, #btnLast {
    margin-left: 7px;
    margin-top: 5px;
    border: 0px none #ffffff;
}

.divGridMain {
    width: 100%;
    border: 1px solid #2f88ca;
    margin: 5px 0 0 0;
    padding: 15px;
}


.divGridCaption {
    position: relative;
    left: 20px;
    top: -25px;
    background-color: white;
    color: gray;
    font-weight: bold;
    display: inline-block;
    width: auto;
    padding: 0 10px;
}

.divMainForm {
    border: 1px solid #dcd7d7;
    padding: 10px;
    /*width: 925px;*/
    width: 100%;
    height: 100%;
}

.divMainFormInner {
    //padding: 10px 0px;
}

.divMainForm1 {
    border: 1px solid #dcd7d7;
    padding: 10px;
    width: auto;
    height: 85%;
}

.divMainFormShiftCode {
    border: 1px solid #dcd7d7;
    padding: 10px;
    width: 100%;
    height: 85%;
}

.divMainEmailFormat {
    border: 1px solid #dcd7d7;
    padding: 0px;
    width: 100%;
    height: 85%;
    margin-left:5px;
    padding-top:7px;
    padding-bottom:7px;
}

.divMainEmailPopup {
    border: 1px solid #dcd7d7;
    padding: 0px;
    width: 96%;
    height: 85%;
    margin-left:5px;
    padding-top:5px;
   
}

.divMainFormAuto {
    border: 1px solid #dcd7d7;
    padding: 10px;
    width: auto;
    height: 85%;
}

.divMainFormManualPunch {
    border: 1px solid #dcd7d7;
    padding: 10px;
    width: auto;
    height:auto;
}

.divMainFormShiftHoliday {
    border: 1px solid #dcd7d7;
    padding: 10px;
    width: 925px;
    height: 100%;
}


.divMainFormInner1 {
    padding: 10px 0px;
}

.l {
    float: left;
}
/*.dxgvEmptyDataRow_DevEx td.dxgv {
        text-align: left;
    }*/

.r {
    float: right;
}

hr {
    border: 1px solid #CCCCCC;
}

.tblRowHeight {
    height: 25px;
}

.tbl {
    width: 100%;
    border: 0px solid gray;
    padding: 0;
    margin: 0;
}

.t {
    width: 100%;
    height: auto;
    border: 0px solid gray;
    padding: 0;
    margin: 0;
}


.tbl1 {
    width: 100%;
    border: 1px solid gray;
    padding: 0;
    margin: 0;
}

.col1 {
    float: left;
    width: 25%;
    vertical-align: middle;
    margin: 2px 0;
    height: 20px;
    padding-top: 3px;
}
.col1111 {
    float: left;
    width: 25%;
    vertical-align: middle;
    margin: 2px 0;
    height: 20px;
    padding-top: 3px;
}

.col2222 {
    float: left;
    width: 25%;
    vertical-align: middle;
    margin: 2px 0;
    height: 20px;
    padding-top: 3px;
}

.col3333 {
    float: left;
    width: 25%;
    vertical-align: middle;
    margin: 2px 0;
    height: 20px;
    padding-top: 3px;
}

.col4444 {
    float: left;
    width: 25%;
    vertical-align: middle;
    margin: 2px 0;
    height: 20px;
    padding-top: 3px;
}

.colZero {
    float: left;
    width: 4%;
    vertical-align: middle;
    margin: 2px 0;
    height: 20px;
    padding-top: 3px;
}

.colPay {
    float: left;
    width: 25%;
    vertical-align: middle;
    margin: 2px 0;
    height: 20px;
    padding-top: 3px;
}

.col11 {
    float: left;
    width: 23%;
    vertical-align: middle;
    margin: 2px 0;
}


.col111 {
    float: left;
    width: 25%;
    vertical-align: middle;
    margin: 2px 0;
}

.col10 {
    float: left;
    width: 32%;
    vertical-align: middle;
    margin: 2px 0;
    margin-left: 4px;
    padding-left: 4px;
}

.col22 {
    float: left;
    width: 29%;
    margin: 3px 0;
    vertical-align: middle;
    margin-right:-25px;
}

.col2 {
    float: left;
    width: 29%;
    margin: 2px 0;
    vertical-align: middle;
}
.col222 {
    float: left;
    width: 95%;
    margin: 2px 0;
    vertical-align: middle;
    padding-left:6px;
}

.col3 {
    float: left;
    width: 20%;
    vertical-align: middle;
    margin: 2px 0;
    height: 20px;
    padding-top: 3px;
}

.col4 {
    float: left;
    width: 29%;
    margin: 2px 0;
    vertical-align: middle;
}


#btnCancel {
    margin-left: 10px;
    margin-top: 5px;
}

#btnFirst {
    margin-left: 10px;
    margin-top: 5px;
}

#btnPrevious {
    margin-left: 10px;
    margin-top: 5px;
}

#btnNext {
    margin-left: 10px;
    margin-top: 5px;
}

#btnLast {
    margin-left: 10px;
    margin-top: 5px;
}

#btnUpdate {
    margin-top: 5px;
}

#btnUpdate1 {
    margin-top: 5px;
    height: 19px;
    margin-right: 5px;
}

#btnCancel1 {
    margin-top: 5px;
    height: 19px;
    margin-right: 5px;
}

#btnUpdateTs {
    margin-top: 5px;
    height: 19px;
    margin-right: 5px;
}

#btnCancelTs {
    margin-top: 5px;
    height: 19px;
    margin-right: 5px;
}

#btnView1 {
    margin-top: 0px;
    height: 10px;
}

#btnPrint1 {
    margin-top: 0px;
    height: 18px;
}
/*#btnGetSchedule {
    margin-top: 10px;
}*/

.fieldSet {
    border: 1px solid #cccccc;
}

.fieldSetCaption {
    position: relative;
    top: -8px;
    left: 20px;
    padding: 0 5px;
    display: inline-block;
    width: auto;
    background-color: white;
    font-weight: bold;
}
/*Employee*/
#divEmployeeMasterDetail {
    width: 100%;
}

#tblEmployeeMasterDetail .col1 {
    width: 130px;
}

#tblEmployeeMasterDetail .col3 {
    width: 100px;
}

#divEmployeeRecidence, #divEmergencyContact {
    float: left;
    clear: both;
    font-weight: bold;
    margin: 5px 0;
    width: 100%;
}

#divRecedenceTable, #divemergencyContactTable {
    width: 100%;
    float: left;
}

    #divRecedenceTable .col1, #divemergencyContactTable .col1 {
        width: 100px;
    }

    #divRecedenceTable .col3, #divemergencyContactTable .col3 {
        width: 100px;
    }


.customValidationMessage {
    clear: both;
    margin: 5px 0;
}

.validation-summary-errors {
    clear: both;
    margin: 5px 0;
    color: red;
    font-size: 11px;
}

.customValidationMessage div {
    color: red;
    font-size: 11px;
}

#validationSummary {
    color: red;
    margin: 5px 0;
}


#validationSummary > ul {
    padding: 0;
}

.validation-summary-errors > ul {
    margin-left: -35px;
}
/*Processing Group*/
#tblProcessingGroupMasterDetail .col1 {
    width: 80px;
}

#tblProcessingGroupScheduleDetail .col1, #tblProcessingGroupScheduleDetail .col3 {
    width: 80px;
}

#tblProcessingGroupScheduleDetail .col2, #tblProcessingGroupScheduleDetail .col4 {
    width: 130px;
}

/*OverTime Rule*/
#tblOverTimeMasterDetail .col1 {
    width: 115px;
}

#tblOverTimeMasterDetail .col3 {
    width: 90px;
}

#LeaveCodeId_ET {
    float: left;
    margin-left: 0px;
}

#gvOverTimeEarnCodeMapping_DXEPLPC {
    height: 0px;
}

#gvOverTimeLeaveCodeMapping_DXEPLPC {
    height: 0px;
}

/*Earn Code*/

#tblEarncodeMasterDetail .col1 {
    width: 130px;
}

/*Leave Code*/
#tblLeaveMasterDetail .col1 {
    width: 190px;
}

#tblLeaveMasterDetail .col2 {
    width: 100px;
}
/*ShiftDifferentialMaintanancea*/
#tblShiftDifferentialMaintananceMasterDetail .col1 {
    width: 100px;
}

/*Shift Code*/
#divShiftCodeMasterDetails #divShiftCodeInformation {
    height: 90px;
    margin-top: 10px;
    width: 300px;
    float: left;
}

#divShiftCodeMasterDetails #tblTimesheetInformation {
    margin-left: 10px;
}

#divShiftCodeMasterDetails #divRoundingRule {
    height: 90px;
    margin: 10px 0px 0px 10px;
    width: 210px;
    float: left;
}

#divShiftCodeMasterDetails #tblRoundingRule {
    margin-left: 10px;
}

#divShiftCodeMasterDetails #divClockRule {
    height: 90px;
    margin: 10px 0px 0px 10px;
    width: 280px;
    float: left;
}

#divShiftCodeMasterDetails #tblClockRule {
    margin-left: 10px;
}

    #divShiftCodeMasterDetails #tblClockRule .col1 {
        width: 120px;
    }

#divShiftCodeMasterDetails #divOtherShiftRules {
    height: 140px;
    margin-top: 10px;
    width: 522px;
    float: left;
}

#divShiftCodeMasterDetails #tblOtherShiftRules {
    margin-left: 10px;
}

#divShiftCodeMasterDetails #divLunchOption {
    height: 140px;
    margin-top: 10px;
    width: 280px;
    float: left;
    margin-left: 10px;
}

#divShiftCodeMasterDetails #divDiffMapping {
    height: 140px;
    margin-top: 10px;
    width: 280px;
    float: left;
    margin-left: 10px;
}

#divShiftCodeMasterDetails #tblLunchOption {
    margin-left: 10px;
}

#divShiftCodeMasterDetails #divTimesheetStatement {
    height: 90px;
    margin-top: 10px;
    width: 522px;
    float: left;
}

#divShiftCodeMasterDetails #tblTimesheetStatement {
    margin-left: 10px;
}

#divShiftCodeSchedule #tblSchedule .col1, #divShiftCodeSchedule #tblSchedule .col3 {
    width: 80px;
}

#divShiftCodeSchedule #tblSchedule .col2, #divShiftCodeSchedule #tblSchedule .col4 {
    width: 140px;
}


#divShiftCodeSchedule #tblScheduleHoliday .col1 {
    width: 115px;
}

#divShiftCodeSchedule #tblScheduleHoliday .col2 {
    width: 140px;
}

#divShiftCodeSchedule #tblScheduleHoliday .col3 {
    width: 280px;
}

#divShiftCodeSchedule #tblScheduleHoliday .col4 {
    width: 100px;
}

#divShiftCodeSchedule #tblScheduleHoliday .col5 {
    width: 75px;
}

#divShiftCodeSchedule #tblScheduleHoliday .col6 {
    width: 85px;
}

#divShiftCodeSchedule #tblScheduleHoliday1 .col7 {
    width: 187px;
}

#divShiftCodeSchedule #tblScheduleHoliday1 .col8 {
    width: 465px;
}

.Holidaygrp1 {
    border: 1px solid #dcd7d7;
    float: left;
}
/*Segment*/
#tblSegmentMasterDetail .col1 {
    width: 120px;
}

#tblSegmentCode .col1 {
    width: 100px;
}
/*ChargeCode*/
#tblChargeCode .col1 {
    width: 100px;
}

/*TimeSheet*/
#tblTimeSheetDetail .col1 {
    /*width: 101px;*/
     width: 18%;
}

#tblTimeSheetDetail .col2 {
    /*width: 96px;*/
     width: 17%;
}

#tblTimeSheetDetail .col3 {
    /*width:78px;*/
       width:14%;
}

#tblTimeSheetDetail .col4 {
    /*width: 95px;*/
     width: 18%;
}

#tblTimeSheetDetail .col5 {
    width: 150px;
}
#tblTimeSheetDetail .col6 {
    /*width: 95px;*/
     width: 39%;
    vertical-align:top;
}

/*LeaveRequest*/
#tblLeaveRequestDetail .col1 {
    width: 55px;
}

#tblLeaveRequestDetail .col2 {
    width: 110px;
}

#tblLeaveRequestDetail .col3 {
    width: 90px;
}

#tblLeaveRequestDetail .col4 {
    width: 100px;
}

#tblLeaveRequestDetail .col5 {
    /*//   padding-left:20px;*/
    /*margin-left:5px;*/
    /*width: 240px;*/
    width: 123px;
}

#tblLeaveRequestDetail .col6 {
    /*//   padding-left:20px;*/
    /*margin-left:5px;*/
    /*width: 240px;*/
    width: 145px;
}


#tblTimeSheet .col1 {
    /*width: 101px;*/
      width: 11%;
}

#tblTimeSheet .col2 {
    width: 55px;
}

#tblTimeSheet .col3 {
    padding-top: 0px;
    width: 55px;
}

#tblTimeSheet .col4 {
    width: 100px;
}

#tblTimeSheet .col5 {
    width: 80px;
}
#tblTimeSheet .col6 {
    width: 80px;
}
#tblTimeSheet .col7 {
    width: 80px;
}
#tblTimeSheet .col8 {
    width: 80px;
}
#tblProcessingTimesheet .col1 {
    width: 60px;
    padding-top: 0px;
}
#tblProcessingTimesheet .col1123 {
    
    width: 60px;
    padding-top: 15px;
}
#tblProcessingTimesheet .col11234 {
    padding-right:54px;
    width: 60px;
    padding-top: 15px;
}
#tblProcessingTimesheet .col2 {
    padding-top: 17px;
    width: 123px;
}

#tblProcessingTimesheet .col3 {
    padding-top: 0px;
    width: 105px;
}

#tblProcessingTimesheet .col4 {
    width:76px;
}

#tblProcessingTimesheet .col5 {
    /*width: 64px;*/
      width: 25%;
    padding-top: 1%;
      padding-bottom: 5px;
      padding-left: 1%;
}

#tblProcessingTimesheet .col6 {
    width:83px;
}

#tblProcessingTimesheet .col7 {
    width: 132px;

}
/*#tblTimeSheetno .col2{
    width:100px;
}*/

/*#tblEmployeePayRate .col1{
    width:300px;
}*/
/*#tblEmployeePayRate .col11{
    width:600px;
}

#TblPayrate .col1{
    width:1000px;
}
#TblPayrate .col11{
    width:1000px;
}*/

/*.dxgvControl_DevEx a {
        margin-left: -980px;
    }
    .dxgvEmptyDataRow_DevEx td.dxgv {
        text-align: left;
    }*/


#tblShiftholiday .col1 {
    width: 160px;
}

#tblShiftholiday .col2 {
    width: 88px;
}

#tblOtherOptions .col1 {
    width: 400px;
}
#tblOtherOptionstab4 .col1 {
    width: 100px;
}

#tblManualPunch .col1 {
    width: 70px;
}

#tblManualPunch .col2 {
    width: 110px;
}

#tblManualPunch .col3 {
    width: 95px;
}

#tblManualPunch .col4 {
    width: 110px;
}


/*Leave Request group panel*/

#divLeaveRequestMasterDetails #divLeaveRequestInformation {
    height: 80px;
    margin-top: 0px;
    width: 100%;
    /*width: 510px;*/
    float: left;
    padding: 4px;
}

#divLeaveRequestMasterDetails #divLeaveInformation {
    height: 80px;
    margin-top: 0px;
    width: 345px;
    float: left;
    margin-left: 5px;
    padding: 4px;
}

#divLeaveRequestMasterDetails #divLeaveRequestGrid {
    height: 80px;
    margin-top: 0px;
    width: 900px;
    float: left;
    margin-left: 5px;
    padding: 4px;
}


/*#divTimesheetReportMasterDetails #divReportNameInformation {
    height: 55px;
    margin-top: 0px;
   
     width:92%;
    float: left;
    padding: 4px;
}

#divTimesheetReportMasterDetails #divReportLayoutInformation {
    height: 55px;
    margin-top: 0px;
   
     width:93%;
    float: left;
    margin-left: 5px;
    padding: 4px;
}

#divTimesheetReportMasterDetails #divDateRangeInformation {
    height: 55px;
    margin-top: 0px;
       width:98%;
    float: left;
    margin-left: 5px;
    padding: 4px;
}*/


/*#divProcesssMultipleTimesheetsDetails #divReportNameInformation {
    height: 30px;
    margin-top: 0px;
    width: 914px;
    float: left;
    padding: 4px;
}*/

#divTimesheetReportMasterDetails #divReportNameInformation {
    height: 55px;
    margin-top: 0px;
    /*width: 131px;*/
     
    float: left;
    padding: 1px;
}

#divTimesheetReportMasterDetails #divReportLayoutInformation {
    height: 55px;
    margin-top: 0px;
    /*width: 256px;*/
      width:95%;
    float: left;
    margin-left: 9px;
    padding: 1px;
}

#divTimesheetReportMasterDetails #divDateRangeInformation {
    height: 55px;
    margin-top: 0px;
    /*width: 435px;*/
      width:104%;
    float: left;
    margin-left: 0px;
    padding: 1px;
}
#divTimesheetReportMasterDetails1 #divDateRangeInformation1
{
     height: 55px;
    margin-top: 0px;
    /*width: 435px;*/
      width:100%;
   
    margin-left: 0px;
    padding: 1px;
}


#tblReportDetail .col1 {
    width: 40px;
}
#tblReportDetail .col7 {
    padding-left:10px;
    width: 150px;
}

#tblReportDetail .col2 {
    width: 105px;
}

#tblReportDetail .col3 {
    width: 27px;
}

#tblReportDetail .col5 {
    width: 54px;
}

#tblReportDetail .col6 {
     width: 170px;
}
#tblReportDetail .col8 {
    width: 58px;
   
}

#tblTimeClockHistory .col1 {
    width: 40px;
}
#tblTimeClockHistory .col7 {
    padding-left:10px;
    width: 150px;
}

#tblTimeClockHistory .col2 {
    width: 105px;
}

#tblTimeClockHistory .col3 {
    width: 27px;
}

#tblTimeClockHistory .col5 {
    width: 54px;
}

#tblTimeClockHistory .col6 {
     width: 562px;
}
#tblTimeClockHistory .col8 {
    width: 58px;
   
}

#tblReportDetail .col9 {
    width: 100px;
   // padding-right:303px;
}

#tblReportLayoutDetail .col1 {
    width: 51%;
    margin: 1px;
}

#tblReportLayoutDetail .col2 {
    width: 19%;
    margin: -2px 5px 0px 0px;
}

#tblReportLayoutDetail .col3 {
    width: 52px;
    margin: -5px 5px 0px 0px;
}
#tblReportLayoutDetail .col1111 {
    width: 16%;
    margin: 2px 2px;
}

#tblReportLayoutDetail .col2222 {
    width: 100px;
    margin: 0px 2px 0px 0px;
}
#tblReportLayoutDetail .col3333 {
    width: 17%;
    margin: 2px 2px;
}
#tblReportLayoutDetail .col4444 {
    width: 52px;
    margin: 0px 5px 0px 0px;
}
.loading {
    position: absolute;
    display: none;
    border: 1px solid #5c9ccc;
    padding: 2px;
    background-color: #5c9ccc;
    color: #ffffff;
    opacity: 0.90;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100px;
    height: 50px;
    text-align: center;
    z-index: 100000;
}


#tblPayrollReportDetail .col1 {
    width: 107px;
}
#tblPayrollReportDetail .col7 {
    padding-left:10px;
    width: 150px;
}

#tblPayrollReportDetail .col2 {
    width: 105px;
}

#tblPayrollReportDetail .col3 {
    width: 61px;
}
#tblPayrollReportDetail .col4 {
    width: 113px;
}

#tblPayrollReportDetail .col5 {
    width: 54px;
}

#tblPayrollReportDetail .col6 {
    width: 284px;
}
#tblPayrollReportDetail .col8 {
    width: 58px;
   
}

#tblPayrollReportDetail .col9 {
    width: 100px;
   

}