html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; overflow: hidden; }
body { visibility: hidden; font-family: Verdana; background-color: white }
input[type=text], input[type=password], select, textarea { border-radius: 5px; border: 1px solid silver; padding: 2px; }


.default {
    width: 100%;
    height: 100%;
}
#Splitter {
    width: 100%;
    height: 100%;
}
#AccordionPane {
    min-width: 10%;
    overflow: auto;
    border: 0px solid;
}
#ContentPane {
    min-width: 10%;
    overflow: auto;
    width: 100px;
    border:0px solid red;
}
.announcementsbutton {
    font-size: 12px;
    font-weight: bold;
    width: 175px;
}
.refreshButton {
    width: 25px;
    height: 25px;
}

.clearFilterButton {
    width: 25px;
    height: 25px;
}
.brandAdminPopUp {
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fieldLabel {
    vertical-align: middle;
    text-align: right;
    width: 40%;
    height: 100%;
}
.dateTextBox {
    width: 70px;
    height: 15px;
}
.fieldData {
    vertical-align: middle;
    text-align: left;
    width: 60%;
    height: 100%;
}
.menu {
    font-size: 0.7em;
    font-weight: bold;
    text-decoration: underline;
}
.menu:hover {
    color: Black;
    text-decoration: none;
}
.menuListItem {
    cursor: pointer;
}
.tableRow {
    vertical-align: middle;
}
.rowSaveCancel {
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.titleBar {
    vertical-align: middle;
}

.link-state-active {
    background: #9FC9E9 url(images/ui-bg_flat_90_9fc9e9_40x100.png) 50% 50% repeat-x;
}

.title {
    width: 100%;
    height: 20%;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    border: 1px solid;
}

.details {
    width: 100%;
    height: 80%;
    text-align: left;
    vertical-align: top;
}



.gridContainer {
    background-color: White;
    vertical-align: top;
    height: 94%;
    text-align: left;
}

.alertPopUp {
    font-size: 14px;
    text-align: justify;
    vertical-align: bottom;
    margin-top: 20px;
}

.confirmationPopUp {
    font-size: 20px;
    margin-top: 20px;
    vertical-align: middle;
    text-align: center;
}

.pageHeader {
    font-size: 18pt;
    font-weight: bold;
    height: 5%;
    vertical-align: middle;
}

.pageContent {
    background: none;
    height: 90%;
    color: Black;
}

.pageSubHeader {
    font-size: 14pt;
    font-weight: bold;
}
.serverCallStatus {
    border: 1px solid #fea622;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    z-index: 99999999999;
}

.hide{
    display: none;
}

.modalPopUp {
    display: none;
}

#topRow {
    width: 100%;
    height: 3%;
}
#contentRow {
    width: 100%;
    height: 97%;
}
#Splitter {
    width: 100%;
    height: 100%;
}

.menuImg {
    height: 12px;
    width: 12px;
    padding-right: 5px;
}

.tableRowCell {
    vertical-align: middle;
    font-weight: normal;
    font-size: 9pt;
}

.showEllipsisOnOverflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*direction:rtl;*/
}

.defaultFieldLabel {
    background-image: none;
    background: none;
    border: none;
    font-size: 9pt;
}

.button {
    font-size: 10pt;
    font-weight: bold;
    min-width: 115px;
}
.gridCustomContainer {
    background-color: White;
    vertical-align: top;
    text-align: center;
    height: 94%;
    font-style: italic;
}
.customizedButton {
    font-size: 10px;
    font-weight: bold;
    width: 210px;
}
.customUndoButton {
    font-size: 10pt;
    font-weight: bold;
    width: 75px;
}
.description {
    border: none;
    background-image: none;
    background-color: transparent;
    font-size: 10pt;
    text-align: justify;
    padding-right: 30px;
    padding-left: 10px;
}
.description-font {
    font-size: 10pt;
}
.findImage {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.hint {
    color: Gray;
}
input.error {
    -webkit-box-shadow: 0px 0px 5px #5C9CCC;
    -moz-box-shadow: 0px 0px 5px #5C9CCC;
    box-shadow: 0px 0px 5px #5C9CCC;
    border: 1px solid #5C9CCC;
}
.error {
    color: Red;
    font-size: small;
}

.invalid-user-input {
    -webkit-box-shadow: 0px 0px 5px #5C9CCC;
    -moz-box-shadow: 0px 0px 5px #5C9CCC;
    box-shadow: 0px 0px 5px #5C9CCC;
    border: 1px solid #5C9CCC;
    color: Red;
}
.invalid-user-input-error {
   font-size: 11px;
}
.textColor {
    color: #2e6e9e;
}
.floatingErrorMessage {
    font-size: 10px;
    font-weight: bold; 
    color: #BA0C01;
    text-align: justify;
    vertical-align: middle;
    height: 30px;
    border: solid 1px #BA0C01;
}

/* TextCellEditor, DateCellEditor */
    input.editor-text {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    background: transparent;
    outline: 0;
    padding: 0;
}

/* YesNoSelectCellEditor */
select.editor-yesno {
    width: 100%;
    margin: 0;
    vertical-align: middle;
}

/* YesNoCheckboxCellEditor */
input.editor-checkbox {
    margin: 0;
    height: 100%;
    padding: 0;
    border: 0;
}

/* required for treeview in grid */
.toggle {
    height: 9px;
    width: 9px;
    display: inline-block;
    margin-left: 10px;
}

.parentCell {
    text-align: left;
}

.assignLaborLevelButton {
    width: 150px;
    height: 110px;
    margin-left: 25px;
    padding:0px
}

.addRemoveUserGroup {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    border: none;
    background: none;
    margin-right: 18px;
}
.addRemoveUserGroup:hover {
 
    border: none !important;
    background: none !important;
}
.serverCallStatus {
    border: 1px solid #5C9CCC;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
}

.openfilter {
    background: none;
    background-color: White;
    z-index: 999999;
}

.slick-row.Italic {
    font-style: italic;
    font-weight: normal;
}

.slick-row.Error {
    font-style: italic;
    font-weight: bold;
    color: red;
}

.slick-row.Bold {
    font-weight: bold;
    font-style: normal;
}

.slick-row.Normal {
    font-weight: normal;
    font-style: normal;
}

.gridSelectedRow {
    border: 1px solid #fea622;
    background: #f6de92;
    font-weight: bold;
    color: #383838;
}

.gridNonSelectedRow {
    background: #fff;
    font-weight: bold;
    color: #383838;
}

 .gridDisabledRow {
    color: silver;
    background: #fff;
}

.note {
    font-size: smaller;
    font-style: italic;
}

.example {
    font-size: smaller;
    font-style: italic;
}

.applyChangesButton {
    width: 150px;
}

.modalPopUp {
    display: none;
}

.pageHeader {
    font-size: 14pt;
    font-weight: bold;
    height: 5%;
    vertical-align: middle;
    padding-left: 5px;
}

.pageContent {
    background: none;
    height: 90%;
    color: Black;
}

.pageSubHeader {
    font-size: 11pt;
    font-weight: bold;
}

.select {
    width: 171px;
}

.textbox {
    width: 165px;
    font-size: 9pt;
}


.numberTextBoxRight {
    width: 165px;
    font-size: 9pt;
    text-align: right !important;
}

.dateTextBoxRight {
    width: 90px;
    height: 15px;
    text-align: right !important;
}

.customFeatureButton {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    cursor: pointer;
}

.featureButton {
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}

.helpButton {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.logo {
    width: 270px;
    height: 50px;
}

.dropDownMenu {
    font-size: small;
    border: 0px;
}

.customButton {
    font-size: small;
    border: 0px;
}
.notificationButton {
    display: inline-block;
    position: relative;
    width: 38px;
    height: 34px;
    text-align: center;
    font-size: 10pt;
    padding: 0px 3px 3px 3px;
}

.filterImage {
    width: 16px;
    height: 16px;
}

.employeeListTitle {
    position:relative;
    top:32px;
    right:44px;
    vertical-align: top;
    font-size: smaller;
    white-space: nowrap;
    display: block;
    height: 20px;
    width: 110px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.globalSearchTitle {
    font-weight: bold;
    text-decoration: underline;
}

.globalSearchSubTitle {
    text-decoration: underline;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.globalSearchLink {
    color: Black;
    margin-left: 10px;
}

.globalSearchCollapsed {
    width: 12px;
    height: 12px;
}

.globalSearchExpanded {
    width: 12px;
    height: 12px;
}

.globalSearchResultText {
    font-size: 7.8pt;
    font-weight: normal;
}

.highlightSlickGridRow {
    color:#222;
    background: #fff4a1;
    opacity: .8;
    filter: alpha(opacity=80);
    cursor:pointer;
}



.slick-column-name-additional {
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 1px;
}

/* to solve the issue in Custom Field Pop Up Grid */
.slick-row.ui-state-active {
    border-width: 0;
}
.overtimeRuleThreshold {
    background: none;
    border: none;
}
.editNewEmployeeDefaultButton {
    width: 171px;
    height: 15px;
    padding-left: 10px;
}

.liveTransactionLogException {
    color: Red;
    font-weight: bold;
    font-style: italic;
}

.gridCellLeftAlign {
    text-align: left;
}

.gridCellRightAlign {
    text-align: right;
}

.gridCellCenterAlign {
    text-align: center;
}

.sectionTitle {
    padding-left: 4px;
    font-size:14px;
}
.dialogWithoutTitleBar .ui-dialog-titlebar {
    display: none;
}

.resetCSS {
    margin: 0px;
    padding: 0px
}

input.reset
{
    margin-left: 0px;
    padding-left: 0px
}

.boldText
{
    font-weight: bold
}


/***********************EmployeeHome START***************************************/

/* popup - Common*/
div.emp-popup {overflow: hidden; text-align:left; vertical-align:middle; padding:0px;}
img.emp-popup-leftTabIcon {position:absolute; left:24px; cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
img.emp-popup-tabIcon-selected {opacity:1.0 !important;filter:alpha(opacity=100) !important;}
div.emp-popup-tabIcon img {opacity:0.4;filter:alpha(opacity=40);}
img.emp-popup-topTabIcon {position:absolute; top:19px; cursor:pointer ;}
img.emp-popup-backButton {position:absolute; top:19px; left:26px; cursor:pointer}
img.emp-subpopup-backButton {position:absolute; top:16px; left:22px; cursor:pointer}
span.emp-popup-topTabTitle {position: absolute; top: 24px; text-align: center; width: 99px;font-size: 6pt; font-weight: bold; color: White; cursor: pointer;}
div.emp-popup-container {height: 505px;left: 45px;position: absolute;top: 40px;width: 825px;}
span.emp-popup-container-title {position: absolute; left: 7px; top: 14px; width: 250px;font-size: 12pt; font-weight: bold;}
input.emp-popup-dateTextBox {width: 70px;height: 14px;top :12px;text-align: center;vertical-align: middle;position: absolute;font-size: 8pt !important;}
input.emp-popup-timecard-dateTextBox {width: 70px;height: 14px;top :12px;text-align: center;vertical-align: middle; font-size: 8pt !important;}
div.emp-popup-container-items {display: inline-block; vertical-align: middle; font-weight: bold; font-size: 9pt}
div.emp-popup-hrLine {position: absolute; width: 384px;border: 1px solid }
.emp-popup-titleText {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11pt;
    float: left;
}
button.emp-popup-button {
    border-radius: 5px;
    font-weight: bold;
    margin: 5px;
}
div.emp-popup-borderLine {
    border-style: solid;
    border-width: 1px;
    width: 103.5%;
}
div.emp-popup-title {left: 65px;position: absolute;top: 55px;}

div.emp-scheduleswap-content-notes-popup {width:90%; height:155px; left:28px; top:20px; position:absolute;}
div.emp-scheduleswap-content {width:90%; height:503px; left:28px; top:20px; position:absolute;}
div.emp-scheduleswap-content-header { width:100%; height:28px; margin-left:2%; margin-bottom:2%; margin-top:1% }
div.emp-scheduleswap-content-schedulesgrid { width:100%; height:381px; margin-left:14px; }
div.emp-scheduleswap-content-header-item { width:49.5%; height:100%; display:inline-block; vertical-align:top; }
div.emp-scheduleswap-content-header-item select { float:right; margin-right:12px; font-size:9pt;}
div.emp-scheduleswap-row { width:702px;  font-size:8pt; height:21px; }
div.emp-scheduleswap-details-header { width:702px;  font-size:8pt; height:auto; }
div.emp-scheduleswap-row-cell { width:80px; display:inline-block; vertical-align:top;}
div.emp-scheduleswap-row-cell label { vertical-align:middle; display:inline-block; position:relative; top:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:83%; }
span.emp-scheduleswap-row-cell-wages { border:1px solid; vertical-align:middle; display:inline-block; position:relative; top:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:83%; }
div.emp-scheduleswap-row-cell image { width:18px; height:18px; }
div.emp-scheduleswap-dataholder { overflow:auto; height:93%; box-shadow:inset 2px -4px 0px -3px;}
div.emp-scheduleswap-scheudle-detail-content {width:90%;  left:28px; position:absolute; font-size: 13px;}
/*EmpHome - Schedules*/
div.emp-popup-schedule {text-align: left;vertical-align: middle;padding: 0px;height: 551.5px !important;}
div.emp-popup-scheduleContent {left: 50px;width: 800px;position: absolute;top: 80px;background: none;margin-left: 15px;}
div.emp-popup-scheduleListHeader {display: inline-block;margin-left: 12px;text-align: left;}
div.emp-popup-scheduleListItems {display: inline-block;color: Black;font-size: 8pt;vertical-align: middle;line-height: 2em;margin-left: 12px;text-align: left;}
div.emp-popup-scheduleListRow {display: inline-block;background: none;width: 98%;}
div.emp-popup-scheduleListAltRow {display: inline-block;background-color: #efefef;width: 98%;}
div.emp-popup-scheduleListHidden {display: none;}
div.emp-popup-scheduleSummary {display: inline;position: absolute;top: 25px;left: 8px;overflow: auto;width: 100%;height: 120px;overflow: hidden;}
div.emp-popup-scheduleSummary span {font-size: 7pt;text-align: left;width: 50px;margin-left: 2px;display: inline-block;line-height: 2em;}
.emp-popup-scheduleHeader {
    display: inline-block;
    font-size: 7pt;
    font-weight: bold;
    top: 10px;
    overflow: hidden;
    width: 38px;
    vertical-align: middle;
    margin-left: 3px;
}
div.emp-popup-scheduleSummaryContent {
    position: absolute;
    left: 865px;
    top: 405px;
    color: white;
}
div.emp-popup-scheduleCalenderContent {overflow: hidden;height: 450px !important;font-size: 9pt !important;left: 45px;width: 808px;position: absolute;top: 80px;background: none;margin-left: 15px;}

/*EmpHome - Actions*/
div.emp-action-popup-content {
    left: 50px;
    width: 800px;
    position: absolute;
    top: 57px;
    background: none;
    margin-left: 15px;
    height: 472px !important;
    
}
div.emp-action-popup-link { margin: 10px 15px 6px; display: inline-block; float: left; width: 10%; font-size: 8pt;}
div.emp-action-popup-link > img { cursor: pointer }
div.emp-action-popup-link span.show { display: none; }
div.emp-action-popup-link:hover span.show { display: block; }
span.emp-action-popup-scheduleActivityText { display: inline-block; width: 45%; font-size: 9pt; vertical-align: super; margin-bottom: -3px; text-align: left; }
div.emp-action-popup-activityContent { max-height: 60%; display: inline-block; float: left; margin-top: 5px; width: 49%; overflow-y: auto; overflow-x: hidden; }
div.emp-action-popup-activityContent2 { display: inline-block; float: left; margin-top: 5px; width: 49%;}
div.emp-action-popup-activityContent3 { display: inline-block; float: left; margin-top: 55px; width: 49%;}
div.emp-action-popup-activityHeader { display: inline-block; margin-top: 8px; width: 49%; text-align: center; font-size: 9pt; }
div.emp-action-popup-activityFooter { float: left; margin-top: 12px; text-align: center; width: 100%; }
div.emp-action-popup-scheduleActivity { display: block; margin: 3px; }
div.emp-action-popup-nextSchedule { -moz-box-shadow: 0 0 2px 2px #888; -webkit-box-shadow: 0 0 2px 2px#888; box-shadow: 0 0 2px 2px #888; margin-top: 2px; margin-bottom: 2px; border-radius: 5px; }
div.emp-action-subPopup { text-align: left; vertical-align: middle; padding: 0px; }
div.emp-action-subPopupContent { left: 50px; width: 430px; position: absolute; top: 0px; background: none; margin-left: 5px; height: auto;}
div.emp-action-punchWarning { display: inline-block; float: left; text-align: justify; width: 100%; }
div.emp-action-popup-tsHeader { font-size: 9pt; font-weight: bold; vertical-align: middle; line-height: 2em; width: 100%; }
div.emp-action-popup-tsListItem { display: inline-block; }
.emp-action-popup-tsSummary {
    top: 22px;
    left: 15px;
    overflow: hidden;
    height: 120px;
    position: absolute;
    width: 85%;
    color: white;
}
.emp-action-popup-tsSummaryText { font-size: 8pt; text-align: left; margin-left: 2px; line-height: 1.5em; display: block; }
.emp-action-popup-tsSummaryHeader {
    font-size: 8pt;
    font-weight: bold;
    left: 14px;
    position: absolute;
    text-align: left;
    top: 6px;
    color: white;
}
input.emp-action-popup-tsDateBox { width: 70px; height: 14px; text-align: center; vertical-align: middle; display: inline-block; font-size: 8pt !important; }

/*EmpHome - Period Entry*/
div.emp-action-period-SummaryView {display:inline-block; width:100%;height: 30%;}
    div.emp-action-period-SummaryView .header {
        font-size: 9pt;
        font-weight: bold;
        vertical-align: middle;
        line-height: 2em;
        width: 100%;
    }
div.emp-action-period-SummaryView .header span {width:60px; display:inline-block;margin-right:15px;text-align:left}
div.emp-action-period-SummaryView .items { font-size: 8pt; vertical-align: middle; height:750px;color: black; overflow:auto;height:75%;line-height:1.5em;margin-top:5px}
div.emp-action-period-SummaryView .items div {width:90%;display:inline-block; }
div.emp-action-period-SummaryView .items div span {width:60px;text-align:right;margin:0 10px 0 5px;display:inline-block;}

/*EmpHome - Template Entry*/
div.emp-action-template-Setting {display:inline-block; margin-top:3px;font-size:9pt;}
div.emp-action-template-Setting div {display:inline-block; width:31%;margin:1px}
div.emp-action-template-Setting-overlaping { background-color: rgba(255, 179, 182, 0.290196); border: 1px solid red; border-radius: 3px; padding-left: 10px }
div.emp-action-template-Setting span {display:inline-block; width:90%;}
div.emp-action-template-Setting input {display:inline-block; width:75%;}
div.emp-action-template-container {display:inline-block; width:100%;height: 30%;}
div.emp-action-template-container .header {font-size: 9pt; font-weight: bold; vertical-align: middle; line-height: 2em; width: 100%;}
div.emp-action-template-container .header span {width:50px; display:inline-block;margin-right:15px;text-align:center}
div.emp-action-template-container .items { font-size: 8pt; vertical-align: middle; width: 98%;color: black; overflow:auto;height:75%;line-height:1.5em;margin-top:5px}
div.emp-action-template-container .items div {width:97%;display:inline-block; }
div.emp-action-template-container .items div span {width:50px;text-align:right;margin:0 10px 0 5px;display:inline-block;}

/*EmpHome - Timecard*/
div.emp-timecard-container-legend {position:absolute; left:10px; top:425px; width:386px; height:75px}
.emp-timecard-container-legendDetails {
    position: absolute;
    top: 60px;
    font-weight: bold;
    font-size: 8pt
}
div.emp-timecard-container-legendTitle {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 9pt
}
div.emp-timecard-container-gridItems {overflow: auto; position: absolute; top: 55px; left: 10px; width: 810px; height: 364px}
div.emp-timecard-container-gridRows {display: inline-block; vertical-align: middle; font-size: 8pt}
div.emp-timecard-container-totals {font-weight: bold; font-size: 7pt}
div.emp-timecard-addAdjustment-Content { display: inline-block; float: left; margin-top: 5px; width: 49%; }
div.emp-timecard-addAdjustment-Content div { display: inline-block;line-height:2em;height:2em;width:99%;vertical-align:middle;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.emp-timecard-containerDetailRow { -moz-box-shadow:2px 2px 2px #777;  box-shadow:2px 2px 2px #777;border : 1px solid;border-radius:5px; background-color:#e4e4e4;}

.auto-meal-or-break {
    color: #800080;
    font-style: italic;
}

/*EmpHome - PayAdjustment - MileageCalculator*/
.directions-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}

.directions-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}

.directions-table tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
}

.directions-table-highlight tbody tr:hover {
    background-color: #b8dbef;
    cursor: pointer;
}

.directions-table-horizontal tbody td {
    border-left: none;
    border-right: none;
}
/*EmpHome - Messages*/
div.emp-message-container {left: 42px;width: 92%;position: absolute;top: 42px;height: 91%;}
div.emp-message-filter {  width:100% ; font-size:7pt;font-weight:bold }
div.emp-message-filter div { float:left;border : 1px solid;height:20px;background-color:Silver ;}
div.emp-message-filter div span { margin-left: 2px;}
div.emp-message-filter .dropdown, .dropdown ul { padding: 0;margin: 0;list-style: none;}
div.emp-message-filter .dropdown li { float: left;position: relative;line-height:2em;}
div.emp-message-filter .dropdown li:hover { -moz-box-shadow:2px 2px 2px #777;  box-shadow:2px 2px 2px #777;border : 1px solid ;border-radius:5px; background-color:white;width:97.5%;}
div.emp-message-filter .dropdown li > ul { top: auto;left: auto;}
div.emp-message-filter .dropdown li:hover ul, li.over ul {display: block;}    
li.emp-message-filterItems {  width:100%; line-height:1.2em; vertical-align:middle;}
ul.emp-message-filterSubItems { display: none;position: absolute;top: 1.2em;left: 0;background-color: silver;-moz-box-shadow:2px 2px 2px #777;  box-shadow:2px 2px 2px #777;border-radius:2px;}
ul.emp-message-filterSubItems li { width: 100%;}
ul.emp-message-filterSubItems li label {width:6px;display:inline-block;margin-left:2px;font-size:160%}
ul.emp-message-filterSubItems li span{ width: 100%;margin-left:6px}
ul.emp-message-filterSubItems li:hover { background-color:White;border-radius:16px !important;}

div.emp-message-new { line-height: 18px;margin-left: 4px;font-size:9pt;margin: 7px; width: 95%; height: 100%; overflow: hidden;float:left}
div.emp-message-list {
    line-height: 20px;
    height: 40px;
    -moz-box-shadow: -1px 0px 1px 1px;
    box-shadow: -1px 0px 1px 1px;
    border-bottom: 1px solid;
    border-radius: 1px;
}/* box-shadow:inset 0 0 10px silver; */
div.emp-message-list:hover {-moz-box-shadow:4px 4px 3px #777;  box-shadow:4px 4px 3px #777;background-color:white; } 
div.emp-message-selected {background-color:#ccc;-moz-box-shadow:1px 1px 1px #777;  box-shadow:1px 1px 1px #777; } 
div.emp-message-list label {float:left}

/*EmpHome - TimeOffRequest*/
div.emp-tor-container {left: 42px;width: 92%;position: absolute;top: 25px;height: 91%;}
img.emp-tor-icon {position:relative; display:inline-block;margin-left:2px;cursor:pointer;top: 2px;vertical-align: bottom;}
div.emp-tor-layout {width:48%;height:30%;float:left;display:inline-block;font-size:8pt;font-weight: bold;margin-left:10px}
div.emp-tor-layout span { display:inline-block ; width:22%}
div.emp-tor-balanceHeader {width:99%;float:left;display:inline-block;font-size:8pt;font-weight: bold;margin-left:10px; overflow:auto}
div.emp-tor-balanceHeader span ,label{display:inline-block;margin-left:2px}
div.emp-tor-balanceHeader span {text-align:right;}
div.emp-tor-balanceContainer { display:inline-block ; width:99%;height:75%;overflow:auto; margin-top: 4px;line-height: 1.4em;font-size:8pt;margin-left:10px;}
div.emp-tor-balanceContainer span ,label{ display:inline-block ; color:Black ; margin-left:2px ; }
div.emp-tor-balanceContainer span { text-align:right;}
div.emp-tor-statusContainer {width:100%;height:70%;float:left;margin-left:10px;margin-top: 4px;}
div.emp-tor-statusItems {line-height:1.75em;font-size:8pt;color:Black;vertical-align:bottom;margin-left:1px; clear:both}
div.emp-tor-statusItems div { display:inline-block ; width:10% ; display:inline-block}
div.emp-tor-statusAlternateItems { line-height:1.75em;background-color: #efefef; display:inline-block ; width:10% ; display:inline-block}
div.emp-tor-statusItemHeader {margin-top: 4px;font-size:8pt;font-weight: bold;clear:both}
div.emp-tor-statusItemHeader span { display:inline-block ; width:10%}
div.emp-tor-balanceDetailLayout { width:100%;height:30%;float:left;display:inline-block;font-size:8pt;font-weight: bold;margin-left:20px}
div.emp-tor-balanceDetailLayout span { display:inline-block ; width:20%}
div.emp-tor-request { width:93%;height:95%;display:inline-block;font-size:8pt;margin-left:7%;overflow: hidden;margin-top:9px;}
div.emp-tor-request label{ display:inline-block ; font-size:9pt; font-weight:bold ;line-height:1.6em;}
div.emp-tor-request span{ display:inline-block ; }
div.emp-tor-request .step { float:left; display:inline-block; margin:1% 5% 0; width:95%;line-height:2em;color:Black}
div.emp-tor-request .step div { float:left; display:inline-block; }
div.emp-tor-request .step span { float:left; display:inline-block;width:100% }
div.emp-tor-calendarDetailLayout {width:96%;height:68%;display:inline-block;font-size:8pt;margin:6px 0 0 10px;overflow: auto;}
div.emp-tor-calendarDetailLayout span {display:inline-block ; width:20%;line-height: 1.5em;}
div.emp-tor-legend {position: absolute;padding: 10px;width: 275px;text-align: justify;font-size: 8pt;display: none;z-index: 100;line-height: 1.5em;-moz-box-shadow: 4px 4px 2px #777;-webkit-box-shadow: 4px 4px 2px #777;box-shadow: 4px 4px 2px #777;color: black !important;}
div.emp-tor-legend span{width:100%}


/*EmpHome - Reports*/
div.emp-reports-container {width: 92%;position: absolute;height: 100%;}
div.emp-reports-containerLeft {width:26%;float:left;height: 99%;padding-top:10px;}
div.emp-reports-containerLeft div { display:inline-block;float:left;width:99%;cursor:pointer;}
div.emp-reports-containerLeft div .icon {display:inline-block;float:left;position:relative;top:5px;left:1px;width:18px;}
div.emp-reports-containerLeft div span { padding-left:4px;width:86%; float:left;display:inline-block; line-height:2em;font-size:10pt;margin:1px;font-weight:bold }
div.emp-reports-containerRight {float:left;line-height:1.45em;height: 89%;overflow: auto;width:99.99%}
div.emp-reports-containerRight span {font-size:9pt;font-weight:bold;display: inline-block;}
div.emp-reports-settingContainer { width:93%;display:inline-block;font-size:8pt;margin-left:7%;font-size: 9pt;}
div.emp-reports-settingContainer div {display:inline-block;width:98%;line-height:2em;}
div.emp-reports-dateRangeSection { display:inline-block;width:98%;font-size: 9pt;}
div.emp-reports-dateRangeSection div { display:inline-block;width:60%;line-height:2em;}
div.emp-reports-dateRangeSection div span{display:inline-block;width:75%;}
div.emp-ctrow-highlight:hover{ background-color:White;}
/***********************EmployeeHome END***************************************/

/***********************TimeOffRequests Start ********************************/

div.mgr-tor-adjustment-filterdiv { width:19%; height: 81%; display: inline-block; vertical-align: top; padding-top:15px; }
.mgr-tor-ctrls { margin-bottom: 8px; margin-left: 0px }
.mgr-tor-select {  width:126px; height:21px; }

/***********************TimeOffRequests End ********************************/

/* *****************************************************************************
COMMON CLASSES (APP): This section provides classes that are shared across
the entire application.  

Naming Convention: 
    app = All applications

    emp = Employee Views

    adm = Admin Views (shared admin classes)
        cnf = Configuration Views  
        brd = Brand Manager Views
        mgr = Manager Screens
******************************************************************************/

/* ========================================
APP: COMMON SHARED CLASSES */
select.app-select-ie8Override{width: auto !important;}
div.imgLogoClient {position:absolute; top:1px; left:0px; z-index:1; width: 200px; height: 50px;  box-shadow: 1px 0px 3px 2px #DADADA; }
div.imgLogoBrand {position:absolute; top:1px; right:0px; z-index:1;width: 200px; height: 50px;  box-shadow: -1px 0px 3px 2px #DADADA;  }
img#imgLogoClient  {position:absolute; top:0px; left:0px; z-index:1; width: 200px; height: 50px;  }
img#imgLogoBrand {position:absolute; top:0px; right:0px; z-index:1;width: 200px; height: 50px; }

label.app-error-alert { position:relative; vertical-align:top; margin-left:2px; font-weight:bold; font-size:16px; color:Red; cursor:pointer; }
em.app-error-alert { cursor:pointer; color:Red; display:inline; font-weight:bold; font-size:16px; }

.app-image-hover {padding:3px;}
.app-image-hover:hover {cursor:pointer;  box-shadow:inset 0 0 10px silver; border-radius:5px;}

div.app-popupmenu-shadow {-moz-box-shadow:4px 4px 2px #777;  box-shadow:4px 4px 2px #777;}
div.app-no-textselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.app-twocolumn-container div:nth-child(odd){ float: left; width: 40%;}
.app-twocolumn-container div:nth-child(even){ float: right; padding-right: 20px; width: 40%}
.app-twocolumn-container::after{clear:both}
.empinfoexport-multiselect{height:150px;display:inline-block;vertical-align:middle;}
div.empinfoexport-chkcontainerinput > div {display:inline-block;margin-left:12px;}
div.empinfoexport-chkcontainerinput > div input span {vertical-align:middle;}
div.empinfoexport-chkcontainerinput > div input {margin-left:0px;}
div.empinfoexport-importoptions > div:nth-child(odd) {width: 49%; display: inline-block; vertical-align:middle;}
div.empinfoexport-importoptions > div:nth-child(even) {width: 49%; display: inline-block; vertical-align:middle;}
div.empinfoexport-importoptions > div select {margin-top:5px;}
div.empinfoexport-dateimportoptions input[type='radio'] { margin:0px;}
div.empinfoexport-dateimportoptions input span {vertical-align: middle;}
div.empinfoexport-dateimportoptions div {margin-bottom:1px;}

/* STEP WIZARD */
div.app-stepwizard-steps { margin: 10px ;padding: 0px;position: relative;clear: both;font-weight: bold; }
div.app-stepwizard-steps div { position: relative; }
div.app-stepwizard-steps span { display: block;float: left;font-size: 10px;text-align: center;width: 15px;margin: 2px 5px 0px 0px;line-height: 15px;color: #ccc;background: #FFF;border: 2px solid #CCC;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
div.app-stepwizard-steps a {position: relative;display: block;width: auto;height: 24px;margin-right: 18px;padding: 0px 10px 0px 3px;float: left;font-size: 11px;line-height: 24px;color: #666;background: #F0EEE3;text-decoration: none;text-shadow: 1px 1px 1px rgba(255,255,255, 0.8);}
div.app-stepwizard-steps a:before {width: 0px;height: 0px;border-top: 12px solid #F0EEE3;border-bottom: 12px solid #F0EEE3;border-left: 12px solid transparent;position: absolute;content: "";top: 0px;left: -12px;}
div.app-stepwizard-steps a:after {width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 12px solid #F0EEE3;position: absolute;content: "";top: 0px;right: -12px;}
div.app-stepwizard-steps .completed-step a{color: #163038;background: #A3C1C9;}
div.app-stepwizard-steps .completed-step a:before{border-top: 12px solid #A3C1C9;border-bottom: 12px solid #A3C1C9;}
div.app-stepwizard-steps .completed-step a:after{border-left: 12px solid #A3C1C9;}
div.app-stepwizard-steps .completed-step span{border: 2px solid #163038;color: #163038;text-shadow: none;}
div.app-stepwizard-steps .active-step a{color: #A3C1C9;background: #163038;text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);}
div.app-stepwizard-steps .active-step a:before{border-top: 12px solid #163038;border-bottom: 12px solid #163038;}
div.app-stepwizard-steps .active-step a:after{border-left: 12px solid #163038;}
div.app-stepwizard-steps .active-step span{color: #163038;-webkit-box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);-moz-box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);text-shadow: none;border: 2px solid #A3C1C9;}

/*VIEW EDIT CONTROL */
.app-viewctl-element, .app-viewctl-element-number  {margin:0px 0px 0px 0px; font-size:9pt; padding:0px; height:19px; width:80%;}
input.app-viewctl-element, input.app-viewctl-element-number  {height:13px !important; border-style: solid; }
.app-viewctl-element-number {text-align: right !important;}
.app-viewctl-element-on { border:1px solid silver !important;  cursor:pointer; border-radius:5px; }
img.app-viewctl-element-icon {width: 12px; height: 12px; cursor: pointer}

/*TOP-NAV USER LINKS */
div.app-userlinks-left { position: absolute; top: 0; left: 210px; font-size: 0.9em; padding: 2px; }
div.app-userlinks-right { position: absolute; top: 0; right: 200px; font-size: 0.9em; padding: 2px;  }
div.app-userlinks-cell { float:left; margin:4px 8px 0px 8px; }

/*TOP-NAV USER LINKS Report an issue popup*/
div.app-userlinks-reportAnIssue-popup {padding-top: 2%; padding-bottom: 5%;text-align: left; background:none; border:none;line-height:2em;}
div.app-userlinks-reportAnIssue-popup input {width:89%;display:inline-block;height:2em;margin:6px;padding:2px;float:left;}
div.app-userlinks-reportAnIssue-popup label {float:left;display:inline-block;}

/*TOP-NAV USER NAV-CONTROL */
div.app-usernav-select {padding:5px 0px 5px 5px; white-space:nowrap; text-align:left; margin-top:-4px; border:1px solid transparent; border-radius:5px; user-select:none;}
div.app-usernav-select:hover { border:1px solid silver; cursor:pointer; }
div.app-usernav-select-cell { display:inline-block; vertical-align:top; }
div.app-usernav-opts { text-align: left; position: absolute; top: 29px; right: 18px; z-index: 999; display: none; width: 240px; padding: 0px 10px 15px 10px; cursor: default; border-radius: 5px; box-shadow: 4px 4px 2px #777; background-color:#F8F8F8; color:#444; white-space: nowrap }
div.app-usernav-opts-icons img { width:24px; height:24px; margin:0px 10px 0px 10px; cursor:pointer; padding:8px; }
div.app-usernav-opts-icons > img:hover { padding:8px; box-shadow:inset 0 0 10px gray; border-radius:5px; }
div.app-usernav-opts-icons { position:relative; margin-top:8px; padding:2px; border-bottom:1px solid #9A9A9A; }
span.app-usernav-separator { display: inline-block; background-color: #9A9A9A; position: absolute; top: 0px; bottom: 0px; width: 1px; height: 40px; }
div.app-usernav-links {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 4px 6px 0px 6px;
}
div.app-usernav-links img { width:20px; height:20px; margin:0px 3px 0px 5px; }
div.app-usernav-links span { cursor:pointer; display:inline-block; padding:8px; }
div.app-usernav-links span:hover { cursor:pointer; display:inline-block; padding:8px; box-shadow:inset 0 0 10px gray; border-radius:5px; }
div.app-search-dropdown-area { font-size: 11px; background-color: #efefef; border: 1px solid silver; padding: 10px; line-height: 18px; z-index: 999; background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #efefef 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #efefef 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #efefef)); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #efefef 100%); background-image: linear-gradient(bottom, #FFFFFF 0%, #efefef 100%); border-radius: 5px; }
div.app-usernav-label { text-align:center; }
div.app-usernav-label span { font-size: 10px;  }

/*HELP DIALOG */
div.app-helpdlg-container { background-color: #F7F7F7; -moz-box-shadow: inset 0 0 7px #888; box-shadow: inset 0 0 7px #888; border-radius: 3px; }

/*PREFERENCES DIALOG */
div.app-prefdlg-container { position: absolute; bottom: 40px; top: 0px; left: 0px; right: 0px; padding: 8px; overflow: auto; background: none; font-weight: bold; font-size:13px; -webkit-box-shadow: 0 8px 6px -6px gray; -moz-box-shadow: 0 8px 6px -6px gray; box-shadow: 0 8px 6px -6px gray; }
div.app-prefdlg-container label {cursor:pointer;}
div.app-prefdlg-general-col {width:215px; height:150px; float:left;}
div.app-prefdlg-general-col label { display:inline-block; padding:5px 0px 2px 0px; }
div.app-prefdlg-timecard-row { margin-top:5px; margin-bottom:2px; text-align:left; }
div.app-prefdlg-timecard-row select { width:120px; margin:1px 3px 1px 3px; }
div.app-prefdlg-mgralerts-separator { height:4px; margin:12px 0px 12px 0px; background-color:#F7F7F7;box-shadow:inset 0  6px 4px -4px #777, 0 6px 4px -4px #777;}
table.app-prefdlg-empdash { width:710px; }
table.app-prefdlg-empdash td { white-space:nowrap; padding:0px; padding-left:20px; }
table.app-prefdlg-empdash label { cursor:pointer; margin-left:2px; }
table.app-prefdlg-empdash td:nth-child(1) { width:150px; }
td.app-prefdlg-empdash-sections { padding:10px 1px 0px 1px !important; background:none !important; border:none !important; border-bottom:1px dotted !important; }
img.app-prefdlg-subTitleIcon { width:16px; height:16px; vertical-align:bottom; margin-right:3px; }

span.app-link { text-decoration: underline; cursor:pointer; }

/*FILTERS DIALOG */
.app-filters-tab-active { background-position: -80px -125px; color: Red; display: inline-block; vertical-align: top; font-size: 11px; margin:1px 2px 0px 0px }
.app-filters-tab-off { background-position: -80px -125px; color: Green; display: inline-block; vertical-align: top; font-size: 11px; margin:1px 2px 0px 0px }
.app-filter-filterNameContainder{float: right; padding-top: 14px; text-align: right; font-size: 9pt;width: 170px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ui-state-error.app-filter-filterNameContainder{background:none; border: none;}

/* *****************************************************************************
MANAGER VIEWS (MGR): This section contains classes that are only used for the manager views 
    - home = home view
    - eprofile = employee view
    - timecards
        - mgr-timecard = timecard tab
        - mgr-payadj   = pay adjustments
***************************************************************************** */

/* ========================================
MGR: COMMON SHARED MANAGER CLASSES  */
div#mgr-base-contentpane { position: absolute; right: 0px; top: 60px; bottom: 0px; left: 0px; min-width: 10%; overflow: hidden; width: 100px; display: inline-block; width: auto; background: none; overflow: hidden; }
div.mgr-view-header { font-weight: bold; padding: 4px; border: none !important; font-size: 1.0em; -moz-box-shadow: inset 0 0 10px gray; box-shadow: inset 0 0 10px gray; vertical-align: middle; cursor: default}
div.collapsible-header{
    width:96%;
}
div.mgr-view-subheader {
    margin: 4px 0px 4px 0px;
    padding: 4px;
    font-size: 14px;
}
div.mgr-view-employee-navigator label { font-weight: bold; font-size: 16px; display: inline-block; padding: 2px 0px 0px 5px; }
div.mgr-view-employee-navigator { height: 32px; position: relative; vertical-align: top; padding-top:5px; }

/* TOP HEADER */
div.mgr-header-top { vertical-align: middle; text-align: center; height: 50px; position: absolute; background-image: none; top: 0px; left: 0px; right: 0px; background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E4E4E4)); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); }
div.mgr-header-top input#txtSearch {box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); }
table.mgr-topnav-button-clear {border: none; background: transparent !important;}
div.mgr-topnav-button > img { width: 24px; height: 24px; margin-top: 3px; }
div.mgr-topnav-button { font-size:0.9em; width:35px !important; height:30px !important; border:1px solid silver; text-align:center; vertical-align:bottom; border-right:1px solid #555 !important; border-bottom:1px solid #555 !important; display:inline-block; position:relative; }

/* EMPLOYEE GRID SELECTOR */
div.mgr-employee-bar { z-index:100; -webkit-box-shadow:0 8px 6px -6px gray; -moz-box-shadow:0 8px 6px -6px gray; box-shadow:1px 0 4px 0px silver; border:none !important; }
div.mgr-employee-grid-selector .grid-canvas .slick-row:hover { background-color:#F7F7F7 !important; background:none; -moz-box-shadow:inset 0 0 7px #888; box-shadow:inset 0 0 7px #888, 0 6px 4px -4px #777; color:#222; }
div.mgr-employee-grid-selector .grid-canvas .slick-cell:hover { cursor:pointer; }


/* ========================================
MGR:HOME PAGE */
@-webkit-keyframes chart-keyframe  { 
    from {-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) ; -moz-transform: rotate(0deg); transform: rotate(0deg); }
    to {-webkit-transform: rotateX(15deg) rotateY(30deg) rotateZ(90deg);   -moz-transform  : rotate(15deg); transform: rotate(360deg); }
}

div.mgr-widget-header { width:100%; font-size:1.0em; border:1px solid transparent; font-weight:bold; vertical-align:middle; }
div.mgr-widget-chart { position:relative; display:inline-block; width:270px; height:100%; margin:10px 40px 10px 0px; text-align:left; -moz-box-shadow:3px 3px 4px 3px #B6B6B6; box-shadow:3px 3px 4px 3px #B6B6B6; }
div.mgr-widget-live-stats {-moz-box-shadow:3px 3px 4px 3px #B6B6B6; box-shadow:3px 3px 4px 3px #B6B6B6;}
img#mgr-home-configure-charts {position:absolute; bottom:3px; right:20px; z-index:1000; height:20px; width:20px;}
img#mgr-home-configure-charts:hover {cursor:pointer; height:28px; width:28px; }
div#mgr-home-charts-wizard-widget {text-align:center; float:left; display:block; width:300px; height:200px;}
img#mgr-home-charts-wizard {width:106px; height:106px; opacity:0.9; margin:15px;  -webkit-animation:chart-keyframe 20s 3s infinite alternate backwards   }
img#mgr-home-charts-wizard:hover {cursor:pointer;}

div.mgr-home-charts-wizard {cursor:pointer;padding:6px; border-radius:0px;}
div.mgr-home-charts-wizard:hover {box-shadow:inset 0 0 10px silver; border-radius:5px; background-color:#FFF6B3; padding:6px; border-radius:0px; font-weight:bold}
select.mgr-dashboard-main-widget-selector {background:#efefef; padding: 1px 0px 1px 0px;font-size: 15px; font-weight:bold; border: 1px solid silver;}

/* DIALOG: MISSING PUNCHES  */
div.mgr-homedlg-misspunch-hdr {margin-top: 12px;position: relative}

div.mgr-homedlg-misspunch div.cssRow:hover > div {box-shadow: inset 0 0 7px #888; background-color:#efefef !important; cursor:pointer;}
div.mgr-homedlg-misspunch img.floppy-disk{height:20px; width:20px; margin:0px 0px -7px 12px }
div.mgr-homedlg-misspunch img.floppy-disk:hover{height:22px; width:22px}

/* DIALOG: EXCEPTION */
div.mgr-homedlg-exception div.cssRow:hover > div {box-shadow: inset 0 0 7px #888; background-color:#efefef !important; cursor:pointer;}

/* SUMMARY GRID */
div.mgr-home-summarywidget-grid {font-size:8pt;}


/* ========================================
MGR: MESSAGES */
div.mgr-message-container {width: 100%;height: 91%;}
div.mgr-message-filter {  width:100% ; font-size:7pt;font-weight:bold }
div.mgr-message-filter div { float:left;height:20px;}
div.mgr-message-filter div span { margin-left: 2px;}
div.mgr-message-filter .dropdown, .dropdown ul { padding: 0;margin: 0;list-style: none;}
div.mgr-message-filter .dropdown li { float: left;position: relative;line-height:2em;} 
div.mgr-message-filter .dropdown li > ul { top: auto;left: auto;}
div.mgr-message-filter .dropdown li:hover ul, li.over ul {display: block;}    
li.mgr-message-filterItems {  width:100%; line-height:1.2em; vertical-align:middle;}
ul.mgr-message-filterSubItems { display: none;position: relative;top: 1.2em;left: 0;box-shadow:2px 2px 2px #777;border-radius:2px;}
ul.mgr-message-filterSubItems li { width: 100%;}
ul.mgr-message-filterSubItems li label {width:6px;display:inline-block;margin-left:2px;font-size:160%}
ul.mgr-message-filterSubItems li span{ width: 100%;margin-left:6px}
ul.mgr-message-filterSubItems li:hover {cursor:pointer; box-shadow:inset 0 0 5px gray; border-radius:5px;}

div.mgr-message-new { line-height: 18px;margin-left: 4px;font-size:9pt;margin: 7px; width: 95%; height: 100%; overflow: hidden;float:left}
div.mgr-message-list {
    line-height: 20px;
    height: 40px;
    -moz-box-shadow: -1px 0px 1px 1px;
    box-shadow: -1px 0px 1px 1px;
}/* box-shadow:inset 0 0 10px silver; */
div.mgr-message-list:hover  ui-state-active /*{-moz-box-shadow:4px 4px 3px #777;  box-shadow:4px 4px 3px #777; }*/ 
div.mgr-message-selected {background-color:#ccc;-moz-box-shadow:1px 1px 1px #777;  box-shadow:1px 1px 1px #777; } 
div.mgr-message-list label {float:left}

div.mgr-message-read-btns {display:inline-block; border:1px solid silver; border-radius:4px; padding:1px; font-weight:normal; box-shadow:inset 0 0 9px #CBCBCB; font-size:0.9em; white-space: nowrap; }
div.mgr-message-read-btns:hover {cursor:pointer; background-color:#E6E6E6;}

/* ========================================
MGR:EMPLOYEE PROFILE */
div.mgr-eprofile-content { position:absolute; top:95px; bottom:0px; left:0px; right:2px; background:none; overflow:auto; font-size:10pt; font-weight:normal; padding:5px; box-shadow:inset 0px 11px 8px -10px #444; }
div.mgr-eprofile-sections { padding:0px 0px 30px 20px; }
div.mgr-eprofile-sections label { padding:4px; font-weight:bold; margin:5px 0px 0px -4px; display:inline-block; }
div.mgr-eprofile-column-thirds { width:32%; float:left; vertical-align:top;}
div.mgr-eprofile-input { border:1px solid transparent; min-width:100px; max-width:250px; padding:1px 1px 1px 1px; height:19px; border-radius:4px; text-overflow:ellipsis; overflow:hidden; margin:0px 2px 0px 0px; }
div.mgr-eprofile-homell-fields {border:1px dashed silver; width:684px; padding:5px; }
div.mgr-eprofile-homell-fields div    {display:inline-block; border:0px solid red;}
div.mgr-eprofile-homell-fields label {margin:1px 1px 1px 10px; }
div.mgr-eprofile-webaccess-line {padding:2px;  margin:5px;}
div.mgr-eprofile-webaccess-line label {padding:0px; margin:0px; cursor:pointer; vertical-align:top;}
div.mgr-eprofile-webaccess-checkbox {width:40px; text-align:center; display:inline-block; border:1px solid transparent; white-space:nowrap; }
div.mgr-eprofile-webaccess-login {margin-left:60px; border:1px dotted silver; padding:5px 10px 10px 10px; width:350px; vertical-align:middle; }


/* ========================================
MGR:TIME CARDS->TIME CARD */

/*KEYFRAMES*/
@-webkit-keyframes item-keyframe  {
    from {box-shadow:inset 0 0 7px #999, 0 6px 4px -4px #888; border:1px dashed #efefef; background-color:#fff; }
    to {border:1px dashed #444; }
}

div.mgr-timecard-base {text-align:left; min-width:700px; position:relative }
div.mgr-timecard-nodata {text-align:center; padding:100px 20px 0px 20px;}
div.mgr-timecard-nodata h3 {text-align:center;}
div.mgr-timecard-legend { position:absolute; height:100px; padding:10px; margin-top:-5px; width:450px; top:20px; right:35px; font-size:0.9em; display:none; z-index:100; line-height:26px; -moz-box-shadow:4px 4px 2px #777; -webkit-box-shadow:4px 4px 2px #777; box-shadow:4px 4px 2px #777; color:#000 !important; }
div.mgr-timecard-legend div {float:left; padding:3px 6px 3px 6px;}
div.mgr-timecard-datenav { background-image:-ms-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image:-moz-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image:-o-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E4E4E4)); background-image:-webkit-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image:linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); height:60px !important; border:1px solid red !important; overflow:hidden; text-align:center; position:relative; }

/*MORE ADD SHIFT */
div.mgr-timecard-add-btn {margin:0px 39px 0px 2px; display:inline-block; cursor:pointer; padding:3px 8px 3px 3px;}
div.mgr-timecard-add-btn img {height:12px; width:12px; margin-right:3px;}

/* DROP DOWN MENU */
div.mgr-timecard-dropdown-menu {position:absolute; z-index:99999; width:175px; cursor:pointer; white-space:nowrap; left:10px;}
div.mgr-timecard-dropdown-menu li {margin:7px; list-style:none; border:0px; font-size:9pt; vertical-align:middle; font-weight:normal; padding:4px;}
div.mgr-timecard-dropdown-menu li:hover { background-color:#F7F7F7; -moz-box-shadow:inset 0 0 7px #888;  box-shadow:inset 0 0 7px #888; border-radius:3px;}

/* MORE USER INFO */
div.mgr-timecard-info {background-image:none; background-color:#efefef; font-size:9pt; -khtml-user-select:none; -moz-user-select:none; user-select:none; }
span.mgr-blended-timecard-info-cell,
span.mgr-timecard-info-cell,
span.mgr-timecard-info-morecell {cursor:pointer; width:19%; display:inline-block; position:relative; padding:1px 3px 1px 3px; border:none; height:17px;  text-overflow:ellipsis;}      
span.mgr-timecard-info-cell:hover  {box-shadow:inset 0 0 8px #C2C2C2; cursor:pointer; background-color:#FFF6B3;  }    
span.mgr-timecard-info-morecell:hover {box-shadow:none !important}

/* GRID DATA */
div.mgr-timecard-data {width:100%; overflow:visible; position: relative; background-image:none; font-size:0.8em !important; }
div.mgr-timecard-base div.time-columns {position:relative; font-size:0.9em; padding:0px 1px 0px 1px;}
div.mgr-timecard-base div.time-column-cell {display:inline-block; -khtml-user-select:none; -moz-user-select:none; vertical-align:middle; padding:0px 3px 4px 3px;border:0px solid red;}
div.mgr-timecard-base div.time-column-cell:hover {box-shadow:none !important; cursor:auto !important; background-color:transparent !important;}
div.mgr-timecard-base div.time-day-seperator {padding:2px 2px 2px 15px}

/* COMMON CELLS */
div.mgr-timecard-add-selected-item {border:1px dashed #444; position:absolute; left:136px; top:0px; bottom:0px; right:0px; background-color:#FFF6B3; padding-right:18px; -webkit-animation:item-keyframe 4s;}                              
/*div.mgr-timecard-add-selected-item-triangle {width:0; height:0; top:22px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #777; position:absolute; left:50%;}*/
div.mgr-timecard-base div.time-cell {display:inline-block; -khtml-user-select:none; -moz-user-select:none; vertical-align:middle; padding:4px 3px 4px 3px; overflow:hidden; text-overflow:ellipsis;}
div.mgr-timecard-base .time-cell-edit {width:94%; padding:0px; margin:-1px; max-height:20px; overflow:hidden;}
span.mgr-timecard-CancelledAutoPunch {display:inline-block; overflow: hidden;top:2px; text-overflow:ellipsis; white-space: nowrap; position: relative; font-style: italic; }

div.mgr-timecard-base div.time-cell.assumedtran-cell { color: #800080; font-style: italic }

/*EDIT CELLS */
div.mgr-timecard-base div.cssTypeIn{}         
div.mgr-timecard-base div.cssTimeIn  { } 
div.mgr-timecard-base div.cssLaborLevel  { }    
div.mgr-timecard-base div.cssTypeOut  { }       
div.mgr-timecard-base div.cssTimeOut  { }
div.mgr-timecard-base div.cssHover:hover, /* GRB - 9/28/2015 - APR 0037418 */
div.mgr-timecard-base div.cssTypeIn:hover,
div.mgr-timecard-base div.cssTimeIn:hover, 
div.mgr-timecard-base div.cssLaborLevel:hover, 
div.mgr-timecard-base div.cssTypeOut:hover {box-shadow:inset 0 0 8px #C2C2C2, 0 4px 1px -2px #AAA; cursor:pointer; background-color:#FFF6B3} 
div.mgr-timecard-base div.cssSummaryLineCell:hover  {background: none; box-shadow: none;}
      
/*SUMMARY CELLS */
div.mgr-timecard-base div.cssReg  { max-width:70px; }       
div.mgr-timecard-base div.cssOT  { max-width:70px;  }      
div.mgr-timecard-base div.cssUnpaid { max-width:70px; }        
div.mgr-timecard-base div.cssUndo { }       
div.mgr-timecard-base div.cssTotal { } 
div.mgr-timecard-base div.cssDayShiftTotal { } 

/* ADD/EDIT PANEL */
div.mgr-timecard-add-panel { padding:15px 10px 10px 10px; background-color:#F7F7F7; font-weight:bold; box-shadow:inset 0  6px 4px -4px #777, 0 6px 4px -4px #777;}
div.mgr-timecard-add-panel fieldset { position:relative; min-width:225px;width:32%; display:inline-block; float:left; border:1px solid #CDCDCD; border-radius:5px; box-shadow:0 2px 2px -2px #C7C7C7; }
div.mgr-timecard-add-panel select, input, textarea {display:inline-block;}
div.mgr-timecard-add-panel input {height:15px}
div.mgr-timecard-add-panel img { cursor:pointer; }
fieldset.mgr-timecard-add-panel-addopts {text-align:left; display:block; float:none !important; width:98% !important; margin:3px 0px 20px 0px;}
fieldset.mgr-timecard-add-panel-addopts div.col {width:33%; display:inline-block;  line-height:22px;}

div.mgr-timecard-lastEdited {box-shadow:inset 0 0 8px #C2C2C2, 0 4px 1px -2px #AAA; cursor:pointer; background-color:#FFF6B3} 


div.mgr-timecard-add-panel-prevnext { width: 100%; padding:0px 0px 10px 0px; text-align:center; border:0px solid red;}
div.mgr-timecard-add-panel-prevnext-btns {display:inline-block; width:180px; border:1px solid silver; border-radius:4px; padding:3px; font-weight:normal; box-shadow:inset 0 0 9px #CBCBCB; font-size:0.9em; white-space: nowrap; min-width: 150px;}
div.mgr-timecard-add-panel-prevnext-btns:hover {cursor:pointer; background-color:#E6E6E6;}
div.mgr-timecard-add-panel-prevnext-btns img {width:15px; height:12px} 

div.mgr-timecard-add-panel-ll-popup {background-color:#F7F7F7; width:800px; position: absolute; left: 15%;  padding: 15px; border:1px solid gray;}


/* TIME CARD APPROVALS */
div.mgr-timecardapproval-container{ left: 1px; top:0px; bottom: 1px; right: 1px; position: absolute; padding-left: 10px; padding-top: 5px; min-width: 1000px; overflow: hidden }
div.mgr-timecardappocal-boxshadow { -moz-box-shadow:3px 3px 4px 3px #B6B6B6; box-shadow:3px 3px 4px 3px #ccc; }
div.mgr-timecardapproval-section-fontcolor { color:Black; }

div.mgr-timecardapproval-section-offset { margin-left: 25px; margin-top:20px; }

div.mgr-timecardapproval-section-periodfilter-container{ width: 295px; height: 175px; position: relative; display:inline-block; vertical-align: top; font-size: 10pt; position: relative }
div.mgr-timecardapproval-section-periodfilter { width: 250px; height: 155px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}

div.mgr-timecardapproval-section-chart { height: 200px;  position: relative; display:inline-block; vertical-align: top}
div.mgr-timecardapproval-section-grid { top: 236px; bottom: 45px; position: absolute; left: 10px; right: 2px }

div.mgr-timecardapproval-filter-title { height: 15px; text-align: center; position:relative; font-size: 10pt; font-weight: bold; margin-bottom : 5px; margin-top: 5px}

div.mgr-timecardapproval-delaymsg { position: relative; font-size: 8pt; font-style: italic; text-align: center; top: 5%; height: 20px; padding-bottom: 10px; visibility: hidden }

div.mgr-timecardapproval-chart-container { display: inline-block; position: relative; width: 290px; height: 200px; margin-left:55px }
div.mgr-timecardapproval-chart { position: relative; width: 265px; height: 175px  }
div.mgr-timecardapproval-mgrapprove-col { background-color: #D0BAB6 }
div.mgr-timecardapproval-mgr2approve-col { background-color: #E0D89E }
div.selected > div.mgr-timecardapproval-mgrapprove-col { background-color: transparent }
div.mgr-timecardapproval-adminapprove-col { background-color: #A2CDA3 }
div.selected > div.mgr-timecardapproval-adminapprove-col { background-color: transparent }

/* ========================================
MGR:TIME CARDS->PAY ADJUSTMENT */
div.mgr-payadj-add-btn {display:inline-block; cursor:pointer;}
div.mgr-payadj-add-btn img {height:12px; width:12px; margin-right: 3px}

/*GRID DATA*/
div.mgr-payadj-grid-parent {left:0px; right:0px; position:absolute; bottom: 50px; overflow:hidden;  border:0px solid green}
div.mgr-payadj-grid-data {width:100%; top:0px; position:absolute; overflow-y:auto; overflow-x:hidden; box-shadow: 0 8px 6px -6px #777;}
div.mgr-payadj-grid-total {width:100%; bottom:2px; position:absolute; }

div.mgr-payadj-base div.time-column {padding:2px;}
div.mgr-payadj-base div.time-column-cell {position:relative; display:inline-block; vertical-align:middle; padding:0px 3px 2px 3px;text-overflow:ellipsis; font-size:13px;}
div.mgr-payadj-add-selected-item {border:1px dashed #444; background-color:#FFF6B3;  -webkit-animation:item-keyframe 4s;  margin-top:-1px;}                              
/*div.mgr-payadj-add-selected-item-triangle {width:0; height:0; top:22px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #777; position:absolute; left:50%; z-index:1}*/

div.mgr-payadj-base div.time-row {position:relative; border:1px solid transparent; height:21px;}
div.mgr-payadj-base div.time-row:hover {background-color:#FFF6B3; cursor:pointer}
div.mgr-payadj-grid-total div.time-row:hover{background-color:transparent !important}
div.mgr-payadj-base div.time-row-section {position: relative; display: inline-block; top: 0px; bottom: 0px; height: 100%;  vertical-align:middle;  white-space:nowrap; }
div.mgr-payadj-base div.time-row-cell {position:relative; display:inline-block; vertical-align:middle;  padding:0px 3px 0px 3px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
div.mgr-payadj-base div.time-row-cell input { padding: 0px; height:15px; }
div.mgr-payadj-base div.time-row img {height:14px; width:14px; margin:1px}
div.mgr-payadj-base div.time-row-cell.callBack-cell { color: #800080; font-style: italic }

/* MGR: Points */
div.mgr-pts-base div.pts-column-cell { position:relative; display:inline-block; vertical-align:middle; padding:0px 3px 2px 3px; text-overflow:ellipsis; font-size:13px; white-space:nowrap; overflow:hidden; text-align:center}
div.mgr-pts-base div.pts-row {position:relative; border:1px solid transparent;white-space:nowrap;}
div.mgr-pts-base div.pts-row-cell {position:relative; display:inline-block; vertical-align:middle;  padding:4px 3px 4px 3px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
div.mgr-pts-base div.pts-row-cell input { padding: 0px; height:15px; }
div.mgr-pts-base div.pts-row img {height:14px; width:14px; margin:1px}
div.mgr-pts-add-btn { text-align: left; cursor: pointer; margin: 0px 3px 0px 3px; }
div.mgr-pts-add-btn img { margin-right:3px;width:12px; height: 12px; }
div.mgr-pts-base div.row-vertical-divider { position: absolute;display: inline-block;width: 0px;top: -1px;bottom: -1px;border-top-width: 0px;border-bottom-width: 0px;border-right-width: 0px; }
div.mgr-pts-base div.row-horizontal-divider { height: 0px; width: 100%; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 0px; }
div.mgr-pts-grid { font-size: 0.8em !important; overflow:auto }
div.mgr-pts-timeframe-selector { position:absolute; margin-top:-5px; width:150px; top:20px; right:90px; font-size:0.9em; display:none; z-index:100; line-height:26px; -moz-box-shadow:4px 4px 2px #777; -webkit-box-shadow:4px 4px 2px #777; box-shadow:4px 4px 2px #777; color:#000 !important; }
div.mgr-pts-base div.cssEditableCell:hover  {box-shadow:inset 0 0 8px #C2C2C2, 0 4px 1px -2px #AAA; cursor:pointer; background-color:#FFF6B3} 

/* ADD/EDIT PANEL*/
div.mgr-payadj-add-panel { padding:15px 10px 10px 10px; background-color:#F7F7F7; font-weight:bold; box-shadow:inset 0  6px 4px -4px #777, 0 6px 4px -4px #777;}
div.mgr-payadj-add-panel-prevnext { width: 100%; padding:0px 0px 12px 0px; text-align:center; border:0px solid red;}
div.mgr-payadj-add-panel-prevnext-btns {display:inline-block; width:180px; border:1px solid silver; border-radius:4px; padding:3px; font-weight:normal; box-shadow:inset 0 0 9px #CBCBCB; font-size:0.9em; white-space: nowrap; min-width: 150px;}
div.mgr-payadj-add-panel-prevnext-btns:hover {cursor:pointer; background-color:#E6E6E6;}
div.mgr-payadj-add-panel-prevnext-btns img {width:15px; height:12px} 
div.mgr-payadj-add-panel .data-cell, .amount-cell {float:left; width:115px; padding:3px;}


/* ========================================
MGR:SCHEDULES */
div.mgr-scheduler-timeline-container { position:absolute; overflow:auto; }
div.mgr-scheduler-timeline-container-names { display:inline-block; border-right:2px solid silver; overflow:hidden; }
div.mgr-scheduler-timeline-container-grid { position:absolute; display:inline-block; overflow:hidden; }

/*timeline layout */
div#mgr-base-contentpane div.time-line-labels {position:absolute; top:20px; width:16px; margin-left:-7px; text-align:center; font-size:10pt }
div#mgr-base-contentpane div.time-line-vlines {position:absolute; top:0px; width:0px; border:0px; border-left:1px dotted; bottom:0px}
div#mgr-base-contentpane div.time-line-backcolor {display:inline-block; height:100%; border-top:0px; border-right:0px; border-bottom:0px; text-align:center; margin-left:-1px; border:0px; padding:0px; margin:0px;}
div.mgr-scheduler-timeline-container-grid div.week-row {position:absolute; display:inline-block; left:0px; right:0px; background:none; z-index:1; margin:0px -1px 0px -1px; filter:Alpha(opacity=80);}
div.mgr-scheduler-timeline-container-grid div.day-row {display:inline-block; border:0px; height:100%; opacity:.80; filter:Alpha(opacity=80);}
div.mgr-scheduler-timeline-container div.resize-handler {position: absolute; top:0px; bottom:0px; cursor:e-resize; width: 3px; z-index: 1}

/*Employee Name Cells */
div.mgr-scheduler-timeline-container div.name-cell {display:inline-block; width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:4px 2px 2px 0px; font-size:0.7em; margin:3px 0px 3px 0px}
div.mgr-scheduler-timeline-container img.name-cell-img1 {width: 16px; height: 16px; display: inline-block; position: absolute; top: 3px; right: 19px;}
div.mgr-scheduler-timeline-container img.name-cell-img2 {position:absolute; top:3px; right:2px; width:16px; height:16px; }


/* ========================================
MGR:REPORTS */
div.mgr-reports-section-header {padding:15px 15px 15px 7px; font-size:1.8em;}

/*=========================================
MGR: Audit Trails */
div.mgr-audittrail-content { background:none; overflow:auto; font-size:7pt; }
div.mgr-audittrail-shadow {-moz-box-shadow:3px 3px 4px 3px #B6B6B6; box-shadow:3px 3px 4px 3px #ccc;}
img.mgr-audittrail-icon { height: 12px; width: 12px; }



/* *****************************************************************************
CONFIGURATION VIEWS (CNF)
***************************************************************************** */
div.cnf-landing {border:1px solid silver; border-radius:5px; background-color:#efefef; position: relative; left: 25px; right: 2px; bottom: 10px; width: 95%;height: 50%;box-shadow: 0 8px 6px -6px #ccc; }
div.cnf-header-top { vertical-align: middle; text-align: center; height: 50px; position: absolute; background-image: none; top: 0px; left: 0px; right: 0px; background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E4E4E4)); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); }
div.cnf-header-title {position:relative; border:none; box-shadow: 0 8px 6px -6px #ccc; padding:3px;}

div.cnf-view-subheader { margin: 4px 0px 4px 0px; padding: 4px; font-size: 14px; }

/*ORG CHARD */
div#cnf-orgchart-container {border:0px solid silver; border-radius:5px; position: absolute; width:98%; height:93%; top:40px; cursor:move; color:#000; font-size:0.75em; box-shadow:inset 0 0 7px #888, 0 6px 4px -4px #777; overflow:hidden;}
div#cnf-orgchart-area { border:0px dotted green; position:absolute; width:100%; height:100%;}
div#cnf-orgchart-area-canvaswidget {border:0px solid blue;  position:absolute; width:100%; height:100%;}
div#cnf-orgchart-area-label {border:0px dashed red; }
canvas#cnf-orgchart-area-canvas {border:0px dashed silver; width:100%; }
div#cnf-orgchart-footer {position:absolute; border:0px solid blue; bottom:0; height:30px; left:0; right:0; text-align:center; display:none;}
div.cnf-orgchart-container-click { background: url('../images/icons/gray-arrow-left.png') left no-repeat, url('../images/icons/gray-arrow-right.png') right no-repeat, url('../images/icons/gray-arrow-up.png') top no-repeat, url('../images/icons/gray-arrow-down.png') bottom no-repeat;}

/*NODE ITEMS   */
div.cnf-orgchart-node { border:0px solid silver; width:150px; height:70px !important; vertical-align:top;cursor:pointer; box-shadow: 0 6px 4px -4px #777;}
div.cnf-orgchart-node div.org-img { float:left; width:24%;}
div.cnf-orgchart-node div.org-data {vertical-align:top; overflow:hidden; white-space:nowrap; width:70%; border:0px solid green; line-height:16px; padding:3px 0px 3px 0px; text-overflow:ellipsis;}
div.cnf-topnav-button > img { width: 24px; height: 24px;}
div.cnf-topnav-button { font-size: 0.9em; width:26px !important; height:22px !important; border:1px solid silver; text-align:center; vertical-align:bottom; border-right:1px solid #555 !important; border-bottom:1px solid #555 !important; display:inline-block; position:relative; }

/* Configuration-Import */
div.cnf-import-selectField { float: left;display: inline-block;width: 33.3%; }
/* wizard steps */
div.cnf-importwizard-steps { margin: 20px 10px 0px 20px;padding: 0px;position: relative;clear: both;font-weight: bold; }
div.cnf-importwizard-steps div { position: relative; }
div.cnf-importwizard-steps span { display: block;float: left;font-size: 10px;text-align: center;width: 15px;margin: 2px 5px 0px 0px;line-height: 15px;color: #ccc;background: #FFF;border: 2px solid #CCC;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
div.cnf-importwizard-steps a {position: relative;display: block;width: auto;height: 24px;margin-right: 18px;padding: 0px 10px 0px 3px;float: left;font-size: 11px;line-height: 24px;color: #666;background: #F0EEE3;text-decoration: none;text-shadow: 1px 1px 1px rgba(255,255,255, 0.8);}
div.cnf-importwizard-steps a:before {width: 0px;height: 0px;border-top: 12px solid #F0EEE3;border-bottom: 12px solid #F0EEE3;border-left: 12px solid transparent;position: absolute;content: "";top: 0px;left: -12px;}
div.cnf-importwizard-steps a:after {width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 12px solid #F0EEE3;position: absolute;content: "";top: 0px;right: -12px;}
div.cnf-importwizard-steps .completed-step a{color: #163038;background: #A3C1C9;}
div.cnf-importwizard-steps .completed-step a:before{border-top: 12px solid #A3C1C9;border-bottom: 12px solid #A3C1C9;}
div.cnf-importwizard-steps .completed-step a:after{border-left: 12px solid #A3C1C9;}
div.cnf-importwizard-steps .completed-step span{border: 2px solid #163038;color: #163038;text-shadow: none;}
div.cnf-importwizard-steps .active-step a{color: #A3C1C9;background: #163038;text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);}
div.cnf-importwizard-steps .active-step a:before{border-top: 12px solid #163038;border-bottom: 12px solid #163038;}
div.cnf-importwizard-steps .active-step a:after{border-left: 12px solid #163038;}
div.cnf-importwizard-steps .active-step span{color: #163038;-webkit-box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);-moz-box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);text-shadow: none;border: 2px solid #A3C1C9;}
div.cnf-importwizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a{color: #fff;background: #8F061E;text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);}
div.cnf-importwizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span{color: #8F061E;}
div.cnf-importwizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before{border-top: 12px solid #8F061E;border-bottom: 12px solid #8F061E;}
div.cnf-importwizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after{border-left: 12px solid #8F061E;}

/* Landing Page */
div.cnf-landingpage-thumbnail {border: 1px solid transparent; background: inherit; text-align: center; cursor: pointer; position:relative; display: inline-block; width: 130px; height: 135px; margin: 15px; padding: 5px; font-size: 10px; vertical-align: middle}
div.cnf-landingpage-thumbnail-hover { -moz-box-shadow:3px 3px 4px 3px #8C8C8C; box-shadow:3px 3px 4px 3px #8C8C8C; }
div.cnf-landingpage-thumbnail-videolnk { text-align:center; padding:0px; font-size: 10px; padding: 2px; display: inline-block; position: absolute; bottom: 2px; left: 18px}
img.cnf-landingpage-thumbnail-icon { width: 64px; height: 64px }
div.cnf-landingpage-overlay-close{ cursor:pointer; float:right; top: -12px; right: -12px; position: absolute; background-color: inherit; border:1px solid #ccc; box-shadow:0px 1px 5px #ccc; -moz-box-shadow:0px 1px 5px #ccc; -webkit-box-shadow:0px 1px 5px #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px}

/* Configuration Main  */
.cnf-popup-label { font-size: 13px; padding-left: 0px; margin-left:0px; }
.cnf-popup-inputTxt { margin-top: 2px; padding-top: 2px; }
.cnf-popup-select { margin-top: 3px; padding-top: 3px; }
.cnf-main { font-size:13px; font-weight:bold }
.cnf-description { font-size:12px;}
.cnf-filters{ vertical-align:middle; padding-left:0px; margin-left:0px; }

/* Mass transaction editor*/
.mgr-dashboard-mte > div {vertical-align:top; display:inline-block; width:33%;}
.mgr-dashboard-mte > div > select, input {margin-top:2px;}



/* GENERAL */

/* *****************************************************************************
BRAND MANAGER (BRN)
***************************************************************************** */
div.brn-header-top { vertical-align: middle; text-align: center; height: 35px; position:absolute;  background-image: none; top: 0px; left: 0px; right: 0px; background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E4E4E4)); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); background-image: linear-gradient(bottom, #FFFFFF 0%, #E4E4E4 100%); }
li.brn-accordian-active {background-color:#efefef; box-shadow:inset 0 0 6px #999;}
li.brn-accordian-inactive {background-color:#fff;}
td.brn-customer-statues img {  margin: 0px -6px -6px 0px;}
td.brn-customer-statues label {margin-right: 7px; font-size:12px}
.brn-customer-sa div:nth-child(odd){ background-color: rgba(236, 236, 236, 0.63); line-height: 25px; height: 25px; border-bottom: 1px solid #fff;}
.brn-customer-sa div:nth-child(even){line-height: 25px; height: 25px;  border-bottom: 1px solid #fff;}
.brn-customer-sa { width: 100%; height: 200px; overflow-y : auto;}
.brn-customer-sa::after{clear: both;}


/* *****************************************************************************
EMPLOYEE APPLICATION (EMP)
***************************************************************************** */


/* *****************************************************************************
JQUERY UI:ADDONS/OVER-RIDES
FONTAWESOME
***************************************************************************** */
.ui-dialog { -webkit-box-shadow: 7px 7px 5px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 5px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 5px rgba(50, 50, 50, 0.75); }
.ui-dialog.noShadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.ui-dialog.ui-widget.ui-widget-content{background-image:none}
div.ui-datepicker { font-size: 12px; }
.ui-state-default.defaultFieldLabel { background: none; border: 0px; }
.ui-helper-hidden-accessible { clip: auto; }
button.ui-datepicker-current { visibility: hidden !important; }

.ui-state-default { font-weight: bold !important;}
/* classes required for datetimepicker */
#ui-timepicker-div dl { text-align: left; }
#ui-timepicker-div dl dt { height: 25px; }
#ui-timepicker-div dl dd { margin: -25px 0 10px 65px; }

.ui-widget { font-family: Verdana; font-size: .9em; }
.ui-accordion .ui-accordion-content { padding: 1em; }

.ui-button-text-icon .ui-button-text { padding: .4em 1em .4em 2.1em; font-size: 9pt; }
.ui-button-text-icon .ui-icon { position: absolute; top: 50%; margin-top: -8px; }

.ui-autocomplete { max-height: 300px; overflow: auto; }


div.general-MaintenanceMode{position: absolute;display:inline-block;padding:2px; bottom: 5px;height: 38px;width: 150px;left: 5px;z-index: 999;background-color: #E1EA79;border: 1px solid green;}
div.general-MaintenanceMode span{width: 90%;display: inline-block;font-size: 8pt;margin: 4px 0 0 10px;}

div.general-Notification
{
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 999;
    background-color: #E1EA79;
    border: 1px solid green;
}
div.general-Notification div
{
    font-size: 8pt;
    margin: 4px 0 0 10px;
}

/* Manager Dashboard - CompTime Approvals START */
div.mgrdashboard-comptimefilter { height:173px; margin-top:16px; }
div.mgrdashboard-comptimegrid { width:98%; height:63%; margin-left:10px;  }
.mgrdashboard-comptime-filter { cursor: pointer; float: right;margin:3px 3px 0px 0px; display: inline-block; }
.mgrdashboard-comptime-gridselect { float:right; margin-right:5px; }
.mgrdashboard-comptime-previouspayperiod { display:inline-block; width:18%; height:100%; vertical-align:middle; text-align:center; }
.mgrdashboard-comptime-currentpayperiod { display:inline-block; width:63%; height:100%; vertical-align:middle }
.mgrdashboard-comptime-nextpayperiod { display:inline-block; width:18%; height:100%; vertical-align:middle; text-align:center }
div.mgr-comptimeapproval-boxshadow { -moz-box-shadow:3px 3px 4px 3px #B6B6B6; box-shadow:3px 3px 4px 3px #ccc; }
div.mgr-comptimeapproval-section-fontcolor { color:Black; }
div.mgr-comptimeapproval-section-periodfilter-container{ width: 295px; height: 175px; position: relative; display:inline-block; vertical-align: top; font-size: 10pt; position: relative }
div.mgr-comptimeapproval-section-periodfilter { width: 253px; height: 135px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
div.mgr-comptimeapproval-section-offset { margin-left: 9px; }
/* END */

/* Configuration - Failed Transactions */
center.cnf-failedTransaction-main { width:99.6%; height:97.5%; }
div.cnf-failedTransaction-griddiv { width:97%; height:88%; }
div.cnf-failedTransaction-grid { text-align:left; width:100%; height:89%; margin-top:11px; }
div.cnf-failedTransaction-description { width:97%; height:10%; }

i.fa-hlp:before { cursor:pointer;}
i.fa-hlp span{display:none; cursor:pointer; border:1px solid silver; max-width:400px; max-height:150px; background:#efefef; padding:8px; border-radius:3px; margin:-40px 0px 0px 5px; 
              font-size:14px; font-family:Verdana; position:absolute; box-shadow: 6px 6px 5px -2px #999; line-height:18px; z-index:9999; text-align:left !important; white-space:normal !important}

/* Employee Home - Matrix Entry */
.emphome-matrixentry-header { display: inline-block;width: 100%;height:5%;vertical-align: bottom; }
.emphome-matrixentry-header-label { display:inline-block; width: 30%; height:26px; text-align:left; }
.emphome-matrixentry-header-content { display:inline-block; width: 60%; height:26px; }
.emphome-matrixentry-navigate-left { vertical-align: middle; margin-left:43px; cursor:pointer; }
.emphome-matrixentry-fromdate { width: 70px; height: 14px; margin-left:7px; top :12px; text-align: center; vertical-align: middle; font-size: 8pt !important;  }
.emphome-matrixentry-todate { width: 70px; height: 14px; margin-left:7px; top :12px; text-align: center; vertical-align: middle; font-size: 8pt !important; }
.emphome-matrixentry-navigate-right { vertical-align: middle; margin-left:7px; cursor:pointer; }
.emphome-matrixentry-content { position:absolute; top:30px;  font-size:9pt; left: 7px; }
.emphome-matrixentry-settings { cursor: pointer; position: absolute; right: 0pt; top: 5px; }
.emphome-matrixentry-row-data { position: absolute; top: 66px; width: 99%; height: 75%; border-bottom: 1px solid rgb(131, 126, 126);overflow:auto; }
.emphome-matrixentry-btn { width: 99%; height: 12%; position:absolute; top:426px; }
.border { border: 1px solid blue;}

/* Payroll Transmission - GRB - 6/15/2015*/
 .payroll-click-affordance:hover {
    box-shadow: inset 0 0 8px #C2C2C2, 2px 4px 1px -2px #AAA;
    cursor: pointer;
    background-color: #FFF6B3;
    color: #222222;
}

 div.payroll-popup {
    background-color: #F7F7F7;
    width: 600px;
    position: absolute;
    border: 1px solid gray;
    top: 35%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.payroll-popup span.header {
    float: right;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

div.payroll-popup fieldset {
    width: calc(100% - 20px);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px;
}


div.payroll-popup fieldset div.payroll-errors {
        width: 100%;
        position: relative;
        text-align: left;
        max-height: 300px;
        overflow-y: auto;
}

div.payroll-popup fieldset div.payroll-errors div.canvas {
        width: 100%;  
}

div.payroll-popup fieldset div#error {
    font-size: 0.8em !important;
    margin-top: 5px;
}

div.payroll-popup fieldset div.canvas div#error-message {
    margin-top: 2px;
}
/* payroll missing punches editor */

table.payroll-missing-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

table.payroll-missing-table, th.payroll-missing-head-cell, td.payroll-missing-cell { 
    border-right: 1px dotted silver;
}

table.payroll-missing-table ​.payroll-missing-row, table.payroll-missing-table ​.payroll-missing-head-row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

table.payroll-missing-table .payroll-missing-cell, table.payroll-missing-table .payroll-missing-head-cell {
    color: #000;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: 1;
    padding: 5px 2px 2px 2px;
    white-space: nowrap;
    cursor: default;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    height: 25px;
}

table.payroll-missing-table .payroll-missing-head-cell {
        -ms-word-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
    font-weight: bold;
}

table.payroll-missing-table .payroll-missing-row:hover > td:not(:last-child) {
   box-shadow: inset 0 0 7px #888; 
   background-color:#efefef !important; 
   cursor:pointer;
}

table.payroll-missing-table .payroll-missing-row:hover > td:not(:last-child) img.on-hover {
    display: block;
}
table.payroll-missing-table .payroll-missing-row > td:not(:last-child) img.on-hover {
    display: none;
}
table.payroll-missing-table img.action {
    height:20px; 
    width:20px; 
}
table.payroll-missing-table img.action:hover {
    height:22px; 
    width:22px;
}
table.payroll-missing-table td.payroll-missing-cell input.invalid {
    border-color: red;
}

/* Payroll history */

div#divPayrollStatus div#DetailSection div.slick-row-data  .show-on-hover {
    visibility: hidden;
}

div#divPayrollStatus div#DetailSection div.slick-row-data:hover  .show-on-hover {
    visibility: visible;
}

div.payroll-detail-outer-container {
    height: 100%;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: 40px;
}

.payroll-detail-table {
    width: 100%;
    font-size: 8pt !important;
    display: table;
}

.payroll-detail-table .payroll-detail-table-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.payroll-detail-row {
    margin-left: 1px;
}

.payroll-detail-row, .payroll-detail-head {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid silver;
    border-top: none;
    border-right: none;
    border-left: none;
}

.payroll-detail-cell {
    float: left;
    color: #000;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: 1;
    padding: 1px;
    white-space: nowrap;
    cursor: default;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    height: 18px;
    display: block;
    border-right: 1px dotted silver;
}

.payroll-detail-head-cell {
    float: left;
    color: #000;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: 1;
    padding: 1px;
    white-space: nowrap;
    cursor: default;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    height: 26px;
    display: block;
    border-right: 1px dotted silver;    
}

.payroll-detail-head-cell div {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-overflow:ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.payroll-detail-table .payroll-detail-head-cell:last-child, .payroll-detail-table .payroll-detail-cell:last-child {
    border-right-width: 0px;
}

div.infoHoverField {
    float:left;
    width:260px;
}

div.transmissionInfoHoverField{
    width: 150px;
}

div.infoHoverData {
    float: left;
    width: 230px;
    font-weight: normal;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
}
    
.disabledText
{
    font-weight: normal;
    color: #888;
}

.disabledAdd, .disabledAdd:hover {
    opacity:0.45;
    border: 1px solid #c5dbec;
    background: #dfeffc url(images/ui-bg_inset-soft_85_dfeffc_1x100.png) 50% 50% repeat-x;
    cursor:default;
}

div.payrollOptionsPopup
{
    margin-top: 6px;
    margin-bottom: 5px;
}

div.payrollOptionsPopup label
{
    width:90%;
}

div.payrollOptionsPopup input
{
    float:left;
}

/*Advanced scheduler css*/

.breakCss {
    height: 10px;
    border: rgb(0, 0, 80) 1px solid;
    border-radius: 10px;
    display: inline-block;
    color: rgb(0, 0, 80);
    padding: 5px;
    padding-top: 0px;
    margin-right: 3px;
    margin-bottom: 2px;
    font-weight: 400;
}

.mealCss {
    height: 10px;
    border: rgb(148, 38, 42) 1px solid;
    border-radius: 10px;
    display: inline-block;
    color: rgb(148, 38, 42);
    padding: 5px;
    padding-top: 0px;
    margin-right: 3px;
    margin-bottom: 2px;
    font-weight:400;
}

.transferCss {
    height: 10px;
    border: #dc7206 1px solid;
    border-radius: 10px;
    display: inline-block;
    color: #dc7206;
    padding: 5px;
    padding-top: 0px;
    margin-right: 3px;
    margin-bottom: 2px;
    font-weight: 400;
}

div.advancedscheduler-filters {
    width: 100%;
    height: 85px;
}


div.advancedscheduler-scheduling-mainsection {
    width: 100%;
    height: 80%;
}
div.advancedscheduler-scheduling-mainsectionhome {
    width: 100%;
    height: 62%;
}
div.advancedscheduler-scheduling-footer-section{
    width:100%;
    text-align: center;
    height:14%;
}
div.advancedscheduler-scheduling-timeline-section {
    float: left;
    width: 19.5%;
}

div.advancedscheduler-scheduling-scheduleview-section {
    float: left;
    width: 100%;
}

div.advancedscheduler-scheduling-employees-section {
    float: left;
    width: 19%;
}

div.advanced-scheduler-filter-outside-class1 {
    width: 300px;
    height: 150px;
    margin: 30px;
    float: left;
}

div.advanced-scheduler-filter-outside-class2 {
    width: 300px;
    height: 150px;
    float: left;
    margin: 30px;
    margin-left: 170px;
}

div.advanced-scheduler-filter-outside-class3 {
    width: 300px;
    height: 150px;
    float: left;
    margin: 30px;
    margin-left: 173px;
}

div.advance-schedular-filter-inner-row1 {
    margin: 10px;
    padding-top: 20px;
}

div.advance-scheduler-filter-text-class {
    display: inline-block;
    width: 50%;
    text-align: right;
}

div.advance-scheduler-row-margin {
    margin: 10px;
}

div.advance-block {
    display: inline-block;
    /*width: 15%;*/
    height: 50px;
    font-size: 9pt;
    vertical-align:top;
    margin-left:10px;
}

/*div.blockBtn {
    display: inline-block;
    width: 9%;
    font-size: 9pt;
    margin-top: 10px;
    margin-left: 25px;
}*/


div.advance-block select {
        width: 150px;
}


div.advance-block > div {
        margin-bottom: 3px;
}

table.scheduleview {
    width: 100%;
}

table.scheduleview-content {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.scheduleview-cell {
    height: 200px;
}
div.advance-template-popup-header-start-time-outer-div{
    margin-left:28px;
    margin-top:10px;
}
div.advance-template-popup-header-start-time-div{
    font-weight: bold; 
    color: #2e6e9e;
    margin-top:3px;
}
div.advance-template-popup-header-end-time-outer-div{
    margin-left:28px;
    margin-top:10px;
}
div.advance-template-popup-header-end-time-div{
    font-weight: bold; 
    color: #2e6e9e;
    margin-top: 3px;
}
div.advance-template-popup-header-capacity-outer-div{
    /*margin-left:28px;*/
    margin-top:10px;
}
div.advance-template-popup-header-capacity-div{
    font-weight: bold; 
    color: #2e6e9e;
    margin-top: 3px;
}

.advance-popup-header-date-outer-div{
    margin-top:10px;
}
.advance-popup-header-date-div{
    font-weight: bold; 
    color: #2e6e9e;
    margin-top:3px;
}
.advance-popup-header-date-text-div{
    /*font-weight: bold*/; 
    color: black;
    margin-top:3px;
}
div.advance-popup-header-start-time-outer-div{
    margin-left:20px;
    margin-top:10px;
}
div.advance-popup-header-start-time-div{
    font-weight: bold; 
    color: #2e6e9e;
    margin-top:3px;
}
div.advance-popup-header-end-time-outer-div{
    margin-left:28px;
    margin-top:10px;
}
div.advance-popup-header-end-time-div{
    font-weight: bold; 
    color: #2e6e9e;
    margin-top: 3px;
}
div.advance-popup-header-capacity-outer-div{
    /*margin-left:28px;*/
    margin-top:10px;
}
div.advance-popup-header-capacity-div{
    font-weight: bold; 
    color: #2e6e9e;
    margin-top: 3px;
}
div.advance-align-left{
    float:left;
}
div.advance-cursor-style{
    cursor:pointer;
}
/*.btn-align-top{
    margin-top:10px;
}
.btn-clear-shift{
    height: 30px;
    padding: 0px;
}*/

button.advance-scheduler-filter-button {
    height:43px;
    width: 90%;
}
.label-template-popup{
    display: inline-block; 
    width: 46%; 
    text-align: right;
}
.adv-employee-grid-main {
    position: absolute;
    left: 0px;
    width: 250px;
    height: 100%;
    top: 3px;
    display: inline-block;
}
.adv-employee-grid-main-area {
    /*width:18%; 
    height:93%;
    display:inline-block; 
    margin-top:5px; 
    vertical-align:top*/
    position: absolute;
    left: 0px;
    width: 250px;
    height: calc(100% - 60px);
    top:50px;
    display: inline-block;
}
.adv-employee-grid-container {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.adv-region-splitter-area{
    /*width:.8%; 
    display:inline-block; 
    height:93%;
    margin-top:5px; 
    vertical-align:top*/
    position:absolute;
    left:250px;
    width:22px;
    cursor:default;
    border:0px;
    /*top:4px;*/
    height:100%;
    display:inline-block;
}
.adv-region-splitter {
    position: absolute;
    left: 250px;
    width: 10px;
    cursor: default;
    border: 0px;
    top: 4px;
    height: 100%;
    display: inline-block;
}
.adv-main-grid-container-area{
    /*margin-top:5px; 
    width:80.5%; 
    vertical-align:top; 
    height:93%; 
    background-image:none; 
    display:inline-block;*/
    position:absolute;
    left:272px;
    right:0px;
    /*top:4px;*/
    height:100%;
    display:inline-block;
}
.adv-main-grid-container {
    position: absolute;
    left: 260px;
    right: 0px;
    top: 4px;
    height: 100%;
    display: inline-block;
}
.advschtemplate-filter-popup-container {
    width:100%;
    height:99%;
}

.advschtemplate-filter-popup-search { width:86%; height:5%; margin-left:14%; padding-top:2%; }
.advschtemplate-filter-popup-selectors { width:100%; height:77%; text-align:center; padding-top:1%; }
.advschtemplate-filter-popup-buttons { width:100%; height:10%; text-align:center; }
.advschtemplate-filter-popup-unselected-grid { width:100%; height:90%;}
.advschtemplate-filter-popup-selected-grid { width:100%; height:90%; }
.advschtemplate-filter-popup-unselected { display:inline-block; width:42%; height:87%;  vertical-align:middle;}
.advschtemplate-filter-popup-traverse-buttons { display:inline-block; width:10%; height:87%;  vertical-align:middle; }
.advschtemplate-filter-popup-traverse-buttons div:nth-of-type(1) { margin-top:58px; }
.advschtemplate-filter-popup-traverse-buttons div { display:inline-block; width:100%; height:12%; vertical-align:middle; }
.advschtemplate-filter-popup-traverse-buttons img { vertical-align:middle; }
.advschtemplate-filter-popup-selected { display:inline-block; width:42%; height:87%;  vertical-align:middle;}
.advsch-shift-color-blue {background-color: rgba(0, 75, 141, 0.81);color: #FFFFFF}

img.img-adv-scheduler-options { padding: 4px; }
div.adv-scheduler-options { width: 100%; font-size: 11px; height: 15px; padding: 5px 0px; font-weight: normal; display: none }
div.adv-scheduler-options input { display: inline-block; vertical-align: top; margin-left: 11px; }
div.adv-scheduler-options span { display: inline-block; vertical-align: top }
img.adv-scheduler-menu-icon { float: right; height: 16px; padding: 4px; margin-right: 3px;}
div.adv-scheduler-menu-hover { background-color: #0000002b; border-radius: 50%; }
div.adv-scheduler-main-menu { text-align: left; position: absolute; top: 24px; right: 10px; z-index: 999; display: none; width: 200px; height: 200px; padding: 10px 10px 15px 10px; cursor: default; border-radius: 1px; box-shadow: 2px 3px 9px #777; background-color: #F8F8F8; color: #444; white-space: nowrap }
div.adv-scheduler-main-menu-item-header { font-size: 12px; border-bottom: 1px solid #888; color:black; margin-top:10px; }
div.adv-scheduler-main-menu-item { font-size: 12px; color:black; cursor: pointer; font-weight: normal; margin-left:10px; margin-top: 4px;line-height:25px}
div.adv-scheduler-main-menu-item:hover {background-color: lightgray;}

div.adv-scheduler-main-menu-item-disable {font-size: 12px; color: gray; cursor: pointer;font-weight: normal; margin-left: 10px; margin-top: 4px;line-height: 25px}
div.adv-scheduler-main-menu-item-disable:hover {  background-color: transparent; cursor: default; }
div.adv-scheduler-main-menu-item label, div.adv-scheduler-main-menu-item input { vertical-align: middle;margin: 0px;}
div.adv-scheduler-main-menu-item label { cursor:pointer; }
div.adv-scheduler-main-menu-item label:hover { text-decoration:none; }

img.img-adv-scheduler-options { padding: 4px; }
div.adv-scheduler-options { width: 100%; font-size: 11px; height: 15px; padding: 5px 0px; font-weight: normal; display: none }
div.adv-scheduler-options input { display: inline-block; vertical-align: top; margin-left: 11px; }
div.adv-scheduler-options span { display: inline-block; vertical-align: top }

/*img.adv-scheduler-menu-icon { float: right; width: 16px; height: 16px; padding: 4px; margin-right: 3px;}*/
/*img.adv-scheduler-menu-hover { background-color: #0000002b; border-radius: 50%; }*/
/*div.adv-scheduler-main-menu { text-align: left; position: absolute; top: 24px; right: 10px; z-index: 999; display: none; width: 150px; height: 168px; padding: 10px 10px 15px 10px; cursor: default; border-radius: 1px; box-shadow: 2px 3px 9px #777; background-color: #F8F8F8; color: #444; white-space: nowrap }*/
/*div.adv-scheduler-main-menu-item-header { font-size: 9pt; border-bottom: 1px solid #888; color:black; margin-top:10px; }*/
/*div.adv-scheduler-main-menu-item { font-size: 8pt; color:blue; cursor: pointer; font-weight: normal; margin-left:10px; margin-top: 4px; }*/
/*div.adv-scheduler-main-menu-item:hover { text-decoration: underline; }*/
/*div.adv-scheduler-main-menu-item label, input { vertical-align:middle; margin:0px; }*/
/*div.adv-scheduler-main-menu-item label { cursor:pointer; }*/
/*div.adv-scheduler-main-menu-item label:hover { text-decoration:none; }*/


.ui-progressbar {
    position: relative;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
}
.advance-shift-text-style
{
    overflow:hidden;
}
.deleteAllShifts
{
    width:120px;
}
.advance-block-right-side{
    height: 30px;
    display: inline-block;
    right: 0px;
    float: right;
}


.advSchedulerCapacityHoursperday {
    padding: 2px;
    width: 145px;
    height: 16px;
    text-align: left
}

.advSchedulerCapacityHoursperdayText {
    color: gray;
    padding-top: 2px;
    font-size: 7pt;
}

/*Budgeting*/
.budget-paytype-grid-div{
    width: 42%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.btnBudgetEdit img {
    margin-top: 3px;
}
.budgeting-font-style{
    color: black;
    font-size: x-small;
}
.ui-progressbar-value span{
    color: black;
    font-size: x-small;
}
.totalRemainingText{
    float:right;
    color: black;
    font-size: x-small;
    margin-top: 3px;
    margin-right: 5px;
}
.budget-progress-remianing-text{
    float: right;
    margin-right: 110px;
}
.budget-progress-bar{
    height: 20px;
    width: 85%;
}
.shift-swap-week-view-cell-header-style{
    display: table-cell;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 28px;
    vertical-align: middle;
    text-align: center;
    width: 97px;
}
.shift-swap-week-view-cell-style{
    display: table-cell;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /*height: 60px;*/
    vertical-align: middle;
    text-align: center;
    width: 97px;
}
.shift-swap-week-view-employee-name-style {
   
}
#divShiftSwapWeekView{
    height: 100%;
}
.shift-swap-week-view-employee-name-align-left{
    text-align: left;
}
.shift-swap-calendar-view-action-icon-style{
    float: right;
    margin-right: 2px;
    width: 12px;
    height: 12px;
}
.shift-swap-week-view-schedule-block{
    font-size: 9px;
    border-radius: 4px;
    border: 1px solid black;
    color: white;
    height: 30px;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 2px;
    margin-right: 2px;
    /*display: table-cell;
    vertical-align: middle;
    text-align: center;*/
}
.shift-swap-calendar-view-action-icon-style-week-view{
    width: 16px;
    margin-top: 1px;
    height: 16px;
}
.shift-swap-empty-message-style{
    text-align: center;
    margin-top: 168px;
    margin-left: -22px;
    font-size: 17px;
    font-weight: bold;
}
.shift-swap-schedule-week-view-container-style{
    height:94%;
    overflow-y: auto;
}
.shift-swap-month-view-event-style>div.fc-event-inner{
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
}
.shift-swap-month-view-event-style{
    height: 15px;
}
.shift-swap-month-view-dummy-event-style{
    border: none;
    height: 15px;
}
.shift-swap-month-view-more-style{
    border: none;
    color: black;
    font-weight: bold;
}
.shift-swap-month-view-more-style>div>div{
    float:right;
    margin-right:5px;
}
.shift-swap-cursor-pointor{
    cursor: pointer;
}
.shift-swap-notes-pop-header-style{
    margin-left:37%;
    margin-top: -5px;
}
.shift-swap-notes-pop-header-label-style{
   
    font-weight: bold;
    font-size: 11pt;
}
.shift-swap-schedule-detail-header-style{
    height: 33px;
    margin-top: 0px;
    text-align: center;
}
.shift-swap-schedule-detail-header-label-style{
   
    font-weight: bold;
    font-size: 11pt;
}
.shift-swap-status-style{
    width: 52px;
    display: inline-block;
   
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold; 
    cursor: pointer;
}
div.shift-swap-status-container 
{
    left: 42px;
    width: 92%;
    position: absolute;
    top: 42px;
    height: 91%;


}

.shift-swap-request-status-container
{
    width: 92%;
    height: 90%;
    position: absolute;
    left: 46px;
}
.shift-swap-request-status-header
{
    width:100%;
    height:7%;
}
.shift-swap-request-status-back-icon
{
    width: 24px;
    height: 24px;
    padding: 4px;
}
.shift-swap-request-status-header-text
{
    font-size: 1.5em;
    font-weight: bold;
    
}
.shift-swap-request-status-filter-style
{
    display: inline-block;
    float: right;
    margin-top: 15px;
    margin-right: 12px;
}
div.emp-scheduleswap-request-status-header-row { width:827px;font-size:8pt; }
div.emp-scheduleswap-request-status-row-header-cell { width:91px; display:inline-block; text-align:center; vertical-align:bottom;}
div.emp-scheduleswap-request-status-row { width:827px; height:23px; font-size:8pt; }
div.emp-scheduleswap-request-status-row-cell { width:91px; height:30px; display:inline-block; text-align:center; vertical-align:top;}
div.emp-scheduleswap-request-status-row-cell label { vertical-align:middle; display:inline-block; position:relative; top:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:83%; }
div.emp-scheduleswap-request-status-row-cell image { width:18px; height:18px; }
.shift-swap-emp-notes-textArea{
        width: 94%;
}
.shift-swap-week-view-wage-style{
     margin-top: 3px;
     margin-left: 2px;
     position: absolute;
}
.shift-swap-week-view-left-border{
        border-left: 1px solid #ddd;
}
.shift-swap-week-view-top-border{
        border-top: 1px solid #ddd;
}
div.mgr-dashboard-geopunch-filters { border: 1px solid #aaa; width: 357px; height: 42px; margin-top:4px; background-color: white; float: right; opacity: 0.9 }
div.mgr-dashboard-geopunch-filters > img { position:absolute; right:3px; top:15px;  }
div.mgr-dashboard-geopunch-filters > select { width: 100px; margin-right: 23px; float: right; border-radius:0px; padding:1px; margin-top: 9px; border:1px solid #66686b }
div.mgr-dashboard-geopunch-filters > input { position:relative; top:7px; width:100px; text-align:center; margin-right:5px; }
div.mgr-dashboard-geopunch-punchdetails { border: 1px solid #3e82ef; width: 242px; height: 80%; position: absolute; background-color: white; top: 47px; left: 10px; opacity: 0.9; border-bottom-width:5px; text-align: left; }
div.mgr-dashboard-geopunch-punchdetails-header { width: 97%; height: 20px; color: white; padding-top: 3px; padding-left: 7px; font-size: 8pt; font-weight: bold; background-color: #3e82ef; }
div.mgr-dashboard-geopunch-punchdetails-subdetails { width:98%; height:95%;overflow:auto; }
.mgr-dashboard-geopunch-punchlegend { position: absolute; top: 10px; left: 111px; font-size: 8pt; font-style: italic; color: blue; background-color: white; padding: 7px; }
td.mgr-geopunch-showelipses { display:inline-block;width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
div.mgr-geopunch-detailslide { box-shadow:1px 1px 1px 1px; width: 212px; height: 73px; margin:5px 0px  5px 5px; font-size:8pt; cursor:pointer; }
table.mgr-gropunch-details-slab { margin-left:5px; width:100%; }
div.mgr-geopunch-loader-overlay { background-color: silver; opacity: 0.4; background-image: none; position: absolute; top: -11px; bottom: 0px; right: 0px; left: -18px; height: 102%; width: 102%; }
div.mgr-geopunch-loader-overlay > img { height: 16px; width: 16px; position: absolute; left: 45%; top: 45%; }
div.mgr-geopunch-detailslide-onclick { background: #4e8bed; }
#advSchdlCapPlanning,#advSchdlTempPlanning
{
    position: absolute;
    bottom: 0;
    top: 130px;
    width: 100%;
}

#advSchdlCapPlanningNew, #advSchdlTempPlanning {
    position: absolute;
    bottom: 0;
    top: 90px;
    width: 100%;
}
#advSchdlCapPlanningCommon {
    position: absolute;
    bottom: 0;
    top: 18px;
    width: 100%;
}
.CalendarIntegrationdivSideBySide{float:left; width:33%;text-align: center;}

.calIconContainer{margin-top: 41px;}

.emp-home-cursor-pointor{
    cursor: pointer;
}

.emp-home-calendar-settings-back-icon
{
    width: 24px;
    height: 24px;
    padding: 4px;
}

div.app-prefdlg-calendar-Integration-container {
    position: absolute;
    bottom: 40px;
    top: 60px;
    left: 0px;
    right: 0px;
    padding: 8px;
    overflow: auto;
    background: none;
    font-weight: bold;
    font-size: 13px;
    -webkit-box-shadow: 0 8px 6px -6px gray;
    -moz-box-shadow: 0 8px 6px -6px gray;
    box-shadow: 0 8px 6px -6px gray;
}

.align-middle { display:inline-block; vertical-align: middle; }

/*Common Header For Advanced Scheduler*/

div.adv-scheduler-main-menu-common {
    text-align: left;
    position: absolute;
    top: 51px;
    right: 66px;
    z-index: 999;
    display: none;
    width: 178px;
    padding: 3px 5px 8px 10px;
    cursor: default;
    border-radius: 1px;
    box-shadow: 2px 3px 9px #777;
    background-color: #F8F8F8;
    color: #444;
    white-space: nowrap;
    border-radius: 5px;
}

.EEViewDDL {
    background-color: #fafafa;
    vertical-align: middle;
    font-weight: 200;
    text-align: center;
    border: 1px solid #aeabab;
    height: 25px;
}

.AdvancedSchedulerPublish {
    width: 100px;
    float: right;
    margin-top: 7px;
    margin-right: 10px;
}

.adv-scheduler-common-toolbar{
    height:100%;
}

div.mgr-schedule-capacity-bar {
    z-index: 1;
    -webkit-box-shadow: 0 8px 6px -6px gray;
    -moz-box-shadow: 0 8px 6px -6px gray;
    box-shadow: 1px 0 4px 0px silver;
    border: none !important;
}

.adv-sch-image-disable {
    pointer-events:none;
}

.adv-scheduler-main-menu-common {
    height: 113px;
}

.empAvailability {
    font-weight: 600;
    padding-left: 78px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 13px;
}

.redText {
    color: red;
}

.greenText {
    color: green;
}

.fullWidth {
    width: 100%;
}

/*Configuration Preference*/
.preference-vertical-align-middle {
    vertical-align: middle;
}

.preference-info-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: 5px;
}

/****************************************/

table.border-style th.border-style, td.border-style {
    border: 1px solid #c5dbec;
    border-collapse: collapse;
}

tr.border_bottom td {
    border-bottom: 2px solid #c5dbec;
}

.punchEditValueChanged{
    color:red;
}
.svg-arrow{
    width:24px;
    height:24px;
}

.divTop-tabs span {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    border-bottom: 0 !important;
    white-space: nowrap;
    text-decoration: none;
    padding: 3px 2px 4px 4px;
    margin: 2px 0px 0px 1px;
    left:0 !important;
}

.divLeft-tabs span {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    border-left: 0 !important;
    white-space: nowrap;
    text-decoration: none;
    padding: 3px 2px 4px 4px;
    margin: 2px 0px 0px 1px;
    display: inherit !important;
    left: 0 !important;
}

.previous-next-arrow{
    width:20px;
    height:20px;
}

.divLeftViews-timecard {
    writing-mode: vertical-lr;
    cursor: pointer; 
    position: absolute; 
    top: 80px; 
    border: white;
}

    .divLeftViews-timecard span:last-child {
        margin-bottom: 4px;
    }

.ui-dialog-content {
    max-height: calc(100vh - 100px) !important;
}