.mixin-active {
  outline: none;
  border-color: #0072cf;
}
.mixin-focus {
  outline: none;
  border-color: #333333;
}
.mixin-disabled {
  opacity: 0.5;
}
.mixin-hover {
  border: 1px solid #333333;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.displayInlineBlock {
  display: inline-block !important;
}
.verticalMiddle {
  vertical-align: middle;
}
.noLeftPadding {
  padding-left: 0 !important;
}
.noRightPadding {
  padding-right: 0 !important;
}
.tag-mixin {
  padding: 5px;
  font-weight: bold;
  font-size: 9px;
  max-width: 30vw;
  text-align: center;
  text-transform: uppercase;
  background: #ff9600;
  border-radius: 3px;
  color: white;
  -webkit-font-smoothing: antialiased;
}
.date-range-mixin {
  display: flex;
  margin-top: 5px;
  padding-left: 5px;
}
.date-range-mixin .small-title {
  color: black;
  font-size: 12px;
}
.date-range-mixin .start-date-container {
  margin-right: 10px;
}
.date-range-mixin .end-date-container {
  margin-right: 10px;
  margin-left: 10px;
}
.date-range-mixin .from,
.date-range-mixin .to {
  color: #222;
  font-weight: bold;
  display: inline;
}
.date-range-mixin .start-time-container {
  margin-left: 10px;
  margin-right: 10px;
}
.date-range-mixin .end-time-container {
  margin-left: 10px;
}
.date-range-mixin .from,
.date-range-mixin .to {
  color: #222;
  font-weight: bold;
  display: inline;
}
.title-mixin {
  font-weight: 600;
  font-size: 1.2em;
  padding-left: 5px;
  max-width: 70vw;
}
.range {
  color: #222;
  font-weight: bold;
  display: inline;
}
.absense-container-mixin {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 10px;
  padding: 5px;
  position: relative;
}
.absense-container-mixin .Name {
  font-weight: 600;
  font-size: 1.2em;
  padding-left: 5px;
  max-width: 70vw;
}
.absense-container-mixin .fromToDates {
  display: flex;
  margin-top: 5px;
  padding-left: 5px;
}
.absense-container-mixin .fromToDates .small-title {
  color: black;
  font-size: 12px;
}
.absense-container-mixin .fromToDates .start-date-container {
  margin-right: 10px;
}
.absense-container-mixin .fromToDates .end-date-container {
  margin-right: 10px;
  margin-left: 10px;
}
.absense-container-mixin .fromToDates .from,
.absense-container-mixin .fromToDates .to {
  color: #222;
  font-weight: bold;
  display: inline;
}
.absense-container-mixin .fromToDates .start-time-container {
  margin-left: 10px;
  margin-right: 10px;
}
.absense-container-mixin .fromToDates .end-time-container {
  margin-left: 10px;
}
.absense-container-mixin .fromToDates .from,
.absense-container-mixin .fromToDates .to {
  color: #222;
  font-weight: bold;
  display: inline;
}
.notice-bubble {
  margin: 0;
  padding: 10px;
  border-radius: 3px;
  display: block;
  margin: 10px;
}
.warning {
  background-color: #ffc0cb;
  color: #D11D1D;
}
.warning:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f057";
  margin-right: 1em;
}
.statInfo {
  background-color: #fbf5a5;
  color: #e39f48;
}
.statInfo:before {
  content: url('../Images/stat-icon-16-16.png');
  position: relative;
  margin-right: 1em;
}
.list-item-header-col.statInfo-summary span {
  background-color: #c3ddf4;
  color: #338ad4;
  border-radius: 3px;
  overflow-wrap: break-word;
  font-size: 0.75em;
  line-height: 12px;
  padding: 2px 10px;
}
.scheduledAbsenceInfo {
  background-color: #fbf5a5;
  color: #e39f48;
}
.scheduledAbsenceInfo:before {
  content: url('../Images/absence-icon-16-16.png');
  position: relative;
  margin-right: 1em;
}
.extraTimeInfo {
  background-color: #63B028;
  color: white;
}
.extraTimeInfo:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f05d";
  margin-right: 1em;
}
.scheduledAbsenceInfo-summary span {
  padding: 5px 10px;
  background-color: #fbf5a5;
  color: #e39f48;
  border-radius: 3px;
  width: 20em;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.timesheet-error {
  background-color: #fbf5a5;
  color: #e39f48;
}
.timesheet-error:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f057";
  margin-right: 1em;
  color: #D11D1D;
}
.confirmation {
  background: #F0FFF0;
  color: #3D9140;
}
.confirmation .Description:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f058";
  -webkit-font-smoothing: antialiased;
  margin-right: 1em;
}
.warning-yellow {
  background: #fbf5a5;
  color: #e39f48;
}
.warning-yellow:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f071";
  margin-right: 1em;
}
.pill-button-mixin {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  border-radius: 30px;
  color: white;
  padding: 2px 10px;
  background: #2a6496;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.pill-button-mixin .page-title {
  color: white;
  font-size: 10px;
}
.pill-button-mixin img {
  height: 1em;
  margin-left: 5px;
}
.pill-button-mixin:active {
  background: #ffd800;
}
.hide-section-header .SectionHeader {
  display: none;
}
.col,
.col-2,
.col-3,
.col-4,
.col-5,
col-6 {
  float: left;
  padding: 15px;
}
.col-2 {
  width: 50%;
}
.col-3 {
  width: 33.33333333%;
}
.col-4 {
  width: 25%;
}
.col-5 {
  width: 20%;
}
.col-6 {
  width: 16.66666667%;
}
.row {
  position: relative;
  padding: 0 5px;
  zoom: 1;
}
.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.row.small-padding .col,
.row.small-padding .col-2,
.row.small-padding .col-3,
.row.small-padding .col-4,
.row.small-padding .col-5,
.row.small-padding col-6 {
  padding: 5px;
}
.row.border-bottom {
  border-bottom: 1px solid #eeeeee;
}
.row-no-side-padding > div:first-child {
  padding-left: 0;
}
.row-no-side-padding > div:last-child {
  padding-right: 0;
}
.old-header {
  display: none;
}
.content {
  padding: 10px 20px;
}
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper.toggled {
  padding-left: 250px;
}
#sidebar-wrapper {
  top: 0;
  padding-top: 45px;
  z-index: 5000;
  position: fixed;
  width: 250px;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  overflow-y: visible;
  background-color: #222222;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-top: 1px solid #aab300;
}
#sidebar-wrapper .RadMenu_Bootstrap {
  border: 0;
}
#sidebar-wrapper ul {
  border: 0;
  padding: 4px 8px !important;
  background-color: #222222 !important;
}
#sidebar-wrapper ul ul .rmLink {
  min-width: 284px !important;
}
#sidebar-wrapper ul .rmExpandRight {
  padding-right: 0px !important;
  background: none;
  display: block;
}
#sidebar-wrapper ul .rmExpandRight:after {
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url('../Images/sy_icons-04-black.png');
  float: left;
  position: relative;
  background-position: -186px -23px;
  background-image: url('../Images/sy_icons-04-gray.png');
  right: 5px;
  top: 9px;
  position: absolute;
  border-left: 0 !important;
}
#sidebar-wrapper ul .rmExpandRight:hover:before {
  background-image: url('../Images/sy_icons-04-black.png');
}
#sidebar-wrapper ul ul {
  border-left: 1px solid #aab300 !important;
  z-index: 5555;
}
#sidebar-wrapper ul ul ul {
  z-index: 5556;
}
#sidebar-wrapper ul ul ul ul {
  z-index: 5557;
}
#sidebar-wrapper ul .rmLink {
  background-color: #222222 !important;
  padding: 4px 6px;
  border: 1px solid transparent;
  color: #ddd;
  font-size: 14px;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -ms-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
}
#sidebar-wrapper ul .rmLink.rmSelected {
  background-color: #929a00 !important;
}
#sidebar-wrapper ul .rmLink:hover {
  color: #333;
  background-color: #aab300 !important;
}
#sidebar-wrapper ul .rmSeparator {
  background-color: #555 !important;
}
#sidebar-wrapper ul .rmSeparator .rmText {
  height: 0 !important;
  border-width: 0;
}
#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}
#page-content-wrapper {
  width: 100%;
  position: relative;
}
#wrapper.toggled #page-content-wrapper {
  position: relative;
  margin-right: -250px;
}
/* Sidebar */
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}
.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
  color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}
/* menu, jquery ui menu*/
.ui-menu {
  width: 100% !important;
  background: none;
  border: 0;
}
.ui-menu .ui-state-focus {
  border: 0;
  padding: inherit;
  font-weight: inherit;
}
.ui-menu .ui-state-active {
  border: 0;
  padding: inherit;
  font-weight: inherit;
}
.ui-menu .ui-menu-item,
.ui-menu a {
  padding: 10px 16px;
  font-size: 16x;
  color: #cccccc;
  background: #000;
}
.ui-menu li.ui-widget-content {
  border-color: #333333;
}
/*tabs*/
.tabs-default {
  border-bottom: 1px solid #ddd !important;
}
.tabs-default ul {
  width: 100%;
}
.tabs-default .rtsLink {
  padding: 10px 15px !important;
  border-radius: initial;
  color: #333333;
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 3px !important;
}
.tabs-default .rtsLink span {
  color: #333333;
}
.tabs-default .rtsLink:hover {
  background-color: inherit !important;
  border-color: #0072cf !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.tabs-default .rtsTxt {
  font-size: 12px;
}
.tabs-default .rtsUL a {
  height: initial;
}
.tabs-selected {
  border-bottom: 3px solid #0072cf !important;
  color: #0072cf !important;
  padding: 10px 15px !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.tabs-selected span {
  color: #0072cf !important;
}
.tabs-table-default {
  border-bottom: 1px solid #ddd !important;
  padding: 10px 0;
  /*ul {
        width:100%
    }*/
}
.tabs-table-default .Tab > a {
  padding: 10px 15px !important;
  border-radius: initial;
  color: #333333;
  text-decoration: none;
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 3px !important;
}
.tabs-table-default .Tab > a span {
  color: #333333;
}
.tabs-table-default .Tab > a:hover {
  border-style: solid;
  background-color: inherit !important;
  border-color: #0072cf !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.tabs-table-default .TabSelected span {
  border-bottom: 3px solid #0072cf !important;
  color: #0072cf !important;
  padding: 10px 15px !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.tabs-table-default .TabSelected span span {
  color: #0072cf !important;
}
.tabs-table-default #divNotifications {
  border: 0 !important;
}
.tabs-table-default .TabLastCell {
  display: none;
}
/* radio */
.fancyCheckBox {
  white-space: nowrap;
}
.fancyCheckBox .RadButton_Bootstrap:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.fancyCheckBox .RadButton_Bootstrap:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.fancyCheckBox .RadButton_Bootstrap .rbDecorated {
  margin: 0;
  color: #333333;
  border: none !important;
  vertical-align: top;
}
.fancyCheckBox .RadButton_Bootstrap.rbHovered {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fancyCheckBox .RadButton_Bootstrap + .RadButton {
  margin-left: -6px;
  border-radius: 0 2px 2px 0 !important;
}
.fancyCheckBox .RadButton_Bootstrap.rbSkinnedButtonChecked {
  border-color: #333333 !important;
  background: #eee !important;
  z-index: 10;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fancyCheckBox .RadButton_Bootstrap.rbSkinnedButtonChecked .rbDecorated {
  color: #0072cf;
  background: none !important;
}
.rtsLevel {
  border-bottom: 1px solid #ddd !important;
}
.rtsLevel ul {
  width: 100%;
}
.rtsLevel .rtsLink {
  padding: 10px 15px !important;
  border-radius: initial;
  color: #333333;
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 3px !important;
}
.rtsLevel .rtsLink span {
  color: #333333;
}
.rtsLevel .rtsLink:hover {
  background-color: inherit !important;
  border-color: #0072cf !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.rtsLevel .rtsTxt {
  font-size: 12px;
}
.rtsLevel .rtsUL a {
  height: initial;
}
.rtsLink.rtsSelected,
a.rtsLink.Labels.rtsSelected {
  border-bottom: 3px solid #0072cf !important;
  color: #0072cf !important;
  padding: 10px 15px !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.rtsLink.rtsSelected span,
a.rtsLink.Labels.rtsSelected span {
  color: #0072cf !important;
}
a.rtsLink {
  height: auto !important;
}
.btn-telerik-span {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  /* for old Konqueror browsers */
  border-color: #aaa;
}
.btn-hover {
  border: 1px solid #333;
  cursor: pointer;
}
.btn-square {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
  /* for old Konqueror browsers */
}
.btn-green,
.btn-approve {
  background-color: #63B028;
}
.btn-border-dark {
  border: 1px solid black;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.btn-reset {
  /* Reset `button` and button-style `input` default styles */
  /* Make `a` like a button */
  /* Demo */
}
.btn-reset [role="button"],
.btn-reset input[type="submit"],
.btn-reset input[type="reset"],
.btn-reset input[type="button"],
.btn-reset button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.btn-reset input[type="submit"],
.btn-reset input[type="reset"],
.btn-reset input[type="button"],
.btn-reset button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}
.btn-reset input::-moz-focus-inner,
.btn-reset button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn-reset [role="button"] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.btn-reset [role="button"],
.btn-reset input[type="submit"],
.btn-reset input[type="reset"],
.btn-reset input[type="button"],
.btn-reset button {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  height: 2.5em;
  line-height: 2.5;
  margin: 0.25em;
  padding: 0 1em;
  width: 14em;
}
.btn-default {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-image: none;
  outline: 0;
  padding: 6px 14px !important;
  background: #ffffff;
  font-size: 14px;
  border: 1px solid #ddd !important;
}
.btn {
  /* Reset `button` and button-style `input` default styles */
  /* Make `a` like a button */
  /* Demo */
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-image: none;
  outline: 0;
  padding: 6px 14px !important;
  background: #ffffff;
  font-size: 14px;
  border: 1px solid #ddd !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  /* for old Konqueror browsers */
}
.btn [role="button"],
.btn input[type="submit"],
.btn input[type="reset"],
.btn input[type="button"],
.btn button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.btn input[type="submit"],
.btn input[type="reset"],
.btn input[type="button"],
.btn button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}
.btn input::-moz-focus-inner,
.btn button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn [role="button"] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.btn [role="button"],
.btn input[type="submit"],
.btn input[type="reset"],
.btn input[type="button"],
.btn button {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  height: 2.5em;
  line-height: 2.5;
  margin: 0.25em;
  padding: 0 1em;
  width: 14em;
}
.btn:hover {
  border: 1px solid #333 !important;
  cursor: pointer !important;
}
.btn .btn .icon {
  top: 3px;
}
.btn:disabled {
  border-color: #eeeeee;
  color: #eeeeee;
}
.btn:disabled:hover {
  background-color: inherit;
  border: 1px solid inherit;
}
.btn:disabled .icon {
  background-image: url('../Images/sy_icons-04-gray.png');
}
.btn-toolbar {
  padding: 2px !important;
}
.btn-black {
  border: 1px solid #aab437;
  background-color: #000000;
  color: #aab437;
}
.btn-wrapper {
  /* Reset `button` and button-style `input` default styles */
  /* Make `a` like a button */
  /* Demo */
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-image: none;
  outline: 0;
  padding: 6px 14px !important;
  background: #ffffff;
  font-size: 14px;
  border: 1px solid #ddd !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  /* for old Konqueror browsers */
  position: relative;
  box-sizing: content-box;
  padding: 7px !important;
  line-height: 1;
  cursor: pointer;
}
.btn-wrapper [role="button"],
.btn-wrapper input[type="submit"],
.btn-wrapper input[type="reset"],
.btn-wrapper input[type="button"],
.btn-wrapper button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.btn-wrapper input[type="submit"],
.btn-wrapper input[type="reset"],
.btn-wrapper input[type="button"],
.btn-wrapper button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}
.btn-wrapper input::-moz-focus-inner,
.btn-wrapper button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn-wrapper [role="button"] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.btn-wrapper [role="button"],
.btn-wrapper input[type="submit"],
.btn-wrapper input[type="reset"],
.btn-wrapper input[type="button"],
.btn-wrapper button {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  height: 2.5em;
  line-height: 2.5;
  margin: 0.25em;
  padding: 0 1em;
  width: 14em;
}
.btn-wrapper:hover {
  border: 1px solid #333 !important;
  cursor: pointer !important;
}
.btn-wrapper .btn .icon {
  top: 3px;
}
.btn-wrapper:disabled {
  border-color: #eeeeee;
  color: #eeeeee;
}
.btn-wrapper:disabled:hover {
  background-color: inherit;
  border: 1px solid inherit;
}
.btn-wrapper:disabled .icon {
  background-image: url('../Images/sy_icons-04-gray.png');
}
.btn-wrapper.icon-none:before {
  background: none;
  height: 0;
  width: 0;
}
.btn-wrapper.icon-delete:before {
  background-position: -382px -24px;
}
.btn-wrapper.icon-cancel:before {
  background-position: -214px -44px;
}
.btn-wrapper.icon-approve:before {
  background-position: -262px -47px;
}
.btn-wrapper.icon-list-arrow:before {
  background-position: -186px -23px;
}
.btn-wrapper.icon-list:before {
  background-position: -69px -47px;
  height: 15px;
  width: 17px;
  top: 3px;
}
.btn-wrapper.icon-system:before {
  background-position: -597px -46px;
  height: 18px;
  width: 17px;
}
.btn-wrapper.icon-arrow-right:before {
  background-position: -333px -70px;
}
.btn-wrapper input {
  border: 0;
  background: none;
  outline: 0;
  width: initial !important;
  position: relative !important;
  height: auto !important;
  display: block !important;
  line-height: 1;
  cursor: pointer;
  background-color: transparent !important;
}
.back-links {
  border-bottom: 2px solid #338ad4;
  font-weight: 600;
  color: #338ad4;
  display: inline-block;
  text-align: center;
}
.back-links:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f30a";
  padding-right: 5px;
}
.back-link-mixin {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.back-link-mixin .ButtonWithIconText {
  border-bottom: 2px solid #338ad4;
  font-weight: 600;
  color: #338ad4;
  display: inline-block;
  text-align: center;
}
.back-link-mixin .ButtonWithIconText:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f30a";
  padding-right: 5px;
}
.ButtonWithIcon-mixin {
  border: 2px solid #338ad4;
  border-radius: 3px;
  color: #338ad4;
  padding: 10px;
  background: #fff;
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
}
.ButtonWithIcon-mixin.solid {
  background: #338ad4;
  color: white;
}
.Button-mixin {
  border: 2px solid #338ad4 !important;
  border-radius: 3px;
  background: white;
  color: #338ad4;
  padding: 10px;
  text-align: center;
  outline: none;
}
.Button-mixin.solid {
  background: #338ad4;
  color: white;
}
.Button-mixin.SignOff {
  background-color: #338ad4;
  color: white;
}
.mobile-bottom-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.mobile-bottom-buttons .ButtonWithIcon {
  border: 2px solid #338ad4;
  border-radius: 3px;
  color: #338ad4;
  padding: 10px;
  background: #fff;
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
}
.mobile-bottom-buttons .ButtonWithIcon.solid {
  background: #338ad4;
  color: white;
}
.mobile-bottom-buttons .Button {
  border: 2px solid #338ad4 !important;
  border-radius: 3px;
  background: white;
  color: #338ad4;
  padding: 10px;
  text-align: center;
  outline: none;
  min-width: 9em;
}
.mobile-bottom-buttons .Button.solid {
  background: #338ad4;
  color: white;
}
.mobile-bottom-buttons .Button.SignOff {
  background-color: #338ad4;
  color: white;
}
/*
    @todo improve style structure

*/
.RadForm a.rfdSkinnedButton,
.RadForm a.rfdSkinnedButton * {
  height: auto !important;
}
.icon-right {
  float: right;
  position: relative;
}
.icon-left {
  float: left;
  position: relative;
}
.icon {
  position: relative;
  display: inline-block;
  background-image: url('../Images/sy_icons-04-black.png');
  height: 16px;
  width: 16px;
  float: left;
  top: 3px;
  left: -5px;
}
.icon.right {
  float: right;
  margin-right: 10px;
}
.icon.white {
  background-image: url('../Images/sy_icons-04-white.png');
}
.icon:hover {
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
a:hover .icon {
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
}
/*.input-icon {
    height: 15px;
    width: 15px;
    background-image: url(@spriteIconsBlack);    
    padding-left:30px; 
}*/
.default-icon {
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url('../Images/sy_icons-04-black.png');
}
.icon-black {
  background-image: url('../Images/sy_icons-04-black.png');
}
.icon-blue {
  background-image: url('../Images/sy_icons-04-blue.png');
}
.icon-red {
  background-image: url('../Images/sy_icons-04-red.png');
}
.icon-white {
  background-image: url('../Images/sy_icons-04-white.png');
}
.icon-gray {
  background-image: url('../Images/sy_icons-04-gray.png');
}
.icon-padding {
  padding-left: 20px;
}
.icon-delete {
  background-position: -382px -24px;
}
.icon-cancel {
  background-position: -382px -24px;
}
.icon-close-small {
  background-position: -213px -46px;
}
.icon-approve {
  background-position: -262px -47px;
}
.icon-list-arrow {
  background-position: -186px -23px;
}
.icon-list {
  background-position: -69px -47px;
  height: 15px;
  width: 17px;
  top: 3px;
}
.icon-system {
  background-position: -597px -46px;
  height: 18px;
  width: 17px;
}
.icon-move-right {
  background-position: -284px -23px;
  height: 18px;
  width: 17px;
}
.icon-move-left {
  background-position: -260px -23px;
  height: 18px;
  width: 17px;
}
.icon-arrow-right {
  background-position: -333px -70px;
}
table,
td,
thead,
div,
p,
b,
body,
.header *,
#sidebar-wrapper *,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
body {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}
body span.RadButton.RadButton_Bootstrap.rbSkinnedButton {
  border-color: #cccccc;
}
body span.RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled {
  pointer-events: none;
}
A {
  color: Blue;
  text-decoration: underline;
}
A:link {
  text-decoration: none;
}
A:visited {
  color: #800080;
  text-decoration: none;
}
A:active {
  text-decoration: none;
}
A:hover {
  color: Blue;
  text-decoration: underline;
}
.RadButtonSmall {
  height: 16px;
}
.RadButtonSmall input {
  height: 16px;
  line-height: 18px !important;
}
.UserName {
  color: #330099;
  font-size: small;
}
.PersistUser {
  background: darkgray;
  font-weight: bolder;
  color: blue;
  font-size: x-small;
  height: 20px;
  text-align: left;
}
.MenuLink {
  text-decoration: none;
  color: #330099;
  font-size: x-small;
}
.MenuHeading {
  font-weight: bold;
  font-size: xx-small;
}
.MenuBackground .rfdSkinnedButton {
  padding: 3px 10px !important;
}
.MenuHorizontalDivider {
  background-color: Blue;
  height: 12px;
  font-size: 1px;
  background: url(../Images/grey-dots.gif) repeat-x center;
}
.TzBarDivider {
  background-color: Blue;
  height: 8px;
  font-size: 1px;
  background: url(../Images/TzBar.jpg) repeat-x center;
}
.Link {
  text-decoration: none;
  color: Blue;
  font-size: xx-small;
}
.HeaderTitle {
  font-size: medium;
  font-weight: bold;
  font-style: italic;
  color: #e00040;
}
.FooterLabels {
  font-weight: bold;
  font-size: xx-small;
}
.ErrorText {
  color: red;
  line-height: 14pt;
}
.NormalBold {
  font-size: x-small;
  font-weight: bold;
  line-height: 12px;
}
.LoginPageLabels {
  display: none;
}
.LoginPageButton {
  width: 100%;
  height: 29px;
  background-color: #0072cf;
  border: 0;
  color: white;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  position: static !important;
}
.LoginPageButton.disabled {
  background-color: #ccd6eb;
}
.LoginPageButton[type='submit'] {
  position: static !important;
}
.LoginPageButton:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.LoginPageButton:focus {
  outline: none;
}
.LoginPageButton:active {
  -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
}
.LoginPageTextBox {
  width: 100%;
  padding: 0 0 0 28px;
  border: 1px solid #444444;
  height: 28px;
  font-size: 14px;
  margin-bottom: 5px;
}
.LoginPageTextBox::-webkit-input-placeholder {
  font-style: italic;
}
.LoginPageTextBox:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
}
.LoginPageTextBox::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
}
.LoginPageTextBox:-ms-input-placeholder {
  font-style: italic;
}
.LoginPageTextBox:focus {
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(238, 238, 238, 0.5), 0 0 8px rgba(0, 114, 207, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(238, 238, 238, 0.5), 0 0 8px rgba(0, 114, 207, 0.6);
  box-shadow: inset 0 1px 1px rgba(238, 238, 238, 0.5), 0 0 8px rgba(0, 114, 207, 0.6);
}
.LoginWindow {
  width: 260px;
  margin-top: -20px;
}
.LoginWindow .rfdDecorated {
  padding: 6px 27px !important;
  height: 30px !important;
}
.LoginWindow table {
  width: 100%;
}
.LoginWindow input,
.LoginWindow .LoginPageButton {
  visibility: visible !important;
}
.LoginWindow > tbody > tr > td > table td {
  position: relative;
}
.LoginWindow > tbody > tr > td > table tr:first-child td:nth-child(2)::before {
  width: 20px;
  height: 20px;
  content: '';
  background: url(../Images/sy_icons-04-black.png);
  background-position: -163px -69px;
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
}
.LoginWindow > tbody > tr > td > table tr:nth-child(2) td:nth-child(2)::before {
  display: block;
  position: absolute;
  top: 7px;
  left: 4px;
  width: 20px;
  height: 20px;
  content: '';
  background: url(../Images/sy_icons-04-black.png);
  background-position: -450px -21px;
}
.LoginWindow > tbody > tr > td > table tr:nth-child(2) td:nth-child(2) input {
  margin-bottom: 10px;
}
.LoginWindow > tbody > tr > td > table tr:nth-child(3) td:not(.ErrorText)::before,
.LoginWindow:not(.ErrorText) > tbody > tr > td > table tr:nth-child(4) td:not(.ErrorText)::before {
  display: block;
  position: absolute;
  top: 7px;
  width: 20px;
  height: 20px;
  content: '';
  background: url(../Images/sy_icons-04-white.png);
  background-position: -331px -66px;
  right: initial;
  left: 7px;
}
.Labels_Masked {
  font-size: x-small;
  line-height: 12px;
}
.DropDownsFixedWidth {
  width: 108px;
  /* sets max-height value for all standards-compliant browsers */
}
.ContentHead {
  background-color: #ccd6eb;
  color: #1d3d7a;
  font-size: small;
  font-weight: bold;
  height: 30px;
}
.JobTextBox {
  font-size: x-small;
  width: 75px;
  max-width: 120px;
  /* sets max-height value for all standards-compliant browsers */
}
.Validator {
  font-size: xx-small;
  color: Red;
}
.Calendar {
  background-color: #f0f4f9;
}
.CategoryHeader {
  font-size: xx-small;
  font-weight: bold;
  border-bottom: thin solid #636363;
  background-color: #f0f4f9;
  color: Black;
  text-transform: none;
}
.PageTitle {
  font-size: small;
  color: white;
  font-weight: bold;
}
.Readonly_Textbox {
  color: GrayText;
}
.Red_Item {
  color: Red;
}
.RequiredField_TextBox {
  background-color: #e6e6fa;
}
.FutureDates_TextBox {
  background-color: #ccd6eb;
  color: #1d3d7a;
  text-transform: none;
}
.ReportHeaderTitle {
  font-size: small;
  font-weight: bold;
  color: #296112;
  text-align: right;
}
.ReportTitle {
  font-size: medium;
  font-weight: bold;
  color: #296122;
  text-transform: uppercase;
}
.ItemStyle {
  font-size: 12px;
}
.CenteredItemStyle {
  vertical-align: middle;
}
.globaltopnavbkgd {
  background-color: #ccd6eb;
  font-size: xx-small;
}
.Selected {
  background-color: #f0f4f9;
  font-size: x-small;
  line-height: 12px;
}
.Content {
  /*background-color:#bfdced; */
}
.AccrualReportHeader {
  background-color: #ccd6eb;
  color: #1d3d7a;
  font-weight: bold;
  font-size: x-small;
  text-align: center;
}
.AccrualReportListElement {
  font-size: x-small;
  text-align: center;
}
.EmployeeNotesReportHeader {
  background-color: #ccd6eb;
  color: #1d3d7a;
  border-bottom: thin solid #636363;
  font-size: x-small;
  font-weight: bold;
  text-transform: none;
}
.EmployeeNotesCategoryFooter {
  border-top: thin solid #636363;
  font-weight: bold;
  background-color: #f0f4f9;
  color: #1d3d7a;
  font-size: x-small;
}
.EmployeeNotesReportHeaderDummy {
  background-color: #ccd6eb;
  color: #ccd6eb;
  border-bottom: thin solid #636363;
  font-size: x-small;
  font-weight: bold;
  text-transform: none;
}
.EmployeeNotesCategoryFooterDummy {
  border-top: thin solid #636363;
  font-weight: bold;
  background-color: #f0f4f9;
  color: #f0f4f9;
  font-size: x-small;
}
.MessageText {
  text-align: left;
  color: #1d3d7a;
  font-weight: bold;
}
.StrongLabel {
  font-size: x-small;
  line-height: 12px;
  font-weight: bold;
  color: maroon;
}
.HeadSeparator {
  background-color: Gray;
}
.Separator {
  background-color: White;
}
.PopupHeader {
  background: whitesmoke;
  height: 20px;
  text-align: left;
  font-weight: bold;
}
.PopupItem {
  height: 24px;
  color: #000000;
}
.Grid {
  /* 	border-top-width: thin; 	border-left-width: thin; 	border-left-color: inactiveborder; 	border-bottom-width: thin; 	border-bottom-color: inactiveborder; 	border-top-color: inactiveborder; 	border-right-width: thin; 	border-right-color: inactiveborder;*/
}
.GridHeader {
  height: 24px;
  text-align: left;
  font-weight: normal;
  color: #666666;
  white-space: normal;
}
.GridHeader th,
.GridHeader td {
  padding-left: 10px;
  padding-right: 10px;
}
.GridHeader A {
  text-decoration: underline;
  font-weight: bold;
  color: #666666;
}
.GridHeader A:visited {
  text-decoration: underline;
  color: #666666;
}
.GridHeader a:hover {
  color: #990000;
  text-decoration: underline;
}
.GridItem,
.GridItemAlternative,
.GridItemSelected {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: black;
  vertical-align: middle;
}
.tce-panel .GridItem,
.tce-panel .GridItemAlternative {
  font-size: 12px;
}
.GridItem A {
  text-decoration: none;
  cursor: pointer;
}
.GridItemAlternative A {
  text-decoration: none;
  cursor: pointer;
}
.GridItemSelected td {
  padding: 5px 10px;
  background-color: #a6c8e6;
}
.shr {
  width: 100%;
  color: Green;
  height: 1px;
}
.GridItemOverDated {
  background: gold;
  height: 24px;
  color: #000000;
}
.GridHeaderSmall {
  background: whitesmoke;
  height: 12px;
  text-align: left;
  font-weight: bold;
  color: #666666;
}
.GridHeaderSmall A {
  text-decoration: underline;
  font-weight: bold;
  color: #666666;
}
.GridHeaderSmall A:visited {
  text-decoration: underline;
  font-weight: bold;
  color: #666666;
}
.GridHeaderSmall a:hover {
  font-weight: bold;
  color: #990000;
  text-decoration: underline;
}
.GridItemSmall {
  background: beige;
  font-size: x-small;
  height: 14px;
  color: #000000;
  vertical-align: middle;
}
.GridItemAltSmall {
  font-size: x-small;
  height: 14px;
  background-color: #ffffff;
}
.GridItemSelectedSmall {
  background: #7eabe3;
  font-size: x-small;
  height: 14px;
  color: white;
}
.GridItemSmall A {
  text-decoration: underline;
  font-weight: bold;
  color: #666666;
}
.TCEditorNotes {
  text-decoration: none;
  background-color: #c9dae5;
}
.TCEditorLockPunch {
  height: 30px;
  background-color: #cccccc !important;
}
.TCEditorTimeEdited {
  text-decoration: none;
  color: #0000ff !important;
  border-color: inherit;
}
/* schedules*/
.SectionHeader {
  color: #ffffe8;
  background: #7eabe3;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 4px 6px;
  font-weight: 'normal';
  border: #cccccc 1px solid;
  /*
    span {
        display: block;
        border: 1px solid #999;
        padding: 4px;
        //margin-right: 2px;
    }*/
}
.SectionHeader1 {
  font-size: small;
  height: 15px;
  font-weight: bolder;
  text-indent: 2px;
  background-position: 0% 0%;
  background-attachment: scroll;
  background-image: none;
  background-repeat: repeat;
  text-decoration: underline;
  color: #666666;
}
.SectionTitle {
  color: #ffffe8;
  background: #7eabe3;
  font: verdana;
  font-size: x-small;
  height: 15px;
  font-weight: bolder;
  text-indent: 2px;
}
.schedulesgridabsence {
  background-color: #ffcc66;
}
.schedulesgridtotals {
  background-color: #eaf2f8;
}
.schedulesgridweekend {
  background-color: #f9f7db;
}
.scheduleDiv {
  text-align: center;
  vertical-align: middle;
  height: 20px;
  padding-top: 4px;
}
.scheduleDivPublished {
  background-color: orange !important;
}
.destructiveDiv {
  text-align: center;
  vertical-align: middle;
  height: 20px;
  padding-top: 4px;
  padding-left: 0px;
  padding-right: 0px;
  border-left: green 2px solid;
  border-right: green 2px solid;
}
.destructiveNotAvailableDiv {
  text-align: center;
  vertical-align: middle;
  height: 100%;
  border-top: red 2px solid;
  border-bottom: red 2px solid;
  border-left: green 2px solid;
  border-right: green 2px solid;
  line-height: 26px;
}
.RadGrid {
  outline: none;
}
.div {
  overflow: auto;
  border-top: #eeeeee 1px solid;
  /*border-right: thistle 1px solid;
    border-top: thistle 1px solid;
    border-left: thistle 1px solid;
    border-bottom: thistle 1px solid;*/
}
.shiftemplabel {
  background-color: #f5f5f5;
  border-top: thistle 1px solid;
  border-left: thistle 1px solid;
  border-bottom: thistle 1px solid;
}
.schedulesgridmigratedemp {
  background-color: #f5f5f5;
}
.error:not(:empty) {
  background-color: #ffc0cb;
  color: #D11D1D;
  border-radius: 4px;
  padding: 5px;
  display: inline-block;
}
.error:not(:empty):before {
  font-family: 'Font Awesome 5 Free';
  content: "\f057";
  margin-right: 1em;
}
.warn:not(:empty) {
  background-color: #fdf1a7;
  color: #8e6603;
  border-radius: 4px;
  padding: 5px;
  display: inline-block;
}
.warn:not(:empty):before {
  font-family: 'Font Awesome 5 Free';
  content: "\f06a";
  margin-right: 1em;
}
.success:not(:empty) {
  background-color: lightgreen;
  color: darkgreen;
  border-radius: 4px;
  padding: 5px;
  display: inline-block;
}
.success:not(:empty):before {
  font-family: 'Font Awesome 5 Free';
  content: "\f00c";
  margin-right: 1em;
}
.info:not(:empty) {
  background-color: #FFFF99;
  color: #999900;
  border-radius: 4px;
  padding: 5px;
  display: inline-block;
}
.info:not(:empty):before {
  font-family: 'Font Awesome 5 Free';
  content: "\f05a";
  margin-right: 1em;
}
.FeatureLabel {
  font-size: small;
  font-weight: bold;
}
.PreferencesTitles {
  font-weight: bold;
}
.EmployeeProfileMenu {
  /*background-color: @side-menu-background-color;
    border-bottom: solid 1px #507CD1;
    border-top: solid 1px #507CD1;
    border-left: solid 1px #507CD1;
    border-right: solid 1px #507CD1;
    color: @side-menu-font-color;
    font-weight: @side-menu-font-weight;
    font-size: @side-menu-font-size;
    width: @side-menu-font-width !important;*/
  border: 0;
  background-color: transparent;
}
.EmployeeNameLabel {
  color: #284E98;
  font-weight: bold;
  text-indent: 0.5px;
}
.tabGroup {
  margin: 5px 0 20px;
  border-bottom: 1px solid #ddd !important;
  padding: 10px 0;
  /*ul {
        width:100%
    }*/
}
.tabGroup .Tab > a {
  padding: 10px 15px !important;
  border-radius: initial;
  color: #333333;
  text-decoration: none;
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 3px !important;
}
.tabGroup .Tab > a span {
  color: #333333;
}
.tabGroup .Tab > a:hover {
  border-style: solid;
  background-color: inherit !important;
  border-color: #0072cf !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.tabGroup .TabSelected span {
  border-bottom: 3px solid #0072cf !important;
  color: #0072cf !important;
  padding: 10px 15px !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}
.tabGroup .TabSelected span span {
  color: #0072cf !important;
}
.tabGroup #divNotifications {
  border: 0 !important;
}
.tabGroup .TabLastCell {
  display: none;
}
.Tab {
  /*border-right: @mediumGray 1px solid;
    border-top: @mediumGray 1px solid;
    border-left: @mediumGray 1px solid;
    border-bottom: @mediumGray 1px solid;
    cursor: hand;
    background-color: #eff2ea;
    height: 14px;
    vertical-align: middle;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    padding: 2px 6px;*/
}
.Tab a:link,
.Tab a:visited {
  /*font-weight: normal;
        text-decoration: none;
        color: #666666;*/
}
.Tab a:hover {
  /*font-weight: normal;
        color: #990000;
        text-decoration: none;*/
}
.TabSelected {
  /*border-right: @mediumGray 1px solid;
    border-top: @mediumGray 1px solid;
    border-left: @mediumGray 1px solid;
    font-weight: bold;
    height: 14px;
    vertical-align: middle;
    color: black;
    padding: 2px 6px;*/
}
.TabLastCell {
  border-bottom: #cccccc 1px solid;
  width: 1px;
}
#divUpperPage {
  background-color: #fff;
}
#_popupDragHandle {
  padding: 10px;
  background-color: #fff !important;
  border-bottom: 1px solid #bbb;
}
#_popupDragHandle td {
  padding: 5px;
  color: #bdb76b;
  font-size: 18px;
  font-weight: normal;
}
#_popupDragHandle td .ItemStyle {
  color: #bdb76b;
  font-size: 18px;
  font-weight: normal;
}
#_popupDragHandle + div {
  background-color: #fff;
}
.Stathtml {
  background-color: #eff2ea;
  border: solid 1px #507CD1;
  color: #284E98;
}
.StatTabs {
  position: relative;
  top: 1px;
  left: 10px;
}
.StatTabs td {
  width: 0 !important;
}
.StatTab {
  border: solid 1px lightsteelblue;
  border-bottom: solid 3px #507CD1;
  border-radius: 4px;
  cursor: grabbing;
  background-color: #eff2ea;
  height: 30px;
  vertical-align: middle;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  padding: 5px 10px;
}
.StatSelectedTab {
  border-left: solid 3px #507CD1;
  border-right: solid 3px #507CD1;
  border-top: solid 3px #507CD1;
  border-bottom: none;
  font-weight: bold;
  height: 30px;
  vertical-align: middle;
  color: black;
  padding: 5px 10px;
}
.StatSelectedTab .StatTabs,
.StatSelectedTab .StatTab {
  border-bottom: 0 !important;
}
.StatTabContents {
  padding: 10px;
  background-color: #eff2ea;
  color: black;
}
.DefaultPageImage {
  border-right: #6696cc 1px solid;
  border-top: #6696cc 1px solid;
  border-left: #6696cc 1px solid;
  border-bottom: #6696cc 1px solid;
  cursor: hand;
}
.SAvailCell {
  height: 17px;
  width: 19px;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  cursor: hand;
}
.schedulesgridmultishift {
  color: #0000cc;
  font-style: italic;
}
.ToolbarItem {
  height: 20px;
  text-align: left;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
}
.ToolbarItem A {
  font-weight: bold;
  color: #666666;
}
.ToolbarItem A:visited {
  font-weight: bold;
  color: #666666;
}
.ToolbarItem a:hover {
  font-weight: bold;
  color: #990000;
}
.FrozenGridHeaderStyle {
  height: 24px;
  text-align: left;
  font-weight: bold;
  color: #666666;
  position: relative;
  z-index: 1;
}
.FrozenGridHeaderStyle A {
  text-decoration: underline;
  font-weight: normal;
  color: #666666;
}
.FrozenGridHeaderStyle A:visited {
  text-decoration: underline;
  font-weight: normal;
  color: #666666;
}
.FrozenGridHeaderStyle a:hover {
  font-weight: normal;
  color: #990000;
  text-decoration: underline;
}
.FrozenGridHeaderSmallStyle {
  height: 14px;
  background: whitesmoke;
  text-align: left;
  font-weight: bold;
  color: #666666;
  position: relative;
  z-index: 1;
}
.FrozenGridHeaderSmallStyle A {
  text-decoration: underline;
  font-weight: bold;
  color: #666666;
}
.FrozenGridHeaderSmallStyle A:visited {
  text-decoration: underline;
  font-weight: bold;
  color: #666666;
}
.FrozenGridHeaderSmallStyle a:hover {
  font-weight: bold;
  color: #990000;
  text-decoration: underline;
}
.FrozenGridHeaderFixed {
  text-align: left;
  font-weight: bold;
  color: #666666;
  z-index: 1;
}
.ShiftsPopup {
  background-color: #fff;
  border: #777 1px solid;
  border-collapse: separate;
}
.ShiftsPopup td {
  padding: 5px;
}
.ShiftsPopup.top-arrow {
  position: relative;
  background: #fff;
  border: 1px solid #333;
}
.ShiftsPopup.top-arrow:after,
.ShiftsPopup.top-arrow:before {
  top: -21px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ShiftsPopup.top-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #428bca;
  border-width: 11px;
  margin-left: -11px;
}
.ShiftsPopup.top-arrow:before {
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #333;
  border-width: 10px;
  margin-left: -10px;
}
.ShiftsPopup.bottom-arrow {
  position: relative;
  background: #fff;
  border: 1px solid #333;
}
.ShiftsPopup.bottom-arrow:after,
.ShiftsPopup.bottom-arrow:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ShiftsPopup.bottom-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 9px;
  margin-left: -9px;
}
.ShiftsPopup.bottom-arrow:before {
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #333;
  border-width: 10px;
  margin-left: -10px;
}
.ShiftsPopupAlter {
  background-color: #ffffff;
}
.ShiftsPopupHeader {
  background-color: #428bca;
  color: #eee;
}
.ModalBackground {
  background-color: Gray;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.Hidden {
  display: none;
  visibility: hidden;
}
.PopupDivBody {
  display: none;
  visibility: hidden;
  text-align: center;
  vertical-align: top;
  border: solid 1px #1d3d7a;
  background-color: #fffff0;
}
/*.PopupDivHeader {
    text-align: left;
    vertical-align: top;
    background-color: #87cefa;
}*/
.MenuStyle,
.MenuStyle A {
  text-align: left;
  font-weight: bold;
  color: #666666;
  padding-right: 6px;
}
.MenuItem1Style,
.MenuItem1Style A {
  text-align: left;
  font-weight: bold;
  color: #666666;
  padding-bottom: 4px;
  padding-left: 3px;
  padding-right: 3px;
}
.SmallImage {
  height: 14px;
  width: 14px;
}
.WizardButtons {
  vertical-align: top;
  text-align: center;
  float: left;
  position: relative;
  left: 35%;
  overflow: hidden;
  margin: 10px;
}
.WizardButtons td {
  padding-left: 5px;
}
.WizardButtons td:first-child .rfdSkinnedButton {
  margin-right: 5px;
}
.ac_compLE {
  visibility: hidden;
  margin: 0px !important;
  background-color: White;
  color: windowtext;
  border: buttonshadow;
  border-width: 1px;
  border-style: solid;
  cursor: default;
  overflow: auto;
  height: 140px;
  text-align: left;
  list-style-type: none;
  font-size: x-small !important;
  position: fixed !important;
  padding-left: 0 !important;
}
.ImageCursor {
  text-decoration: none;
  cursor: pointer;
  margin-top: 3px;
  vertical-align: top;
}
.popupMenu {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  margin: 3px;
  border: 1px solid #6C757A;
  background: #C2DFFF;
}
.modalPopup {
  background-color: beige;
  border-width: 2px;
  border-color: Gray;
  padding: 2px;
}
.newModalPopup {
  background-color: white;
  border-color: White;
  padding: 5px 10px;
}
a.linkButton {
  color: Blue;
  text-decoration: none;
}
a.linkButton:visited {
  color: #800080;
}
a.linkButton:hover {
  text-decoration: underline;
}
.button {
  background: transparent;
  border: solid 1px lightgrey outset;
  font-size: x-small;
  line-height: 8px;
  height: 18px;
  width: 100%;
}
.button:hover {
  background: #a9dbf6;
}
.BigLabels {
  height: 18px;
  font-size: small;
  vertical-align: middle;
}
.BigBlueLabels {
  height: 18px;
  font-size: small;
  vertical-align: middle;
  color: #0072c6;
}
.QuickAddLabels {
  vertical-align: middle;
  color: #333333;
}
.AjaxCalendar {
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 2px;
  padding-right: 3px;
  padding-bottom: 1px;
  background-color: #fff;
  white-space: nowrap;
}
.AjaxCalendar:hover {
  background-color: #fff !important;
}
.AjaxCalendar input {
  width: 85px !important;
  box-shadow: none !important;
  line-height: 28px !important;
  font-size: 14px !important;
}
.AjaxCalendar input:focus {
  box-shadow: none !important;
}
.AjaxCalendar input.rfdRoundedCorners.rfdDecorated {
  border: none !important;
  height: 22px !important;
  padding: 2px 5px !important;
}
.AjaxCalendar img.ImageCursor {
  height: 18px;
  border: none;
  margin-top: 5px;
}
.AjaxCalendar:hover {
  border: 1px solid #333333;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.AjaxCalendar .CalendarTheme div td {
  padding: 0 !important;
  background-color: white;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_footer {
  height: 22px !important;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container {
  border-radius: 2px;
  border: 1px solid #cccccc;
  background-color: white;
  margin-left: -1px;
  margin-top: 2px;
  width: 184px;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body {
  border: none;
  width: 176px;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_day {
  height: 17px;
  width: 19px;
  text-align: center;
  padding: 1px;
  margin: 1px;
  border: 1px solid transparent;
  border-radius: 2px;
  position: relative;
  top: -2px;
  line-height: 15px;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_day:hover {
  border: 1px solid #333333;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_active {
  background: none;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_active .ajax__calendar_day,
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_active .ajax__calendar_year,
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_active .ajax__calendar_month {
  border: 1px solid #333333;
  background: #0072cf;
  color: white;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_active .ajax__calendar_day:hover,
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_active .ajax__calendar_year:hover,
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_active .ajax__calendar_month:hover {
  background: #0072cf;
  border: 1px solid #333333;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_year {
  height: 36px;
  width: 36px;
  margin: 2px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_year:hover {
  border: 1px solid #333333;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_month {
  height: 36px;
  width: 36px;
  margin: 2px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_body .ajax__calendar_month:hover {
  border: 1px solid #333333;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_header {
  background: none;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_header .ajax__calendar_prev {
  background: url('../Images/sy_icons-04-black.png') !important;
  background-position: -160px -17px !important;
  height: 22px;
  width: 22px;
  padding: 0;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_header .ajax__calendar_prev:hover {
  border: 1px solid #333333;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_header .ajax__calendar_next {
  background: url('../Images/sy_icons-04-black.png') !important;
  background-position: -182px -17px !important;
  height: 22px;
  width: 22px;
  padding: 0;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.AjaxCalendar .CalendarTheme .ajax__calendar_container .ajax__calendar_header .ajax__calendar_next:hover {
  border: 1px solid #333333;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.EmptyCheckbox {
  width: 15px;
}
.labelWrap {
  word-break: break-all;
}
.listBox {
  border-style: none;
  border-width: 0px;
  border: none;
}
.questionWidth {
  min-width: 400px;
  max-width: 400px;
  vertical-align: middle;
}
.inline {
  display: inline-block;
}
.ESSQuestionSize {
  min-width: 253px;
  max-width: 253px;
}
.clearCSS {
  clear: both;
}
.tdNoTopBorderTCSave {
  padding-top: 10px;
  text-align: right;
  vertical-align: top;
}
.tdTopBorderTCSave {
  padding-top: 10px;
  text-align: right;
  border-top: gray 1px solid;
  vertical-align: top;
}
.h3padding {
  padding-left: 15px;
  padding-right: 15px;
}
.radGreyButton {
  font-size: 12px;
  height: 24px;
  background-color: #f9f9f9;
  border-style: solid;
  border-width: 1px;
  border-color: #cdcdcd;
}
.radGreyButton:hover {
  background-color: #e8e8e8;
}
.blue-button {
  background: #0072cf;
  width: 320px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  color: white;
}
.closePopupButtonImg {
  vertical-align: text-top;
  content: '';
  height: 12px;
  width: 11px;
  margin-top: -3px;
  margin-right: 2px;
  background: url('../Images/sy_icons-04-gray.png');
  background-position: -215px -46px;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
  vertical-align: middle;
}
.closePopupButtonImg:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.closePopupButtonImg2 {
  cursor: pointer;
  padding: 4px;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.closePopupButtonImg2:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.popup-about-iframe.main {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.popup-about-iframe .about-value-task-task-q span {
  color: #aab300 !important;
}
.popup-about-iframe .logo {
  margin-top: 16px;
  height: 85px;
}
.popup-about-iframe .about-item {
  margin-top: 13px;
}
.popup-about-iframe .about-item,
.popup-about-iframe .about-label {
  font-size: 12px;
  line-height: 16px;
}
.popup-about-iframe .about-label {
  color: #666666;
}
.popup-about-iframe a {
  text-decoration: underline;
}
.popup-about-iframe .task-q-red {
  color: red !important;
}
.popup-about-iframe .task-q-green {
  color: #aab437 !important;
}
.popup.popup-map {
  width: 550px;
  border-color: #4E4E4E;
}
.popup.popup-map .popup-header {
  cursor: default;
}
.popup.popup-map .popup-content {
  padding: 0;
  border-color: #dddddd;
}
.popup.popup-map .popup-footer {
  border-color: #dddddd;
}
.popup.popup-map .footer-text {
  font-size: 14px;
}
.popup.popup-map .mark {
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
}
#DepartmentsNavigatorDiv {
  position: absolute;
  z-index: 3;
  right: 1px;
  top: 8px;
}
#DepartmentsNavigatorDiv input {
  padding: 0 !important;
}
.rfdSkinnedButton {
  box-sizing: content-box;
}
.rfdSkinnedButton input {
  outline: 0;
}
.rfdSkinnedButton.rfdInputDisabled {
  box-sizing: border-box;
}
.return-to-link {
  float: left;
  margin-left: 44px;
  margin-top: 6px;
  border-color: #aab300 !important;
  background-color: #000 !important;
}
.return-to-link input,
.return-to-link span {
  background-color: #000 !important;
  color: #aab300 !important;
}
.return-to-link span {
  background-position-y: 3px;
}
/**
    fix asp dropdown width globally
*/
.rfdSelect,
.rfdSelect_Bootstrap {
  width: auto !important;
  cursor: pointer !important;
}
.rfdSelectBox,
.rfdSelectBox_Bootstrap,
.rfdSelectBoxDropDown {
  z-index: 99 !important;
}
.rfdSelectBox li,
.rfdSelectBox_Bootstrap li,
.rfdSelectBoxDropDown li {
  box-sizing: content-box;
  overflow: initial;
  text-overflow: initial;
  white-space: nowrap;
}
/*.rfdSelectBox, .rfdSelectBox li {
    box-sizing: content-box;
   
}*/
.rfdSelect {
  z-index: 99 !important;
}
.departments-navigator-place-inner label,
.departments-navigator-iframe label {
  font-size: 12px !important;
}
.departments-navigator-place-inner input,
.departments-navigator-iframe input {
  padding: 2px !important;
}
.departments-navigator-place-inner input[type="image"],
.departments-navigator-iframe input[type="image"] {
  padding: 7px 7px 7px 2px !important;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.departments-navigator-place-inner input[type="image"]:hover,
.departments-navigator-iframe input[type="image"]:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.departments-navigator-place-inner input[type="image"]:active,
.departments-navigator-iframe input[type="image"]:active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.departments-navigator-place-inner .rfdSkinnedButton,
.departments-navigator-iframe .rfdSkinnedButton {
  padding: 2px 7px 2px !important;
}
.departments-navigator-place-inner .Grid td,
.departments-navigator-iframe .Grid td {
  font-size: 12px;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.departments-navigator-place-inner tr > td > div,
.departments-navigator-iframe tr > td > div {
  max-height: 353px;
}
form > .rsbSlide > .rsbPopup.rsbPopup_Bootstrap {
  max-height: 65%;
}
/* employee selector */
.employeeSelector .rlbText {
  font-size: 12px !important;
}
.employeeSelector .RadSearchBox .rsbButton {
  border-right: 0;
  line-height: 40px;
}
.employeeSelector .RadSearchBox .rsbButtons.rsbButtonsRight .rsbButton img {
  margin-top: 2px;
}
.employeeSelector .RadTabStrip .rtsTxt {
  font-size: 14px;
}
.employeeSelector .employeeSelector-Employees {
  position: relative;
}
.employeeSelector .employeeSelector-Employees .rsbSlide {
  overflow-y: scroll;
  height: 70% !important;
}
.employeeSelector .employeeSelector-Employees:before {
  border-bottom-width: 2px !important;
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url('../Images/sy_icons-04-black.png');
  background-position: -70px -90px;
  background-image: url('../Images/sy_icons-04-gray.png');
  float: right;
  position: relative;
  top: 4px;
  float: left;
  height: 21px;
  top: 25px;
  margin-left: 10px;
}
.employeeSelector .employeeSelector-Employees > div:nth-child(1) {
  color: #0072cf;
  padding: 7px 10px;
  margin-top: 44px;
  font-size: 12px;
}
.employeeSelector .employeeSelector-Employees .RadListBox {
  width: 100% !important;
}
.employeeSelector .employeeSelector-Employees .rlbCheckAllItems {
  background-color: inherit !important;
}
.employeeSelector .employeeSelector-group-btn {
  border-top: 1px solid #cccccc;
}
.employeeSelector .employeeSelector-DropDown {
  z-index: 4444;
  background-color: #fff;
  padding: 3px;
  position: absolute;
  width: 650px;
  box-shadow: 2px 2px 3px #bbb;
  border: 2px solid #aaa;
  border-radius: 4px;
  zoom: 1;
}
.employeeSelector .employeeSelector-DropDown > div {
  zoom: 1;
}
.employeeSelector .employeeSelector-DropDown > div:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.employeeSelector .employeeSelector-DropDown .rlbGroup.rlbGroupRight {
  border: 0 !important;
}
.employeeSelector .employeeSelector-DropDown .employeeSelector-ApplyButton {
  float: right;
  margin: 8px 5px 3px 3px;
  width: 70%;
}
.employeeSelector .employeeSelector-DropDown .btnReset {
  margin: 8px 5px 3px 3px;
}
.employeeSelector .employeeSelector-DropDown:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.employeeSelector .employeeSelector-DropDown ul.rtsUL {
  background-color: #fff;
}
.employeeSelector .employeeSelector-DropDown > div > div {
  width: 50%;
  float: left;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .RadTreeView_Bootstrap .rtPlus,
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .RadTreeView_Bootstrap .rtMinus {
  width: 24px;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .RadTreeView .rtIndeterminate {
  background-position: -1px -81px;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .RadTreeView .rtChecked {
  background-position: -1px -41px;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .RadTreeView_Bootstrap .rtChecked,
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .RadTreeView_Bootstrap .rtUnchecked,
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .RadTreeView_Bootstrap .rtIndeterminate {
  border: 1px solid #999;
  border-radius: 2px;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .rtBot,
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .rtMid,
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .rtLI,
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .rtTop {
  background-image: none;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .rtsLevel {
  margin-top: 15px;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .rtsLink {
  padding: 0 !important;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams .RadTabStripTop_Bootstrap .rtsLevel1 .rtsUL {
  border-bottom-width: 2px;
  border-color: #bbb;
}
.employeeSelector .employeeSelector-DropDown #divDepartmentTeams > div {
  background-color: #eee;
}
.employeeSelector span.RadButton.employeeSelector-ApplyButton {
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  color: #333;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  outline: 0;
  padding: 4px;
  /*&whennot(@background = null){
      //background: @background;
  }*/
  background-color: #aab300 !important;
  font-weight: bold;
}
.employeeSelector span.RadButton.employeeSelector-ApplyButton:hover {
  border-color: #666;
}
.employeeSelector span.RadButton.employeeSelector-ApplyButton input {
  margin: 0 auto;
}
.employeeSelector span.RadButton.employeeSelector-ApplyButton:before {
  border-bottom-width: 2px !important;
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url('../Images/sy_icons-04-black.png');
  float: left;
  background-position: -333px -70px;
  float: right;
  position: relative;
  top: 4px;
}
.employeeSelector span.RadButton.employeeSelector-ResetButton {
  text-align: center;
}
.employeeSelector span.RadButton.employeeSelector-ResetButton input {
  margin: 0 auto;
}
.EmployeeTimeCardStatus {
  color: white !important;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.EmployeeTimeCardStatus.In {
  background-color: #7BC339 !important;
  border: solid 1px #7BC339 !important;
}
.EmployeeTimeCardStatus.Out {
  background-color: #FF373B !important;
  border: solid 1px #FF373B !important;
}
.EmployeeTimeCardStatus.Vacation {
  background-color: #ff9600 !important;
  border: solid 1px #ff9600 !important;
}
.EmployeeTimeCardStatus.Timesheet,
.EmployeeTimeCardStatus.WorkToSchedule {
  background-color: #888 !important;
  border: solid 1px #888 !important;
}
.rcbError {
  background-color: red !important;
}
.sywError {
  background-color: #ffc0cb;
  color: #D11D1D;
}
.sywFuture {
  color: gray !important;
}
.sywCurrent {
  background-color: #499AAB !important;
  color: white !important;
}
.sywRedX {
  color: red !important;
  font-size: larger;
}
.sywGreenCheck {
  color: green !important;
  font-size: larger;
}
.syw {
  width: 700px;
  border: solid 1px #eee;
  text-align: left;
}
.syw tr th {
  padding: 3px 5px;
  color: #666666;
  border-bottom: solid 1px lightgray;
}
.syw td {
  padding: 3px 5px;
  font-size: 12px;
}
.scheduleInfo {
  padding-top: 5px;
}
.scheduleInfo span:not(:empty) {
  background-color: #eded55;
  color: #8e6603;
  border-radius: 4px;
  padding: 5px;
}
.scheduleInfo span:not(:empty):before {
  font-family: 'Font Awesome 5 Free';
  content: "\f05a";
  margin-right: 1em;
}
.padding {
  padding: 5px;
}