.field_input_Rec2 {
    transition: top 0.3s ease-in-out;
}
.FormCellLabel,
.FormCellValue {
}
.InnerSectionsTax {
    -moz-box-shadow: 0-1px 0#bbb;
    -webkit-box-shadow: 0-1px 0#bbb;
}
.pcCScroll {
    height: auto;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    overflow: auto;
}
.pagepopupC {
    vertical-align: top;
    min-width: 1160px;
    max-width: 1160px;
    background-color: #FDFDFD;
    box-shadow: inset 0 -10px 10px 1px rgba(0, 0, 0, 0.228);
    height: 570px;
    border-radius: 10px;
    border: 1px solid #FFF;
}
.pageCSecurity {
    background-repeat: no-repeat;
    background-image: url(../../Images/dunkin-signinout.jpg);
    background-color: #FFF;
    min-height: 860px;
    max-height: 860px;
    min-width: 1820px;
    max-width: 1820px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
    margin-left: 30px;
    border-radius: 25px;
    transform: none;
    transition: transform 0.6s, box-shadow 0.6s;
    border: 1px groove #CFCFCF;
    box-shadow: inset 0 -5px 10px 1px rgba(0, 0, 0, 0.171);
}
.FormCellValue {
    color: #FBB072;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}
.FormCellLabel {
    color: #FFF;
    padding: 5px 6px 5px 12px;
    text-align: right;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
}
.Search_Input,
.Search_InputHint,
.si {
    font-family: 'Open Sans', sans-serif;
    outline: 0;
    border: thin inset #E5D7D1;
    color: #000;
    font-size: 14px;
    padding: 5px 5px 5px 10px;
    width: 240px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #F1E9E5;
    height: 25px;
}
.Formthcnb,
.tableCellLabelPay1,
.tableCellLabelPay2,
.tableCellLabelPay3 {
    color: #000;
    font-weight: 400;
}
.Formthcnb {
    background-color: transparent;
    border-bottom: 1px solid #E3E2E2;
    padding: 5px 1px;
    text-align: center;
    vertical-align: top;
    border-top: groove rgba(240, 142, 73, 0.752);
}
.tableCellLabelPay1 {
    padding-right: 25px;
}
.tableCellLabelPay1,
.tableCellLabelPay2,
.tableCellLabelPay3 {
    text-transform: uppercase;
    text-align: center;
}
.tableCellLabelPO {
    color: #FF671F;
    text-align: center;
    border-radius: 5px;
    padding-right: 134px;
}
.tableCellLabelA,
.tableCellLabelB,
.tableCellLabelC,
.tableCellLabelPO,
.tableCellLabelnote,
.tableCellLabelnote2,
.tableCellLabeltotal,
.tableCellValuePO3 {
    text-transform: uppercase;
}
.tableCellLabeltotal {
    color: #000;
    text-align: center;
    font-weight: 400;
    white-space: pre-line;
    padding: 1px 21px 1px 5px;
}
.tableCellLabelnote,
.tableCellLabelnote2 {
    color: #FFF;
    text-align: right;
    border-radius: 5px;
    border: 1px inset #FFF;
    box-shadow: 1px 1px 1px 1px #C1C1C1;
}
.tableCellLabelnote {
    padding: 4px 28px 4px 1px;
    background: #FF671F;
    width: 134px;
    font-weight: 700;
}
.tableCellLabelnote2 {
    padding: 4px 55px 4px 27px;
    width: 88px;
    font-weight: 600;
    background: #43F8CB;
}
.tableCellLabelAudit,
.tableCellLabelEOD,
.tableCellLabelnotemanager {
    color: #000;
    text-transform: uppercase;
    border-radius: 5px;
}
.tableCellLabelnotemanager {
    padding: 4px 28px 4px 27px;
    text-align: right;
    width: 88px;
    font-weight: 600;
    border: 1px inset #FFF;
    box-shadow: 1px 1px 1px 1px #E8B196;
    background: #F1C4AE;
}
.tableCellLabelAudit,
.tableCellLabelEOD {
    background: 0 0;
    font-weight: 400;
    align-content: center;
}
.tableCellLabelAudit {
    padding: 5px;
    min-width: 0;
    text-align: center;
}
.tableCellLabelEOD {
    font-size: 14px;
    padding: 1px 12px 1px 130px;
    width: 150px;
    text-align: right;
}
.tableCellValuePO,
.tableCellValuePO2 {
    background-color: #FFF;
    border: 1px solid #E5D7D1;
    color: #BE490F;
    vertical-align: middle;
    border-radius: 1px;
    outline: 0;
}
.tableCellValuePO {
    width: 260px;
    padding: 5px;
    height: 37px;
    text-transform: uppercase;
}
.tableCellValuePO2 {
    width: 250px;
    padding: 2px 2px 2px 5px;
    height: 33px;
}
.tableCellValuePO3 {
    width: 220px;
    background-color: #FFF;
    border: 1px solid #E5D7D1;
    color: #000;
    vertical-align: middle;
    padding: 5px;
    height: 37px;
    border-radius: 1px;
    outline: 0;
    margin-right: -10px;
}
.tableCellLabelA,
.tableCellLabelB,
.tableCellLabelC {
    color: #5F5F5F;
    padding: 5px 5px 5px 50px;
    background: 0 0;
    border-radius: 5px;
    font-weight: 400;
    align-content: center;
    text-align: left;
    width: 210px;
}
.field_inputPO,
.field_input_Notes,
.field_input_Pay,
.field_input_cash,
.field_input_cash2,
.field_input_cash3,
.field_input_cash4 {
    vertical-align: middle;
    text-align: center;
    outline: 0;
}
.EMP4Width,
.EMPWidthLEdit,
.tableCellLabelB,
.tableCellLabelC {
    min-width: 0;
}
.tableCellLabelC {
    padding: 5px 2px;
    width: 195px;
}
.tableCellValuehide {
    display: none;
}
.tableCellValueFileView {
    background-color: #FFF;
    color: #5F5F5F;
    text-transform: none;
    outline: 0;
    max-height: 45px;
    max-width: 600px;
    overflow: hidden;
    border: 1px solid #E5D7D1;
    border-radius: 1px;
    min-width: 600px;
    min-height: 35px;
    padding-left: 5px;
    margin: 2px -7px 2px 1px;
}
.field_inputPO,
.field_input_Pay {
    padding: 2px 5px;
    background-color: #FFF;
}
.field_input_overshort3,
.lastcell,
.tableControlGrid tr:nth-child(odd) .ViewtableCellValue {
    background-color: #FFF;
}
.field_input_Pay {
    width: 150px;
    color: #5F5F5F;
    height: 32px;
    border: 1px solid #E5D7D1;
    text-transform: uppercase;
    border-radius: 1px;
}
.Amendfield_input,
.cashdepositmodule,
.dhpurchasing,
.field_inputPO,
.field_input_Notes,
.signInBarL,
.signInBarLOut {
}
.field_inputPO {
    color: #000;
    height: 34px;
    border: 1px solid #E5D7D1;
    text-transform: none;
    border-radius: 1px;
}
.field_input_Notes {
    width: 148px;
    height: 33px;
    border: 1px inset #C5C5C5;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #FAFDD2;
}
.dhtCash,
.field_input_Rec2,
.tableCellValueSalesSummary2 {
    box-shadow: none;
}
.field_input_Notes,
.field_input_cash,
.field_input_cash2 {
    background-color: #FFF;
    color: #000;
    padding: 2px;
    text-transform: uppercase;
}
.field_input_cash {
    width: 135px;
    height: 32px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
}
.field_input_cash2 {
    width: 150px;
    border: 1px solid #F4D5C6;
}
.field_input_cash2,
.field_input_cash3,
.field_input_cash4 {
    height: 33px;
    border-radius: 5px;
}
.field_input_cash3 {
    width: 120px;
    color: #000;
    border: 1px inset #FFF;
    text-transform: none;
    font-weight: 700;
    background: #F4EFED;
    padding: 2px 10px;
}
.field_input_cash4 {
    width: 235px;
    background-color: #FFF;
    color: #615B5B;
    padding: 2px 5px;
    border: 1px inset #D1D1D1;
    text-transform: uppercase;
}
.field_input_cash_total,
.field_input_cash_total2 {
    color: #000;
    vertical-align: middle;
    text-align: center;
    outline: 0;
}
.field_input_cash_over,
.field_input_cash_total4 {
    text-transform: none;
    font-weight: 700;
    padding: 2px 10px;
}
.field_input_cash_total,
.field_input_cash_total2,
.field_input_cash_total3 {
    border: 1px inset #FFF;
    text-transform: none;
    border-radius: 5px;
}
.field_input_cash_total {
    width: 141px;
    background: #EBDBD3;
    font-weight: 400;
    padding: 2px 0;
    height: 32px;
}
.field_input_cash_total2,
.field_input_cash_total3 {
    width: 110px;
    padding: 2px 10px;
    font-weight: 700;
}
.field_input_cash_total2 {
    height: 33px;
    background: #E1C5B8;
}
.field_input_cash_total3 {
    background: #F3EBE7;
}
.field_input_cashRate,
.field_input_cash_date,
.field_input_cash_over,
.field_input_cash_total3,
.field_input_cash_total4 {
    color: #000;
    vertical-align: middle;
    height: 33px;
    text-align: center;
    outline: 0;
}
.field_input_cash_total4 {
    width: 150px;
    font-size: 14px;
    border: 1px groove #16D6F1;
    border-radius: 5px;
    background: #BEDBFB;
}
.field_input_cashRate,
.field_input_cash_date,
.field_input_cash_over {
}
.field_input_cash_over {
    width: 110px;
    border: 1px inset #FFF;
    border-radius: 1px;
    background: rgba(244, 221, 210, 0.983);
}
.field_input_cashRate,
.field_input_cash_date {
    padding: 2px;
    text-transform: uppercase;
}
.field_input_cash_date {
    width: 240px;
    background-color: #FFF;
    border: 1px solid #F1C4AE;
    border-radius: 5px;
}
.field_input_cashRate {
    width: 135px;
    border: 1px outset #DAD3D0;
    border-radius: 1px;
    background: #F5F2F1;
}
.field_input_audit,
.field_input_eod_selection,
.field_input_leave,
.field_input_summary,
.field_input_upload {
    background-color: #FFF;
    outline: 0;
    vertical-align: middle;
    text-align: center;
}
.field_input_audit,
.field_input_summary {
    height: 33px;
    border-radius: 5px;
}
.field_input_audit {
    width: 85px;
    color: rgba(97, 91, 91, 0.985);
    padding: 2px 5px;
    border: 1px inset #E1D6D1;
    text-transform: none;
    margin-right: -10px;
}
.field_input_summary {
    width: 125px;
    color: #000;
    padding: 2px;
    border: 1px inset #E1E1E1;
    text-transform: uppercase;
}
.field_input_eod_selection {
    min-width: 230px;
    color: red;
    padding: 1px 5px;
    height: 36px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
}
.field_input_leave,
.field_input_upload {
    padding: 2px 5px;
    text-transform: none;
}
.field_input_leave {
    width: 75px;
    color: rgba(97, 91, 91, 0.985);
    height: 33px;
    border: 1px inset #F1E9E5;
    border-radius: 1px;
    margin-left: 17px;
}
.field_input_upload {
    color: #000;
    height: 34px;
    border: 1px inset #D1D1D1;
    border-radius: 5px;
}
.field_input_download,
.field_input_request_notes {
    color: #000;
    vertical-align: middle;
    outline: 0;
    text-align: center;
}
.field_input_download {
    background: #F5CCB9;
    border: 1px inset #FCE2D7;
    text-transform: none;
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
    max-width: 170px;
}
.field_input_request_notes {
    min-width: 60px;
    background-color: #FFF;
    padding: 2px;
    height: 32px;
    border: 1px solid #E5D7D1;
    text-transform: uppercase;
    border-radius: 1px;
    margin: 5px -10px 5px 5px;
}
.field_input_display {
    text-transform: uppercase;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-width: 220px;
    max-width: 220px;
    min-height: 50px;
    max-height: 50px;
    padding-left: 5px;
    background-color: #FFF;
    color: #5F5F5F;
    border: 0.5px solid #DFDFDF;
    vertical-align: middle;
    margin-left: 5px;
}
.field_input_display2 {
    text-transform: uppercase;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-width: 520px;
    max-width: 520px;
    min-height: 60px;
    max-height: 60px;
    padding-left: 5px;
    background-color: #FFF;
    color: #5F5F5F;
    border: 0.5px solid #DFDFDF;
    vertical-align: middle;
}
.field_input_display3 {
    text-transform: uppercase;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-width: 540px;
    max-width: 540px;
    min-height: 50px;
    max-height: 50px;
    padding-left: 5px;
    background-color: #FFF;
    color: #5F5F5F;
    border: 0.5px solid #DFDFDF;
    vertical-align: middle;
}
.field_input_display4 {
    text-transform: uppercase;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-width: 220px;
    max-width: 220px;
    min-height: 50px;
    max-height: 50px;
    padding-left: 5px;
    background-color: #FFF;
    color: #5F5F5F;
    border: 0.5px solid #DFDFDF;
    vertical-align: middle;
}
.field_input_securityrole {
    width: 315px;
    vertical-align: middle;
    padding: 2px 5px;
    height: 33px;
    border: 1px solid #E6E3E3;
    text-transform: none;
    border-radius: 5px;
    background-color: #FFF;
    color: #5F5F5F;
    outline: 0;
}
.field_input_Rec,
.field_input_Rec2,
.field_input_dropdowm2,
.field_input_dropdown,
.field_input_num,
.field_input_table {
    text-transform: uppercase;
    vertical-align: middle;
    outline: 0;
}
.field_input_Rec,
.field_input_Rec2 {
    text-align: center;
}
.field_input_Rec {
    width: 65px;
    background-color: #FFF;
    color: #5F5F5F;
    padding: 2px;
    height: 30px;
    border: 1px solid #E1CBC1;
    margin-left: 1px;
    margin-right: -9px;
}
.field_input_Rec2 {
    color: #000;
    height: 35px;
    background: #EFE9E7;
    border-left: 1px solid #FFF;
    padding: 2px 5px;
    min-width: 25px;
    font-weight: 400;
    position: relative;
}
.field_input_Rec3 {
    width: 250px;
    padding: 2px;
    height: 35px;
    border: 1px solid #E0C8BE;
    text-align: left;
    margin-left: 1px;
    background: #FEF8F4;
}
.field_input_Rec3,
.field_input_overshort,
.field_input_overshort2,
.field_input_overshort3 {
    color: #5F5F5F;
    vertical-align: middle;
    text-transform: uppercase;
    outline: 0;
}
.field_input_overshort {
    min-width: 380px;
    background-color: #FFF;
    padding: 2px 5px;
    height: 39px;
    border: 1px solid #FBD5CB;
    border-radius: 3px;
}
.field_input_overshort2,
.field_input_overshort3 {
    min-width: 110px;
    text-align: center;
    margin-left: 10px;
}
.field_input_overshort2 {
    background-color: #F2F2F2;
    padding: 2px 5px;
    height: 33px;
    border: 1px solid #FBD5CB;
    border-radius: 3px;
}
.field_input_num,
.field_input_overshort3,
.field_input_table {
    padding: 2px 5px;
    height: 33px;
    border: 1px solid #FBD5CB;
    border-radius: 3px;
}
.field_input_num {
    width: 90px;
    background-color: #FFF;
    color: #5F5F5F;
    text-align: center;
    margin-right: -10px;
}
.field_input_table {
    width: 315px;
}
.field_input_dropdowm2,
.field_input_dropdown,
.field_input_table {
    background-color: #FFF;
    color: #5F5F5F;
}
.field_input_dropdown {
    width: 315px;
    padding: 3px 5px 2px;
    height: 38px;
    border: 1px solid #FBD5CB;
    border-radius: 3px;
    margin: 3px;
    cursor: pointer;
}
.field_input_dropdowm2 {
    width: 225px;
    padding: 2px 5px;
    height: 37px;
    border: 1px solid #E5D7D1;
    border-radius: 1px;
    margin: auto -12px auto 1px;
}
.field_input_description {
    color: #5F5F5F;
    max-height: 45px;
    max-width: 280px;
    min-width: 280px;
    overflow-y: no-content;
    border-radius: 1px;
    min-height: 35px;
    padding-left: 5px;
    margin: 2px -15px 2px 1px;
}
.field_input_description2,
.field_input_description2Pay {
    color: #5F5F5F;
    max-height: 45px;
    padding-left: 5px;
    margin: 2px -15px 2px 2px;
}
.field_input_ReqDate,
.field_input_ReqDateView,
.field_input_description,
.field_input_description2,
.field_input_description2Pay {
    background-color: #FFF;
    border: 1px solid #E5D7D1;
    text-transform: none;
    outline: 0;
}
.field_input_description2 {
    max-width: 190px;
    min-width: 190px;
    overflow-y: no-display;
    border-radius: 5px;
    min-height: 35px;
}
.field_input_ReqDate,
.field_input_ReqDateView,
.field_input_description2Pay {
    border-radius: 1px;
}
.field_input_description2Pay {
    min-height: 45px;
    max-width: 340px;
    min-width: 340px;
    overflow: hidden;
}
.field_input_ReqDate,
.field_input_ReqDateView {
    color: #000;
    vertical-align: middle;
    padding: 1px 5px;
    height: 34px;
    text-align: center;
    margin-left: 1px;
    width: 120px;
}
.field_input_ReqDateView {
    width: 110px;
}
.field_input_ReqNameView {
    min-width: 180px;
    max-width: 180px;
    padding: 2px 5px;
    border: 1px solid #E5D7D1;
    border-radius: 1px;
    margin: auto 1px auto -7px;
}
.field_input_ReqNameView,
.field_input_UploadDate,
.field_input_UploadName,
.field_input_UploadName2,
.field_input_calendar {
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    height: 32px;
    text-transform: uppercase;
    outline: 0;
}
.field_input_calendar {
    width: 70px;
    padding: 2px 5px;
    border: 1px solid #E1D6D1;
    border-radius: 1px;
    margin: auto 3px auto 1px;
}
.field_input_UploadDate,
.field_input_UploadName,
.field_input_UploadName2 {
    border: 1px solid #E5D7D1;
    border-radius: 5px;
}
.field_input_UploadDate {
    width: 95px;
    padding: 2px;
    margin: 1px -7px 1px 1px;
}
.field_input_UploadName,
.field_input_UploadName2 {
    min-width: 180px;
    max-width: 180px;
    padding: 2px 5px;
    margin: auto -3px auto 0;
}
.field_input_UploadName2 {
    min-width: 125px;
    max-width: 125px;
    border-radius: 1px;
}
.field_input_Performance {
    min-width: 275px;
    max-width: 275px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
    min-height: 38px;
    max-height: 38px;
    font-size: 14px;
    text-transform: capitalize;
    outline: 0;
}
.field_input_Performance1 {
    min-width: 275px;
    max-width: 275px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
    min-height: 40px;
    max-height: 40px;
    font-size: 14px;
    text-transform: capitalize;
    outline: 0;
    margin-right: 5px;
}
.field_input_Performance2 {
    min-width: 350px;
    max-width: 350px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
    min-height: 40px;
    max-height: 40px;
    font-size: 14px;
    margin: 0 10px 0 5px;
    text-transform: capitalize;
    outline: 0;
}
.field_input_Performance3 {
    min-width: 430px;
    max-width: 430px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
    min-height: 60px;
    max-height: 60px;
    font-size: 14px;
    text-transform: capitalize;
    outline: 0;
}
.field_input_Performance4 {
    min-width: 275px;
    max-width: 275px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
    min-height: 40px;
    max-height: 40px;
    font-size: 14px;
    text-transform: capitalize;
    outline: 0;
}
.field_input_Performance5 {
    min-width: 40px;
    max-width: 40px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
    min-height: 40px;
    max-height: 40px;
    font-size: 14px;
    text-transform: capitalize;
    outline: 0;
    text-align: center;
}
.field_input_securitygroup {
    min-width: 750px;
    max-width: 750px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
    min-height: 40px;
    max-height: 40px;
    font-size: 14px;
    text-transform: capitalize;
    outline: 0;
    text-align: left;
}
.collectiondisplay,
.collectionnotes {
    background-color: #FFF;
    color: #FF671F;
    vertical-align: bottom;
    border: 1px solid #F7DCD0;
    border-radius: 5px;
}
.collectiondisplay {
    min-width: 300px;
    padding: 0 5px;
    text-transform: uppercase;
    text-align: center;
}
.collectionnotes {
    width: 570px;
    padding: 0 5px 0 10px;
    text-align: left;
    height: 37px;
    text-transform: none;
}
.FormtableRowButtonsCellHorizontal {
    padding-top: 1px;
    vertical-align: top;
    white-space: normal;
    width: 15px;
}
.PredefinedtableCellSelectCheckbox {
    padding-left: 7px;
    padding-top: 2px;
    vertical-align: middle;
    padding-right: 5px;
    white-space: nowrap;
}
.PredefinedtableCellLabel,
.PredefinedtableCellLabel2,
.PredefinedtableCellValue {
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    color: #000;
}
.PredefinedtableCellValue {
    padding: 2px;
    min-height: 25px;
    outline: 0;
    text-transform: none;
}
.PredefinedtableCellLabel,
.PredefinedtableCellLabel2 {
    text-transform: uppercase;
}
.PredefinedtableCellLabel {
    padding: 3px;
    min-width: auto;
    outline: 0;
}
.PredefinedtableCellLabel2 {
    padding: 3px 3px 3px 53px;
    word-wrap: break-word;
}
.ArabicDatePredefinedtableCellValue,
.ArabicPredefinedtableCellValue {
    color: #0D76A9;
    font-size: 14px;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
}
.ArabicPredefinedtableCellValue {
    padding: 3px;
    width: 200px;
}
.ArabicDatePredefinedtableCellValue {
    padding: 3px 0 3px 286px;
}
.ArabicPredefinedtableCellLabel {
    vertical-align: middle;
}
.ArabicPredefinedtableCellLabel {
    color: #000;
    font-size: 18px;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    padding: 3px;
}
.ViewtableCellValue {
    background-color: #FFF;
    color: #5F5F5F;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer !important;
    min-width: 35px;
    height: 35px;
    padding: 1px 3px;
    vertical-align: middle;
}
.ViewtableCellValueblank {
    background-color: #FDFBFA;
}
.tableControlGrid tr:nth-child(2n) .ViewtableCellValue {
    background-color: #F2F2F2;
}
.ViewtableCellValueEmail {
    vertical-align: middle;
    border: 0.5px solid #E3E2E2;
    background-color: #FFF;
    padding: 6px 2px;
    height: 30px;
    color: #787878;
    border-radius: 5px;
    text-align: center;
    text-transform: lowercase;
}
.ViewtableCellValue1,
.ViewtableCellValue2 {
    padding: 5px;
    border-radius: 5px;
}
.ViewtableCellValue1 {
    vertical-align: middle;
    background-color: #FBE2D7;
    height: auto;
    color: #000;
    text-align: center;
    font-weight: 600;
}
.ViewtableCellValue2 {
    background-color: #FDF7F4;
    color: #BE490F;
    font-weight: 400;
}
.ViewtableCellValue2,
.ViewtableCellValue3,
.ViewtableCellValue4 {
    vertical-align: middle;
    text-align: center;
}
.ViewtableCellValue3 {
    padding: 3px;
    border-radius: 5px;
    font-weight: 600;
    background-color: #FDF7F4;
}
.ViewtableCellValue4 {
    background-color: #FFF;
    color: #5F5F5F;
    text-transform: uppercase;
    padding: 5px;
    outline: 0;
    width: auto;
    cursor: pointer !important;
}
.RFQViewtableCellValue {
    text-align: left;
    vertical-align: middle;
    border-left: 0.5px outset #E3E2E2;
    border-right: 0.7px inset #E3E2E2;
    background-color: #FFF;
    padding: 2px 3px 2px 9px;
    height: 30px;
    color: #000;
}
.ChildTabledhb,
.RFQViewtableCellValue,
.ViewtableCellValueNew,
.dhbsub,
.dhtsub3,
.dialogHeaderBackground {
}
.dhnotitle {
    width: 1125px;
}
.ViewtableCellValueNew {
    color: #565656;
    text-align: left;
    vertical-align: middle;
    border-left: 1px dotted #CFCFCF;
    border-right: 0.7px dotted #CFCFCF;
    padding: 0.5px 2px;
}
.ViewtableCellValueattach {
    vertical-align: middle;
    border: 0.5px solid #E3E2E2;
    background-color: #FFF;
    padding: 6px 2px 6px 11px;
    height: 30px;
    color: #787878;
    border-radius: 5px;
    text-align: center;
    text-transform: none;
}
.tableCellValueSalesSummary {
    background-color: #FFFEFD;
    padding: 5px 4px;
    color: #5F5F5F;
    border-radius: 5px;
    font-weight: 700;
    min-width: 130px;
    border: 0.5px solid #DDB09B;
}
.tableCellValueSalesSummary,
.tableCellValueSalesSummary2,
.tableCellValueSalesTotals,
.tableCellValueTotals {
    vertical-align: middle;
    height: 30px;
    text-align: center;
}
.tableCellValueSalesSummary2 {
    font-weight: 600;
    white-space: normal;
    border: 0.5px solid #DDB09B;
    padding: 1px 2px;
    text-transform: uppercase;
    color: #000;
    background: #F2E8E4;
    min-width: 130px;
    text-shadow: 1px 1px 1px #FFF;
}
.tableCellValueSalesTotals,
.tableCellValueTotals {
    border: 0.5px solid #E3E2E2;
    background-color: #D1FEF4;
    padding: 6px;
    color: #5F5F5F;
    border-radius: 5px;
    font-weight: 700;
}
.tableCellValueSalesTotals {
    font-size: 14px;
    border: 0.5px solid #FFF;
    background-color: #F8C1A7;
    color: #000;
}
.ViewtableCellValuePOedit,
.ViewtableCellValueSales1,
.ViewtableCellValueSales2,
.ViewtableCellValueSales3 {
    vertical-align: middle;
    background-color: #FFF;
    text-transform: uppercase;
}
.ViewtableCellValueSales1,
.ViewtableCellValueSales2,
.ViewtableCellValueSales3 {
    border: 0.5px solid #E3E2E2;
    padding: 3px;
    color: #000;
    border-radius: 5px;
    min-width: 15px;
    text-align: center;
    height: 40px;
    white-space: nowrap;
}
.ViewtableCellValuePOedit {
    color: #5F5F5F;
    text-align: left;
    padding: 5px;
    outline: 0;
    cursor: pointer !important;
}
.tableCellValueRecTotal,
.tableCellValueRecTotal2 {
    width: 50px;
    background-color: #FDEDE9;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    height: 33px;
    border: 1px solid #FBD5CB;
    text-transform: uppercase;
    border-radius: 3px;
    outline: 0;
    text-align: center;
    margin-left: 8px;
}
.ViewtableCellValuePurCount,
.tableCellValuecalendar {
    text-transform: uppercase;
}
.tableCellValuecalendar {
    color: #000;
    padding: 3px;
}
.ViewtableCellValuePurCount {
    font-size: 14px;
    vertical-align: middle;
    background-color: #EC6D1D;
    color: #FFF;
    text-align: center;
    outline: 0;
    cursor: pointer !important;
    border-radius: 60px;
    height: 40px;
    min-width: 75px;
    max-width: 75px;
    margin-right: 10px;
    border: solid #FFF;
    font-weight: 700;
}
.tableRowDivider {
    border-left: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    min-width: 25px;
}
.tableRowDivider2 {
    border: 0.02px solid #E1D6D1;
}
.ViewEmail {
    width: 316px;
    background-color: #FFF;
    color: #000;
    vertical-align: middle;
    padding: 2px 5px;
    height: 33px;
    border: 1px solid #D1D1D1;
    text-transform: none;
    border-radius: 5px;
}
.ChildTabledhb {
    background-color: #0D76A9;
    color: #FFF;
    text-transform: none;
    white-space: nowrap;
}
.dhtsub {
    text-transform: uppercase;
    white-space: nowrap;
    padding-left: 10px;
    font-weight: 400;
    color: #000;
}
.dhtsub,
.dialog_header_text {
    font-size: 14px;
}
.dhtsub3,
.dialog_header_text {
    color: #FD712D;
    font-weight: 400;
    padding-left: 5px;
    text-transform: none;
    white-space: nowrap;
}
.dhtCash,
.dhtCash2,
.dhtCash3,
.dhtCashPO,
.dhtPettyCash {
    text-transform: uppercase;
}
.dhtCash,
.dhtCash2 {
    text-align: center;
}
.dhtCash {
    font-weight: 400;
    padding: 5px 10px;
    color: #000;
    white-space: normal;
    vertical-align: middle;
    width: 155px;
    background: #EBDBD3;
    border-radius: 5px;
    border-bottom: 1px inset #FFF;
}
.dhtCash2 {
    white-space: nowrap;
    color: #000;
    border-radius: 5px;
    letter-spacing: 1px;
    padding: 5px;
    background: #E3E3E3;
    border: 1px outset #FFF;
    min-width: 99px;
}
.dhtCash3,
.dhtPettyCash {
    font-weight: 400;
    min-width: auto;
}
.dhtCash3 {
    font-size: 28px;
    height: auto;
    padding-right: 5px;
    padding-left: 520px;
}
.dhtCash3,
.dhtCashPO,
.dhtPettyCash {
    white-space: nowrap;
    color: #000;
}
.dhtCashPO {
    border-radius: 5px;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px;
    background: #F1E9E5;
    border: 1px inset #FFF;
    height: 26px;
    width: 251px;
}
.dhtPettyCash {
    font-size: 28px;
    height: auto;
    padding-left: 300px;
}
.dhPettyCash,
.dhReconciliation {
    border: 1px solid transparent;
    height: auto;
    background-color: transparent;
    padding: 1px 5px;
    border-radius: 5px;
    width: 600px;
}
.dhtpettycashtitle {
    height: 35px;
    width: 1646px;
    padding: 2px 5px;
    border-radius: 5px;
    border: 1px solid #F3CEBD;
    background: #FEF7F4;
}
.dhpurchasing {
    min-width: 1410px;
    border: 1px groove #FF671F;
    height: auto;
    background-color: #FAEBE3;
    padding: 1px 5px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #faebe3), color-stop(1, #fff));
    background: -ms-linear-gradient(top, #FBFBFB 5%, #ECECEC 100%);
}
.cashdepositmodule,
.hrmodule,
.inventorymodule,
.paymentmodule,
.payrollmodule,
.pettycashmodule,
.purchasemodule,
.usermodule,
.stationarymodule {
    font-size: 14px;
    white-space: nowrap;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 4px;
    background: #43A175;
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px;
    min-width: 475px;
    max-width: 475px;
    margin-top: 0px;
    margin-left: 10px;
    text-transform: uppercase;
    border: medium solid #FFF;
}
.cashdepositmodule {
    border-radius: 5px;
    justify-content: center;
    box-shadow: 1px 1px 1px 1px #FFF;
}
.cashdepositmodule,
.inventorymodule,
.paymentmodule,
.payrollmodule,
.pettycashmodule,
.purchasemodule,
.signInBarLOut,
.stationarymodule,
.usermodule {
    box-shadow: inset 0 -5px 10px 1px transparent;
}
.hrmodule,
.inventorymodule,
.paymentmodule,
.payrollmodule,
.pettycashmodule,
.purchasemodule,
.stationarymodule,
.usermodule,
.cashdepositmodule {
    border-radius: 0 0 0 50px;
    justify-content: center;
}
.copyrightfooter,
.dhtCash3eod,
.dhtCashCollection,
.modulesubformtitle {
    text-transform: uppercase;
    font-weight: 400;
}
.copyrightfooter {
    font-size: 9px;
    padding: 2px 20px 4px;
    text-align: center;
    white-space: normal;
    display: block;
    min-width: 200px;
    max-width: 200px;
    margin-left: 794px;
    margin-right: auto;
    border-radius: 5px;
    justify-content: center;
    background: #F2F2F2;
    box-shadow: 1px 1px 1px 1px #E9E9E9;
    border: 0.5px inset #FFF;
    color: #000;
}
.dhtCash3eod,
.dhtCashCollection {
    font-size: 28px;
    white-space: nowrap;
    color: #000;
    height: auto;
    padding-right: 5px;
    min-width: auto;
    padding-left: 539px;
}
.dhtCashCollection {
    padding-left: 603px;
}
.dhtAudit,
.dhtAudit2,
.dhtAuditCCM,
.dhtAuditSales,
.dhtAuditToters,
.dhtCashCollection2,
.dhtCashCollectionView,
.dhtCashSales,
.dhtCashSales2,
.dhtCashSalesTitle,
.dhtPCSession {
    font-size: 28px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000;
    height: auto;
    padding-right: 5px;
    font-weight: 400;
    min-width: auto;
    padding-left: 570px;
}
.dhtAudit,
.dhtAudit2,
.dhtAuditCCM,
.dhtAuditSales,
.dhtAuditToters,
.dhtCashCollectionView,
.dhtCashSales,
.dhtCashSales2,
.dhtCashSalesTitle,
.dhtPCSession {
    padding-left: 452px;
}
.dhtAudit,
.dhtAudit2,
.dhtAuditCCM,
.dhtAuditSales,
.dhtAuditToters,
.dhtCashSales,
.dhtCashSales2,
.dhtCashSalesTitle,
.dhtPCSession {
    font-size: larger;
    padding-left: 14px;
}
.dhtAudit,
.dhtAudit2,
.dhtAuditCCM,
.dhtAuditSales,
.dhtAuditToters,
.dhtCashSalesTitle,
.dhtPCSession {
    font-size: 25px;
    padding-left: 408px;
}
.dhtAudit,
.dhtAudit2,
.dhtAuditCCM,
.dhtAuditSales,
.dhtAuditToters,
.dhtPCSession {
    padding-left: 398px;
}
.dhtAudit2,
.dhtAuditCCM,
.dhtAuditSales,
.dhtAuditToters,
.dhtPCSession {
    padding-left: 630px;
}
.dhtAuditCCM,
.dhtAuditSales,
.dhtAuditToters,
.dhtPCSession {
    padding-left: 543px;
}
.dhtAuditCCM,
.dhtAuditToters,
.dhtPCSession {
    padding-left: 498px;
}
.dhtAuditCCM,
.dhtPCSession {
    padding-left: 575px;
}
.space1 {
    padding-left: 35px;
}
.space2,
.space3 {
    padding-left: 45px;
}
.space4 {
    padding-left: 5px;
}
.paymentspace1 {
    padding-left: 59px;
}
.paymentspace2 {
    padding-left: 85px;
}
.paymentspace3 {
    padding-left: 180px;
}
.paymentspace4 {
    padding-left: 15px;
}
.paymentspace5 {
    padding-left: 295px;
}
.paymentspace6 {
    padding-left: 240px;
}
.dhb2 {
    width: auto;
    padding: 3px;
}
.dhbsub {
    padding-left: 10px;
    padding-right: 10px;
}
.dhbsub,
.dialogHeaderBackground {
    text-transform: none;
    white-space: nowrap;
    height: 35px;
    background: #BCD7E0;
    color: #077B9E;
    font-weight: 400;
}
.dhbsub2,
.dhbsub3,
.dhbsub5 {
    padding: 2px 5px;
    width: auto;
}
.dhbsub4,
.dialogHeaderBackground {
    padding: 2px 5px;
    width: auto;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #faebe3), color-stop(1, #fff));
    background: -ms-linear-gradient(top, #FBFBFB 5%, #ECECEC 100%);
}
.EMPdhbsub {
    font-size: 14px;
    text-transform: none;
    white-space: nowrap;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
.EMPdhbsub,
.EMPdialogHeaderBackground {
    width: auto;
    text-align: left;
    background: #F1E9E5;
}
.EMPdhbsub2,
.EMPdhbsub4 {
    padding-left: 10px;
    padding-right: 10px;
    text-transform: none;
    white-space: nowrap;
    background: #ECE7E5;
}
.EMPdhbsub2 {
    height: 35px;
    min-width: 1208px;
}
.EMPdhbsub3 {
    height: 35px;
    background: #F2F0EF;
}
.EMPdhbsub4 {
    height: 28px;
    width: auto;
}
.dhbPay,
.dhbdeposit {
    white-space: nowrap;
    border-radius: 5px;
}
.dhbdeposit {
    font-size: 14px;
    color: #818181;
    text-transform: none;
    height: 30px;
    min-width: 1465px;
}
.dhbPay {
    color: #000;
    outline: 0;
    height: 20px;
    min-width: 585px;
    padding: 4px 5px 3px 15px;
    border: 1px solid #D9D0CD;
    background: #ECE7E5;
    display: table;
    margin-bottom: 5px;
}
.MandatorytableCellLabel,
.dhbPay,
.tableCellLabelCash,
.tableCellLabelCash4 {
    text-transform: uppercase;
}
.MandatorytableCellLabel {
    color: #C05015;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding: 3px;
}
.tableCellLabelCash,
.tableCellLabelCash4,
.tableCellValueHome2,
.thcapproved,
.thchr,
.thcimp,
.thcmanager {
    color: #000;
}
.tableCellLabelCash {
    padding: 2px 2px 2px 10px;
    text-align: left;
    width: 159px;
}
.tableCellLabelCash4 {
    padding: 2px;
    text-align: center;
    min-width: 100px;
    white-space: pre-line;
}
.tableCellLabelcash2 {
    font-size: 14px;
    padding: 2px 11px 2px 2px;
    text-align: center;
    min-width: 240px;
}
.tableCellLabelCash3,
.tableCellLabelcash2,
.tableCellLabelcash4,
.tableCellLabelcash5 {
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}
.tableCellLabelCash3 {
    padding: 10px 10px 16px 30px;
    text-align: right;
    width: auto;
    border-radius: 5px;
    border: 1px groove #E5D7D1;
    background-color: #F1E9E5;
}
.tableCellLabelcash4,
.tableCellLabelcash5 {
    text-align: center;
}
.tableCellLabelcash4 {
    font-size: 14px;
    padding: 2px 11px 2px 2px;
    min-width: 175px;
}
.tableCellLabelcash5 {
    white-space: pre-line;
    padding: 1px 21px 1px 5px;
}
.tableCellLabelcash6 {
    color: #785649;
    font-weight: 400;
    width: 200px;
    padding: 5px 38px 5px 9px;
}
.tableCellLabelCashApprove,
.tableCellLabelPC,
.tableCellLabelReconciliation,
.tableCellLabelcash6,
.tableCellLabelcash7,
.tableCellLabelcashDeposit,
.tableCellLabelcashenclosedM2 {
    text-transform: uppercase;
    text-align: center;
}
.tableCellLabelcash7 {
    color: #FF671F;
    font-size: 14px;
    padding: 8px 52px 1px 35px;
    font-weight: 400;
}
.tableCellLabelPC,
.tableCellLabelReconciliation {
    color: #000;
    padding: 2px 45px 2px 5px;
    min-width: 100px;
    white-space: pre-line;
}
.tableCellLabelReconciliation {
    padding: 2px;
    min-width: 90px;
    white-space: pre-wrap;
}
.tableCellLabelcashenclosed2,
.tableCellLabelcashenclosed4,
.tableCellLabelcashenclosedM4 {
    color: #BE490F;
    font-size: 14px;
    text-transform: uppercase;
    padding: 2px 33px 2px 2px;
    text-align: center;
    font-weight: 400;
    min-width: 165px;
}
.tableCellLabelcashenclosed2,
.tableCellLabelcashenclosedM4 {
    color: #000;
    padding: 2px 27px 2px 2px;
}
.tableCellLabelcashenclosedM4 {
    padding: 2px 11px 2px 2px;
    min-width: 240px;
}
.tableCellLabelcashenclosedM2 {
    color: #000;
    padding: 2px 25px 2px 2px;
    font-weight: 400;
    min-width: 165px;
}
.tableCellLabelCashApprove {
    color: #FFF;
    font-size: 14px;
    padding: 10px 1px;
    background: #FFF;
    border-radius: 5px;
    border: 1px inset #FFF;
    box-shadow: 1px 1px 1px 1px #FF671F;
    width: 50px;
}
.tableCellLabelcashDeposit {
    color: #000;
    padding: 5px 60px 5px 30px;
    font-weight: 400;
}
.Arabicfield_input,
.Arabicfield_input2 {
    background-color: #FFF;
    vertical-align: middle;
    padding: 5px;
    text-align: right;
}
.Arabicfield_input {
    width: 320px;
    color: #000;
    font-size: 14px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #E3E2E2;
    outline: 0;
}
.Arabicfield_input2,
.Payrollfield2_input,
.Payrollfield_input {
    text-transform: none;
    outline: 0;
}
.Arabicfield_input2 {
    font-size: 18px;
    min-height: 25px;
    width: 285px;
    border: 1px solid #E3E2E2;
}
.Payrollfield2_input,
.Payrollfield_input {
    background-color: #F2FBFC;
    color: #8F8F8F;
    vertical-align: middle;
    padding: 4px;
    text-align: center;
    height: 25px;
    border-radius: 5px;
    border: 1px inset #EFEFEF;
}
.Payrollfield2_input {
    background-color: #CDF9E3;
    padding: 5px;
}
.EMP3Mandatoryfield_input,
.EMP4Mandatoryfield_input {
    color: #EB300A;
    background-color: #FFF;
    vertical-align: middle;
    padding: 5px;
}
.EMP4Mandatoryfield_input {
    min-width: 250px;
    border: 1px solid #E5D7D1;
    height: 26px;
    outline: 0;
    border-radius: 5px;
}
.EMP2Mandatoryfield_input,
.EMP3Mandatoryfield_input,
.EMP5field_input {
    border-radius: 5px;
    text-transform: uppercase;
    outline: 0;
}
.EMP3Mandatoryfield_input {
    min-width: 260px;
    max-width: 260px;
    border: 1px solid #E5D7D1;
    height: 36px;
}
.EMPemail_input,
.fi {
    max-width: 250px;
}
.EMP2Mandatoryfield_input,
.EMP5field_input {
    width: 261px;
    background-color: #FFF;
    border: 1px solid #E3E2E2;
    color: #C05B23;
    vertical-align: middle;
    padding: 5px;
    height: 39px;
}
.EMP2field_input,
.EMP5field_input {
    min-width: 262px;
    max-width: 262px;
    min-height: 38px;
    max-height: 45px;
    border: 1px solid #E5D7D1;
}
.EMP5field_input {
    color: #686868;
    padding: 2px 5px;
}
.EMP5field_input,
.fi {
    outline-color: #E9E8E8;
}
.EMP2field_input,
.EMP4field_input {
    background-color: #FFF;
    vertical-align: middle;
    padding: 5px;
}
.EMP2field_input {
    text-transform: uppercase;
    border-radius: 5px;
}
.EMP2field_input,
.EMP3field_input,
.EMP4field_input {
    color: #000;
    outline: 0;
}
.EMP3field_input {
    background-color: #FFF;
    border: 1px solid #E3E2E2;
    vertical-align: middle;
    text-transform: none;
    padding: 4px 5px;
    text-align: justify;
    min-height: 40px;
    width: 327px;
    border-radius: 5px;
    text-transform: uppercase;
}
.EMP4field_input {
    width: 249px;
    height: 27px;
    border: 1px solid #E3E2E2;
    border-radius: 5px;
    text-transform: uppercase;
}
.Datefield_input,
.EMPemail_input,
.EMPfield_input {
    background-color: #FFF;
    border-radius: 5px;
    outline: 0;
}
.EMPfield_input {
    color: #000;
    padding: 3px 3px 3px 10px;
    height: 31px;
    vertical-align: middle;
    border: 1px solid #E5D7D1;
    width: 245px;
    text-transform: uppercase;
}
.Datefield_input,
.EMPemail_input {
    border: 1px solid #E3E2E2;
}
.Datefield_input {
    height: 30px;
    color: #000;
    padding: 4px 5px;
    width: 315px;
}
.EMPemail_input {
    min-width: 250px;
    color: #FE6E0D;
    vertical-align: middle;
    padding: 5px;
    height: 27px;
    text-transform: lowercase;
}
.EMP6field_input,
.EMP7field_input {
    text-transform: none;
    background-color: #FFF;
}
.EMP6field_input {
    border: 1px solid #3E7DA3;
    color: #3E7DA3;
    vertical-align: middle;
    padding: 4px 5px;
    text-align: justify;
    min-height: 25px;
    min-width: 148px;
    outline: 0;
}
.EMP7field_input,
.EMP8field_input {
    border: 1px outset #DD8083;
    text-align: justify;
}
.EMP7field_input {
    color: #D30707;
    vertical-align: middle;
    padding: 2px 3px 2px 4px;
    min-height: 27px;
    min-width: 322px;
    outline: 0;
}
.EMP8field_input {
    text-transform: none;
    padding: 2px 5px;
    min-height: 32px;
    min-width: 330px;
    outline: 0;
}
.Mandatoryfield_input,
.RFQ2_Input,
.RFQ3_Input,
.RFQ_Input {
    text-transform: uppercase;
}
.EMP8field_input,
.Mandatoryfield_input {
    background-color: #FFF;
    color: #AA613C;
    vertical-align: middle;
}
.Mandatoryfield_input {
    border: 1px solid #D9CAC3;
    padding: 5px;
    text-align: left;
    height: 35px;
    width: 259px;
    outline: 0;
    border-radius: 5px;
}
.RFQ2_Input,
.RFQ3_Input,
.RFQ4_Input,
.RFQ_Input,
.field_input_PCO {
    text-align: center;
    color: #000;
}
.RFQ2_Input,
.RFQ_Input {
    height: 31px;
    border-radius: 1px;
    margin-left: 5px;
    min-width: 100px;
    vertical-align: middle;
}
.RFQ_Input {
    background-color: #FFF;
    margin-right: -5px;
    border: 1px solid #E5D7D1;
}
.RFQ2_Input,
.RFQ3_Input,
.RFQ4_Input,
.RFQ_Input {
    padding: 2px 1px;
}
.RFQ2_Input {
    background-color: #FCECE4;
    border: 1px solid #E5D7D1;
}
.RFQ3_Input,
.RFQ4_Input {
    height: 39px;
    margin-left: 4px;
}
.RFQ3_Input {
    background-color: #FFF;
    vertical-align: middle;
    border-radius: 1px;
    min-width: 70px;
    margin-right: -5px;
    border: 1px solid #E5D7D1;
}
.RFQ4_Input {
    border-radius: 5px;
    width: 100px;
    margin-right: 4px;
    border: 1px solid #F8D2C2;
}
.MandatoryfieldUpper_input,
.RFQ4_Input,
.fieldUpper_input,
.field_input_PCO {
    background-color: #FFF;
    text-transform: none;
    vertical-align: middle;
}
.field_input_PCO {
    padding: 3px 1px;
    height: 28px;
    border: 1px solid #E3E2E2;
    border-radius: 5px;
    outline: 0;
}
.Autofield_input,
.EMPMandatoryfieldUpper_input {
    background-color: #FFF;
    height: 25px;
    vertical-align: middle;
}
.MandatoryfieldUpper_input,
.fieldUpper_input {
    text-align: justify;
}
.EMPMandatoryfieldUpper_input {
    width: 249px;
    color: #000;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #FBC3C3;
    outline: 0;
    text-transform: uppercase;
}
.MandatoryfieldUpper_input {
    padding: 5px;
    border: 1px solid #DB5916;
    color: #E45A12;
    min-height: 25px;
    min-width: 384px;
    outline: 0;
}
.Autofield2_input,
.Autofield3_input,
.Autofield_input,
.AutotableCellLabel,
.EMPAutofieldUpper_input,
.dBodySignIn,
.fieldUpper_input,
.field_inputUser {
    color: #000;
}
.fieldUpper_input {
    border: 1px solid #E3E2E2;
    padding: 4px 5px;
    min-height: 20px;
    outline: 0;
}
.AutotableCellLabel {
    text-transform: uppercase;
    padding: 1px 5px;
    text-align: left;
    white-space: nowrap;
}
.Autofield2_input,
.Autofield3_input,
.Autofield_input {
    border-radius: 5px;
}
.Autofield2_input,
.Autofield_input {
    border: 1px solid #CFCFCF;
    text-transform: uppercase;
}
.Autofield_input {
    padding: 5px 5px 5px 15px;
    text-align: left;
    width: 237px;
}
.Autofield2_input,
.Autofield3_input {
    height: 35px;
    padding-left: 10px;
}
.Autofield2_input {
    width: 259px;
}
.Autofield3_input {
    width: 155px;
    border: 1px solid #CCCCCC;
    outline: 0;
    text-align: center;
}
.Autofield3_input,
.fi {
    background: #DCDCDC;
}
.AttendanceAutofield_input1,
.AttendanceAutofield_input2 {
    padding: 5px;
    outline: 0;
    text-transform: uppercase;
    height: 35px;
    color: #000;
    border: 1px solid #CFCFCF;
}
.AttendanceAutofield_input2 {
    width: 80px;
    border-radius: 3px;
}
.AttendanceAutofield_input1 {
    min-width: 170px;
    max-width: 200px;
    border-radius: 5px;
    margin-left: 10px;
}
.AutoCalcfield_input,
.EMP2AutoUpper {
    vertical-align: middle;
}
.EMP2AutoUpper,
.EMPAutofieldUpper_input {
    background-color: #FFF;
    text-transform: none;
}
.EMPAutofieldUpper_input {
    width: 250px;
    vertical-align: middle;
    padding: 5px;
    height: 25px;
    border: 1px solid #E5D7D1;
    outline: 0;
    border-radius: 5px;
}
.EMP2AutoUpper {
    text-align: justify;
    padding: 2px 5px;
    border: 1px solid #03AA83;
    color: #186C50;
    min-height: 35px;
    min-width: 320px;
}
.AutoCalcfield_input,
.AutofieldUpper_input,
.EMP2AutoUpper {
    outline: 0;
}
.AutofieldUpper_input {
    width: 316px;
    background-color: #FFF;
    color: #000;
    vertical-align: middle;
    padding: 5px;
    height: 25px;
    border-radius: 0;
    border: 1px solid #149F41;
}
.AutoCalcfield_input {
    border: 1px inset #CCC;
    color: #F93326;
    text-align: center;
    min-width: 80px;
    min-height: 30px;
    border-radius: 5px;
    background: #FFF;
}
.fi {
    background: #FFF;
}
.Dropdownfield_input {
    width: 328px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    height: 42px;
    border: 1px solid #FBD5CB;
    text-transform: uppercase;
    border-radius: 3px;
    outline: 0;
}
.EmployeeTitle {
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
    height: auto;
    padding-left: 175px;
    padding-right: 5px;
    font-weight: 400;
    width: auto;
    color: #000;
    letter-spacing: 1px;
    text-align: center;
}
.InnerSectionHR,
.InnerSectionMgr,
.InnerSectionSession,
.InnerSectionSession2 {
    font-size: 14px;
    white-space: nowrap;
}
.InnerSectionsLeave {
    background: #F5F2F0;
    border-radius: 5px;
    border: 1px solid #DFD3CE;
    display: table;
    margin-left: 100px;
    width: 935px;
}
.InnerSections {
    background: #F2F0EF;
}
.InnerSections2 {
    min-width: 1040px;
    border: 1px solid #E5D7D1;
    border-radius: 5px;
    padding: 5px;
}
.InnerSectionsForm {
    width: auto;
    border-radius: 0;
    border: 1px solid #E3E2E2;
    height: auto;
}
.InnerSections3,
.InnerSectionsTax {
    text-align: left;
    vertical-align: top;
    border-radius: 5px;
}
.InnerSections3 {
    width: auto;
    padding: 5px 8px 5px 20px;
    outline: 0;
    border: 1px solid #E4DCD8;
    background: #FFF;
}
.InnerSectionsTax {
    margin-bottom: 5px;
    width: 493px;
    padding: 2px 47px 2px 2px;
    border: 1px groove #FF671F;
    box-shadow: 1px 1px 4px #FB9C90;
}
.InnerSectionMgr,
.InnerSectionSession {
    border-radius: 5px;
    vertical-align: top;
    width: auto;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    padding: 10px 0;
}
.InnerSectionSession {
    background: #33DD8C;
    border: 1px solid #FFF;
}
.InnerSectionMgr {
    background: #50C88F;
    border: 1px outset #FFF;
}
.InnerSectionHR {
    background: #42A174;
    text-transform: uppercase;
    border-radius: 5px;
    text-align: center;
    vertical-align: top;
    width: auto;
    color: #FFF;
    padding: 10px 0;
    border: 1px solid #FFF;
}
.InnerSectionSession2,
.InnerSectionsActiveUser,
.InnerSectionsCompleted {
    margin-bottom: 5px;
    text-align: left;
    vertical-align: top;
    width: auto;
}
.InnerSectionsActive {
    padding: 5px;
    background: #FCFCFC;
    border-radius: 5px;
}
.InnerSectionsActiveUser {
    box-shadow: 1px 1px 4px #0C8EA1;
    padding: 2px;
    background: rgba(221, 252, 240, 0.838);
}
.InnerSectionsCompleted {
    padding: 5px;
    background: #F2F2F2;
    border-radius: 5px;
    border: 1px solid #DCDCDC;
}
.InnerSectionSession2 {
    text-transform: none;
    -moz-box-shadow: 0-1px 0#bbb;
    -webkit-box-shadow: 0-1px 0#bbb;
    box-shadow: 1px 1px 4px #14A34D;
    padding: 10px 5px;
    background: #A1F5DB;
    color: #14A34D;
    background: linear-gradient(to bottom, #FBFBFB 10%, #D2FBB4 100%);
    background: -ms-linear-gradient(top, #FBFBFB 5%, #D2FBB4 100%);
}
.dhForm {
    width: 950px;
    border: 1px solid #E5E5E5;
    padding: 1px 5px;
    border-radius: 5px;
    height: 35px;
    background: #F2F2F2;
}
.dhcash {
    width: 1065px;
    border: 1px outset #E1E1E1;
    height: auto;
    background-color: #FFF;
    box-shadow: 1px 1px 1px 1px #DFDFDF;
}
.headerlogo {
    width: 1065px;
    height: 35px;
    background-color: transparent;
    color: #FFF;
    border-radius: 5px;
}
.AttendanceAdjustmentAutofield_input,
.AttendanceAdjustmentfield_input {
    background-color: #FFF;
    vertical-align: middle;
    text-transform: none;
    padding: 2px 5px;
}
.AttAdjustfield,
.AttendanceAdjustmentAutofield_input,
.AttendanceAdjustmentfield_input {
    color: #000;
    text-align: center;
    border: 1px inset #E3E2E2;
    outline: 0;
    min-height: 30px;
    border-radius: 5px;
    background: #FFF;
}
.AttendanceAdjustmentfield_input {
    width: 80px;
}
.AttAdjustfield,
.AttendanceAdjustmentAutofield_input,
.thclistattach3 {
    min-width: 90px;
}
.AttendanceAdjustmentAutofield_input {
    border: 1px inset #CCC;
    min-width: 80px;
}
.fi {
    min-width: 80px;
}
.thchr,
.thcmanager {
    border-left: 1px dotted #688EA6;
    border-right: 0.7px dotted #37BFC1;
    border-top: 1px inset #688EA6;
    border-bottom: 1px inset #688EA6;
}
.thcapproved,
.thcauto,
.thchr,
.thcimp,
.thcmanager {
    text-align: center;
    padding: 2px 5px;
    font-weight: 400;
    white-space: normal;
    vertical-align: top;
}
.thcmanager {
    background-color: #C2E8F3;
    background: linear-gradient(to bottom, #FFF 0%, #C2E8F3 100%);
    background: -ms-linear-gradient(top, #FFF 5%, #C2E8F3 100%);
}
.thchr {
    background: linear-gradient(to bottom, #FFF 0%, #F7E1D7 100%);
    background: -ms-linear-gradient(top, #FFF 5%, #F7E1D7 100%);
}
.thcapproved {
    background-color: #81F7BE;
    border: 1px solid #58F3D0;
}
.thcimp {
    background-color: #FAFBCA;
    border-left: 1px dotted #688EA6;
    border-right: 0.7px dotted #37BFC1;
    border-top: 1px inset #688EA6;
    border-bottom: 1px inset #688EA6;
    background: linear-gradient(to bottom, #FFF 0%, #FAFBCA 100%);
    background: -ms-linear-gradient(top, #FFF 5%, #FAFBCA 100%);
}
.thcauto {
    color: #000;
    border-left: 1px dotted #E3E2E2;
    border-right: 0.7px dotted #E3E2E2;
    border-top: 1px inset #E3E2E2;
    border-bottom: 1px inset #E3E2E2;
    background: linear-gradient(to bottom, #FBFBFB 50%, #ECECEC 100%);
    background: -ms-linear-gradient(top, #FBFBFB 5%, #ECECEC 100%);
}
.dBodyEmployee,
.dialog_body_employee {
    background-color: #FFF;
    color: #000;
    padding: 1px;
    text-align: left;
    min-width: 1100px;
    height: auto;
}
.dhbView {
    padding: 2px 5px;
    width: auto;
    background: linear-gradient(to bottom, #76D7C4 5%, #D1F2EB 100%);
    background: -ms-linear-gradient(top, #76D7C4 5%, #D1F2EB 100%);
}
.thcpayrollEmp {
    border: 1px solid #E3E2E2;
    color: #000;
    background: linear-gradient(to bottom, #FBFBFB 10%, #C7C3C3 100%);
    background: -ms-linear-gradient(top, #FBFBFB 5%, #C7C3C3 100%);
}
.thcpayrollDiff,
.thcpayrollEmp,
.thcpayrollEmpEdit,
.thcpayrollSalary,
.thcpayrollTax {
    font-weight: 400;
    text-align: center;
    white-space: normal;
    vertical-align: top;
    padding: 2px 5px;
}
.thcpayrollEmpEdit {
    background-color: #D6FCEA;
    border: 1px solid #C5F1DB;
    color: #000;
    background: linear-gradient(to bottom, #FBFBFB 10%, #D6FCEA 100%);
    background: -ms-linear-gradient(top, #FBFBFB 5%, #D6FCEA 100%);
}
.thcpayrollDiff,
.thcpayrollSalary,
.thcpayrollTax {
    color: #FFF;
}
.thcpayrollSalary {
    background-color: #C2EAFA;
    border: 1px solid #A7F9E6;
    background: linear-gradient(to bottom, #FBFBFB 10%, #C2EAFA 100%);
    background: -ms-linear-gradient(top, #FBFBFB 5%, #C2EAFA 100%);
}
.thcpayrollTax {
    background-color: #D2FBB4;
    border: 1px solid #C2FAB2;
    background: linear-gradient(to bottom, #FBFBFB 10%, #D2FBB4 100%);
    background: -ms-linear-gradient(top, #FBFBFB 5%, #D2FBB4 100%);
}
.thcpayrollDiff {
    background-color: #C1B6F9;
    border: 1px solid #CBC2FA;
    margin-left: 0;
    background: linear-gradient(to bottom, #FBFBFB 10%, #C1B6F9 100%);
    background: -ms-linear-gradient(top, #FBFBFB 5%, #C1B6F9 100%);
}
.Editfield_input,
.Rightfield_input,
.TableEditfield_input {
    background-color: #FFF;
    vertical-align: middle;
    text-transform: none;
}
.Rightfield_input {
    border: 1px solid #E3E2E2;
    box-shadow: inset 0 1px 2px #E3E2E2;
    color: #0D76A9;
    text-align: right;
    padding: 3px;
}
.Editfield_input,
.TableEditfield_input,
.thcpayroll,
.thcpayroll2,
.thcpayrollmainhire,
.thcpayrollmainsalary,
.thcpayrollresulttax {
    text-align: center;
}
.Editfield_input {
    border: 1px outset #E3E2E2;
    color: #000;
    padding: 3px 20px 2px 5px;
    min-height: 37px;
    min-width: 277px;
    outline: 0;
}
.EMPWidth,
.thcnb {
    min-width: 40px;
}
.TableEditfield_input {
    border: 1px solid #E3E2E2;
    color: #000;
    padding: 2px;
    min-height: 25px;
    margin-left: 53px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.thcpayroll,
.thcpayroll2 {
    font-weight: 400;
    vertical-align: top;
    border-bottom: 0.5px solid #FFF;
    border-left: 0.5px solid #FFF;
    padding: 5px 6px;
    white-space: normal;
}
.thcpayroll {
    text-transform: uppercase;
    color: #000;
    height: 35px;
    vertical-align: middle;
    min-width: 25px;
}
.thcattendance,
.thcpayrollmain,
.thcpayrollmainhire,
.thcpayrollmainresults,
.thcpayrollmainsalary,
.thcpayrollresult,
.thcpayrollresulttax {
    white-space: normal;
    border-top: 1px solid #E3E2E2;
    border-left: 0.5px solid #E3E2E2;
    border-right: 0.5px solid #E3E2E2;
    padding: 5px 6px;
}
.thcpayroll2 {
    text-transform: none;
    background-color: #FFF;
    color: #1A869C;
    background: linear-gradient(to bottom, #EBF5FB 50%, #7FB3D5 100%);
    background: -ms-linear-gradient(top, #EBF5FB 5%, #8C92B6 100%);
    border-bottom: 1px solid #47C3DD;
}
.thcattendance,
.thcpayrollmain,
.thcpayrollmainresults,
.thcpayrollresult {
    background-color: #FFF;
    color: #1A869C;
    font-weight: 400;
    text-align: center;
    vertical-align: top;
}
.thcattendance {
    background: linear-gradient(to bottom, #FBFBFB 50%, #D5DBDB 100%);
    background: -ms-linear-gradient(top, #FBFBFB 5%, #D5DBDB 100%);
    border-bottom: 1px solid #E3E2E2;
}
.thcpayrollmain,
.thcpayrollmainhire,
.thcpayrollmainresults {
    border-bottom: 1px solid #47C3DD;
}
.thcpayrollmain {
    background: linear-gradient(to bottom, #EAF2F8 50%, #8C92B6 100%);
    background: -ms-linear-gradient(top, #EAF2F8 5%, #8C92B6 100%);
}
.thcpayrollmainresults {
    background: linear-gradient(to bottom, #EBF5FB 0%, #7FB3D5 100%);
    background: -ms-linear-gradient(top, #EBF5FB 5%, #8C92B6 100%);
}
.thcpayrollmainsalary,
.thcpayrollresult,
.thcpayrollresulttax {
    border-bottom: 1px solid #47C3DD;
}
.thcpayrollresult {
    background: linear-gradient(to bottom, #EEFFE1 0%, #AEFFAE 100%);
    background: -ms-linear-gradient(top, #FEF9E7 5%, #AEFFAE 100%);
}
.thcpayrollmainsalary,
.thcpayrollresulttax {
    background-color: #FFF;
    color: #1A869C;
    vertical-align: top;
    font-weight: 400;
}
.thcpayrollresulttax {
    background: linear-gradient(to bottom, #FEEEEE 0%, #FAA 100%);
    background: -ms-linear-gradient(top, #FEEEEE 5%, #FAA 100%);
}
.thcpayrollmainsalary {
    background: linear-gradient(to bottom, #F5EEF8 0%, #D7BDE2 100%);
    background: -ms-linear-gradient(top, #F5EEF8 5%, #D7BDE2 100%);
}
.panelCEmployee,
.thcpayrollmainhire {
    background-color: #FFF;
    vertical-align: top;
}
.thcpayrollmainhire {
    color: #1A869C;
    font-weight: 400;
    background: linear-gradient(to bottom, #F5EEF8 50%, #EDBB99 100%);
    background: -ms-linear-gradient(top, #F5EEF8 5%, #EDBB99 100%);
}
.thcnb {
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #D5D5D5;
}
.panelCEmployee {
    box-shadow: 1px 0 3px 1px #37BFC1;
    margin-bottom: 5px;
    padding-bottom: 2px;
    text-align: left;
    width: 1052px;
    margin-left: 2px;
    margin-top: 5px;
}
.thclistAudit,
.thclistAudit2,
.thclistdeposit,
.thcnb {
    text-align: center;
}
.PredefinedtableRowButtonsCellHorizontal {
    padding-left: 2px;
    padding-top: 2px;
    vertical-align: middle;
    padding-right: 2px;
    white-space: nowrap;
}
.thcnb {
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    height: 35px;
    white-space: normal;
    vertical-align: middle;
    background-color: #F2F2F2;
}
.EMP2Width {
    min-width: 10px;
}
.EMP3Width {
    min-width: 87px;
}
.EMP4WidthEdit {
    min-width: 8px;
}
.EMP5Width {
    min-width: 58px;
}
.EMP6Width {
    min-width: 73px;
}
.EMP7Width {
    min-width: 109px;
}
.EMP13Width,
.EMP8Width {
    min-width: 45px;
}
.EMP9Width {
    min-width: 42px;
}
.EMP10Width {
    min-width: 80px;
}
.EMP11Width {
    min-width: 124px;
}
.EMP12Width {
    min-width: 137px;
}
.EMPWidthGroup,
.EMPWidthREdit {
    min-width: 1px;
}
.EMPWidthLTAB,
.EMPWidthRTAB {
    min-width: 98px;
}
.EMPWidthR2TAB {
    min-width: 44px;
}
.EMPHeight {
    height: 1px;
}
.EMPdhb,
.EMPdialogHeaderBackground {
    text-transform: none;
    white-space: nowrap;
    color: #E44E05;
    height: 35px;
    min-width: auto;
    padding-left: 10px;
    padding-right: 10px;
    background: #BCD7E0;
    border-bottom: 1px #7AAAC6;
}
.thclist,
.thclistCollection,
.thcpayroll {
    color: #000;
    background: #DCDCDC;
    padding: 1px 2px;
    height: 40px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    min-width: 35px;
}
.thclistAudit,
.thclistAudit2,
.thclistPettyCashHeader,
.thclistdeposit,
.thclistpcoutheader,
.thclistsalessummary,
.thclistsalessummary2,
.thclistsalessummary3 {
    font-weight: 400;
    text-transform: uppercase;
}
.thclistdeposit,
.thclistsession {
    border-left: 0.5px solid #E3E2E2;
    border-right: 0.5px solid #E3E2E2;
}
.thclistbackground {
    min-width: 25px;
}
.thclistbackground2 {
    min-width: 100px;
}
.thclistsession {
    color: #FFF;
    padding: 5px;
    border-bottom: 1px solid #E3E2E2;
    width: auto;
    height: 51px;
    border-radius: 5px;
}
.thclistdeposit {
    border-bottom: 0.5px solid #E3E2E2;
    padding: 1px 5px;
    border-top: 0.5px solid #E3E2E2;
    color: #000;
    background: #F4FEFC;
    min-width: 87px;
    height: 40px;
    white-space: normal;
    vertical-align: middle;
}
.thclistAudit {
    min-width: 25px;
    background-color: #E1D6D1;
    border-left: 0.5px solid #FFF;
    height: 35px;
    padding: 2px 5px;
}
.thclistAudit,
.thclistAudit2,
.thclistsalessummary,
.thclistsalessummary2 {
    white-space: normal;
    vertical-align: middle;
    color: #000;
    box-shadow: inset 0 -2px 5px 1px rgba(0, 0, 0, 0.171);
}
.thclistAudit2 {
    height: 35px;
    min-width: 25px;
    background: #E1D6D1;
    border-left: 1px solid #FFF;
    padding: 1px 2px;
}
.thclistsalessummary,
.thclistsalessummary2,
.thclistsalessummary3 {
    height: 30px;
    border: 0.5px solid #DDB09B;
}
.thclistsalessummary {
    text-align: left;
    padding: 1px 2px 1px 25px;
    background: #F3E8E3;
    min-width: 199px;
}
.thclistsalessummary2 {
    background: #F2E8E4;
    min-width: 135px;
}
.thclistPettyCashHeader,
.thclistpcoutheader,
.thclistsalessummary2,
.thclistsalessummary3 {
    text-align: center;
    padding: 1px 2px;
}
.thclistsalessummary3 {
    white-space: normal;
    vertical-align: middle;
    color: #585858;
    background: #F6DBD0;
    min-width: 192px;
}
.thclistPettyCashHeader,
.thclistSalesHeader,
.thclistpcoutheader {
    background: #FBEFEA;
    border-bottom: 0.5px solid #F7DCD0;
    border-right: 0.5px solid #F1B393;
    border-top: 0.5px solid #F7DCD0;
}
.thclistPettyCashHeader,
.thclistpcoutheader {
    color: #787878;
    height: 40px;
    width: 125px;
    border-left: 1px solid #FFF;
}
.thclistSalesHeader,
.thclistSalesTotal,
.thclistitems,
.thclistpayheader {
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
}
.thclistSalesHeader {
    color: #6F6F6F;
    height: 35px;
    min-width: 28px;
    border-left: 0.5px solid #FFF;
    padding: 1px 2px;
}
.thclistSalesTotal,
.thclistitems,
.thclistpayheader,
.thclistpaypurchasing {
    padding: 1px 5px;
}
.thclistSalesTotal {
    font-weight: 600;
    border: 0.5px solid #F5BFA8;
    color: #777;
    height: 31px;
    background: #FAE4D9;
    border-radius: 1px;
    min-width: 110px;
    cursor: pointer !important;
}
.thclistitems,
.thclistpayheader {
    font-weight: 400;
    color: #000;
}
.thclistitems {
    height: 35px;
    min-width: 25px;
    background: #F1E9E5;
    border-bottom: 0.5px solid #F7DCD0;
    border-left: 1px solid #FFF;
    border-right: 0.5px solid #F1B393;
    border-top: 0.5px solid #F7DCD0;
}
.thclistpayheader {
    border-bottom: 0.5px solid #EF7A42;
    border-left: 0.5px solid #F1B393;
    border-right: 0.5px solid #FFF;
    border-top: 0.5px solid #EF7A42;
    height: 40px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #f8bea2), color-stop(1, #fdece3)) #FEEBE2;
    background: -ms-linear-gradient(top, #FDECE3 1%, #F8BEA2 100%);
    min-width: 107px;
}
.thclistpaypurchasing {
    min-width: 90px;
    background: #FBEFEA;
}
.thclistaccountspaypurcvhase,
.thclistattach,
.thclistattach2,
.thclistattach3,
.thclistpaypurchasing {
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    height: 35px;
    white-space: normal;
    vertical-align: middle;
    border-bottom: 0.5px solid #F7DCD0;
    border-left: 1px solid #FFF;
    border-right: 0.5px solid #F1B393;
    border-top: 0.5px solid #F7DCD0;
}
.thclistaccountspaypurcvhase {
    min-width: 45px;
    padding: 1px 5px;
    background-color: #D5C7C1;
}
.thclistattach,
.thclistattach2,
.thclistattach3 {
    background: #FBEFEA;
    padding: 1px 2px;
}
.thclistattach {
    width: 630px;
}
.thclistattach2,
.thclistattach3 {
    min-width: 298px;
}
.tresubrecontotalsection {
    vertical-align: top;
    padding: 2px;
    white-space: normal;
    color: #000;
    border-radius: 5px;
    border: 1px solid #E5D7D1;
    background: #FFF;
    display: inline-flex;
    min-width: 1120px;
    height: auto;
    margin-top: 5px;
    max-height: 400px;
}
.TopSection,
.TopSection1,
.TopSection3 {
    min-width: 1115px;
    overflow-x: hidden;
    padding: 5px;
    overflow-y: hidden;
    background-color: #EEEEEE;
}
.TopSection,
.TopSection1 {
    height: auto;
    border-radius: 5px;
    border: 1px inset #CECBCB;
}
.TopSection1 {
    height: 175px;
}
.InnerSection,
.TopSection3 {
    height: auto;
    border-radius: 5px;
}
.TopSection3 {
    border: 1px inset #CECBCB;
}
.InnerSection {
    padding: 1px;
    display: block;
    border: 1px solid #F9DFD3;
}
.SubSectionA,
.SubSectionA1,
.SubSectionB,
.SubSectionB1,
.SubSectionBC2 {
    border-radius: 5px;
    display: block;
    background-color: #F7F7F7;
    border: 1px solid #E6D2C8;
}
.SubSectionA,
.SubSectionB,
.SubSectionBC2 {
    padding: 1px;
    min-width: 360px;
    max-width: 360px;
    height: 180px;
    margin-top: -15px;
}
.SubSectionA1,
.SubSectionB1 {
    padding: 10px 1px 1px;
    width: 550px;
    height: 400px;
    margin-top: -10px;
}
.SubSectionC1,
.SubSectionC2,
.SubSectionC3,
.SubSectionC4,
.SubSectionC5 {
    padding: 1px;
    border-radius: 5px;
    display: block;
    margin-top: -15px;
    background-color: #F7F7F7;
    border: 1px solid #E6D2C8;
}
.SubSectionC1,
.SubSectionC2 {
    width: 360px;
    height: 360px;
}
.SubSectionC3,
.SubSectionC4,
.SubSectionC5 {
    min-width: 375px;
    max-width: 375px;
    height: 175px;
}
.SubSectionC4,
.SubSectionC5 {
    min-width: 360px;
    max-width: 359px;
    height: 140px;
    margin-top: -14px;
}
.SubSectionS1,
.SubSectionS2,
.SubSectionS3,
.SubSectionS4 {
    padding: 1px;
    width: 520px;
    height: 150px;
    border-radius: 5px;
    display: block;
    background-color: #FFF;
    border: 1px solid #E6D2C8;
}
.SubSectionS2,
.SubSectionS3,
.SubSectionS4 {
    width: 575px;
}
.SubSectionS3,
.SubSectionS4 {
    width: 520px;
    height: 50px;
    margin-top: 5px;
}
.ReqSectionA {
    padding: 1px;
    min-width: 975px;
    max-width: 975px;
    margin-top: -24px;
    margin-left: 180px;
    max-height: 330px;
    min-height: 330px;
}
.ReqSectionA,
.ReqSectionA2,
.ReqSectionB,
.ReqSectionB2,
.ReqSectionB4 {
    border-radius: 5px;
    border: 1px solid #F9DFD3;
    display: block;
}
.ReqSectionB {
    padding: 2px;
    min-width: 410px;
    max-width: 410px;
    margin-top: -178px;
    max-height: 150px;
    min-height: 150px;
}
.ReqSectionA2,
.ReqSectionB2,
.ReqSectionB4 {
    max-height: 330px;
    min-height: 330px;
}
.ReqSectionB4 {
    padding: 2px 2px 5px;
    min-width: 440px;
    max-width: 440px;
    margin-top: -25px;
    margin-left: 20px;
}
.ReqSectionA2,
.ReqSectionB2,
.tresubpurchasingatchquot,
.tresubpurchasingsub5 {
    padding: 5px;
}
.ReqSectionA2 {
    min-width: 671px;
    max-width: 675px;
    overflow: auto;
    margin-left: -10px;
}
.ReqSectionB2 {
    min-width: 1090px;
    max-width: 1090px;
    overflow-y: no-content;
    overflow-x: hidden;
    margin-left: -398px;
    margin-top: -4px;
}
.ReqSectionA3,
.ReqSectionAA,
.ReqSectionB3,
.ReqSectionB3B2,
.ReqSectionB3B3,
.ReqSectionB3B4 {
    padding: 2px 1px;
    max-width: 945px;
    min-width: 945px;
    border-radius: 5px;
    display: block;
    border: 1px solid #F9DFD3;
    margin-top: -24px;
    max-height: 230px;
    min-height: 230px;
}
.ReqSectionAA,
.ReqSectionB3,
.ReqSectionB3B2,
.ReqSectionB3B3,
.ReqSectionB3B4 {
    padding: 2px;
    min-width: 410px;
    max-width: 410px;
}
.ReqSectionAA,
.ReqSectionB3B2,
.ReqSectionB3B3,
.ReqSectionB3B4 {
    padding: 5px;
    min-width: 415px;
    max-width: 415px;
    min-height: 225px;
    max-height: 225px;
}
.ReqSectionAA,
.ReqSectionB3B3,
.ReqSectionB3B4 {
    padding: 13px 1px 15px;
    min-width: 465px;
    max-width: 465px;
    margin-top: -134px;
    min-height: 80px;
    max-height: 80px;
    margin-left: -5px;
}
.ReqSectionAA,
.ReqSectionB3B4 {
    padding: 5px;
    min-width: 405px;
    max-width: 405px;
    margin-top: -180px;
    min-height: 85px;
    max-height: 85px;
    margin-left: 0;
}
.ReqSectionAA,
.ReqSectionAA2 {
    padding: 1px;
    margin-top: -24px;
}
.ReqSectionAA {
    min-width: 950px;
    max-width: 950px;
    margin-left: 10px;
    min-height: 280px;
    max-height: 280px;
}
.ReqSectionAA2 {
    min-width: 960px;
    max-width: 960px;
    margin-left: 170px;
    min-height: 380px;
    max-height: 380px;
}
.ReqSection3A,
.ReqSection3APay,
.ReqSectionAA2,
.ReqSectionBB {
    border-radius: 5px;
    display: block;
    border: 1px solid #F9DFD3;
}
.ReqSectionBB {
    padding: 13px 1px 16px;
    min-width: 445px;
    max-width: 445px;
    max-height: 350px;
    min-height: 350px;
    margin-top: -25px;
    margin-left: 20px;
}
.ReqSection3A,
.ReqSection3APay {
    padding: 1px;
    min-width: 425px;
    max-width: 425px;
    max-height: 270px;
    min-height: 270px;
    margin-top: 4px;
    background-color: #FFF;
}
.ReqSection3APay {
    min-width: 615px;
    max-width: 615px;
    max-height: 340px;
    min-height: 340px;
    margin-top: -15px;
}
.ReqSection3M {
    padding: 1px;
    min-width: 460px;
    max-width: 460px;
    max-height: 270px;
    min-height: 270px;
    margin-top: 37px;
    margin-left: -635px;
}
.ReqSection3B,
.ReqSection3B2,
.ReqSection3M,
.ReqSection3MPay {
    border-radius: 5px;
    display: block;
    border: 1px solid #F9DFD3;
    background-color: #FFF;
}
.ReqSection3MPay {
    padding: 1px;
    min-width: 420px;
    max-width: 420px;
    max-height: 340px;
    min-height: 340px;
    margin-top: -15px;
    margin-left: 0;
}
.tableCellValueReq,
.tableCellValueReqView {
    background-color: #FFF;
    padding: 5px;
    height: 39px;
    vertical-align: middle;
    outline: 0;
}
.ReqSection3B,
.ReqSection3B2 {
    min-width: 625px;
    max-width: 616px;
    max-height: 280px;
    min-height: 327px;
    margin-top: -8px;
    margin-left: -165px;
}
.ReqSection3B2 {
    min-width: 610px;
    max-width: 610px;
    min-height: 280px;
    margin-top: 0;
    margin-left: -5px;
    overflow: auto;
}
.ReqSectionATableChart {
    display: block;
    margin-top: -32px;
    margin-left: -10px;
}
.ReqSection3BPay,
.ReqSectionBTableChart,
.ReqSectionCTableChart {
    display: block;
    margin-top: -10px;
    border: 1px solid #C1ACA4;
    border-radius: 15px;
    background-color: #FFF;
    margin-left: -7px;
    min-width: 770px;
    max-width: 770px;
}
.ReqSection3BPay,
.ReqSectionCTableChart {
    min-width: 600px;
    max-width: 600px;
    border: 1px solid #C2ADA5;
    margin-left: 6px;
    max-height: 250px;
    min-height: 250px;
}
.ReqSection3BPay {
    min-width: 645px;
    max-width: 645px;
    max-height: 340px;
    min-height: 340px;
    border-radius: 5px;
    border: 1px solid #F9DFD3;
    margin-top: -15px;
    margin-left: 0;
    overflow-y: no-content;
    overflow-x: hidden;
}
.tableCellLabelReq {
    color: #000;
    text-align: left;
    border-radius: 5px;
    text-transform: uppercase;
    padding-left: 5px;
}
.tableCellValueReq {
    width: 235px;
    border: 1px solid #E5D7D1;
    color: #BE490F;
    border-radius: 1px;
    margin-right: 249px;
}
.tableCellLabelReqView,
.tableCellValueReq,
.tableCellValueReqView {
    text-transform: uppercase;
}
.tableCellLabelReqView {
    color: #000;
    text-align: left;
    border-radius: 5px;
    min-width: 70px;
    max-width: 70px;
    padding-left: 5px;
}
.tableCellValueReqView {
    width: 238px;
    border: 1px solid #E5D7D1;
    color: #BE490F;
    border-radius: 1px;
    margin-right: 440px;
    margin-left: -1px;
}
.colimnseparator {
    background: #E0C1B2;
    width: 5px;
    border-left: 1px solid #BA9483;
    border-right: 1px solid #BA9483;
}
.field_inputatttach,
.tableTotals {
    vertical-align: middle;
    text-transform: uppercase;
    outline: 0;
    padding: 2px 5px;
}
.field_inputatttach {
    width: 600px;
    background-color: #FFF;
    color: #5F5F5F;
    height: 33px;
    border: 1px solid #E6E3E3;
    border-radius: 5px;
}
.pcin,
.pcinbg,
.pcout,
.pcoutbg {
    width: 109px;
    padding-left: 0;
}
.grandtotal,
.tableTotals {
    border-bottom: 0.5px solid #F7DCD0;
    border-left: 1px solid #FFF;
    border-right: 0.5px solid #F1B393;
    border-top: 0.5px solid #F7DCD0;
}
.tableTotals {
    color: #000;
    height: 35px;
    text-align: center;
    background: #E5D4CD;
    min-width: 25px;
    font-weight: 400;
}
.pcin,
.pcinbg,
.pcoutbg {
    font-weight: 600;
}
.pcin,
.pcinbg {
    align-content: center;
    text-align: center;
}
.pcinbg {
    background-image: url(../../Images/pcinbgr.png);
    height: 109px;
    vertical-align: middle;
    cursor: pointer;
}
.pcin {
    background-image: url(../../Images/pcin.png);
    height: 108px;
}
.pcin,
.pcout,
.pcoutbg {
    vertical-align: middle;
    cursor: pointer;
}
.pcclosing,
.pccurrency,
.pcinitial,
.pcopening,
.pcrequested {
    width: 107px;
    vertical-align: middle;
    cursor: pointer;
}
.pcoutbg {
    background-image: url(../../Images/pcoutbgr.png);
    height: 109px;
    align-content: center;
    text-align: center;
}
.pcclosing,
.pccurrency,
.pcinitial,
.pcinusd,
.pcopening,
.pcout,
.pcrequested {
    height: 108px;
    text-align: center;
    font-weight: 600;
    align-content: center;
}
.pcout {
    background-image: url(../../Images/pcout.png);
}
.pcopening {
    background-image: url(../../Images/pcopening.png);
}
.pccurrency {
    background-image: url(../../Images/currency.png);
}
.pcinitial {
    background-image: url(../../Images/pcinitial.png);
}
.pcrequested {
    background-image: url(../../Images/pcrequested.png);
}
.pcclosing {
    background-image: url(../../Images/pcclosing.png);
}
.pcinusd {
    background-image: url(../../Images/pcin.png);
    width: 109px;
}
.field_input_att,
.grandtotal,
.pcinusd {
    vertical-align: middle;
}
.grandtotal {
    font-weight: 600;
    text-transform: uppercase;
    color: #787878;
    text-align: center;
    height: 40px;
    white-space: normal;
    background: #FBEFEA;
    padding: 1px 2px;
}
.dhbmanagerattendance,
.dhbreports,
.dhtreports {
    white-space: nowrap;
}
.field_input_att {
    min-width: 70px;
    background-color: #FFF;
    color: #000;
    padding: 2px 5px;
    min-height: 37px;
    border: 1px inset #E3E2E2;
    text-align: left;
    outline: 0;
    border-radius: 5px;
}
.dhbslip {
    cursor: pointer;
    width: 150px;
}
.dhbreports,
.dhtreports {
    height: 32px;
    padding-right: 10px;
    text-transform: none;
}
.row:nth-child(odd) {
    background: #E0E0E0;
}
.dhtreports {
    color: #000;
    padding-left: 242px;
}
.PeriodicReport {
    border: 1px inset #FFF;
}
.dhbreports {
    color: #E44E05;
    width: 355px;
    padding-left: 10px;
}
.tableCellLabelreports,
.tableCellLabelsecurity,
.tableCellValuesecurity {
    vertical-align: middle;
    text-transform: none;
    white-space: nowrap;
}
.tableCellLabelreports {
    color: #000;
    text-align: right;
    padding: 5px;
}
.tableCellLabelsecurity,
.tableCellValuesecurity {
    padding: 3px;
}
.tableCellValuesecurity {
    color: #000;
    text-align: left;
    height: 20px;
}
.tableCellLabelsecurity {
    color: #0D76A9;
    text-align: right;
}
.field_input_security {
    background-color: #FFF;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    text-transform: none;
    padding: 2px 5px 2px 15px;
    width: 165px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #D6CCC8;
    outline: 0;
}
.galleryttc2 {
    text-align: center;
    vertical-align: middle;
    background: #F2F2F2;
    border: 1px inset #FFF;
    width: auto;
}
.dhbmanagerattendance {
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    min-width: 1690px;
    font-weight: 600;
    background: #F8F8F8;
}
.tresub {
    border: 1px solid #DCDCDC;
    background: #FCFCFC;
    min-width: 1130px;
    z-index: -1;
}
.dhbmanagerattendance,
.tresub {
    padding: 1px;
    border-radius: 5px;
}
.tresub,
.tresubcashenclosed,
.tresubpcin,
.tresubpcsheader,
.tresubpetty {
    white-space: normal;
    vertical-align: top;
}
.tresub,
.tresubcashenclosed {
    color: #000;
    display: inline-flex;
}
.tresubMonthReconciliation {
    border: 1px solid #DFD3CE;
    background: #FEFCF9;
    min-width: 1775px;
    max-width: 1775px;
    overflow-x: auto;
    height: auto;
    white-space: nowrap;
    display: -webkit-box;
}
.tresubcashenclosed {
    padding: 2px;
    border-radius: 15px;
    border: 1px solid #E5D7D1;
    background: #F1F1F1;
    min-width: 1125px;
    height: 1790px;
    margin-top: 5px;
}
.tresubpcsheader,
.tresubpetty {
    color: #000;
    border: 1px solid #FADBCD;
}
.tresubpcin,
.tresubpcinout,
.tresubpcsheader,
.tresubpetty {
    border-radius: 15px;
    background: #F0E8E6;
}
.tresubpcsheader {
    padding: 5px;
    min-width: 1630px;
    display: inline-flex;
    margin-left: 30px;
}
.tresubpetty {
    padding: 5px 23px;
    min-width: 1533px;
}
.tresubpcin {
    padding: 5px 0;
    color: #000;
    border: 1px solid #F2DCD3;
    min-width: 1580px;
}
.tresubpcinout {
    padding: 5px;
    box-shadow: 1px 1px 1px 1px #DCDCDC;
    border: 1px groove #FF671F;
    min-width: 1465px;
}
.tresubToters,
.tresubpcheader,
.tresubpcinout {
    vertical-align: top;
    white-space: normal;
    color: #000;
}
.tresubToters {
    padding: 5px;
    border-radius: 15px;
    border: 1px solid #BFABA2;
    min-width: 1144px;
    background: #F7F7F7;
}
.tresubpcheader {
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #FABDA0;
    border: 1px groove #FF671F;
    background: #F5D8C6;
    min-width: 1637px;
}
.tresubPettyCash,
.tresubReconciliation {
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    background: #FFFAF8;
}
.tresubPettyCash {
    padding-top: 60px;
    border: 1px solid #F5D7C9;
}
.tresubPettyCash,
.tresubReconciliation,
.tresubattendance,
.tresubpo,
.tresubpo2,
.tresubrecon,
.tresubreconciliation,
.tresubreconciliationtotal,
.tresubreconin,
.tresubreconsub {
    vertical-align: top;
    color: #000;
    border-radius: 5px;
}
.tresubReconciliation {
    padding-top: 15px;
    border: 1px solid #F7C0A7;
}
.tresubattendance {
    padding: 10px 45px;
    white-space: normal;
    border: 1px solid #D6CFCB;
    min-width: 1760px;
    max-width: 1760px;
    background: #F9F8F8;
    display: inline-flex;
}
.tresubattendanceview {
    padding: 10px 50px;
    min-width: 1260px;
    display: inline-flex;
    margin-left: 20px;
    border: 1px solid #DFD3CE;
    background: #F6F5F4;
}
.tresubattempsummary,
.tresubattendanceview,
.tresubinventory,
.tresubpayment,
.tresubpayment2,
.tresubpcout,
.tresubpettycash,
.tresubpurchasing,
.tresubrecondonated,
.tresubsync,
.tresubtotal {
    vertical-align: top;
    white-space: normal;
    color: #000;
    border-radius: 5px;
}
.tresubpettycash {
    border: 1px solid #FADBCD;
    background: #F9F5F3;
    min-width: 1790px;
    max-width: 1790px;
    display: -webkit-inline-box;
    padding: 5px;
    margin-top: 5px;
    border-radius: 15px;
}
.tresubpayment,
.tresubpayment2,
.tresubpurchasing,
.tresubsync {
    border: 1px solid #F7DCD0;
}
.tresubsync {
    padding: 2px;
    background: #FFFDFD;
    display: normal;
    min-width: 650px;
}
.tresubpurchasing {
    padding: 5px;
    min-width: 1810px;
    max-width: 1810px;
    background: #FFF;
    display: table;
}
.tresubpurchasingsub {
    padding: 5px;
    min-width: 1390px;
    background: #FFF;
}
.tresubpurchasingsub,
.tresubpurchasingsub2,
.tresubpurchasingsub3 {
    vertical-align: top;
    white-space: normal;
    color: #000;
    border-radius: 5px;
    border: 1px solid #F7DCD0;
}
.tresubpurchasingsub2 {
    padding: 5px 5px 2px;
    min-width: 1400px;
    background: #FFF;
}
.tresubpurchasingsub3 {
    padding: 5px 5px 2px 330px;
    min-width: 800px;
    background: #FFFBFA;
}
.tresubpurchasingatchquot,
.tresubpurchasingsub4,
.tresubpurchasingsub5 {
    vertical-align: top;
    white-space: normal;
    color: #000;
    border-radius: 5px;
    border: 1px solid #F7DCD0;
    background: #FFF;
}
.tresubpurchasingsub4 {
    padding: 5px 5px 2px;
    min-width: 1370px;
    max-width: 1370px;
}
.tresubpurchasingsub5 {
    min-width: 1180px;
}
.tresubpurchasingatchquot {
    width: 1462px;
    display: block;
    max-height: 440px;
    min-height: 440px;
}
.tresubpurchasingView,
.tresubpurchasingView3 {
    max-width: 1820px;
    min-width: 1820px;
}
.tresubpurchasingView,
.tresubpurchasingView2,
.tresubpurchasingView3 {
    vertical-align: top;
    padding: 5px;
    white-space: normal;
    color: #000;
    border-radius: 5px;
    border: 1px solid #F7DCD0;
    background: #FFF;
    display: table;
}
.tresubpurchasingView2 {
    min-width: 1810px;
    max-width: 1810px;
    margin-left: 2px;
}
.tresubpurchasingatchquotView,
.tresubpurchasingatchquotView2 {
    border: 1px solid #F7DCD0;
    background: #FFF;
    display: block;
    max-height: 410px;
    min-height: 410px;
}
.tresubaccountingpaypurchase,
.tresubpaymentView,
.tresubpurchasingatchquotView,
.tresubpurchasingatchquotView2,
.tresubrequest {
    border-radius: 5px;
    padding: 5px;
    vertical-align: top;
    white-space: normal;
    color: #000;
}
.tresubpurchasingatchquotView {
    max-width: 1820px;
    min-width: 1820px;
}
.tresubpurchasingatchquotView2 {
    min-width: 1810px;
    max-width: 1810px;
    margin-left: 3px;
}
.tresubpaymentView {
    border: 1px solid #F7DCD0;
    min-width: 1715px;
    max-width: 1715px;
    background: #FFF;
    display: block;
    max-height: 345px;
    min-height: 345px;
    margin-left: 70px;
}
.tresubaccountingpaypurchase,
.tresubpo2,
.tresubrequest {
    display: inline-flex;
}
.tresubrequest {
    box-shadow: 1px 1px 1px 1px #FED5C2;
    border: 1px groove #FF671F;
    min-width: 615px;
    background: #FFFBFA;
}
.controlbuttons,
.tresubpaycount,
.tresubpurcount {
    text-align: center;
}
.tresubaccountingpaypurchase {
    border: 1px solid #DFD3CE;
    background: #F6F5F4;
}
.tresubaccountingpaypurchase2,
.tresubpo {
    white-space: normal;
    border: 1px solid #F7DCD0;
    display: inline-flex;
}
.tresubaccountingpaypurchase2 {
    vertical-align: top;
    padding: 5px;
    color: #000;
    border-radius: 5px;
    max-width: 1855px;
    background: #FFFBFA;
}
.tresubpo,
.tresubpo2 {
    padding: 2px;
    background: #FFFDFD;
    margin-left: 6px;
}
.tresubpo {
    min-width: 1451px;
    min-height: auto;
}
.tresubpo2 {
    white-space: normal;
    border: 1px solid #F7DCD0;
    min-width: 1264px;
    min-height: 105px;
}
.tresubreconciliation {
    padding: 2px 5px 5px;
}
.tresubreconciliation,
.tresubreconciliationtotal,
.tresubreconciliationtotals {
    white-space: normal;
    border: 1px solid #FADBCD;
    background: #FAF5F3;
    min-width: 1460px;
    max-width: 1840px;
    display: -webkit-inline-box;
    margin-top: 4px;
}
.tresubreconciliationtotals {
    vertical-align: top;
    color: #000;
    border-radius: 5px;
    padding: 2px 5px 10px;
    height: 200px;
}
.tresubreconciliationtotal {
    padding: 2px 5px 5px;
    height: 301px;
}
.tresubrecon,
.tresubreconin {
    padding: 2px;
    border: 1px solid #F7DCD0;
    background: #FFFDFD;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 520px;
    max-height: 520px;
}
.tresubrecon {
    min-width: 1020px;
    max-width: 1020px;
}
.tresubreconin,
.tresubreconsub {
    white-space: normal;
}
.tresubreconin {
    min-width: 690px;
    max-width: 690px;
    margin-left: -13px;
}
.tresubreconsub {
    border: 1px solid #FADBCD;
    background: #FAF5F3;
    width: 1790px;
    display: -webkit-inline-box;
    padding: 2px 5px 5px;
    margin-top: 4px;
}
.tresubrecondonated,
.tresubreconrejected {
    padding: 2px;
    border: 1px solid #F7DCD0;
    background: #FFFDFD;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 520px;
    max-height: 520px;
}
.tresubreconrejected {
    vertical-align: top;
    white-space: normal;
    color: #000;
    border-radius: 5px;
    min-width: 715px;
    max-width: 715px;
}
.tresubrecondonated {
    margin-left: -350px;
    margin-top: 6px;
    min-width: 1025px;
    max-width: 1025px;
}
.tresubinventory {
    border: 1px solid #FADBCD;
    background: #FEEEE5;
    min-width: 1440px;
    display: -webkit-inline-box;
    padding: 2px 5px 5px;
    margin-top: 4px;
}
.tresubperformance {
    border: 1px solid #E5DFDD;
    background: rgba(193, 172, 164, 0.068);
    display: -webkit-inline-box;
    margin-top: 5px;
    border-radius: 10px;
    min-width: 1290px;
    max-width: 1290px;
}
.tresubperformance2 {
    min-width: 1250px;
    max-width: 1250px;
    background: #FFF;
    border: 1px solid #ECE7E5;
    border-radius: 10px;
    padding: 10px;
}
.tresubperformance3 {
    border: 1px solid #E5DFDD;
    background: rgba(193, 172, 164, 0.068);
    display: -webkit-inline-box;
    margin-top: 5px;
    border-radius: 10px;
    min-width: 1460px;
    max-width: 1460px;
}
.tresubperformance4 {
    min-width: 1410px;
    max-width: 1410px;
    background: #FFF;
    border: 1px solid #ECE7E5;
    border-radius: 10px;
    padding: 10px;
}
.tresubperformance5 {
    border: 1px solid #E5DFDD;
    background: rgba(193, 172, 164, 0.068);
    display: -webkit-inline-box;
    margin-top: 5px;
    border-radius: 10px;
    min-width: 860px;
    max-width: 860px;
    margin-left: -600px;
    height: 370px;
}
.tresubperformance6 {
    border: 1px solid #E5DFDD;
    background: rgba(193, 172, 164, 0.068);
    display: -webkit-inline-box;
    margin-top: 5px;
    border-radius: 10px;
    min-width: 575px;
    max-width: 575px;
    margin-left: -970px;
    height: 370px;
}
.tresubperformancesection {
    border: 1px solid #DFD3CE;
    background: #FEFCF9;
    min-width: 1125px;
    z-index: -1;
    padding: 5px;
    border-radius: 5px;
    white-space: normal;
    vertical-align: top;
    height: auto;
    color: #000;
    display: -webkit-inline-box;
}
.tresubtotal {
    padding: 2px;
    border: 1px solid #F7DCD0;
    background: #FFFDFD;
    display: inline-flex;
    min-width: 1120px;
    height: 231px;
}
.tresubpaycount,
.tresubpurcount {
    display: block;
    background-color: #E0C8BE;
    border-radius: 0 0 15px 15px;
    padding: 10px 5px;
}
.tresubapyplanning,
.tresubattendancesummary,
.tresubempprofile,
.tresubpurchaseplanning,
.tresubsales {
    vertical-align: top;
    padding: 5px;
    white-space: normal;
    color: #000;
    display: inline-flex;
}
.tresubpurcount {
    font-size: 9px;
    width: 815px;
    margin: -25px 0 auto 115px;
}
.tresubpaycount {
    width: 595px;
    margin: -118px auto auto 960px;
}
.tresubsales {
    border-radius: 15px;
    border: 1px solid #E5D7D1;
    background: #FFF;
    min-width: 1452px;
    height: auto;
    margin-top: 5px;
}
.tresubempprofile,
.tresubpurchaseplanning {
    border-radius: 10px;
    border: 1px solid #DCDCDC;
    background: #FBFBFB;
    height: auto;
    margin-top: 5px;
}
.tresubempprofile {
    width: 1108px;
}
.tresubpurchaseplanning {
    min-width: 1800px;
    max-width: 1800px;
    margin-left: 27px;
}
.tresubapyplanning {
    border-radius: 10px;
    border: 1px solid #DCDCDC;
    background: #FBFBFB;
    min-height: 260px;
    max-height: 260px;
    margin-top: 5px;
    min-width: 1840px;
    max-width: 1840px;
    overflow: hidden;
    margin-left: -5px;
}
.tresubattendancesummary {
    border-radius: 5px;
    border: 1px solid #DFD3CE;
    background: #F6F5F4;
    min-width: 1100px;
    height: 400px;
}
.tresubattendanceadjustments {
    width: 1100px;
    height: 430px;
}
.tresubattendanceadjustments,
.tresubattendancelist,
.tresubattendancetrnsportation {
    vertical-align: top;
    padding: 5px;
    white-space: normal;
    color: #000;
    border-radius: 5px;
    border: 1px solid #DCDCDC;
    background: #F2F2F2;
    display: inline-flex;
}
.tresubattendancetrnsportation {
    width: 1100px;
    height: 440px;
    margin-left: 3px;
}
.tresubattendancelist {
    min-width: 1100px;
    height: 605px;
}
.tresubWkSales {
    border: 1px solid #DFD3CE;
    background: #FEFCF9;
    min-width: 1100px;
    display: block;
}
.tresub_wf,
.tresubpayroll,
.tresubtitle,
.tresubtitle2,
.tresubtitle3 {
    white-space: nowrap;
    text-align: left;
}
.tresubwidth {
    border: 1px solid #DFD3CE;
    background: #FEFCF9;
    min-width: 1125px;
}
.performancerating {
    background: #F5F3F2;
    border: 1px solid rgba(193, 172, 164, 0.42);
    color: #2B2725;
    border-radius: 10px;
    padding-left: 100px;
}
.PerformanceLabel {
    color: #000;
    background-color: #F6F5F4;
    padding: 2px 5px;
    height: 35px;
    border: 1px solid #E4E1E0;
    text-transform: uppercase;
}
.cashoverprocesses,
.treForm {
    white-space: normal;
    color: #000;
    background: #FFF;
    border-radius: 5px;
    vertical-align: top;
}
.QSContainerpaymentplanning {
    display: table;
    min-width: 780px;
    max-width: 780px;
}
.cashoverprocesses {
    padding: 2px;
    height: auto;
    display: inline-table;
    margin-left: 27%;
    border: 1px solid #F1E9E5;
}
.controlbuttons {
    border-radius: 5px;
    padding: 4px 15px 4px 20px;
    background-color: #F1F0F0;
    display: inline-block;
    border: 1px groove #DAD8D6;
    height: auto;
    margin: 0.2% auto 5px 25px;
}
.controlbuttons2 {
    border-radius: 5px;
    padding: 4px 15px 4px 20px;
    background-color: #F1F0F0;
    display: inline-block;
    border: 1px groove #DAD8D6;
    height: auto;
    margin: 0.2% auto 5px 441px;
}
.treForm {
    border: 1px solid #E0E0E0;
    width: auto;
}
.trecash,
.trecashsub {
    padding: 5px;
    border-radius: 5px;
}
.trecash {
    min-width: 1123px;
    min-height: 180px;
    margin-top: 5px;
    background-color: #F7F7F7;
    border: 1px solid #E1E1E1;
}
.trecashsub {
    min-width: 507px;
    height: auto;
    border: 1px solid rgba(217, 24, 131, 0.376);
    background: rgba(253, 110, 13, 0.068);
    box-shadow: 1px 1px 1px 1px #FABC94;
}
.trecashsub2,
.trecashsubDeposit2,
.trecashsubDeposit3 {
    height: auto;
    border-radius: 5px;
    color: #FF671F;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    margin-top: 5px;
    display: block;
}
.trecashsub2 {
    padding: 5px 5px 5px 10px;
    min-width: 540px;
    max-width: 540px;
    border: 1px solid #F7DACD;
    background: #FEF7F4;
}
.trecashsubDeposit2,
.trecashsubDeposit3 {
    padding: 5px 10px;
    min-width: 620px;
    max-width: 1325px;
    border: 1px solid #F4D0BD;
    background: #FCF9F6;
}
.trecashsubDeposit3 {
    padding: 5px 95px 5px 10px;
}
.trecashsubcheck {
    padding: 5px 25px 5px 32px;
    min-width: 585px;
    height: auto;
    border: 1px solid rgba(217, 24, 131, 0.436);
    border-radius: 5px;
    background: rgba(217, 24, 131, 0.051);
    box-shadow: 1px 1px 1px 1px rgba(217, 24, 131, 0.581);
}
.trecashsubDepositFinance,
.trecashsubDepositFinance2,
.trecashsubDepositcheck {
    padding: 5px 25px 5px 32px;
    min-width: 585px;
    height: auto;
    border-radius: 5px;
    color: #FF671F;
    font-size: 20px;
    text-align: center;
    margin-top: 5px;
    display: block;
}
.trecashsubDepositcheck {
    border: 1px solid #F7DACD;
    background: #FEF7F4;
    font-weight: 500;
}
.trecashsubDepositFinance,
.trecashsubDepositFinance2 {
    border: 1px solid rgba(165, 89, 239, 0.427);
    background: rgba(220, 211, 247, 0.111);
    font-weight: 400;
}
.trecashsubDepositFinance2 {
    max-width: 1360px;
    min-width: 1360px;
    margin-left: -54px;
}
.treaudit,
.treaudit2,
.trecashsub3,
.trepetty {
    padding: 5px;
    height: auto;
    border-radius: 5px;
}
.trecashsub3 {
    min-width: 606px;
    border: 1px solid rgba(217, 24, 131, 0.376);
    background: rgba(253, 110, 13, 0.068);
    box-shadow: 1px 1px 1px 1px #FABC94;
}
.treaudit,
.treaudit2 {
    margin-top: 5px;
    display: block;
}
.treaudit {
    min-width: 1055px;
    border: 1px solid rgba(169, 251, 238, 0.948);
    background: rgba(81, 239, 166, 0.068);
}
.treaudit2 {
    min-width: 1632px;
    border: 1px solid rgba(147, 214, 251, 0.948);
    background: rgba(200, 240, 253, 0.068);
}
.tresubtitle,
.tresubtitle2,
.tresubtitle3 {
    color: #000;
    font-weight: 400;
}
.tresub1,
.tresub2,
.tresub3 {
    text-align: left;
    vertical-align: top;
}
.tresub1,
.tresub3 {
    box-shadow: 1px 1px 1px 1px #5EBCF3;
    padding: 2px 2px 2px 18px;
    background: rgba(255, 255, 255, 0.812);
}
.tresub2 {
    min-width: 955px;
    max-width: 955px;
    border-radius: 5px;
    border: 1px solid #E5D7D1;
    padding-left: 88px;
}
.tresub3 {
    min-width: 720px;
}
.tresubtitle {
    vertical-align: middle;
    padding: 5px;
    min-width: auto;
    background: #ECE7E5;
}
.tresubtitle2,
.tresubtitle3 {
    vertical-align: top;
}
.tresubtitle2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fbfbfb), color-stop(1, #ececec));
    background: -ms-linear-gradient(top, #FBFBFB 5%, #ECECEC 100%);
    padding: 5px 6px;
    border-bottom: 1px solid #10CCD1;
    border-top: 1px solid #E3E2E2;
    border-left: 0.5px solid #E3E2E2;
    border-right: 0.5px solid #10CCD1;
    min-width: 1410px;
    height: 15px;
}
.tresubtitle3 {
    padding: 5px;
    width: auto;
}
.tresub_wf {
    border-radius: 0;
    min-width: 198px;
    padding: 10px 5px 10px 9px;
    background-color: transparent;
    border: 1px solid #E3E2E2;
}
.tresub_wf,
.tresubpayroll {
    vertical-align: top;
    color: #000;
    height: auto;
    text-transform: uppercase;
}
.tresubPettyCashSummary {
    vertical-align: top;
    padding: 1px 5px;
    white-space: normal;
    color: #000;
    background: #E8D9D5;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #DCDCDC;
    min-width: 115px;
    text-align: center;
    height: 400px;
    border: 1px solid #ECC9BB;
}
.tresubpayroll {
    width: auto;
    padding: 10px 350px;
    border-radius: 5px;
    border: 1px solid #DCDCDC;
    background: #E9E9E9;
}
.tresubpcout {
    padding: 5px;
    box-shadow: 1px 1px 1px 1px #DCDCDC;
    border: 1px groove #FF671F;
    min-width: 1053px;
    background: #FFFBFA;
}
.tresubattempsummary {
    padding: 10px 10px 10px 40px;
    border: 1px solid #DEDEDE;
    width: 560px;
    background: #FBFAFA;
    display: inline-flex;
    margin-left: 60%;
    overflow-y: auto;
    height: 250px;
}
.treperiodicpay,
.tresubsubmitposub,
.tresubsubmitposub1,
.tresubsubmitposub2,
.tresubsubmitposub3,
.tresubsubmitposubchoose {
    vertical-align: top;
    color: #000;
    display: inline-flex;
    height: auto;
    margin-top: 5px;
    white-space: normal;
}
.tresubpayment {
    padding: 5px;
    min-width: 1448px;
    background: #FFFBFA;
}
.tresubpayment2 {
    padding: 5px 5px 0;
    background: #FFF;
    min-width: 1666px;
}
.tresubsubmitposub {
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    width: auto;
    margin-left: 89px;
}
.tresubsubmitposub1 {
    margin-left: 145px;
}
.tresubsubmitposub1,
.tresubsubmitposub2,
.tresubsubmitposub3 {
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    width: auto;
}
.tresubsubmitposub2 {
    margin-left: 30px;
}
.tresubsubmitposub3 {
    margin-left: 250px;
}
.tresubsubmitposubchoose {
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #E5D7D1;
    background: #FFF;
    width: auto;
    margin-left: 60px;
}
.treperiodicpay {
    padding: 5px 5px 5px 45px;
    border-radius: 10px;
    border: 1px solid #DCDCDC;
    background: #FBFBFB;
    min-width: 1685px;
    max-width: 1685px;
}
.CodestableCellValue,
.field_inputUser {
    vertical-align: middle;
}
.nav-icon {
    margin: 1em;
    width: 40px;
}
.nav-icon div,
.nav-icon:after,
.nav-icon:before {
    background-color: #FFF;
    border-radius: 0;
    content: "";
    display: block;
    height: 5px;
    margin: 7px 0;
    transition: 0.2s ease-in-out;
}
.field_inputUser {
    background-color: #FFF;
    border: 1px solid #E3E2E2;
    text-transform: none;
    padding: 3px 5px 2px;
    text-align: justify;
    min-height: 22px;
    min-width: 60px;
    outline: 0;
}
.dBodySignIn {
    text-align: left;
    width: auto;
    margin: auto;
}
.tableCellValueHome1rows {
    margin: 15px 0 10px 44%;
    width: 100%;
    display: block;
    justify-content: center;
}
.tableCellValueHome1rowsHR {
    margin: 15px 0 10px 52%;
    width: 100%;
    display: block;
    justify-content: center;
    outline: 0;
}
.tableCellValueHome1rowsCD {
    margin: 20px 0 10px 45%;
    width: 100%;
    display: block;
    justify-content: center;
}
.tableCellValueHome1rowsCD2 {
    margin: 20px 0 10px 52%;
    width: 100%;
    display: block;
    justify-content: center;
}
.tableCellValueHomeInventory {
    margin: 20px 0 10px 44%;
    width: 100%;
    display: block;
    justify-content: center;
}
.tableCellValueHomePurchase {
    margin: 15px 0;
    width: 100%;
    display: flex;
    justify-content: safe left;
}
.tableCellValueHome {
    margin: 20px 0 10px 39%;
    width: 100%;
    display: flex;
    justify-content: center;
}
.tableCellValueHome2rows {
    margin: 15px 0 10px 69%;
    width: 100%;
    display: block;
    justify-content: center;
}
.tableCellValueHome2rowsHR {
    margin: 15px 0 10px 61%;
    width: 100%;
    display: block;
    justify-content: center;
    outline: 0;
}
.tableCellValueHome2rowsCD {
    margin: 20px 0 10px 45%;
    width: 100%;
    display: block;
    justify-content: center;
}
.tableCellValueHome2rowsCD2 {
    margin: 20px 0 10px 61%;
    width: 100%;
    display: block;
    justify-content: center;
}
.tableCellValueHomeInventory2 {
    margin: 20px 0 10px 62%;
    width: 100%;
    display: block;
    justify-content: center;
}
.tableCellValueHomePurchase2 {
    margin: 15px 0;
    width: 100%;
    display: flex;
    justify-content: safe left;
}
.tableCellValueHome2 {
    margin: 15px 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.modulesubtitleinventory,
.modulesubtitlemenu,
.modulesubtitlemenuCD,
.modulesubtitlemenuCD2 {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    letter-spacing: 3px;
    height: 22px;
    margin: 10px 0 0 66.8%;
    width: 415px;
    display: flex;
    justify-content: center;
    padding: 2px 20px;
    white-space: nowrap;
    font-weight: 400;
    border-radius: 5px 5px 50px 50px;
    justify-content: center;
    color: #6E6E6E;
    background: #F2F2F2;
    box-shadow: 1px 1px 1px 2px #E1E1E1;
    border: 1px solid #FFF;
}
.modulesubtitle,
.modulesubtitle2,
.modulesubtitleCharts,
.modulesubtitlesub {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    letter-spacing: 3px;
    height: 22px;
    margin: 10px 0 0 38%;
    width: 415px;
    display: flex;
    justify-content: center;
    padding: 2px 20px;
    white-space: nowrap;
    font-weight: 400;
    border-radius: 5px 5px 50px 50px;
    justify-content: center;
    background: #F2F2F2;
    box-shadow: 1px 1px 1px 2px #E1E1E1;
    border: 1px solid #FFF;
    color: #6E6E6E;
}
.modulesubtitlesub {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    text-align: center;
    letter-spacing: 3px;
    border: 1px solid #D2A48E;
    height: 22px;
    margin: 3px 10px 0;
    width: 230px;
    display: flex;
    justify-content: center;
    padding: 2px 20px;
    white-space: nowrap;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: inset 0 -2px 5px 1px #FFF;
    background: #E0C1B2;
}
.modulesubtitlesubdon {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    text-align: center;
    letter-spacing: 3px;
    border: 1px solid #D2A48E;
    height: 22px;
    margin: 3px 0 0 -340px;
    width: 230px;
    display: flex;
    justify-content: center;
    padding: 2px 20px;
    white-space: nowrap;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: inset 0 -2px 5px 1px #FFF;
    background: #E0C1B2;
}
.purchasepaymentimage {
    min-width: auto;
    overflow: hidden;
}
.HomeButton,
.HomeButton10,
.HomeButton11,
.HomeButton12,
.HomeButton2,
.HomeButton3,
.HomeButton4,
.HomeButton5,
.HomeButton6,
.HomeButton7,
.HomeButton8,
.HomeButton9,
.LaunchHomeButton {
    padding: 3px;
    border-radius: 5%;
    margin-right: 15px;
    margin-left: 15px;
    outline: 0;
}
.HomeButton {
    box-shadow: 1px 1px 1px 2px #DAA090;
}
.HomeButton img,
.HomeButton10 img,
.HomeButton11 img,
.HomeButton12 img,
.HomeButton2 img,
.HomeButton3 img,
.HomeButton4 img,
.HomeButton5 img,
.HomeButton6 img,
.HomeButton7 img,
.HomeButton8 img,
.HomeButton9 img,
.HomeButtonNone img,
.LaunchHomeButton img {
    height: 20px;
    width: 20px;
    margin-right: 8px;
}
.HomeButton:hover {
    box-shadow: inset 0px 1px 1px 2px #883A1B;
}
.HomeButton2 {
    box-shadow: 1px 1px 1px 2px #9FE0F6;
}
.HomeButton11:hover,
.HomeButton2:hover {
    box-shadow: inset 0px 1px 1px 2px #27C8EC;
}
.HomeButton3 {
    box-shadow: 1px 1px 1px 2px #22D5B3;
}
.HomeButton3:hover {
    box-shadow: inset 0px 1px 1px 2px #5DB3A2;
}
.HomeButton4 {
    box-shadow: 1px 1px 1px 2px #73DD12;
}
.HomeButton4:hover {
    box-shadow: inset 0px 1px 1px 2px #5DB50C;
}
.HomeButton5 {
    box-shadow: 1px 1px 1px 2px #90BAF8;
}
.HomeButton5:hover {
    box-shadow: inset 0px 1px 1px 2px #2860B1;
}
.HomeButton6 {
    box-shadow: 1px 1px 1px 2px #DFB71D;
}
.HomeButton6:hover {
    box-shadow: inset 0px 1px 1px 2px #C09D10;
}
.HomeButton7 {
    box-shadow: 1px 1px 1px 2px #87D7A5;
}
.HomeButton7:hover {
    box-shadow: 1px 1px 1px 2px #0D9D44;
}
.HomeButton8 {
    box-shadow: 1px 1px 1px 2px #9DB5EC;
}
.HomeButton8:hover {
    box-shadow: inset 0px 1px 1px 2px #3683DC;
}
.HomeButton9 {
    box-shadow: 1px 1px 1px 2px #8BED53;
}
.HomeButton9:hover {
    box-shadow: inset 0px 1px 1px 2px #6BCD35;
}
.HomeButton10 {
    box-shadow: 1px 1px 1px 2px #D6DA18;
}
.HomeButton10:hover {
    box-shadow: inset 0px 1px 1px 2px #B8BC09;
}
.HomeButton11 {
    box-shadow: 1px 1px 1px 2px #C5EBF8;
}
.HomeButton12 {
    box-shadow: 1px 1px 1px 2px #7D5914;
}
.HomeButton12:hover {
    box-shadow: 1px 1px 1px 2px #B55E33;
}
.LaunchHomeButton {
    box-shadow: 1px 1px 1px 2px #18E6BE;
}
.LaunchHomeButton:hover {
    box-shadow: 1px 1px 1px 2px #0A967B;
}
.HomeButtonNone {
    padding: 1px;
    border: 1px solid #D8D9DA;
    border-radius: 5%;
    margin-right: 15px;
    margin-left: 12px;
    background: #C9C9C9;
}
.HomeButtonNone:hover {
    box-shadow: 1px 1px 1px 2px #DDDCDB;
}
.menuleftspace {
    padding-left: 354px;
}
.menuleftspace2 {
    padding-left: 155px;
}
.menuleftspace3 {
    padding-left: 93px;
}
.menuleftspace4 {
    padding-left: 245px;
}
.menutopspace {
    padding-top: 80px;
}
.menutopspace2 {
    padding-top: 30px;
}
.pcmCMenu,
.pcmCMenu2,
.pcmCMenu3,
.pcmCMenu4,
.pcmCMenu5,
.pcmCMenu6,
.pcmCMenu7,
.pcmCMenu8,
.pcmCMenuHome {
    font-weight: 400;
    text-transform: uppercase;
    display: inline-table;
    margin: 35px auto auto;
    height: 52px;
    border-radius: 0 0 10px 10px;
}
.CodeEntryfield_input,
.Codefield_input,
.field_labelSecurity,
.tableCellValueTimeStampBy,
.tableCellValueTimeStampOn {
    text-transform: none;
    outline: 0;
}
.pcmCMenu,
.pcmCMenu2,
.pcmCMenu3,
.pcmCMenu4,
.pcmCMenu5,
.pcmCMenu6,
.pcmCMenu7,
.pcmCMenu8 {
    min-width: 400px;
    max-width: 400px;
}
.pcmCMenu2,
.pcmCMenu3,
.pcmCMenu4,
.pcmCMenu5,
.pcmCMenu6,
.pcmCMenu7,
.pcmCMenu8 {
    min-width: 750px;
    max-width: 750px;
}
.pcmCMenu3,
.pcmCMenu4,
.pcmCMenu5,
.pcmCMenu6,
.pcmCMenu7,
.pcmCMenu8 {
    min-width: 380px;
    max-width: 380px;
}
.pcmCMenu4,
.pcmCMenu5,
.pcmCMenu6,
.pcmCMenu7,
.pcmCMenu8 {
    min-width: 375px;
    max-width: 375px;
}
.pcmCMenu5,
.pcmCMenu6,
.pcmCMenu7,
.pcmCMenu8 {
    min-width: 440px;
    max-width: 440px;
}
.pcmCMenu6,
.pcmCMenu7,
.pcmCMenu8 {
    min-width: 220px;
    max-width: 220px;
}
.pcmCMenu7,
.pcmCMenu8 {
    min-width: 230px;
    max-width: 230px;
}
.pHeaderRSecurity,
.pcCSecurity {
    min-width: 300px;
    max-width: 300px;
    min-height: 400px;
    max-height: 400px;
}
.CodeEntryfield_input,
.Codefield_input,
.CodestableCellValue {
    color: #000;
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #E5D7D1;
}
.CodestableCellValue {
    outline: 0;
    padding: 3px;
    text-align: left;
    white-space: nowrap;
    height: 28px;
    width: 115px;
}
.CodeEntryfield_input,
.Codefield_input {
    vertical-align: middle;
    padding: 2px 5px;
    text-align: justify;
    height: 30px;
    width: 110px;
}
.CodeEntryfield_input {
    width: 111px;
    border: 1px solid #CAE8D4;
}
.tableCellValueTimeStampBy,
.tableCellValueTimeStampOn {
    background-color: #FFF;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    color: #686868;
    border: 1px solid #D1D1D1;
}
.tableCellValueTimeStampBy {
    width: 235px;
    height: 39px;
    border-radius: 5px;
}
.tableCellValueTimeStampOn {
    height: 27px;
    border-radius: 1px;
}
.pcCPeriodic {
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px 5px;
    text-align: center;
    vertical-align: top;
}
.pcBSecurity {
    vertical-align: top;
    padding: 0 0 0 138px;
    color: #000;
}
.pHeaderRSecurity {
    text-align: center;
    transform: translateX(60px);
    animation: 2s ease-out 0.3s forwards slideInRightHeader;
    transition: transform 0.6s, box-shadow 0.6s;
    border-radius: 0 50px 50px 0;
    background-color: rgba(241, 240, 240, 0.763);
}
@keyframes slideInRightHeader {
    from {
        opacity: 0;
        transform: translateX(60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.field_labelSecurity {
    vertical-align: middle;
    text-align: center;
    color: #000;
    font-weight: 400;
    white-space: normal;
    padding: 10px 10px 10px 23px;
}
.pclabel,
.pcoutlabel {
    text-transform: uppercase;
    background: #FFF;
    border-radius: 3px;
}
.pclabel {
    font-weight: 400;
    border: 1px inset #DFDEDE;
    text-align: center;
    border-radius: 10px;
}
.pcoutlabel {
    font-weight: 600;
    border: 1px inset #FFF;
}
.pcTSecurity {
    display: normal;
}
.pcASecurity,
.pcASecurityOut {
    text-align: center;
    background: #F2F2F2;
    box-shadow: 1px 1px 1px 1px #E9E9E9;
    border: 0.5px inset #FFF;
    color: #FFF;
    white-space: normal;
    padding: 5px 5px 5px 60px;
    border-radius: 5px;
    justify-content: center;
    box-shadow: 1px 1px 1px 1px #BABABA;
}
.Amendfield_input {
    background-color: #FFF;
    vertical-align: middle;
}
.pcCSecurity {
    text-align: center;
    padding-right: 5px;
    border-radius: 0 15px 15px 0;
}
.pcCSecurityimage {
    text-align: center;
    transform: translateX(-50px);
    animation: 2s ease-out 0.3s forwards slideInLeft;
    transition: transform 0.6s, box-shadow 0.6s;
    height: auto;
    width: auto;
    background-color: rgba(0, 0, 0, 0.037);
    border-radius: 50px 0 0 50px;
}
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.pcBFooter,
.signInBarOut {
    font-weight: 400;
}
.pcBFooter {
    font-size: 9px;
    padding: 5px 20px;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
    display: block;
    margin-left: 633px;
    margin-top: 5px;
    width: 564px;
    border-radius: 5px;
    justify-content: center;
    background: #F2F2F2;
    box-shadow: 1px 1px 1px 1px #E9E9E9;
    border: 0.5px inset #FFF;
    color: #FFF;
}
.signInBarOut {
    color: #000;
    text-transform: none;
    margin: auto;
    white-space: nowrap;
    padding-left: 10px;
}
.signInBarC {
    padding-left: 12px;
}
.signInBarCOut {
    padding-left: 108px;
}
.signInBarL {
    color: #000;
    font-weight: 400;
    letter-spacing: 2px;
    border-radius: 0 0 15px 15px;
    margin-left: 9.5%;
    padding: 7px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 120px;
    background: #5DBADE;
    box-shadow: 1px 1px 1px 2px #E1E1E1;
    border: 1px solid #FFF;
}
.signInBarL:hover {
    background-color: #01DAC7;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 2px;
    border-radius: 0 0 15px 15px;
    margin-left: 9.5%;
    padding: 7px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 120px;
    box-shadow: 1px 1px 1px 2px #E1E1E1;
    border: 1px solid #FFF;
}
.signInBarLOut {
    padding: 5px;
    color: #FFF;
    border-radius: 5px;
    background: #0AD9FF;
    height: 20px;
    font-size: 14px;
    text-transform: uppercase;
    min-width: 90px;
    max-width: 90px;
    white-space: nowrap;
    display: inline-block;
    margin-left: 10px;
}
.signInBarLOut:hover {
    padding: 5px;
    color: #FFF;
    border-radius: 5px;
    background: #01DAC7;
    height: 20px;
    font-size: 14px;
    text-transform: uppercase;
    min-width: 90px;
    max-width: 90px;
    white-space: nowrap;
    display: inline-block;
    margin-left: 10px;
}
.dhForms,
.fi,
.fieldShort_input,
.field_inputUserEmail,
.field_inputUserSetup {
    background-color: #FFF;
    color: #000;
    text-transform: none;
}
.Amendfield_input {
    border: 1px inset #E3E2E2;
    color: #000;
    text-transform: none;
    padding: 3px 5px 2px;
    text-align: right;
    min-height: 24px;
    width: 70px;
    outline: 0;
}
.fi,
.field_inputUserEmail,
.field_inputUserSetup {
    padding: 3px 20px 2px 5px;
    text-align: justify;
    vertical-align: middle;
    text-transform: uppercase;
}
.fi {
    min-height: 30px;
}
.field_inputUserSetup {
    border: 1px outset #E3E2E2;
    min-height: 30px;
    width: 266px;
    outline: 0;
}
.PurchaseFileView,
.customfilerecon,
.customfilerecon2 {
    min-height: 34px;
    display: -webkit-inline-box;
    overflow: hidden;
}
.fi,
.field_inputUserEmail {
    border: 1px solid #E3E2E2;
    height: 35px;
    width: 300px;
    outline: 0;
}
.fi,
.field_inputUserentry {
    border: 1px solid #E3E2E2;
    height: 35px;
    width: 325px;
    outline: 0;
    border-radius: 5px;
}
.fieldShort_input,
.galleryttcForm {
    text-align: center;
    vertical-align: middle;
}
.fieldShort_input {
    padding: 5px;
    height: 25px;
    width: 260px;
    border: 1px solid #E3E2E2;
    outline: 0;
}
.galleryttcForm {
    border-radius: 5px;
    padding-left: 54px;
    background-image: url(../../Images/photobackground.png);
}
.Employeephoto {
    border-radius: 5px;
    border: 1px groove #E3E2E2;
    box-shadow: 1px 1px 1px 1px #E3E2E2;
    padding: 40px 5px 5px;
}
.dhForms {
    font-size: 14px;
    white-space: nowrap;
    width: 1065px;
    border: 1px solid #329CED;
    height: 35px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fbfbfb), color-stop(1, #ececec));
    background: -ms-linear-gradient(top, #FBFBFB 5%, #ECECEC 100%);
}
.field_input_wf,
.field_input_wf2 {
    color: #000;
    vertical-align: middle;
    padding: 2px 5px;
    margin-left: 2px;
}
.dh_wf,
.field_input_wf,
.field_input_wf2 {
    background-color: #FFF;
    border: 1px solid #E3E2E2;
}
.field_input_wf {
    width: 100px;
    height: 39px;
    text-align: center;
    outline: 0;
}
.field_input_wf2 {
    height: 30px;
    text-align: left;
    width: 301px;
    outline: 0;
}
.dh_wf {
    outline: 0;
    font-size: 14px;
    text-transform: none;
    white-space: nowrap;
    width: 855px;
    height: 35px;
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fbfbfb), color-stop(1, #ececec));
    background: -ms-linear-gradient(top, #FBFBFB 5%, #ECECEC 100%);
}
.field_input_Form,
.field_input_Form2 {
    background-color: #FFF;
    color: #000;
    vertical-align: middle;
    padding: 2px 5px;
    height: 34px;
    border: 1px solid #E3E2E2;
    text-align: left;
}
.customfile,
.customfile2,
.customfile3 {
    width: 40px;
    align-content: center;
    height: 32px;
    outline: 0;
    color: #000;
}
.customfile::-webkit-file-upload-button {
    background-color: transparent;
    cursor: pointer;
    color: transparent;
    border: #FF671F;
    background-image: url(../../Images/uploadfile.png);
    padding: 17px;
}
.customfile2::-webkit-file-upload-button,
.customfile3::-webkit-file-upload-button {
    background-color: transparent;
    cursor: pointer;
    color: transparent;
    border: #FFF;
    background-image: url(../../Images/downloadfile.png);
    padding: 17px;
}
.customfile3::-webkit-file-upload-button {
    border: #FF671F;
}
.customfilerecon,
.customfilerecon2 {
    align-content: center;
    outline: 0;
    padding: 1px;
}
.customfilerecon {
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
    text-indent: -999px;
    background-image: url(../../Images/selectfile2.png);
}
.PurchaseFileView img,
.customfilerecon img,
.customfilerecon2 img,
.customfilerecon3 img {
    height: 20px;
    width: 20px;
}
.customfilerecon2:hover,
.customfilerecon:hover {
    background-color: #F1E9E4;
    transform: scale(0.97);
    box-shadow: 1px 1px 1px 1px #EDD6CB;
}
.customfilerecon2 {
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
}
.customfilerecon3 {
    min-width: 34px;
    max-width: 34px;
    height: 20px;
    color: #000;
    border-radius: 2px;
    box-shadow: 1px 1px 1px 1px #DCDCDC;
    background: #F2F2F2;
    padding: 5px 1px 1px;
}
.customfilerecon3:hover {
    background-color: #DCDCDC;
    transform: scale(0.97);
    box-shadow: 1px 1px 1px 1px #969595;
    color: #000;
}
.PurchaseFileView,
.customfilerecon3,
.customfilereconchoose {
    align-content: center;
    outline: 0;
}
.customfilereconchoose {
    min-width: 250px;
    max-width: 250px;
    color: #5F5F5F;
    border-radius: 5px;
    background: url(../../Images/selectfile3.png) #F4F1EF;
    cursor: pointer !important;
    border: 1px solid #E5D7D1;
    padding: 9px 0 8px 5px;
}
.PurchaseFileView {
    background: url(../../Images/viewfile.png);
    text-indent: -999px;
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
}
.PurchaseFileView img {
    margin-right: 4px;
}
.PurchaseFileView:hover {
    background-color: #F1E9E4;
    transform: scale(0.97);
    box-shadow: 1px 1px 1px 1px #EDD6CB;
}
.field_input_Form,
.field_input_Form2 {
    width: 299px;
    outline: 0;
}
.field_input_Form2 {
    width: 520px;
}
.dhAttendance,
.dhEmp {
    border-radius: 5px;
    outline: 0;
}
.dhEmp {
    min-width: 1040px;
    max-width: 1040px;
    height: 35px;
    color: #000;
    border: 1px solid #E5D7D1;
    background: #F1E9E5;
}
.dhAttendance,
.dhpurchasingheader {
    border: 1px solid #DCDCDC;
    height: 35px;
}
.dhAttendance {
    text-transform: none;
    white-space: nowrap;
    font-size: 14px;
    width: 1860px;
    color: #000;
    background: #F2F2F2;
}
.dhpurchasingheader {
    width: 1323px;
    padding: 1px 5px;
    border-radius: 5px;
    background: #F1E9E5;
}
.field_input_notes,
.field_input_sub {
    padding: 2px 5px;
    height: 34px;
    border: 1px solid #E3E2E2;
    text-align: left;
}
.field_input_notes {
    width: 316px;
}
.EMP2field_input_sub,
.field_input_notes,
.field_input_sub {
    background-color: #FFF;
    color: #000;
    vertical-align: middle;
    outline: 0;
}
.field_input_sub {
    width: 230px;
}
.EMP2field_input_sub {
    min-width: 327px;
    padding: 5px;
    height: 36px;
    border-radius: 0;
    border: 1px solid #E3E2E2;
}
.field_input_PR_date {
    width: 110px;
    background-color: #FFF;
    color: #5F5F5F;
    vertical-align: middle;
    padding: 2px 5px;
    height: 32px;
    border: 1px solid #E5D7D1;
    text-transform: uppercase;
    border-radius: 1px;
    outline: 0;
    margin: auto -12px auto -4px;
}
.downloadfile {
    background-color: transparent;
    cursor: pointer;
    color: transparent;
    border: #FF671F;
    background-image: url(../../Images/downloadfile.png);
    padding: 17px 17px 17px 53px;
    border-radius: 5px;
    align-content: center;
    background-repeat: no-repeat;
}
.av-layout-grid-container:nth-of-type(odd) {
    background: #FFF !important;
}
.av-layout-grid-container:nth-of-type(2n) {
    background: #EFEFEF !important;
}
.ajax__tab_xp .ajax__tab_body {
    border: 1px solid #DCDCDC;
    padding: 8px;
    border-radius: 5px;
}
.nevadaspace1 {
    width: 883px;
}
.nevadaspace2 {
    width: 923px;
}
.nevadaspace3 {
    width: 473px;
}
.MyCalendar .ajax__calendar_container table,
.ajaxUpdatePanel,
div.updatingContainer {
    height: 100%;
    width: 100%;
}
.MyCalendar .ajax__calendar_container {
    padding: 30px 1px 10px;
    cursor: default;
    width: 220px;
    text-align: center;
    min-height: 205px;
    max-height: 205px;
    border-radius: 5px;
    border: 1px solid #DAAB93;
    color: #000;
    z-index: 20;
    box-shadow: 1px 1px 1px 2px #F3E5DE;
    background-color: #F9F9F9;
}
.MyCalendar .ajax__calendar_day {
    padding-top: 2px;
    border: 1px solid #D6CFCC;
}
.ajax__calendar_dayname {
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
    color: #BE490F;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #FCD4BE;
    color: #000;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
}
.MyCalendar .ajax__calendar_day,
.ajax__calendar_container {
    text-align: center;
    vertical-align: middle;
}
.ajax__calendar_container {
    padding: 4px;
    cursor: default;
    min-width: 200px;
    max-width: 200px;
    max-height: 205px;
    min-height: 205px;
}
.ajax__calendar_header {
    height: 20px;
    width: 100%;
    padding-bottom: 10px;
}
.ajax__calendar_footer,
.ajax__calendar_title {
    color: #BE490F;
    background: #F1E9E5;
}
.ajax__calendar_title {
    cursor: pointer;
    font-weight: 900;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px inset #FFF;
    padding: 5px;
}
.ajax__calendar_footer {
    height: 15px;
}
.ajax__calendar_day,
.ajax__calendar_today {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}
.ajax__calendar_today {
    font-weight: 800;
    margin-top: 10px;
    border: 1px outset #FFF;
    padding: 5px;
    color: #BE490F;
}
.ajax__calendar_day {
    min-height: 15px;
    max-height: 15px;
    min-width: 18px;
    max-width: 18px;
    padding: 0 2px;
    background: #FFF;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    border: 1px solid #FFF;
    color: #BE490F;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #BE490F;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_xp .ajax__tab_header {
}
.ajax__scroll_both {
    overflow: hidden;
}
.QSContainer .scrollRegion .pageButtonsContainer {
    background-color: #EEE;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ececec), color-stop(1, #fbfbfb));
    background: -ms-linear-gradient(top, #ECECEC 5%, #FBFBFB 100%);
    height: 40px;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
    top: 200px;
    width: 100%;
    z-index: 3;
}
.QSContainer .scrollRegion {
    height: 200px;
    left: 0;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 32px;
    width: 785px;
    z-index: 2;
}
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}
::-webkit-scrollbar-track {
    border-radius: 3px;
    border: 1px solid #DBD6D5;
    width: 15px;
}
::-webkit-scrollbar-thumb {
    background-color: #F3F3F3;
    border-radius: 3px;
    border: 0.5px groove #A9A9A9;
    box-shadow: inset 0 -3px 5px 1px rgba(0, 0, 0, 0.171);
}
::-webkit-scrollbar-thumb:hover {
    background: #DADADA;
    cursor: pointer !important;
    border: 0.5px groove #A9A9A9;
    box-shadow: inset 0 -3px 5px 1px rgba(0, 0, 0, 0.171);
}
::-webkit-scrollbar-corner {
    border-radius: 3px;
    border: 1px solid #929292;
    background: #F0F0F0;
    box-shadow: inset 0 -5px 10px 1px rgba(0, 0, 0, 0.171);
}
