/* calendar types in the header of a day on month view */

.note {
  z-index    : 10000000 !important;
  position   : relative;
  margin     : 1px;
  padding    : 0 5px;
  background : transparent url("../images.new/littlenote.gif") no-repeat;
}

.dayNoteEditor {
  z-index         : 10000000 !important;
  position        : relative;
  margin          : 1px;
  padding         : 0 5px;
  border-collapse : separate;
  background      : transparent url("../images.new/googleg.png") no-repeat;

  .gevent {}
}

.dayNoteEditorNoGoog {
  z-index         : 10000000 !important;
  position        : relative;
  margin          : 1px;
  padding         : 0 5px;
  border-collapse : separate;

  .gevent {}
}

.multipleEvents {
  z-index    : 10000000 !important;
  position   : relative;
  margin     : 1px;
  padding    : 0 5px;
  background : transparent url("../images.new/multipleEvents.gif") no-repeat;
}

.points {
  z-index    : 10000000 !important;
  position   : relative;
  margin     : 1px;
  padding    : 0 5px;
  background : transparent url("../images.new/points.gif") no-repeat;
}

.adjust {
  z-index    : 10000000 !important;
  position   : relative;
  margin     : 1px;
  padding    : 0 5px;
  background : transparent url("../images.new/adjust.gif") no-repeat;
}

.half {
  z-index    : 10000000 !important;
  position   : relative;
  margin     : 1px;
  padding    : 0 5px;
  background : transparent url("../images.new/half.png") no-repeat;
}

#GrabBags {
  display          : block;
  position         : relative;
  height           : auto;
  background-color : #FFFFFF;
  text-shadow      : 0 1px 0 #FFFFFF;
}

#GrabBags div.GrabBag img {
  margin-bottom : 1px;
}

#GrabBags div.GrabBag {
  width       : 95px;
  height      : 95px;
  float       : left;
  margin      : 5px;
  padding     : 8px 5px;
  color       : #333333;
  overflow    : hidden;
  border-top  : 0px solid transparent;
  text-align  : center;
  font-family : "Helvetica Neue",
                sans-serif;
  font-size   : 10px;
  line-height : 14px;
  cursor      : pointer;
}

.x-ie6 #GrabBags div.GrabBag,
.x-ie7 #GrabBags div.GrabBag,
.x-ie8 #GrabBags div.GrabBag {
  margin     : 2px;
  padding    : 3px 2px;
  border-top : none; 
 /* border-top : medium none; */
}

#GrabBags div.GrabBag-hover {
  background-color : #EEEEEE;
}

#GrabBags .x-item-selected {
  background-color : #D3E1F1 !important;
}

#GrabBags div.GrabBag strong {
  display : block;
  color   : #000000;
}

#GrabBags div.GrabBag span {
  color : #999999;
}

.x-grid-row .x-grid-cell-inner {
  white-space : nowrap;
 
}

.x-tree-panel .x-grid-cell-inner {
    overflow: hidden;
    /*font-size: 14px;*/
    padding: 10px 6px;
    white-space: nowrap;
 }

.x-grid-rowwrap-div {
    border-width: 0px 0;
    border-color: #ededed;
    border-style: none; 
    /* border-top-color: #fafafa; */
    overflow: hidden;
}

.x-tab-default-top {
  padding : 0;
}

.x-tab button {
  padding     : 0;
  font-size   : 9px;
  font-weight : bold;
}

.x-form-display-field-small,
.x-form-field-small {
  margin : 0;
  color  : black;
  font   : 10px tahoma,
           arial,
           verdana,
           sans-serif;
}

.accrualflag {
  color        : #000000;
  border-color : #000000;
  border-width : 0px !important;
  border-style : solid;
}

.adjustmentflag {
  color        : #000000 !important;
  border-color : #000000;
  border-width : 0px !important;
  border-style : solid;
}

.recordedflag {
  color        : #000000 !important;
  border-color : #000000;
  border-width : 0px !important;
  border-style : solid;
}

div.center {
  width        : 8em;
  margin-right : auto;
  margin-left  : auto;
}

.vcenter {
  display        : table-cell;
  min-height     : 12em;
  vertical-align : middle;
}

.auditul {
  display      : block !important;
  margin       : 1em !important;
  padding-left : 10px !important;
  /**list-style-type: disc !important; */
}

.auditul li {
  margin-top    : 3px !important;
  margin-bottom : 3px !important;
  list-style    : disc !important;
}

.inactive-row .x-grid-cell {
  color            : #A0A0A0 !important;
  background-color : #F8F8F8;
}

.modified-row .x-grid-cell {
  color : #000099 !important;
}

.inactive-modified-row .x-grid-cell {
  color            : #6699CC !important;
  background-color : #F8F8F8;
}

.NoIcon {
  width : 0 !important;
}

.AllNextIcon {
  background-image : url("../images.new/allnext-icon.png") !important;
}

.AllPreviousIcon {
  background-image : url("../images.new/allprevious-icon.png") !important;
}

.NextIcon {
  background-image : url("../icons.new/new/next-icon.png") !important;
}

.PreviousIcon {
  background-image : url("../icons.new/new/previous-icon.png") !important;
}

.qMarkIcon,
.x-grid-row-selected .qMarkIcon {
  background-image : url("../icons.new/new/qmarksmall.png") !important;
}

.STIIcon,
.x-grid-row-selected .STIIcon {
  background-image : url("../icons.new/new/releaseNotes.png") !important;
}

.timeLineIcon,
.x-grid-row-selected .timeLineIcon {
  background-image : url("../icons.new/new/timeline_marker.png") !important;
}

.hintsIcon {
  background-image : url("../icons.new/new/cute-question-ball.png") !important;
}

.ReportFolderIcon,
.x-grid-row-selected .ReportFolderIcon {
  background-image : url("../icons.new/new/reports.png") !important;
}

.ReportIcon,
.x-grid-row-selected .ReportIcon {
  background-image : url("../icons.new/new/yearglance.png") !important;
}

.HeaderClass {
  background-image : url("../images.new/header.jpg") !important;
}

.RestoreEmpsIcon,
.x-grid-row-selected .RestoreEmpsIcon {
  width            : 16px;
  background-image : url("../icons.new/new/restoreEmp.png") !important;
}

.PointCatIcon,
.x-grid-row-selected .PointCatIcon {
  width            : 16px;
  background-image : url("../icons.new/new/pointsCategories.png") !important;
}

.GroupIcon {
  width            : 16px;
  background-image : url("../icons.new/new/supervisors.png") !important;
}

.PlusIcon {
  width            : 16px;
  background-image : url("../icons.new/new/plusdark.png") !important;
}

.MinusIcon {
  width            : 16px;
  background-image : url("../icons.new/new/minusdark.png") !important;
}

.Comment {
  width            : 16px;
  background-image : url("../icons.new/new/ThoughtBubble1.png") !important;
}

.EmptyIcon {
  width            : 3px;
  background-image : url("../icons.new/new/doesnt-exist.png") !important;
}

.GroupDataIcon {
  width            : 16px;
  background-image : url("../icons.new/new/group-data.png") !important;
}

.DashBoardIcon,
.x-grid-row-selected .DashBoardIcon {
  width            : 16px;
  background-image : url("../icons.new/new/dashboard.png") !important;
}

.AddAccrualIcon {
  width            : 16px;
  background-image : url("../icons.new/new/add-shift.png") !important;
}

.AddAdjustmentIcon {
  width            : 16px;
  background-image : url("../icons.new/new/wrench_add.png") !important;
}

.AdjustmentIcon {
  width            : 16px;
  background-image : url("../icons.new/new/wrench.png") !important;
}

.AddShiftIcon {
  width            : 16px;
  background-image : url("../icons.new/new/add-shift.png") !important;
}

.DelShiftIcon {
  width            : 16px;
  background-image : url("../icons.new/new/delete-shift.png") !important;
}

.NewShiftIcon {
  width            : 16px;
  background-image : url("../icons/new/add-shift.png") !important;
}

.AddRuleIcon {
  width            : 16px;
  background-image : url("../icons.new/new/add-shift.png") !important;
}

.StartUpSettingsIcon,
.x-grid-row-selected .StartUpSettingsIcon {
  width            : 16px;
  background-image : url("../icons.new/new/startupSettings.png") !important;
}

.PunchPoliciesIcon,
.x-grid-row-selected .PunchPoliciesIcon {
  width            : 16px;
  background-image : url("../icons.new/new/punchpolicies.png") !important;
}

.PreviewIcon {
  width            : 16px;
  background-image : url("../icons.new/new/find.png") !important;
}

.AddEmpIcon {
  width            : 16px;
  background-image : url("../icons.new/new/new-user-info.png") !important;
}

.100Percent {
  width            : 16px;
  background-image : url("../icons.new/new/100.png") !important;
}

.50Percent {
  width            : 16px;
  background-image : url("../icons.new/new/50.png") !important;
}

.25Percent {
  width            : 16px;
  background-image : url("../icons.new/new/25.png") !important;
}

.75Percent {
  width            : 16px;
  background-image : url("../icons.new/new/75.png") !important;
}

.DelEmpIcon {
  width            : 16px;
  background-image : url("../icons.new/new/delete-user-info.png") !important;
}

.SAIcon,
.x-grid-row-selected .SAIcon {
  width            : 16px;
  background-image : url("../icons.new/new/superadmin.png") !important;
}

.RolesIcon,
.x-grid-row-selected .RolesIcon {
  width            : 16px;
  background-image : url("../icons.new/new/supervisorRoles.png") !important;
}



.CalIcon,
.x-grid-row-selected .CalIcon {
  width            : 16px;
  background-image : url("../icons.new/new/calendar.png") !important;
}

.WTVIcon,
.x-grid-row-selected .WTVIcon {
  width            : 16px;
  background-image : url("../icons.new/clock.png") !important;
}

.CalEditIcon,
.x-grid-row-selected .CaleditIcon {
  width            : 16px;
  background-image : url("../icons.new/new/calendar-edit.png") !important;
}
.x-grid-row .x-grid-cell.sto-red {
    font-size: 2em;
    color: darkslategray!important;

}
.sto-gridicon {
     display:table;
    margin:0 auto;
}
.sto-steelblue {
    color: steelblue !important;
}

.sto-skyblue {
    color: skyblue !important;
   margin-right: 10px !important;
}
.sto-red {
    font-size: 2em;
    color: green!important;
    display:table;
    margin:0 auto;
}
.sto-wt_icon {
    font-size: 2em;
    color: skyblue!important;
    display:table;
    margin:0 auto;
}

.x-grid-row .x-grid-cell.sto-green {
    font-size: 2em;
    color: darkslategray !important;
}
.x-tree-node-icon {
display: none;
}
.sto-lastin {
    font-size: 1em;
   padding-bottom: 10px;
   margin-bottom: 10px;
    font-style: italic;
    color: darkgray !important;
}
.GroupCalIcon,
.x-grid-row-selected .GroupCalIcon {
  width            : 16px;
  background-image : url("../icons.new/new/groupcalendar.png") !important;
}

.GroupCalIconAdd,
.x-grid-row-selected .GroupCalIconAdd {
  width            : 16px;
  background-image : url("../icons.new/new/groupcalendaradd.png") !important;
}

.GroupCalIconRemove {
  width            : 16px;
  background-image : url("../icons.new/new/groupcalendardel.png") !important;
}

.CredIcon,
.x-grid-row-selected .CredIcon {
  width            : 16px;
  background-image : url("../icons.new/new/key.png") !important;
}

.PassIcon,
.x-grid-row-selected .PassIcon {
  width            : 16px;
  background-image : url("../icons.new/new/keys.png") !important;
}

.DeptIcon,
.x-grid-row-selected .DeptIcon {
  width            : 16px;
  background-image : url("../icons.new/new/departments.png") !important;
}

.EmpIcon,
.x-grid-row-selected .EmpIcon {
  width            : 16px;
  background-image : url("../icons.new/new/male.png") !important;
}

.MaleIcon,
.x-grid-row-selected .MaleIcon {
  width            : 16px;
  background-image : url("../icons.new/new/male.png") !important;
}

.MaleAdminIcon,
.x-grid-row-selected .MaleAdminIcon {
  width            : 16px;
  background-image : url("../icons.new/new/male-admin.png") !important;
}

.FemaleIcon,
.x-grid-row-selected .FemaleIcon {
  width            : 16px;
  background-image : url("../icons.new/new/female.png") !important;
}

.FemaleAdminIcon,
.x-grid-row-selected .FemaleAdminIcon {
  width            : 16px;
  background-image : url("../icons.new/new/female-admin.png") !important;
}

.EmpInfoIcon,
.x-grid-row-selected .EmpInfoIcon {
  width            : 16px;
  background-image : url("../icons.new/new/user-info.png") !important;
}

.FYIIcon,
.x-grid-row-selected .FYIIcon {
  width            : 16px;
  background-image : url("../icons.new/new/bargraph.png") !important;
}

.HistoryIcon,
.x-grid-row-selected .HistoryIcon {
  width            : 16px;
  background-image : url("../icons.new/new/audit.png") !important;
}

.LeaveReqIcon,
.x-grid-row-selected .LeaveReqIcon {
  width            : 16px;
  background-image : url("../icons.new/new/leave-request.png") !important;
}

.LeaveReqAppIcon,
.x-grid-row-selected .LeaveReqAppIcon {
  width            : 16px;
  background-image : url("../icons.new/new/leaveReqApp.png") !important;
}

.LeaveReqDenyIcon {
  width            : 16px;
  background-image : url("../icons.new/new/calendar-exclamation.png") !important;
}

.NoteIcon,
.x-grid-row-selected .NoteIcon {
  width            : 16px;
  background-image : url("../icons.new/new/motd.png") !important;
}

.NoNoteIcon {
  width            : 16px;
  background-image : url("../icons/no-note.png") !important;
}

.EditNoteIcon {
  width            : 16px;
  background-image : url("../icons.new/new/edit-note.png") !important;
}

.EditNewNoteIcon {
  width            : 16px;
  background-image : url("../icons.new/new/edit-note.png") !important;
}

.WarningIcon {
  width            : 16px;
  background-image : url("../icons.new/new/important.png") !important;
}

.a-user {
  width            : 16px;
  background-image : url("../icons.new/new/a-user.png") !important;
}

.a-report {
  display          : inline-block;
  width            : 16px;
  background-image : url("../icons.new/new/a-report.png") !important;
  vertical-align   : middle;
}

.a-group {
  width            : 16px;
  background-image : url("../icons.new/new/a-group.png") !important;
}

.a-gear {
  width            : 16px;
  background-image : url("../icons.new/new/a-gear.png") !important;
}

.a-calendar {
  display          : inline-block;
  width            : 16px;
  background-image : url("../icons.new/new/a-calendar.png") !important;
  vertical-align   : middle;
}

.fontSize11 {
  font-size : 11px !important;
}

.fontSize10 {
  font-size : 10px !important;
}

.today {
  margin-left       : 10px;
  padding-right     : 95px;
  padding-bottom    : 20px;
  background-image  : url("../images.new/today.png") !important;
  background-repeat : no-repeat;
  cursor            : pointer;
}

.recmodedays {
  margin-left       : 10px;
  padding-right     : 45px;
  padding-bottom    : 20px;
  background-image  : url("../icons.new/new/daysmode.png") !important;
  background-repeat : no-repeat;
  /* cursor:pointer; */
}

.cursorclear {
  width            : 45px;
  background-image : url("../icons.new/new/cursor.png") !important;
}

.recmodehours {
  margin-left       : 10px;
  padding-right     : 45px;
  padding-bottom    : 20px;
  background-image  : url("../icons.new/new/hoursmode.png") !important;
  background-repeat : no-repeat;
  /* cursor:pointer; */
}

.rightView {
  float             : right;
  margin-right      : 5px;
  padding-top       : 7px;
  padding-right     : 20px;
  padding-bottom    : 15px;
  background-image  : url("../images.new/right.png") !important;
  background-repeat : no-repeat;
  cursor            : pointer;
}

.fc-header td {
  white-space : normal;
}

.ui-datepicker-trigger {
  cursor : pointer;
}

.ui-datepicker-header {
  cursor : default;
}

.ui-datepicker-calendar {
  cursor : default;
}

.leftView {
  float             : left;
  padding-top       : 7px;
  padding-right     : 15px;
  padding-bottom    : 15px;
  background-image  : url("../images.new/left.png") !important;
  background-repeat : no-repeat;
  cursor            : pointer;
}

.higher-zindex {
  z-index : 10000000 !important;
}

#menu {
  z-index          : 10000001 !important;
  display          : none;
  position         : absolute;
  border           : 0px solid #C0C0C0;
  background-color : #FFF;
}

#menu div {
  padding   : 6px;
  font-size : 14px;
  cursor    : pointer;
}

#menu div:hover {
  background-color : #ECECEC;
}

#menu2 {
  z-index          : 10000001 !important;
  display          : none;
  position         : absolute;
  border           : 0px solid #C0C0C0;
  background-color : #FFF;
}

#menu2 div {
  padding   : 8px;
  font-size : 14px;
  cursor    : pointer;
}

#menu2 div:hover {
  background-color : #ECECEC;
}

#menu3 {
  z-index          : 10000001 !important;
  display          : none;
  position         : absolute;
  border           : 0px solid #C0C0C0;
  background-color : #FFF;
}

#menu3 div {
  padding   : 6px;
  font-size : 14px;
  cursor    : pointer;
}

#menu3 div:hover {
  background-color : #ECECEC;
}

.preview {
  z-index          : 10000000 !important;
  padding          : 0 !important;
  border           : none !important;
  background-color : transparent !important;
}

.tester:hover {
  border-color : yellow !important;
}

.tester {
  border : solid 0px #000 !important;
}

.tester {
  zoom                  : 0.25;
  color                 : #04408C;
  font-family           : tahoma,
                          arial,
                          verdana,
                          sans-serif;
  font-size             : 11px;
  font-weight           : bold;
  line-height           : 17px;
  -moz-transform        : scale(.25);
  -o-transform          : scale(.25);
  -moz-transform-origin : 0 0;
  -o-transform-origin   : 0 0;
  /* Firefox */
  /* Opera */
}

.tester .x-panel-header-text {
  white-space      : nowrap;
  -moz-user-select : -moz-none;
  cursor           : default;
}

.tester .x-border-box,
.x-border-box * {
  -moz-box-sizing : border-box;
}

/**
 * ajw styles
 *
 * GLOBAL
 */

body.x-body {
  background-color : #027B9F;
}

.x-window-header-default,
.x-window-header-group {
  border-color     : #49B1D1;
  background-image : none;
  background-color : #49B1D1;
}

.x-window-default {
  border           : none !important;
  border-radius    : 0px;
  background-color : #49B1D1;
  padding: 4px 0px 0px 0px;
  
}

.x-window-body-default {
  border     :0px solid #49B1D1;
  background : #49B1D1;
}

.x-panel-header-default {
  background-image : none;
  background-color : #027B9F;
}
.accordion .x-panel-header-default {
    background-image : none;
  background-color :  #68dafd !important;
}

.x-panel-header-default.x-docked-top {
  border          : none !important;
  border-collapse : collapse;
  background      : #027B9F;
  font-weight     : bold;
}

.x-panel-header-default.x-docked-top .x-panel-header-text-default {
  color       : #fff;
  font-size   : 13px;
  font-weight : normal;
}

/* grid colors */

.x-grid-header-ct,
.x-panel-body-default,
.x-panel-header-default,
.x-panel .x-grid-body {
  border-color : #8DCEE2 !important;
}

/* GLOBAL BUTTONS */

.sti-menu-bottom-bar .x-btn-default-small.x-icon.x-btn-icon.x-btn-default-small-icon,
.x-window-item .x-btn-default-small.x-icon.x-btn-icon.x-btn-default-small-icon {
  border           : 0;
  background       : transparent;
  background-image : none;
}

.x-btn-default-small.x-btn-icon {
  border           : 0;
  background-image : none;
  background-color : transparent;
}

.x-btn {
  background-image : none;
}

.x-btn-default-large {
  border : 0;
}

/* GLOBAL TABS */

.x-tab-bar {
  background : #fff;
}

.x-tab-bar .x-tab-default {
  background : #027B9F;
}

.x-tab-bar .x-tab-active {
  background : #6BBFD9;
}

.x-tab-bar .x-tab-active button,
.x-tab-bar .x-tab-default button {
  color       : #fff;
  font-size   : 12px;
  font-weight : normal;
}

.x-tab-bar .x-tab-default-bottom,
.x-tab-bar .x-tab-default-top {
  box-shadow : #fff 0 0 0 0;
}

.x-tab-bar-body-bottom.x-tab-bar-body-default-plain-horizontal .x-tab-default {
  -webkit-border-bottom-right-radius : 0px;
  -webkit-border-bottom-left-radius  : 0px;
}

.x-tab-bar-body-top.x-tab-bar-body-default-plain-horizontal .x-tab-default {
  -webkit-border-top-left-radius  : 0px;
  -webkit-border-top-right-radius : 0px;
}

/* GLOBAL FORM ELEMENTS */

.x-form-radio {
  width               : 15px;
  height              : 15px;
  background          : url("../images.new/radiobg.png") no-repeat !important;
  background-position : 0 0;
  vertical-align      : middle;
}

.x-form-checkbox {
  width               : 15px;
  height              : 15px;
  background          : url("../images.new/checkbox.png") no-repeat !important;
  background-position : 0 0;
  vertical-align      : middle;
}

.x-form-cb-checked .x-form-checkbox,
.x-form-cb-checked .x-form-radio {
  background-position : -15px -15px !important;
}


/*TKO Interface Objects*/
.TKOUI .x-border-layout-ct {
  background-color : #33D65F;
}

.TKOUI .x-window-header {
     background-color : #33D65F !important;
}
.TKOUI .x-window-body-default {
    background-color : #33D65F !important;
}


.x-window-default.TKOUI{
      background-color : #33D65F !important;
 }

.TKOUI .x-panel-header {
     background-color : #33D65F !important;
}




.x-panel-default.TKOUI{
      background-color : #33D65F !important;
 }
/* MAIN INTERFACE */

.x-border-layout-ct {
  background-color : #027B9F;
}

.x-window-header-text {
  color       : #fff;
  font-size   : 13px;
  font-weight : normal;
}

#mainheader,
#mainheader .x-panel-body-default,
#windowDock-body {
  background : #027B9F;
}

/* Top menu buttons */

#STIMainMenu .STIMainMenuButton {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  border: 0px !important;
  background-color: #027B9F;
  background-image: none;  }

 #STIMainMenu .STIMainMenuButton:hover, #STIMainMenu .STIMainMenuButton.x-btn-pressed  {
	background-color:#0186AE;
    border: 0px !important;	}

 #STIMainMenu .STIMainMenuButton .x-btn-inner {
	text-transform: uppercase;
	font: bold 12px/16px Montserrat;
  color: #fff;	}

 /* -----------------In/Out Button---------------*/
 

 

 #TKOMainMenu .TKOMainMenuButton:hover, #TKOMainMenu .TKOMainMenuButton.x-btn-pressed  .TKOOutStatus{
	background-color:#E84173;
    border: 0px !important;	}

 #TKOMainMenu .TKOMainMenuButton {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  border: 0px !important;
  background-color: #33D65F;
  background-image: none;  }

 #TKOMainMenu .TKOMainMenuButton:hover, #TKOMainMenu .TKOMainMenuButton.x-btn-pressed  .TKOInStatus{
	background-color:#41E86E;
    border: 0px !important;	}

 #TKOMainMenu .TKOMainMenuButton .x-btn-inner {
	text-transform: uppercase;
	font: bold 12px/16px Montserrat;
  color: #fff;	}

 #TKOMainMenu .TKOOutStatus{
    background-color: #D4154E !important;
 }

 #TKOMainMenu .TKOInStatus{
      background-color: #33D65F !important;
 }

/* EMPLOYEE PANE====================================================== */

.sti-left-menu.x-grid-cell {
  font-size : 13px;
}

.sti-menu-panel div.x-box-inner {
  background : #0092BF;
}

.sti-menu-panel .x-form-item-body.x-form-checkboxgroup-body {
  height : 30px !important;
}

.sti-menu-panel .x-form-item {
  color       : #fff;
  text-shadow : white 0 0 0;
  font-size   : 13px;
}

.x-tree-arrows .x-tree-elbow-end-minus,
.x-tree-arrows .x-tree-elbow-end-plus,
.x-tree-arrows .x-tree-elbow-minus,
.x-tree-arrows .x-tree-elbow-plus {
  background-image : url("../images.new/arrows2.png") !important;
}

/* Employee Tree====================================================== */

/* ajw: fixing the tree icons and setting highlight color */

/*.x-grid-cell-inner .x-tree-icon {
  width               : 16px;
  height              : 18px;
  background-repeat   : no-repeat;
  background-position : center center !important;
}
*/
.x-grid-cell {
    vertical-align: bottom;
}
.x-grid-row-selected .sti-left-menu.x-grid-cell {
  background : #DFE8F6 !important;
}

/**
 * ajw: Fixing the little add / delete employee buttons and the small text to
 * the left
 */

.sti-menu-bottom-bar {
  color      : #fff;
  background : #0092BF;
}

.sti-menu-bottom-bar button.x-btn-center,
.sti-menu-bottom-bar button.x-btn-center span {
  height       : 19px !important;
  margin-right : 2px !important;
}

.sti-menu-panel .sti-menu-bottom-bar .x-box-inner {
  background : transparent;
}

#container-1121 {
  padding : 3px 0 0 3px;
}

#container-1128 {
  padding-right : 3px;
}

/**
 * BOTTOM WINDOW DOCKk======================================================
 * ajw: styling minimized windows
 */

#windowDock .x-docked {
  background-image : none;
}

#windowDock .x-btn-default-small .x-btn-inner {
  color : #fff;
}

#windowDock .x-component.x-panel-header-text-container {
  color : #fff;
}

#windowDock .x-panel-header-text {
  color       : white;
  font-family : helvetica,
                arial,
                verdana,
                sans-serif;
  font-size   : 11px;
  line-height : 16px;
}

#windowDock .x-panel-header {
  padding          : 5px;
  background-color : #0092BF;
}

#windowDock .x-panel.x-panel-default {
  border : 0px solid #5DCBED !important;
  /* #4C9EBD */
}

/* clear/cursor icons */

#windowDock .x-btn-default-large,
#windowDock .x-btn-default-small {
  border           : 0;
  background-image : none;
  background-color : #027B9F;
}

/* Absence category tree ====================================================== */

.sti-day-percentage {
  background : #0092BF;
}

.sti-day-percentage label {
  color       : #fff;
  text-shadow : 0 0 0;
}

.udc-tree .x-grid-cell-inner {
  padding : 2px 0;
}

.udc-tree .x-grid-cell-inner img.x-tree-icon {
  margin-right   : 8px;
  vertical-align : middle;
}

.img-circle {
    border-radius: 50%;
}
.udc-tree .x-grid-cell-inner .x-tree-icon {
  width  : 45px;
  height : 45px;
}

.udc-tree .x-panel-body-default {
  border-width : 0 !important;
}

/* ADMIN WINDOWS == Departments */

.x-panel .x-toolbar.x-docked.x-toolbar-default.x-docked-top.x-toolbar-docked-top.x-toolbar-default-docked-top.x-box-layout-ct {
  padding-bottom : 0px;
  background     : #027B9F;
}

.x-panel .x-toolbar .x-toolbar-text {
  color     : #fff !important;
  font-size : 15px;
}

.x-panel .x-grid-table {
  border-collapse : collapse;
}

.x-grid-with-row-lines .x-grid-cell {
  border-width    : 0px;
  border-collapse : collapse;
}

.x-grid-row .x-grid-cell {
  border-color : #8DCEE2;
}

/* For the transition from Neptune to the classic theme */

#Main-body,
#windowDock .x-panel-body-default,
#windowDock .x-panel-default,
#windowDock .x-panel-header-default,
#workArea-body,
.sti-udc-tree .x-panel-body-default,
.x-window-header-body {
  border : 0 !important;
}

.x-panel-header-default,
.x-window-header-default-top {
  box-shadow : none !important;
}

#windowDock .x-panel-body-default {
  background-color : #027B9F;
}

/* FIXING TOOLBAR BUTTONS */

.x-tool img {
  width            : 16px !important;
  height           : 16px !important;
  margin           : 0;
  opacity          : 0.8;
  overflow         : hidden;
  background-image : url("../images.new/tool-sprites-neptune.png");
}

.x-tool {
  top         : 0 !important;
  width       : 16px !important;
  height      : 16px !important;
  margin-left : -1px !important;
}

.x-window-header-body-default-horizontal .x-tool {
  margin-left : 0 !important;
}

.x-tool-over img {
  opacity : 0.4;
  filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

.x-tool-pressed img {
  opacity : 1;
  filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.x-tool-placeholder {
  visibility : hidden;
}

.x-tool-close {
  background-position : 0 0 !important;
}

.x-tool-minimize {
  background-position : 0 -16px !important;
}

.x-tool-maximize {
  background-position : 0 -32px !important;
}

.x-tool-restore {
  background-position : 0 -48px !important;
}

.x-tool-toggle {
  background-position : 0 -64px !important;
}

.x-panel-collapsed .x-tool-toggle {
  background-position : 0 -80px !important;
}

.x-tool-gear {
  background-position : 0 -96px !important;
}

.x-tool-prev {
  background-position : 0 -112px !important;
}

.x-tool-next {
  background-position : 0 -128px !important;
}

.x-tool-pin {
  background-position : 0 -144px !important;
}

.x-tool-unpin {
  background-position : 0 -160px !important;
}

.x-tool-right {
  background-position : 0 -176px !important;
}

.x-tool-left {
  background-position : 0 -192px !important;
}

.x-tool-down {
  background-position : 0 -208px !important;
}

.x-tool-up {
  background-position : 0 -224px !important;
}

.x-tool-refresh {
  background-position : 0 -240px !important;
}

.x-tool-plus {
  background-position : 0 -256px !important;
}

.x-tool-minus {
  background-position : 0 -272px !important;
}

.x-tool-search {
  background-position : 0 -288px !important;
}

.x-tool-save {
  background-position : 0 -304px !important;
}

.x-tool-help {
  background-position : 0 -320px !important;
}

.x-tool-print {
  background-position : 0 -336px !important;
}

.x-tool-expand {
  background-position : 0 -352px !important;
}

.x-tool-collapse {
  background-position : 0 -368px !important;
}

.x-tool-resize {
  background-position : 0 -384px !important;
}

.x-tool-move {
  background-position : 0 -400px !important;
}

.x-tool-collapse-bottom,
.x-tool-expand-bottom {
  background-position : 0 -208px !important;
}

.x-tool-collapse-top,
.x-tool-expand-top {
  background-position : 0 -224px !important;
}

.x-tool-collapse-left,
.x-tool-expand-left {
  background-position : 0 -192px !important;
}

.x-tool-collapse-right,
.x-tool-expand-right {
  background-position : 0 -176px !important;
}

.x-window-header-body .x-tool.x-box-item.x-tool-default {
  margin-right : 2px;
}

/* Leave Request Panel */

.leave-request-panel .x-form-display-field,
.leave-request-panel .x-panel-body-default p span {
  color : #fff;
}

.leave-request-panel .EditNewNoteIcon,
.leave-request-panel .NoNoteIcon {
  background-image : url("../icons.new/new/motd.png") !important;
}

.accordionPanel .x-accordion-hd {
  background-color : #49B1D1;
}

.accordion-panel .panel-heading {
  background-color: blue;
  color: #fff;
}
.accordionPanel .x-accordion-heading {
    color: #49B1D1;
    font-family: Arial, Sans-serif;
    font-size: 16px;
    background-color: #49B1D1;
}
  
.accordionPanel .x-panel-header-text {
    color: #49B1D1;
}

.accordionPanel .x-panel-header {
  background-color : #49B1D1;
}

.accordionPanel .x-tab-bar {
  background-color : #49B1D1;
}

.accordionPanel .x-tab-bar .x-tab-default {
  background-color : #49B1D1;
}

.accordionPanel .x-tab-bar .x-tab-active {
  background-color : #49B1D1;
}

/* Super Admin Panel */

.super-admin-tab-panel .x-tab-bar {
  background : #027B9F;
}

.super-admin-tab-panel .x-accordion-hd {
	background: red !important;
}
.super-admin-tab-panel .x-tab-bar .x-tab-default {
  border     : 0;
  background : #027B9F;
}

.super-admin-tab-panel .x-tab-bar .x-tab-active {
  border     : 0;
  background : #44b9dc;
}

.super-admin-tab-panel .x-tab-bar button {
  letter-spacing : 0.05em !important;
}

.super-admin-tab-panel .x-tab-inner {
  text-overflow : initial !important;
}

.super-admin-tab-panel .x-tab-bar-body-top.x-tab-bar-body-default-plain-horizontal .x-tab-default {
  border        : 0;
  border-radius : 0;
}

/* leave request wizard */

.wizard-tool-tip {
  border-color  : #fff;
  border-radius : 0px;
  background    : #ffa637;
}

.wizard-tool-tip .x-tool.x-box-item {
  margin-left : -4px !important;
}

.wizard-tool-tip .x-tip-header-text {
  color     : #fff;
  font-size : 14px;
}

.wizard-tool-tip .x-tip-body {
  color     : #fff;
  font-size : 16px;
}

.wizard-tool-tip .lr-wizard-tip-text-no-btn {
  padding : 0 10px 20px;
}

.wizard-tool-tip .x-tip-anchor {
  border-color : #ffa637;
}

.wizard-tool-tip .x-tip-anchor-left {
  border-top-color    : transparent;
  border-bottom-color : transparent;
  border-left-color   : transparent;
}

.wizard-tool-tip .x-tip-anchor-right {
  border-top-color    : transparent;
  border-right-color  : transparent;
  border-bottom-color : transparent;
}

.wizard-tool-tip .x-tip-anchor-top {
  border-top-color   : transparent;
  border-right-color : transparent;
  border-left-color  : transparent;
}

.wizard-tool-tip .x-tip-anchor-bottom {
  border-right-color  : transparent;
  border-bottom-color : transparent;
  border-left-color   : transparent;
}

.leaveRequestWizardTipButton {
  display               : inline-block;
  padding               : 4px 16px;
  color                 : #666666;
  border                : 0px solid #dcdcdc;
  -moz-border-radius    : 0px;
  -webkit-border-radius : 0px;
  border-radius         : 0px;
  background            : -moz-linear-gradient(
                            top,
                            #ffffff 5%,
                            #f6f6f6 100%
                          );
  background            : -ms-linear-gradient(
                            top,
                            #ffffff 5%,
                            #f6f6f6 100%
                          );
  background            : -o-linear-gradient(
                            top,
                            #ffffff 5%,
                            #f6f6f6 100%
                          );
  background            : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background            : -webkit-linear-gradient(
                            top,
                            #ffffff 5%,
                            #f6f6f6 100%
                          );
  background            : linear-gradient(
                            to bottom,
                            #ffffff 5%,
                            #f6f6f6 100%
                          );
  background-color      : #ffffff;
  filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffff', endColorstr='#f6f6f6', GradientType=0);
  -moz-box-shadow       : inset 0 1px 0 0 #ffffff;
  -webkit-box-shadow    : inset 0 1px 0 0 #ffffff;
  box-shadow            : inset 0 1px 0 0 #ffffff;
  text-decoration       : none;
  text-shadow           : 0 1px 0 #ffffff;
  font-family           : Arial;
  font-size             : 12px;
  font-weight           : bold;
  cursor                : pointer;
}

.leaveRequestWizardTipButton:hover {
  background       : -moz-linear-gradient(
                       top,
                       #f6f6f6 5%,
                       #ffffff 100%
                     );
  background       : -ms-linear-gradient(
                       top,
                       #f6f6f6 5%,
                       #ffffff 100%
                     );
  background       : -o-linear-gradient(
                       top,
                       #f6f6f6 5%,
                       #ffffff 100%
                     );
  background       : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  background       : -webkit-linear-gradient(
                       top,
                       #f6f6f6 5%,
                       #ffffff 100%
                     );
  background       : linear-gradient(
                       to bottom,
                       #f6f6f6 5%,
                       #ffffff 100%
                     );
  background-color : #f6f6f6;
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr= '#f6f6f6', endColorstr='#ffffff', GradientType=0);
}

.leaveRequestWizardTipButton:active {
  position : relative;
  top      : 1px;
}

.leave-request-wizard-checkbox .x-form-checkbox.x-form-field {
  float : right;
}

.leave-request-wizard-checkbox .x-form-cb-label.x-form-cb-label-after {
  float        : right;
  margin-right : 3px;
}

/* Supervisor Dashboard */

.x-panel-ghost {
  z-index : 1;
}

.x-portal-body {
  padding : 0 0 0 8px;
}

.x-portal .x-portal-column {
  padding : 8px 8px 0 0;
}

.x-portal .x-panel-dd-spacer {
  margin-bottom      : 10px;
  border             : 0px dashed #99bbe8;
  -moz-border-radius : 0px;
  border-radius      : 0px;
  background         : #f6f6f6;
}

.x-portlet {
  margin-bottom : 10px;
  padding       : 0;
  border        : none;
}

.x-portlet .x-panel-body {
  background : #fff;
}

.portlet-content {
  padding   : 10px;
  font-size : 11px;
}

#winSupervisorDashboard {
  background : #0092BF;
}

#winSupervisorDashboard_header {
  background : #0092BF;
}

#winSupervisorDashboard-body {
  border     : 0px solid #0092BF;
  background : #0092BF;
}

#supervisor-dashboard-portal-body {
  border     : 0px solid #0092BF !important;
  background : #0092BF;
}

.linkColumn {
  cursor : pointer;
}

/*Week Picker*/
table.x-datepicker-inner .x-datepicker-week-selected a {
    background: repeat-x left top;
    background-color: #dae5f3;
    border: none !important;
}
td.x-datepicker-week-selected  {
    border:none !important;
    height: 17px;
    border-color: white;
    text-align: right;
    padding: 0;
}

/*WorkTime Colors for grid*/
.wt-unsubmitted .x-grid-cell { 
    background-color: #ffffff; 
   
} 
.wt-submitted .x-grid-cell { 
    background-color: #ffffb3; 
   
} 
.wt-denied .x-grid-cell { 
    background-color: #ff9999; 
   
} 
.wt-approved .x-grid-cell { 
    background-color: #b3ffb3; 
   
} 
.wt-absence .x-grid-cell { 
    background-color: #b3e0ff; 
   
} 
.wt-deduction .x-grid-cell {
    background-color: #ffcccc;
}
/* word wrap*/
.y-grid-cell-inner .x-grid-cell-inner {
    white-space: normal; /* changed from nowrap */
}