@charset "UTF-8";
@font-face {
  font-family: "Good Headline Pro Cond-Light";
  src: url("../fonts/Good Headline Pro Cond-Light.otf") format("opentype");
}
@font-face {
  font-family: "Good Headline Pro Cond-Bold";
  src: url("../fonts/Good Headline Pro Cond-Bold.otf") format("opentype");
}
body #topLevelHeader,
body #mobileHeader {
  position: relative;
}
body #mobileHeader {
  background: #4682b4;
}
body #topLevelHeader::before, body #topLevelHeader::after,
body #mobileHeader::before,
body #mobileHeader::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
body #topLevelHeader::before,
body #mobileHeader::before {
  z-index: -1;
  opacity: 0.75;
}
body #topLevelHeader::after,
body #mobileHeader::after {
  background-image: url("../img/bg.png");
  -webkit-filter: saturate(0);
          filter: saturate(0);
  z-index: -2;
}
body #topLevelHeader {
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgb(255, 255, 255)), color-stop(50%, rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0) 50%);
}
body #topLevelHeader tr td:last-child {
  color: #fff;
}
body #mobileHeader {
  background: transparent;
}
body #mobileHeader::before {
  background-position: right;
}
body #topLevelHeader::before {
  background: linear-gradient(135deg, rgb(92.5, 70, 180) 0%, rgb(20, 134.5454545455, 230) 100%);
}
body #mobileHeader::before {
  background: linear-gradient(135deg, rgb(92.5, 70, 180) 0%, rgb(20, 134.5454545455, 230) 100%);
}
body.dev #topLevelHeader::before {
  background: linear-gradient(135deg, #fff000 0%, #ab1542 100%);
}
body.dev #mobileHeader::before {
  background: linear-gradient(135deg, #fff000 0%, #ab1542 100%);
}
body.qa #topLevelHeader::before {
  background: linear-gradient(135deg, #D421DA 0%, #7721DA 100%);
}
body.qa #mobileHeader::before {
  background: linear-gradient(135deg, #D421DA 0%, #7721DA 100%);
}
body.beta #topLevelHeader::before, body.acc #topLevelHeader::before {
  background: linear-gradient(135deg, #2184da 0%, #21dad3 100%);
}
body.beta #mobileHeader::before, body.acc #mobileHeader::before {
  background: linear-gradient(135deg, #2184da 0%, #21dad3 100%);
}

#loginBox #loginInfo, #loginBox::before {
  background: linear-gradient(135deg, rgb(92.5, 70, 180) 0%, rgb(20, 134.5454545455, 230) 100%);
}
#loginBox #btnLogin {
  background-color: rgb(20, 134.5454545455, 230) !important;
}
#loginBox.dev #loginInfo, #loginBox.dev::before {
  background: linear-gradient(135deg, #fff000 0%, #ab1542 100%);
}
#loginBox.dev #btnLogin {
  background-color: #ab1542 !important;
}
#loginBox.qa #loginInfo, #loginBox.qa::before {
  background: linear-gradient(135deg, #D421DA 0%, #7721DA 100%);
}
#loginBox.qa #btnLogin {
  background-color: #7721DA !important;
}
#loginBox.beta #loginInfo, #loginBox.beta::before, #loginBox.acc #loginInfo, #loginBox.acc::before {
  background: linear-gradient(135deg, #2184da 0%, #21dad3 100%);
}
#loginBox.beta #btnLogin, #loginBox.acc #btnLogin {
  background-color: #21dad3 !important;
}
#loginBox.loginBox #loginInfo {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: brightness(0.6) saturate(2) contrast(1.5);
          filter: brightness(0.6) saturate(2) contrast(1.5);
}

.dev .hyphen,
.dev .lblEnv,
.dev .lblEnvM,
.qa .hyphen,
.qa .lblEnv,
.qa .lblEnvM,
.acc .hyphen,
.acc .lblEnv,
.acc .lblEnvM,
.beta .hyphen,
.beta .lblEnv,
.beta .lblEnvM {
  display: inline;
}

/* EMS-521 blur (no color change) of the page behind the MFA dialog; still blocks clicks */
.ui-widget-overlay {
  background: transparent !important;
  backdrop-filter: blur(4px);
}

/* EMS-521 MFA dialog restyle */
.ui-dialog.mfa-dialog.ui-dialog {
  /* width: 700px !important;
  max-width: 95vw; */
  width: clamp(350px, 700px, 90vw) !important;
  padding: 0;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #fafbfe;
  -webkit-box-shadow: 0 12px 40px rgba(20, 35, 70, 0.35);
          box-shadow: 0 12px 40px rgba(20, 35, 70, 0.35);
  top: clamp(100px, 20vh, 225px) !important;
}
.ui-dialog.mfa-dialog .ui-dialog-titlebar {
  position: relative;
  margin: 0;
  height: auto; /* site css fixes this at 35px */
  padding: 20px 56px 20px 84px;
  border: 0;
  border-radius: 0;
  background: #24406b;
  color: #fff;
}
.ui-dialog.mfa-dialog .ui-dialog-titlebar::before { /* shield icon */
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  width: 32px;
  height: 38px;
  margin-top: -19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 2 3 5.5v7.6c0 5.4 3.7 10.1 9 12.4 5.3-2.3 9-7 9-12.4V5.5z'/%3E%3Crect x='8' y='11.5' width='8' height='6.5' rx='1' fill='%23fff' stroke='none'/%3E%3Cpath d='M9.8 11.5V9.8a2.2 2.2 0 0 1 4.4 0v1.7' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain;
}
.ui-dialog.mfa-dialog .ui-dialog-titlebar::after { /* divider */
  content: "";
  position: absolute;
  left: 68px;
  top: 22px;
  bottom: 22px;
  width: 1px;
  background: rgba(255, 255, 255, 0.35);
}
.ui-dialog.mfa-dialog .ui-dialog-titlebar {
  /* close "x": bigger and moved left (site css sets a 13px icon at the far right edge) */
}
.ui-dialog.mfa-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: 24px;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 0;
  padding: 0;
  /* the dialog is jQuery UI 1.7.1, whose close link has no ui-state-default class, so it is not part of these selectors */
}
.ui-dialog.mfa-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important; /* change this to make the x bigger or smaller */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") !important;
}
.ui-dialog.mfa-dialog .ui-dialog-title {
  float: none; /* jquery-ui floats it, which made the message text wrap around it */
  display: block;
  line-height: 1.2;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}
.ui-dialog.mfa-dialog .ui-dialog-content {
  padding: 28px 32px 24px 22px !important; /* !important: ui-dialog.css forces "padding: 10 !important" (read as 10px in quirks mode) - 22px puts the 36px info icon's center at 40px, under the title bar shield icon */
  color: #1f2d4d;
}
.ui-dialog.mfa-dialog #divMFA > span:first-child { /* header text with info icon */
  display: block;
  min-height: 36px;
  padding-left: 62px; /* 22px content padding + 62px = 84px, same as the title text */
  font-size: 16px;
  line-height: 1.45;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16' fill='none' stroke='%232f6fe4' stroke-width='2.5'/%3E%3Ccircle cx='18' cy='11' r='1.8' fill='%232f6fe4'/%3E%3Crect x='16.5' y='15' width='3' height='11' rx='1.5' fill='%232f6fe4'/%3E%3C/svg%3E") no-repeat left 2px/36px 36px;
}
.ui-dialog.mfa-dialog #divMFA input[type=text] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 62px);
  height: 46px;
  margin-left: 62px;
  padding: 0 48px 0 16px;
  border: 1px solid #c9d3e3;
  border-radius: 6px;
  font-size: 16px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M12 2 3 5.5v7.6c0 5.4 3.7 10.1 9 12.4 5.3-2.3 9-7 9-12.4V5.5z' fill='%236b7a99'/%3E%3Crect x='8' y='11.5' width='8' height='6.5' rx='1' fill='%23fff'/%3E%3Cpath d='M9.8 11.5V9.8a2.2 2.2 0 0 1 4.4 0v1.7' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center/20px 24px;
}
.ui-dialog.mfa-dialog #divMFA input[type=text]:focus {
  outline: none;
  border-color: #2f6fe4;
  -webkit-box-shadow: 0 0 0 3px rgba(47, 111, 228, 0.2);
          box-shadow: 0 0 0 3px rgba(47, 111, 228, 0.2);
}
.ui-dialog.mfa-dialog #divMFA .ui-dialog-buttonset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
  margin: 24px -32px 0 -22px;
  padding: 22px 32px 0 22px;
  border-top: 3px solid #c9d3e3;
}
.ui-dialog.mfa-dialog #divMFA .ui-dialog-buttonset button {
  height: 48px;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 17px;
  font-weight: 600;
}
@media only screen and (max-width: 600px) {
  .ui-dialog.mfa-dialog #divMFA .ui-dialog-buttonset button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.ui-dialog.mfa-dialog #divMFA .ui-dialog-buttonset button {
  cursor: pointer;
}
.ui-dialog.mfa-dialog #divMFA .ui-dialog-buttonset button:disabled {
  opacity: 0.6;
  cursor: default;
}
.ui-dialog.mfa-dialog #divMFA .ui-dialog-buttonset .cancel {
  border: 1px solid #c9d3e3;
  background: #fff;
  color: #1f2d4d;
}
.ui-dialog.mfa-dialog #divMFA .ui-dialog-buttonset .ok {
  border: 1px solid #2f6fe4;
  background: #2f6fe4;
  color: #fff;
  white-space: nowrap;
}
.ui-dialog.mfa-dialog #divMFA .ui-dialog-buttonset .ok::after { /* arrow */
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 12px;
  vertical-align: -4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain;
}
.ui-dialog.mfa-dialog .mfa-qr { /* QR code above the Auth Code box, left aligned with the text */
  display: block;
  width: 150px;
  margin: 16px 0 0 62px;
}
.ui-dialog.mfa-dialog .mfa-label {
  display: block;
  margin: 20px 0 6px 62px;
  font-size: 14px;
  font-weight: 600;
  color: #3b4a6b;
}
.ui-dialog.mfa-dialog .mfa-message {
  display: block;
  margin: 14px 0 0 62px;
  color: red;
  font-weight: bold;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#editTbl > span, #editTbl > span.full > span {
  FONT-FAMILY: Verdana, Arial, Helvetica;
  padding: 5px 5px;
  /*div.phaseRow {
  	display: inline-flex;
  	div.phase, div.location {
  		padding-right: 80px;
  	}
  }*/
}
#editTbl > span #TaskSummary, #editTbl > span.full > span #TaskSummary {
  color: #9058d8;
  display: inline-block;
  max-width: 90%;
}
#editTbl > span #imgCopySummary, #editTbl > span.full > span #imgCopySummary {
  width: 25px;
  display: none;
  cursor: pointer;
}
#editTbl > tbody > tr > td {
  padding: 5px 5px;
}
#editTbl > tbody > tr > td div.phaseRow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#editTbl > tbody > tr > td div.phaseRow div.phase, #editTbl > tbody > tr > td div.phaseRow div.location {
  padding-right: 80px;
}
#editTbl > tbody > tr > td #TaskSummary {
  color: #9058d8;
}
#editTbl #tbDescription {
  width: 95% !important;
}

.ajax__calendar_days td {
  padding: 0px !important;
}

#ctrlInvoice_upInvoiceInfo {
  height: 100%;
}

.general-btn-styles {
  border: 1px solid #aaa !important;
  background-color: transparent !important;
  color: #222 !important;
  background-image: none !important;
  text-shadow: none !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  border-radius: 0 !important;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
}

form {
  margin-bottom: 0 !important;
}

.container {
  background-color: #3466a6;
}

.bkgLogin {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  height: 100vh;
  font-family: "Roboto", sans-serif;
}
.bkgLogin .row .col-sm-1 {
  padding: 0;
}
.bkgLogin .row .col-sm-10 {
  padding: 0;
}
.bkgLogin .row .loginBox {
  background-color: rgb(241, 241, 241) !important;
  text-align: center;
  border-radius: 10px;
  padding: 15px;
  margin: 0 auto;
  margin-top: 20vh;
  width: 470px;
  position: relative;
  z-index: 1;
}
.bkgLogin .row .loginBox .infoText {
  font-size: 14px;
  color: #999;
  margin: 15px 0;
}
.bkgLogin .row .loginBox .row {
  margin: 15px 0;
}
.bkgLogin .row .loginBox .row input {
  padding: 14px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #999;
  background-color: #fbfbfb;
  letter-spacing: 1.25;
  text-align: center;
}
.bkgLogin .row .loginBox .row input:focus {
  background-color: #fff;
  outline: none !important;
}
.bkgLogin .row .loginBox .row input .img img {
  width: 340px !important;
}
.bkgLogin .row .loginBox .row .loginLabel {
  background-color: #305097;
  height: 38px;
  border: 1px solid #ccc;
  border-radius: 5px 0 0 5px;
  padding: 8px;
  color: #aebcdc;
  font-size: 14px;
  text-transform: uppercase;
}
.bkgLogin .row .loginBox .row .textArea {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bkgLogin .row .loginBox .row .textArea span {
  position: relative;
  left: 16px;
  top: 18px;
}
.bkgLogin .row .loginBox .row .loginBtn {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 6px;
}
.bkgLogin .row .loginBox .row .loginBtn input {
  height: 50px;
  background-color: #719fd8;
  padding: 0;
  width: 100%;
  border: none;
  color: #fff;
  font-size: 14px !important;
  font-weight: bold;
  letter-spacing: 2;
  border-radius: 5px;
  -webkit-transition: ease all 0.25s;
  transition: ease all 0.25s;
}
.bkgLogin .row .loginBox .row .loginBtn input:focus {
  background-color: #8bb7ec;
  border: none;
  outline: none !important;
}
.bkgLogin .row .loginBox .row .loginBtn input:hover {
  background-color: #8bb7ec;
}
.bkgLogin .row .loginBox #loginInfo {
  position: absolute;
  bottom: 2px;
  right: 30px;
  opacity: 0.5;
  font-size: 8pt;
}
.bkgLogin .row .loginBox #loginInfo #lblVersion,
.bkgLogin .row .loginBox #loginInfo #lblEnv {
  font-weight: bold;
}
.bkgLogin .row .loginBox::before, .bkgLogin .row .loginBox::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.bkgLogin .row .loginBox::before {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
  border-radius: 15px;
  background: url("/img/bg.png") no-repeat;
  background-size: cover;
}
.bkgLogin .row .loginBox::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  background: #f1f1f1;
}

.welcome-text {
  margin-left: auto !important;
}

.dropdown-container {
  text-align: right;
}

.dropdown {
  font-family: "Verdana", sans-serif;
  margin-right: 15px;
}
.dropdown:hover {
  background-color: #406895 !important;
}
.dropdown .custom-btn {
  border: none !important;
  background-color: transparent !important;
  color: #fff !important;
  background-image: none !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding-left: 0 !important;
  font-size: 10.6667px !important;
  font-weight: bold !important;
  padding: 5px 0;
}
.dropdown .custom-btn span#AppHeader1_namelabel {
  line-height: 20px;
  display: inline-block;
  padding-bottom: 2px;
}
.dropdown .custom-btn .caret {
  margin-top: -4px;
}
.dropdown .dropdown-menu {
  background-color: #4682b7 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  top: 30px;
  border: none !important;
  font-size: 10.6667px !important;
  width: 100%;
  left: unset;
  right: 0;
}
.dropdown .dropdown-menu .btn-change-password {
  border: none !important;
  background-color: transparent !important;
  color: #fff !important;
  background-image: none !important;
  text-shadow: none !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  width: 100% !important;
  border-radius: 0 !important;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
  font-size: 11px;
  text-align: right;
  height: 27px !important;
}
.dropdown .dropdown-menu .btn-change-password:hover {
  background: #406895 !important;
}
.dropdown .dropdown-menu .btn-change-password:focus {
  background: #406895 !important;
}
.dropdown .dropdown-menu a {
  font-size: 11px !important;
  font-weight: 300 !important;
  width: 100% !important;
  padding: 5px 12px !important;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
  text-align: right;
  height: 27px !important;
  color: #fff;
}
.dropdown .dropdown-menu button {
  padding: 5px 12px;
  color: #fff;
}
.dropdown .dropdown-menu a:hover {
  background: #406895 !important;
}
.dropdown .dropdown-menu a:focus {
  background: #406895 !important;
}
.dropdown img {
  display: none;
  width: 32px;
  height: 32px;
  margin-top: 5px;
}

#topMenu {
  font-family: "Verdana", sans-serif !important;
  font-size: 10.6667px !important;
  font-weight: bold !important;
  background: #e0e0e0;
  width: 100%;
}
#topMenu div.tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#topMenu a {
  COLOR: #4682b4;
  text-decoration: none;
}
#topMenu button {
  outline: 0;
}
#topMenu .dropdown:hover {
  background-color: transparent !important;
  /*> button.custom-btn {
     text-shadow: -1px -1px 0 lighten(#4682b4, 40), 1px -1px 0 lighten(#4682b4, 40), -1px 1px 0 lighten(#4682b4, 40), 1px 1px 0 lighten(#4682b4, 40) !important;
  }*/
}
#topMenu .dropdown .custom-btn {
  color: #4682b4 !important;
  width: 100%;
  text-align: right;
}
#topMenu .dropdown a {
  color: #fff;
}
#topMenu .dropdown:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #4682b4;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
#topMenu .dropdown:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: #4682b4;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
#topMenu .dropdown:hover:before, #topMenu .dropdown.open:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
#topMenu .dropdown:hover:after, #topMenu .dropdown.open:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
#topMenu .header-btns {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#topMenu .header-btns a {
  margin: 0 5px;
}
#topMenu .header-btns a:first-child {
  margin-left: 15px;
}
#topMenu .header-btns div.img {
  margin: 0 5px 0 0px;
  padding: 0;
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
#topMenu .header-btns div.img#headerTimeEntryButton {
  background-image: url("../img/Menu_Time Entry2.svg");
}
#topMenu .header-btns div.img#headerApprovalButton {
  background-image: url("../img/Menu_Approval2.svg");
}
#topMenu .header-btns div.img#headerInvoicesButton {
  background-image: url("../img/Menu_Invoice2.svg");
}
#topMenu .header-btns div.img#headerAdminButton {
  background-image: url("../img/Menu_Admin2.svg");
}
#topMenu .header-btns div.img#headerForumButton {
  background-image: url("../img/Menu_Forum.svg");
}
#topMenu .header-btns span {
  -webkit-transition: ease all 0.25s;
  transition: ease all 0.25s;
  line-height: 20px;
}
#topMenu .header-btns label {
  margin: 0;
  padding: 5px 0;
  -webkit-transition: ease all 0.25s;
  transition: ease all 0.25s;
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#topMenu .header-btns label:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: #4682b4;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
#topMenu .header-btns label:hover:after, #topMenu .header-btns label.open:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

#userMobile {
  display: none;
}

#appMenu {
  width: 100%;
  height: 35px;
  FONT-WEIGHT: bold;
  BORDER-BOTTOM: gray 2px solid;
  white-space: nowrap;
  background: #f5f5f5;
}
#appMenu .col-sm-12,
#appMenu .col-sm-6 {
  padding-left: 0;
}
#appMenu .title, #appMenu #lblEntryType {
  padding: 0 0 0 15px;
}
#appMenu td {
  vertical-align: middle;
}
#appMenu td.pageHeadMenu {
  padding-right: 15px;
}
#appMenu td.pageHeadMenu a {
  margin: 0 4px;
}
#appMenu td a {
  padding: 0 10px 0px 0px;
  margin: 0 2px;
  border: 1px solid #3567A6;
  background-color: #ffffff;
  border-radius: 0px 5px 0px 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
#appMenu td a div.img {
  background-color: #3567A6;
  height: 100%;
  position: relative;
  z-index: 1;
}
#appMenu td a div.img img {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 0.5px;
  left: 0.5px;
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
#appMenu td a span {
  color: #3567A6;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  margin-left: 5px;
  z-index: 1;
}
#appMenu td a span:before {
  content: attr(data-hover);
  position: absolute;
  color: #fff;
  clip-path: polygon(0% 0%, 1% 0%, 1% 100%, 0% 100%);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
#appMenu td a:after {
  content: "";
  position: absolute;
  left: 20px;
  width: 0%;
  height: 100%;
  background-color: #3567A6;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
#appMenu td a:hover {
  text-decoration: none;
  -webkit-filter: saturate(1.1) brightness(1.1) drop-shadow(0px 0px 1px #3567A6);
          filter: saturate(1.1) brightness(1.1) drop-shadow(0px 0px 1px #3567A6);
}
#appMenu .btn-row {
  position: relative;
}
#appMenu .btn-row label.calendar-row {
  margin-top: 0;
}
#appMenu .btn-group {
  width: auto !important;
  left: 0 !important;
  top: 0px;
}
#appMenu .btn-group .btn-generic {
  background-color: #fff !important;
  border-radius: 5px !important;
  margin: 0 3px;
  font-weight: 300 !important;
  font-size: 10px !important;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
  width: 80px;
  height: 20px !important;
  padding: 2px 6px 4px !important;
}
#appMenu .btn-group .btn-generic:hover, #appMenu .btn-group .btn-generic:focus, #appMenu .btn-group .btn-generic:active {
  background-color: #e6e6e6 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#appMenu .btn-group .btn-generic.emailReminder {
  width: 120px;
}
#appMenu .btn-group .btn-generic.emailReminder img {
  width: 16px;
  top: 0px;
}
#appMenu .btn-group .btn-primary.active {
  background-color: #d4d4d4 !important;
}
#appMenu .btn-group.emailReminder {
  top: 5px;
}
#appMenu .emailReminder {
  cursor: pointer;
}
#appMenu .first-button {
  margin-left: 0 !important;
}
#appMenu .calendar-row {
  margin-left: 5px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#appMenu .calendar-row .calendar-row > * {
  margin: 0 2px;
}
#appMenu .calendar-row span {
  margin-left: 4px;
  font-weight: bold;
  font-size: 13.333px !important;
}
#appMenu .calendar-row span.sdMobile, #appMenu .calendar-row span.edMobile {
  display: none;
  font-size: 10px !important;
}
#appMenu .start-date-row {
  font-size: 12px !important;
  font-weight: 300;
  font-family: "Verdana", sans-serif;
}
#appMenu .start-date-row .btn-go {
  margin-left: 10px;
  background-color: #fff !important;
  border-radius: 5px !important;
  margin: 0 5px;
  font-weight: 300 !important;
  font-size: 10px !important;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
  height: 20px !important;
  padding: 2px 6px 4px !important;
}
#appMenu .start-date-row .btn-go:hover, #appMenu .start-date-row .btn-go:focus, #appMenu .start-date-row .btn-go:active {
  background-color: #e6e6e6 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#appMenu a div.img {
  height: 20px !important;
  width: 20px !important;
  margin-right: 5px;
}
#appMenu .btnAddNewTaskCode {
  border: none;
  padding: 2px 0px 2px 30px;
  background: url(../img/Add.svg) left 5px top 0px no-repeat;
}
#appMenu.approval td {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
#appMenu.approval #btnApprove {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#appMenu.approval #btnApproveAndEmail {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#appMenu.approval #btnUnsubmit {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
#appMenu.approval #btnCancel {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
#appMenu.approval #btnSave {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.previous-btn svg {
  overflow: hidden;
  width: 10px;
  position: relative;
  top: 2px;
  fill: #666;
}
.previous-btn span {
  position: relative;
  top: -2px;
}

#adminMenu {
  width: 180px !important;
}

span.filterLabel.extraPad {
  margin-bottom: 3px;
  display: inline;
}

.filterBox {
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px;
  FONT-SIZE: 8pt;
  LEFT: 0px;
  PADDING-BOTTOM: 10px;
  min-WIDTH: 230px;
  PADDING-TOP: 10px;
  margin: 0;
  PADDING-TOP: 10px;
}
.filterBox SELECT {
  FONT-SIZE: 8pt;
  WIDTH: 185px;
}
.filterBox input#FilterCtrl_tbStartDate, .filterBox input#FilterCtrl_tbEndDate {
  width: 64px;
}
.filterBox input#FilterCtrl_ibStartDate, .filterBox input#FilterCtrl_ibEndDate {
  border-width: 0px;
  height: 16px;
  width: 24px;
}

.table1 .hours-row {
  text-align: left;
}
.table1 .right {
  padding-left: 24px !important;
}

#updProjects table.dataGrid tbody tr td .subProject {
  display: block;
  margin-left: 20px;
  color: gray;
}
#updProjects table.dataGrid tbody tr td .subProject.inactive {
  color: red;
}
#updProjects table.dataGrid.adminPad {
  margin: 2px;
}

.modal-custom {
  background-color: #f1f1f1 !important;
  border-radius: 10px !important;
  border: none !important;
  font-family: "Verdana", sans-serif;
}
.modal-custom .modal-title {
  color: #666;
  font-family: "Verdana", sans-serif;
  text-align: left;
  font-weight: bold;
  font-size: 13.333px;
}
.modal-custom .form-control::-webkit-input-placeholder {
  color: #666;
  font-weight: 300;
}
.modal-custom .form-control {
  color: #666;
  font-size: 12px;
  border-radius: 5px !important;
}
.modal-custom .form-control:focus {
  border: 1px solid #666;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-custom .modal-header {
  padding: 10px 16px 2px 18px;
  border-bottom: none !important;
}
.modal-custom .modal-body {
  padding: 4px 15px 8px;
}
.modal-custom .modal-body .form-group:last-child {
  margin-bottom: 0 !important;
}
.modal-custom .modal-footer {
  padding: 10px 16px 15px 8px;
  border-top: none !important;
}
.modal-custom .modal-footer .btn {
  outline: none !important;
  background: #3466a6 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  text-shadow: none !important;
  color: #fff !important;
}
.modal-custom .modal-footer .btn:hover {
  background: rgb(39.8348623853, 78.1376146789, 127.1651376147) !important;
}

@media (max-width: 515px) {
  .container::before {
    background-color: #f1f1f1 !important;
  }
  .bkgLogin {
    background-size: 100% 100%;
    background-position: contain;
    height: 100%;
    background-color: none !important;
  }
  .loginBox {
    background-color: #f1f1f1 !important;
    height: 101% !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding-top: 10% !important;
    padding-left: 15px !important;
    border-radius: 0 !important;
    position: relative;
  }
}
@media (max-width: 515px) and (orientation: landscape) {
  .container {
    height: auto !important;
  }
}
.timeSummary {
  visibility: hidden;
  color: #333;
  max-width: 400px;
  margin-bottom: 5px;
}
.timeSummary div.submitted {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.timeSummary div.submitted div.controls {
  margin-left: 10px;
}
.timeSummary div.submitted div.controls span.b, .timeSummary div.submitted div.controls span.n {
  cursor: pointer;
  color: #337AB7;
}
.timeSummary #JIRAestimatedHours {
  white-space: nowrap;
}
.timeSummary table {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
  border: 1px solid #000;
}
.timeSummary table col {
  border-right: 1px solid #000;
}
.timeSummary table thead tr {
  background-color: lightgray;
}
.timeSummary table thead tr th {
  padding: 2px 8px 2px 8px;
}
.timeSummary table thead tr th:nth-child(n) {
  text-align: center;
}
.timeSummary table thead tr th:first-child {
  text-align: left;
}
.timeSummary table tbody tr.reviewed {
  border-bottom: 1px solid #000;
}
.timeSummary table tbody td {
  padding: 2px 8px 2px 8px;
  white-space: nowrap;
}
.timeSummary table tbody td.total {
  text-align: right;
}
.timeSummary table tbody td.billable {
  text-align: right;
}
.timeSummary table tbody td.nonBillable {
  text-align: right;
}
.timeSummary .timeRemainingPositive {
  color: forestgreen;
  font-weight: bold;
}
.timeSummary .timeRemainingNegative {
  color: red;
  font-weight: bold;
}
.timeSummary #remainingBillable {
  white-space: nowrap;
}
.timeSummary #ticketNum {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 2px solid #efefef;
}
.timeSummary #ticketNum span {
  font-weight: bold;
}
.timeSummary #ticketNum div {
  font-size: 8pt;
  padding: 0px 10px;
  width: auto;
  display: inline-block;
  border-radius: 3px;
}
.timeSummary #ticketNum div.Completed, .timeSummary #ticketNum div.In.Progress, .timeSummary #ticketNum div.Removed {
  background-image: none !important;
  height: unset;
  margin-bottom: 0;
  color: #ffffff;
  background-color: #0052CC;
}
.timeSummary #ticketNum div.Open, .timeSummary #ticketNum div.New, .timeSummary #ticketNum div.Deferred, .timeSummary #ticketNum div.To.Do {
  color: #172B4D;
  background-color: #DFE1E6;
}
.timeSummary #ticketNum div.Closed, .timeSummary #ticketNum div.Deleted, .timeSummary #ticketNum div.Done {
  color: #ffffff;
  background-color: #00875A;
}
.timeSummary #ticketNum div.In.Review {
  color: #505F79;
  background: rgba(9, 30, 66, 0.04);
}

#assignedUsers, #userCompensation {
  padding: 5px 5px;
  FONT-SIZE: 10pt;
  margin-left: auto;
  table-layout: fixed;
  background-color: white;
}
#assignedUsers > thead tr th, #userCompensation > thead tr th {
  text-align: center;
  background-color: lightgray;
}
#assignedUsers .col-user, #userCompensation .col-user {
  width: 75%;
}
#assignedUsers .col-rate, #userCompensation .col-rate {
  width: 25%;
}
#assignedUsers .col-comp, #userCompensation .col-comp {
  width: 130px;
}
#assignedUsers .col-comp input, #userCompensation .col-comp input {
  width: 120px;
}
#assignedUsers .compType, #userCompensation .compType {
  width: 100%;
}
#assignedUsers > tbody tr > th, #assignedUsers > tbody tr > td, #assignedUsers > thead tr > th, #assignedUsers > thead tr > td, #userCompensation > tbody tr > th, #userCompensation > tbody tr > td, #userCompensation > thead tr > th, #userCompensation > thead tr > td {
  padding: 5px 5px;
  border: 1px solid gray;
  border-left: none;
  border-right: none;
}
#assignedUsers > tbody tr > th:first-child, #assignedUsers > tbody tr > td:first-child, #assignedUsers > thead tr > th:first-child, #assignedUsers > thead tr > td:first-child, #userCompensation > tbody tr > th:first-child, #userCompensation > tbody tr > td:first-child, #userCompensation > thead tr > th:first-child, #userCompensation > thead tr > td:first-child {
  border-left: 1px solid gray;
}
#assignedUsers > tbody tr > th:last-child, #assignedUsers > tbody tr > td:last-child, #assignedUsers > thead tr > th:last-child, #assignedUsers > thead tr > td:last-child, #userCompensation > tbody tr > th:last-child, #userCompensation > tbody tr > td:last-child, #userCompensation > thead tr > th:last-child, #userCompensation > thead tr > td:last-child {
  border-right: 1px solid gray;
}
#assignedUsers .userName, #userCompensation .userName {
  text-align: left;
}
#assignedUsers .userName .ddl, #userCompensation .userName .ddl {
  width: 90%;
}
#assignedUsers .userRate, #userCompensation .userRate {
  text-align: right;
  width: 100%;
}

#subProjectAddEdit {
  text-align: center;
}

#subProjectForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
#subProjectForm #editTbl {
  margin: 0 20px;
}
#subProjectForm #editTbl td[colspan="4"] {
  padding: 8px 5px;
}

#rateTable {
  text-align: right;
}
#rateTable #Message {
  color: red;
}
#rateTable #addUser {
  font-weight: bold;
}
#rateTable #addUser span {
  color: black;
}

.td.header-btns.right {
  margin-right: 10px;
}

.FilterPanel.gridContainer {
  height: 70px;
}

#StatusOptions {
  text-align: left;
}
#StatusOptions table {
  display: inline-block;
}

.grid {
  margin: 0px;
  border-collapse: collapse;
}
.grid td {
  cursor: pointer;
  width: 29px;
  height: 29px;
  border: 1px solid #ccc;
  font-family: sans-serif;
  font-size: 13px;
  position: relative;
}
.grid td .block {
  width: 29px;
  height: 29px;
  text-align: center;
  vertical-align: middle;
  line-height: 29px;
  margin: auto auto;
}
.grid td input[type=checkbox] {
  display: inline-block;
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.grid td input[type=checkbox]:focus + .block {
  background-color: lightblue;
  border: 1px solid #999;
}
.grid td .hasTooltip + span {
  display: none;
  color: #000;
  text-decoration: none;
  padding: 3px;
}
.grid td .hasTooltip:hover + span {
  display: block;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #CCC;
  margin: 2px 10px;
}
.grid td.clicked .block {
  background-color: lightblue;
  font-weight: bold;
  color: black;
}

#pnlBillables .table-borderless > tbody > tr > td {
  border: 0;
}
#pnlBillables table {
  border: 1px solid #ddd;
}
#pnlBillables table caption {
  color: #333333;
  font-size: 18px;
  fill: #333333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#pnlBillables table td.number {
  text-align: right;
}

#YearlyRevenues {
  display: inline-block;
  vertical-align: top;
  min-width: 326px;
  margin-right: 10px;
}
#YearlyRevenues table tr.selected td {
  background-color: lightblue;
}

#MonthlyRevenues {
  display: inline-block;
  vertical-align: top;
  min-width: 304px;
}
#MonthlyRevenues table tr.quarter td {
  border-bottom: 1px dotted;
}

#approvalTable {
  height: calc(100vh - 124px);
}
#approvalTable .entriesTable {
  height: 100%;
}
#approvalTable .entriesTable #updTasks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
#approvalTable .filterBox {
  max-height: calc(100vh - 124px);
  overflow: auto;
}
#approvalTable .filterBox #myBinding {
  max-height: calc(100vh - 124px);
}

@media only screen and (max-width: 1350px) {
  div:not(#pnlBillables) > .container-fluid > div {
    display: block !important;
    float: unset;
    width: 50% !important;
    -webkit-transform: translatex(30%);
            transform: translatex(30%);
  }
  div#updBillables #pnlBillables .container-fluid > div {
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
  }
  div#updBillables #pnlBillables .container-fluid > div#YearlyRevenues, div#updBillables #pnlBillables .container-fluid > div#MonthlyRevenues {
    width: 48%;
  }
  div#updBillables #pnlBillables .container-fluid > div#highChartsContainer {
    width: 100%;
  }
}
@media only screen and (max-width: 1350px) {
  #appMenu.adminMenu tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 100%;
  }
  #appMenu.adminMenu tr .btn-group {
    left: 0px !important;
  }
  #appMenu.adminMenu tr .btn-group .btn-generic {
    width: unset;
    margin: 0 2px;
    padding: 2px 5px 4px !important;
  }
  #appMenu.adminMenu tr .calendar-row {
    left: 0 !important;
    padding-right: 0;
  }
  #appMenu.adminMenu tr .calendar-row .startdate, #appMenu.adminMenu tr .calendar-row .enddate {
    width: 85px !important;
  }
}
div#updBillables .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
div#updBillables .container-fluid::before {
  content: none;
}
div#updBillables .container-fluid > div#YearlyRevenues {
  -webkit-box-flex: 1.25;
      -ms-flex: 1.25;
          flex: 1.25;
}
div#updBillables .container-fluid > div#MonthlyRevenues {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
}
div#updBillables .container-fluid > div#highChartsContainer {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}

body form#form1 table#approvalTable tbody tr td.entriesTable {
  position: fixed;
  right: 0;
  bottom: 0;
  width: calc(100vw - 231px);
  height: calc(100% - 130px);
}
body form#form1 table#approvalTable tbody tr td.entriesTable.winScroll {
  width: calc(100vw - 246px);
}
@media only screen and (max-width: 1000px) {
  body form#form1 table#approvalTable tbody tr td.entriesTable {
    width: 100%;
    height: 100%;
  }
  body form#form1 table#approvalTable tbody tr td.entriesTable div#updTasks {
    height: calc(100vh - 14%);
    max-height: calc(100vh - 115px);
    width: calc(100vw - 230px);
    position: absolute;
    left: -1px;
  }
  body form#form1 table#approvalTable tbody tr td.entriesTable div#updTasks.winScroll {
    width: calc(100vw - 245px);
    position: relative;
    max-height: unset;
    height: unset;
  }
  body form#form1 table#approvalTable tbody tr td.entriesTable div#updTasks.winScroll table#tblSummary {
    position: fixed;
    bottom: 0;
    left: 230px;
    width: calc(100vw - 245px);
    background-color: #fff;
  }
  body form#form1 table#approvalTable tbody tr td.entriesTable div#updTasks table.dataGrid {
    margin-left: 0;
  }
}

div#mobileDateSelect {
  padding: 15px 15px 15px 40px;
  width: 100%;
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}
div#mobileDateSelect > div:last-child span {
  margin: 0 3px;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
}
div#mobileDateSelect > div:last-child span.to {
  font-size: 10px;
}
div#mobileDateSelect > div:last-child span.arrow img {
  width: 25px;
}
div#mobileDateSelect > div:last-child span.arrow.lArrow img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.hyphen,
.lblEnv,
.lblEnvM {
  display: none;
}

div#mobileHeader {
  width: 100%;
  display: none;
  border-bottom: 2px solid #777;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
div#mobileHeader a {
  font-family: "Good Headline Pro Cond-Light";
  color: #fff;
}
div#mobileHeader a:hover {
  text-decoration: none;
}
div#mobileHeader a span {
  font-size: 18px;
  position: relative;
  top: 3px;
  left: 3px;
}
div#mobileHeader > div {
  display: inline-block;
}
div#mobileHeader > div#mobileMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 1000;
  background-color: #4682b4;
  overflow-y: hidden;
  max-height: 0px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
div#mobileHeader > div#mobileMenu a {
  padding: 20px 30px 20px;
  width: 100%;
  -webkit-transition: 0.25s -webkit-transform;
  transition: 0.25s -webkit-transform;
  transition: 0.25s transform;
  transition: 0.25s transform, 0.25s -webkit-transform;
  position: relative;
}
div#mobileHeader > div#mobileMenu a span {
  font-weight: normal;
  font-size: 20px;
  cursor: pointer;
}
div#mobileHeader > div#mobileMenu a:hover {
  background-color: #406895;
}
div#mobileHeader > div#mobileMenu a::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  display: block;
  width: 75%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background-color: #66a2d4;
}
div#mobileHeader > div#mobileMenu a:last-child::after {
  content: none;
}
div#mobileHeader > div#mobileMenu > span {
  height: 1px;
}
div#mobileHeader > div#mobileMenu.open {
  max-height: 1000px;
}
div#mobileHeader > div#mobileMenu img {
  width: 24px;
  margin-left: -9px;
  margin-right: 8px;
}
div#mobileHeader .burger {
  font-size: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

.panelOpen {
  display: none;
  position: absolute;
  right: -25px;
  top: 2px;
  height: 40px;
  background-color: #3466a6;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  width: 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, 0.75);
          box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, 0.75);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.panelOpen:hover {
  background-color: #406895;
  -webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.75);
          box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.75);
}
.panelOpen span {
  margin-left: 4px;
  display: inline-block;
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
}
.panelOpen.active span {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: 3px;
}

.timesheetContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.timesheetContainer .timesheetChild {
  width: 100%;
}
.timesheetContainer .timesheetChild #tblSummary {
  width: 100%;
}
.timesheetContainer div#upTimesheet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.timesheetContainer div#upTimesheet .sheetDataContainer,
.timesheetContainer div#upTimesheet .summaryTableContainer {
  width: 100%;
  max-width: 100vw;
  max-width: 100dvw;
  overflow: auto;
}

.timesheetContainer .sheetDataContainer {
  padding-bottom: 25px;
}

#FilterCtrl_updDates {
  width: 200px;
}

.dateRangeContainer {
  margin-top: 3px;
  margin-bottom: 8px;
}

#FilterCtrl_ddlDateRange {
  width: 185px;
}

.particle {
  display: none;
}

@media only screen and (max-width: 1000px) {
  body#body, body {
    background-image: none !important;
  }
  body#body table.leftColumn, body table.leftColumn {
    background-image: none !important;
  }
  body table#topLevelHeader {
    display: none;
  }
  body div#topMenu div.tr:last-child div.td:last-child {
    display: table-cell;
    height: 0;
    width: 0;
    padding: 0;
    overflow: hidden;
  }
  body div#topMenu .right {
    display: none;
  }
  body div#mobileDateSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body div#mobileHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body table#appMenu {
    height: 50px;
  }
  body table#appMenu tr td {
    padding-left: 15px;
  }
  body table#appMenu tr td:first-child {
    display: none;
  }
  body table#appMenu tr td.pageHeadMenu {
    margin-top: 4px;
    padding-right: 15px;
    text-align: right;
    width: 100%;
  }
  body table#appMenu tr td #upTimeEntryMenu, body table#appMenu tr td #upApprovalMenu, body table#appMenu tr td.pageHeadMenu, body table#appMenu tr td.btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body table#appMenu tr td #upTimeEntryMenu a, body table#appMenu tr td #upTimeEntryMenu > input,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive input,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactiveClient input,
  body table#appMenu tr td #upTimeEntryMenu div#pnlFilter input, body table#appMenu tr td #upApprovalMenu a, body table#appMenu tr td #upApprovalMenu > input,
  body table#appMenu tr td #upApprovalMenu div#pnlInactive input,
  body table#appMenu tr td #upApprovalMenu div#pnlInactiveClient input,
  body table#appMenu tr td #upApprovalMenu div#pnlFilter input, body table#appMenu tr td.pageHeadMenu a, body table#appMenu tr td.pageHeadMenu > input,
  body table#appMenu tr td.pageHeadMenu div#pnlInactive input,
  body table#appMenu tr td.pageHeadMenu div#pnlInactiveClient input,
  body table#appMenu tr td.pageHeadMenu div#pnlFilter input, body table#appMenu tr td.btns a, body table#appMenu tr td.btns > input,
  body table#appMenu tr td.btns div#pnlInactive input,
  body table#appMenu tr td.btns div#pnlInactiveClient input,
  body table#appMenu tr td.btns div#pnlFilter input {
    margin: 1px;
    background-color: #eee;
    border-radius: 5px;
    top: 0;
    padding: 8px 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    -webkit-box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, 0.75);
            box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, 0.75);
    -webkit-transition: 0.25s all;
    transition: 0.25s all;
    max-width: 250px;
  }
  body table#appMenu tr td #upTimeEntryMenu a:hover, body table#appMenu tr td #upTimeEntryMenu > input:hover,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive input:hover,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactiveClient input:hover,
  body table#appMenu tr td #upTimeEntryMenu div#pnlFilter input:hover, body table#appMenu tr td #upApprovalMenu a:hover, body table#appMenu tr td #upApprovalMenu > input:hover,
  body table#appMenu tr td #upApprovalMenu div#pnlInactive input:hover,
  body table#appMenu tr td #upApprovalMenu div#pnlInactiveClient input:hover,
  body table#appMenu tr td #upApprovalMenu div#pnlFilter input:hover, body table#appMenu tr td.pageHeadMenu a:hover, body table#appMenu tr td.pageHeadMenu > input:hover,
  body table#appMenu tr td.pageHeadMenu div#pnlInactive input:hover,
  body table#appMenu tr td.pageHeadMenu div#pnlInactiveClient input:hover,
  body table#appMenu tr td.pageHeadMenu div#pnlFilter input:hover, body table#appMenu tr td.btns a:hover, body table#appMenu tr td.btns > input:hover,
  body table#appMenu tr td.btns div#pnlInactive input:hover,
  body table#appMenu tr td.btns div#pnlInactiveClient input:hover,
  body table#appMenu tr td.btns div#pnlFilter input:hover {
    -webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.75);
            box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.75);
    background-color: #fafaff;
    color: #000;
  }
  body table#appMenu tr td #upTimeEntryMenu a span, body table#appMenu tr td #upTimeEntryMenu > input span,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive input span,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactiveClient input span,
  body table#appMenu tr td #upTimeEntryMenu div#pnlFilter input span, body table#appMenu tr td #upApprovalMenu a span, body table#appMenu tr td #upApprovalMenu > input span,
  body table#appMenu tr td #upApprovalMenu div#pnlInactive input span,
  body table#appMenu tr td #upApprovalMenu div#pnlInactiveClient input span,
  body table#appMenu tr td #upApprovalMenu div#pnlFilter input span, body table#appMenu tr td.pageHeadMenu a span, body table#appMenu tr td.pageHeadMenu > input span,
  body table#appMenu tr td.pageHeadMenu div#pnlInactive input span,
  body table#appMenu tr td.pageHeadMenu div#pnlInactiveClient input span,
  body table#appMenu tr td.pageHeadMenu div#pnlFilter input span, body table#appMenu tr td.btns a span, body table#appMenu tr td.btns > input span,
  body table#appMenu tr td.btns div#pnlInactive input span,
  body table#appMenu tr td.btns div#pnlInactiveClient input span,
  body table#appMenu tr td.btns div#pnlFilter input span {
    color: #3c3c3c;
    top: 0;
    font-weight: normal;
  }
  body table#appMenu tr td #upTimeEntryMenu a img, body table#appMenu tr td #upTimeEntryMenu > input img,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive input img,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactiveClient input img,
  body table#appMenu tr td #upTimeEntryMenu div#pnlFilter input img, body table#appMenu tr td #upApprovalMenu a img, body table#appMenu tr td #upApprovalMenu > input img,
  body table#appMenu tr td #upApprovalMenu div#pnlInactive input img,
  body table#appMenu tr td #upApprovalMenu div#pnlInactiveClient input img,
  body table#appMenu tr td #upApprovalMenu div#pnlFilter input img, body table#appMenu tr td.pageHeadMenu a img, body table#appMenu tr td.pageHeadMenu > input img,
  body table#appMenu tr td.pageHeadMenu div#pnlInactive input img,
  body table#appMenu tr td.pageHeadMenu div#pnlInactiveClient input img,
  body table#appMenu tr td.pageHeadMenu div#pnlFilter input img, body table#appMenu tr td.btns a img, body table#appMenu tr td.btns > input img,
  body table#appMenu tr td.btns div#pnlInactive input img,
  body table#appMenu tr td.btns div#pnlInactiveClient input img,
  body table#appMenu tr td.btns div#pnlFilter input img {
    -webkit-filter: invert(0);
            filter: invert(0);
  }
  body table#appMenu tr td #upTimeEntryMenu a#btnSave, body table#appMenu tr td #upTimeEntryMenu > input#btnSave,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive input#btnSave,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactiveClient input#btnSave,
  body table#appMenu tr td #upTimeEntryMenu div#pnlFilter input#btnSave, body table#appMenu tr td #upApprovalMenu a#btnSave, body table#appMenu tr td #upApprovalMenu > input#btnSave,
  body table#appMenu tr td #upApprovalMenu div#pnlInactive input#btnSave,
  body table#appMenu tr td #upApprovalMenu div#pnlInactiveClient input#btnSave,
  body table#appMenu tr td #upApprovalMenu div#pnlFilter input#btnSave, body table#appMenu tr td.pageHeadMenu a#btnSave, body table#appMenu tr td.pageHeadMenu > input#btnSave,
  body table#appMenu tr td.pageHeadMenu div#pnlInactive input#btnSave,
  body table#appMenu tr td.pageHeadMenu div#pnlInactiveClient input#btnSave,
  body table#appMenu tr td.pageHeadMenu div#pnlFilter input#btnSave, body table#appMenu tr td.btns a#btnSave, body table#appMenu tr td.btns > input#btnSave,
  body table#appMenu tr td.btns div#pnlInactive input#btnSave,
  body table#appMenu tr td.btns div#pnlInactiveClient input#btnSave,
  body table#appMenu tr td.btns div#pnlFilter input#btnSave {
    padding: 8px 10px;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 1px 1px 10px -4px rgb(0, 0, 0);
            box-shadow: 1px 1px 10px -4px rgb(0, 0, 0);
  }
  body table#appMenu tr td #upTimeEntryMenu a, body table#appMenu tr td #upApprovalMenu a, body table#appMenu tr td.pageHeadMenu a, body table#appMenu tr td.btns a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body table#appMenu tr td #upTimeEntryMenu a div.img, body table#appMenu tr td #upApprovalMenu a div.img, body table#appMenu tr td.pageHeadMenu a div.img, body table#appMenu tr td.btns a div.img {
    background-color: transparent;
  }
  body table#appMenu tr td #upTimeEntryMenu a div.img img, body table#appMenu tr td #upApprovalMenu a div.img img, body table#appMenu tr td.pageHeadMenu a div.img img, body table#appMenu tr td.btns a div.img img {
    top: -2px;
    height: 24px;
    width: 24px;
  }
  body table#appMenu tr td #upTimeEntryMenu a span, body table#appMenu tr td #upApprovalMenu a span, body table#appMenu tr td.pageHeadMenu a span, body table#appMenu tr td.btns a span {
    font-size: 13px;
  }
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive,
  body table#appMenu tr td #upTimeEntryMenu div#pnlFilter, body table#appMenu tr td #upApprovalMenu div#pnlInactive,
  body table#appMenu tr td #upApprovalMenu div#pnlFilter, body table#appMenu tr td.pageHeadMenu div#pnlInactive,
  body table#appMenu tr td.pageHeadMenu div#pnlFilter, body table#appMenu tr td.btns div#pnlInactive,
  body table#appMenu tr td.btns div#pnlFilter {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactiveClient,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive.pnlSingle, body table#appMenu tr td #upApprovalMenu div#pnlInactiveClient,
  body table#appMenu tr td #upApprovalMenu div#pnlInactive.pnlSingle, body table#appMenu tr td.pageHeadMenu div#pnlInactiveClient,
  body table#appMenu tr td.pageHeadMenu div#pnlInactive.pnlSingle, body table#appMenu tr td.btns div#pnlInactiveClient,
  body table#appMenu tr td.btns div#pnlInactive.pnlSingle {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  body table#appMenu tr td #upTimeEntryMenu > input,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive input,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactiveClient input,
  body table#appMenu tr td #upTimeEntryMenu div#pnlFilter input,
  body table#appMenu tr td #upTimeEntryMenu .emailReminder, body table#appMenu tr td #upApprovalMenu > input,
  body table#appMenu tr td #upApprovalMenu div#pnlInactive input,
  body table#appMenu tr td #upApprovalMenu div#pnlInactiveClient input,
  body table#appMenu tr td #upApprovalMenu div#pnlFilter input,
  body table#appMenu tr td #upApprovalMenu .emailReminder, body table#appMenu tr td.pageHeadMenu > input,
  body table#appMenu tr td.pageHeadMenu div#pnlInactive input,
  body table#appMenu tr td.pageHeadMenu div#pnlInactiveClient input,
  body table#appMenu tr td.pageHeadMenu div#pnlFilter input,
  body table#appMenu tr td.pageHeadMenu .emailReminder, body table#appMenu tr td.btns > input,
  body table#appMenu tr td.btns div#pnlInactive input,
  body table#appMenu tr td.btns div#pnlInactiveClient input,
  body table#appMenu tr td.btns div#pnlFilter input,
  body table#appMenu tr td.btns .emailReminder {
    height: 36px;
    width: 100px;
    background-size: 20px;
    padding-right: 10px !important;
  }
  body table#appMenu tr td #upTimeEntryMenu > input#btnAddNewTaskCode,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactive input#btnAddNewTaskCode,
  body table#appMenu tr td #upTimeEntryMenu div#pnlInactiveClient input#btnAddNewTaskCode,
  body table#appMenu tr td #upTimeEntryMenu div#pnlFilter input#btnAddNewTaskCode,
  body table#appMenu tr td #upTimeEntryMenu .emailReminder#btnAddNewTaskCode, body table#appMenu tr td #upApprovalMenu > input#btnAddNewTaskCode,
  body table#appMenu tr td #upApprovalMenu div#pnlInactive input#btnAddNewTaskCode,
  body table#appMenu tr td #upApprovalMenu div#pnlInactiveClient input#btnAddNewTaskCode,
  body table#appMenu tr td #upApprovalMenu div#pnlFilter input#btnAddNewTaskCode,
  body table#appMenu tr td #upApprovalMenu .emailReminder#btnAddNewTaskCode, body table#appMenu tr td.pageHeadMenu > input#btnAddNewTaskCode,
  body table#appMenu tr td.pageHeadMenu div#pnlInactive input#btnAddNewTaskCode,
  body table#appMenu tr td.pageHeadMenu div#pnlInactiveClient input#btnAddNewTaskCode,
  body table#appMenu tr td.pageHeadMenu div#pnlFilter input#btnAddNewTaskCode,
  body table#appMenu tr td.pageHeadMenu .emailReminder#btnAddNewTaskCode, body table#appMenu tr td.btns > input#btnAddNewTaskCode,
  body table#appMenu tr td.btns div#pnlInactive input#btnAddNewTaskCode,
  body table#appMenu tr td.btns div#pnlInactiveClient input#btnAddNewTaskCode,
  body table#appMenu tr td.btns div#pnlFilter input#btnAddNewTaskCode,
  body table#appMenu tr td.btns .emailReminder#btnAddNewTaskCode {
    background-position: 38% 50%;
    font-weight: normal;
  }
  body table#appMenu tr td #upTimeEntryMenu div#pnlExport, body table#appMenu tr td #upApprovalMenu div#pnlExport, body table#appMenu tr td.pageHeadMenu div#pnlExport, body table#appMenu tr td.btns div#pnlExport {
    display: none;
    position: relative;
  }
  body table#appMenu tr td #upTimeEntryMenu img, body table#appMenu tr td #upApprovalMenu img, body table#appMenu tr td.pageHeadMenu img, body table#appMenu tr td.btns img {
    top: 0;
    margin-right: 4px;
    height: 20px;
    width: 20px;
  }
  body table#appMenu tr td.btns {
    margin-top: 3px;
  }
  body .timesheetContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body .filterBox {
    width: 100%;
    position: fixed;
    top: 92px;
    background: #fff;
    z-index: 1;
    padding: 0;
  }
  body #approvalTable .filterBox {
    max-height: unset;
    overflow: unset;
  }
  body div#myBinding #fieldContainer {
    max-height: 50px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.25s max-height, 0.25s -webkit-box-shadow;
    transition: 0.25s max-height, 0.25s -webkit-box-shadow;
    transition: 0.25s box-shadow, 0.25s max-height;
    transition: 0.25s box-shadow, 0.25s max-height, 0.25s -webkit-box-shadow;
    border-bottom: 1px solid #4682b4;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body div#myBinding #FilterCtrl_updDates {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2vw;
    height: 50px;
  }
  body div#myBinding #FilterCtrl_updDates a#FilterCtrl_btnWeekBack {
    position: relative;
    right: unset;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  body div#myBinding #FilterCtrl_updDates div#pnlWorkDate {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body div#myBinding #FilterCtrl_updDates a#FilterCtrl_btnWeekForward {
    position: relative;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    right: unset;
  }
  body div#myBinding #FilterCtrl_updDates > div select {
    width: auto;
  }
  body div#myBinding #FilterCtrl_updDates .FilterPanel {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body div#myBinding #FilterCtrl_updDates span.filterLabel {
    display: none;
  }
  body div#myBinding #FilterCtrl_updDates #FilterCtrl_ddlDateRange {
    opacity: 0;
    pointer-events: none;
  }
  body div#myBinding select {
    padding: 8px 10px;
    width: calc(100% - 20px);
  }
  body div#myBinding select#FilterCtrl_ddlDateRange {
    margin: 5px 5px 5px 0px;
  }
  body div#myBinding #FilterCtrl_btnWeekBack,
  body div#myBinding #FilterCtrl_btnWeekForward {
    position: absolute;
    width: 40px;
    padding: 20px;
    right: 0;
    text-align: center;
    top: 5%;
    background-image: url("../img/lightblue.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
    -webkit-transition: 0.25s -webkit-transform;
    transition: 0.25s -webkit-transform;
    transition: 0.25s transform;
    transition: 0.25s transform, 0.25s -webkit-transform;
  }
  body div#myBinding #FilterCtrl_btnWeekBack:active, body div#myBinding #FilterCtrl_btnWeekBack:hover,
  body div#myBinding #FilterCtrl_btnWeekForward:active,
  body div#myBinding #FilterCtrl_btnWeekForward:hover {
    -webkit-filter: brightness(1.25);
            filter: brightness(1.25);
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
  body div#myBinding #FilterCtrl_btnWeekForward {
    right: 0;
  }
  body div#myBinding #FilterCtrl_btnWeekForward:active, body div#myBinding #FilterCtrl_btnWeekForward:hover {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
  body div#myBinding #FilterCtrl_btnWeekBack {
    right: 245px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  body div#myBinding #FilterCtrl_btnWeekBack:active, body div#myBinding #FilterCtrl_btnWeekBack:hover {
    -webkit-transform: rotate(180deg) scale(1.1, 1.1);
            transform: rotate(180deg) scale(1.1, 1.1);
  }
  body div#myBinding #FilterCtrl_ibStartDate,
  body div#myBinding #FilterCtrl_ibEndDate,
  body div#myBinding #FilterCtrl_updClient,
  body div#myBinding #FilterCtrl_pnlFilterStatus,
  body div#myBinding #FilterCtrl_pnlFilterBillable,
  body div#myBinding #FilterCtrl_pnlTaskKey,
  body div#myBinding #FilterCtrl_pnlFilterPhase,
  body div#myBinding #FilterCtrl_updBillProject,
  body div#myBinding #FilterCtrl_pnlBillType,
  body div#myBinding #FilterCtrl_upClientContact,
  body div#myBinding #FilterCtrl_btbGetRecords {
    position: relative;
    width: 100%;
    height: auto;
    margin: 5px 0;
  }
  body div#myBinding #FilterCtrl_ibStartDate,
  body div#myBinding #FilterCtrl_ibEndDate {
    position: absolute;
    top: -1px;
    z-index: 2;
    display: none;
    height: 24px !important;
    width: 32px !important;
  }
  body div#myBinding #FilterCtrl_updClient .FilterPanel {
    margin-top: 5px;
  }
  body div#myBinding #FilterCtrl_pnlFilterStatus, body div#myBinding #FilterCtrl_pnlFilterBillable {
    width: 48%;
  }
  body div#myBinding #FilterCtrl_pnlFilterStatus .grid, body div#myBinding #FilterCtrl_pnlFilterBillable .grid {
    width: 100%;
    background-color: #fff;
  }
  body div#myBinding #FilterCtrl_pnlFilterStatus .grid div, body div#myBinding #FilterCtrl_pnlFilterBillable .grid div {
    width: 100%;
  }
  body div#myBinding #FilterCtrl_pnlTaskKey {
    width: 48%;
  }
  body div#myBinding #FilterCtrl_pnlTaskKey input {
    width: 100%;
    padding: 8px 10px;
  }
  body div#myBinding #FilterCtrl_pnlFilterPhase {
    width: 48%;
  }
  body div#myBinding #FilterCtrl_pnlFilterPhase select {
    width: 100%;
  }
  body div#myBinding #FilterCtrl_btbGetRecords {
    height: 40px;
    width: calc(100% - 30px) !important;
    left: 15px;
    border: none;
    padding: 8px;
    border-radius: 5px;
    background-color: #4682b4;
    font-weight: normal !important;
    color: #fff;
    -webkit-box-shadow: 2px 2px 5px #999;
            box-shadow: 2px 2px 5px #999;
  }
  body div#myBinding .dateRangeContainer {
    margin: 3px 0 4px;
    position: absolute;
    width: 100%;
  }
  body div#myBinding.open #fieldContainer {
    background-color: #efefef;
    max-height: calc(100vh - 180px);
    overflow: auto;
    padding-bottom: 20px;
  }
  body div#myBinding.open #fieldContainer #FilterCtrl_ibStartDate,
  body div#myBinding.open #fieldContainer #FilterCtrl_ibEndDate {
    display: inline-block;
    position: relative;
  }
  body div#myBinding.open #fieldContainer #FilterCtrl_updDates .particle {
    display: none;
  }
  body div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnStartDate,
  body div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnEndDate {
    top: 6px;
    height: 35px;
    width: 100px;
  }
  body div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnStartDate input,
  body div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnEndDate input {
    height: 100%;
    width: 100%;
    font-size: 10pt;
  }
  body div#myBinding.open #fieldContainer #FilterCtrl_updDates #FilterCtrl_ddlDateRange {
    opacity: 1;
    pointer-events: all;
  }
  body div#myBinding:not(.open) input {
    border: none;
    font-weight: bold;
    padding: 0;
    font-size: 10pt;
    pointer-events: none;
    text-align: center;
    width: 80px;
    background-color: transparent;
  }
  body div#myBinding #FilterCtrl_calendarStartDate_container,
  body div#myBinding #FilterCtrl_calendarEndDate_container {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
  }
  body div#upTimesheet,
  body div#updTasks,
  body div#updUsers,
  body div#updClients,
  body div#updProjects,
  body div#updHours,
  body div#updBillables,
  body table.adminMenu + table {
    width: 100%;
    max-width: 100vw;
    overflow: auto;
    position: relative;
    top: 142px;
    height: calc(100vh - 205px);
    height: calc(100dvh - 205px);
  }
  body div#updUsers,
  body div#updClients,
  body div#updProjects,
  body div#updHours,
  body div#updBillables,
  body div#invoiceFrame,
  body table.adminMenu + table {
    top: 92px;
    height: calc(100% - 92px);
  }
  body div#invoiceFrame {
    height: calc(100vh - 156px);
  }
  body .adminMenu tr td {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  body .particle {
    text-align: center;
    display: block;
    position: absolute;
    right: 130px;
    width: 25px;
    top: 16px;
  }
  body #CtrlTimesheet_msg {
    width: 100vw;
    margin: 5px 0;
  }
  body .displayAdv {
    display: inline-block;
  }
  body .open .displayAdv {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  body .active .displayAdv {
    -webkit-animation: closeShelf 0.5s;
            animation: closeShelf 0.5s;
  }
  body .open.active .displayAdv {
    -webkit-animation: openShelf 0.5s;
            animation: openShelf 0.5s;
  }
  .TSB #mobileHeader, .APR #mobileHeader, .AB #mobileHeader, .HAB #mobileHeader, .ISB #mobileHeader, .ADB #mobileHeader, .MBB #mobileHeader {
    position: fixed;
    z-index: 2;
  }
  .TSB #appMenu, .APR #appMenu, .AB #appMenu, .HAB #appMenu, .ISB #appMenu, .ADB #appMenu, .MBB #appMenu {
    position: fixed;
    top: 42px;
    z-index: 1;
  }
  .TSB.modal-open #appMenu, .APR.modal-open #appMenu, .AB.modal-open #appMenu, .HAB.modal-open #appMenu, .ISB.modal-open #appMenu, .ADB.modal-open #appMenu, .MBB.modal-open #appMenu {
    z-index: 1041;
    background-color: #6f6f6f;
  }
  .TSB.modal-open #appMenu td > input, .TSB.modal-open #appMenu td > a, .APR.modal-open #appMenu td > input, .APR.modal-open #appMenu td > a, .AB.modal-open #appMenu td > input, .AB.modal-open #appMenu td > a, .HAB.modal-open #appMenu td > input, .HAB.modal-open #appMenu td > a, .ISB.modal-open #appMenu td > input, .ISB.modal-open #appMenu td > a, .ADB.modal-open #appMenu td > input, .ADB.modal-open #appMenu td > a, .MBB.modal-open #appMenu td > input, .MBB.modal-open #appMenu td > a {
    opacity: 0.3;
  }
  .TSB.modal-open #appMenu td > div:not(.modal), .APR.modal-open #appMenu td > div:not(.modal), .AB.modal-open #appMenu td > div:not(.modal), .HAB.modal-open #appMenu td > div:not(.modal), .ISB.modal-open #appMenu td > div:not(.modal), .ADB.modal-open #appMenu td > div:not(.modal), .MBB.modal-open #appMenu td > div:not(.modal) {
    opacity: 0.3;
  }
  .TSB.modal-open #appMenu .modal-body ul, .APR.modal-open #appMenu .modal-body ul, .AB.modal-open #appMenu .modal-body ul, .HAB.modal-open #appMenu .modal-body ul, .ISB.modal-open #appMenu .modal-body ul, .ADB.modal-open #appMenu .modal-body ul, .MBB.modal-open #appMenu .modal-body ul {
    max-height: 60vh;
    overflow: auto;
  }
  .TSB.modal-open #appMenu .modal-body ul li, .APR.modal-open #appMenu .modal-body ul li, .AB.modal-open #appMenu .modal-body ul li, .HAB.modal-open #appMenu .modal-body ul li, .ISB.modal-open #appMenu .modal-body ul li, .ADB.modal-open #appMenu .modal-body ul li, .MBB.modal-open #appMenu .modal-body ul li {
    position: relative;
  }
  .UAB #appMenu, .TEB #appMenu {
    position: sticky;
    top: 0;
  }
  .UAB #appMenu td:last-child, .TEB #appMenu td:last-child {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: auto !important;
  }
  body.APR form#form1 table#approvalTable tbody tr td.entriesTable div#updTasks {
    width: 100vw;
    top: 142px;
    max-height: calc(100vh - 205px);
    max-height: calc(100dvh - 205px);
    background-color: #fff;
  }
  .AB #adminContentTable, .HAB #adminContentTable {
    top: 92px;
    position: relative;
  }
  .AB #adminMenu, .HAB #adminMenu {
    background-color: #fff;
    position: absolute;
    left: 0;
    margin-top: 0;
  }
  .AB div#myBinding #fieldContainer, .HAB div#myBinding #fieldContainer {
    max-height: 50px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.25s max-height, 0.25s -webkit-box-shadow;
    transition: 0.25s max-height, 0.25s -webkit-box-shadow;
    transition: 0.25s box-shadow, 0.25s max-height;
    transition: 0.25s box-shadow, 0.25s max-height, 0.25s -webkit-box-shadow;
    border-bottom: 1px solid #4682b4;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .AB div#myBinding #FilterCtrl_updDates, .HAB div#myBinding #FilterCtrl_updDates {
    width: 100%;
    position: relative;
  }
  .AB div#myBinding #FilterCtrl_updDates > div select, .HAB div#myBinding #FilterCtrl_updDates > div select {
    width: auto;
  }
  .AB div#myBinding #FilterCtrl_updDates .FilterPanel, .HAB div#myBinding #FilterCtrl_updDates .FilterPanel {
    width: 80px;
    position: absolute;
    top: 30%;
  }
  .AB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .HAB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate {
    right: 160px;
  }
  .AB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .HAB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate {
    right: 45px;
  }
  .AB div#myBinding #FilterCtrl_updDates span.filterLabel, .HAB div#myBinding #FilterCtrl_updDates span.filterLabel {
    display: none;
  }
  .AB div#myBinding #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .HAB div#myBinding #FilterCtrl_updDates #FilterCtrl_ddlDateRange {
    opacity: 0;
    pointer-events: none;
  }
  .AB div#myBinding select, .HAB div#myBinding select {
    padding: 8px 10px;
    width: calc(100% - 20px);
  }
  .AB div#myBinding select#FilterCtrl_ddlDateRange, .HAB div#myBinding select#FilterCtrl_ddlDateRange {
    margin: 5px 5px 5px 0px;
  }
  .AB div#myBinding #FilterCtrl_btnWeekBack,
  .AB div#myBinding #FilterCtrl_btnWeekForward, .HAB div#myBinding #FilterCtrl_btnWeekBack,
  .HAB div#myBinding #FilterCtrl_btnWeekForward {
    position: absolute;
    width: 40px;
    padding: 20px;
    right: 0;
    text-align: center;
    top: 5%;
    background-image: url("../img/lightblue.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
    -webkit-transition: 0.25s -webkit-transform;
    transition: 0.25s -webkit-transform;
    transition: 0.25s transform;
    transition: 0.25s transform, 0.25s -webkit-transform;
  }
  .AB div#myBinding #FilterCtrl_btnWeekBack:active, .AB div#myBinding #FilterCtrl_btnWeekBack:hover,
  .AB div#myBinding #FilterCtrl_btnWeekForward:active,
  .AB div#myBinding #FilterCtrl_btnWeekForward:hover, .HAB div#myBinding #FilterCtrl_btnWeekBack:active, .HAB div#myBinding #FilterCtrl_btnWeekBack:hover,
  .HAB div#myBinding #FilterCtrl_btnWeekForward:active,
  .HAB div#myBinding #FilterCtrl_btnWeekForward:hover {
    -webkit-filter: brightness(1.25);
            filter: brightness(1.25);
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
  .AB div#myBinding #FilterCtrl_btnWeekForward, .HAB div#myBinding #FilterCtrl_btnWeekForward {
    right: 0;
  }
  .AB div#myBinding #FilterCtrl_btnWeekForward:active, .AB div#myBinding #FilterCtrl_btnWeekForward:hover, .HAB div#myBinding #FilterCtrl_btnWeekForward:active, .HAB div#myBinding #FilterCtrl_btnWeekForward:hover {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
  .AB div#myBinding #FilterCtrl_btnWeekBack, .HAB div#myBinding #FilterCtrl_btnWeekBack {
    right: 245px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .AB div#myBinding #FilterCtrl_btnWeekBack:active, .AB div#myBinding #FilterCtrl_btnWeekBack:hover, .HAB div#myBinding #FilterCtrl_btnWeekBack:active, .HAB div#myBinding #FilterCtrl_btnWeekBack:hover {
    -webkit-transform: rotate(180deg) scale(1.1, 1.1);
            transform: rotate(180deg) scale(1.1, 1.1);
  }
  .AB div#myBinding #FilterCtrl_ibStartDate,
  .AB div#myBinding #FilterCtrl_ibEndDate,
  .AB div#myBinding #FilterCtrl_updClient,
  .AB div#myBinding #FilterCtrl_pnlFilterStatus,
  .AB div#myBinding #FilterCtrl_pnlFilterBillable,
  .AB div#myBinding #FilterCtrl_pnlTaskKey,
  .AB div#myBinding #FilterCtrl_pnlFilterPhase,
  .AB div#myBinding #FilterCtrl_updBillProject,
  .AB div#myBinding #FilterCtrl_pnlBillType,
  .AB div#myBinding #FilterCtrl_upClientContact,
  .AB div#myBinding #FilterCtrl_btbGetRecords, .HAB div#myBinding #FilterCtrl_ibStartDate,
  .HAB div#myBinding #FilterCtrl_ibEndDate,
  .HAB div#myBinding #FilterCtrl_updClient,
  .HAB div#myBinding #FilterCtrl_pnlFilterStatus,
  .HAB div#myBinding #FilterCtrl_pnlFilterBillable,
  .HAB div#myBinding #FilterCtrl_pnlTaskKey,
  .HAB div#myBinding #FilterCtrl_pnlFilterPhase,
  .HAB div#myBinding #FilterCtrl_updBillProject,
  .HAB div#myBinding #FilterCtrl_pnlBillType,
  .HAB div#myBinding #FilterCtrl_upClientContact,
  .HAB div#myBinding #FilterCtrl_btbGetRecords {
    position: relative;
    width: 100%;
    height: auto;
    margin: 5px 0;
  }
  .AB div#myBinding #FilterCtrl_ibStartDate,
  .AB div#myBinding #FilterCtrl_ibEndDate, .HAB div#myBinding #FilterCtrl_ibStartDate,
  .HAB div#myBinding #FilterCtrl_ibEndDate {
    position: absolute;
    top: -1px;
    z-index: 2;
    display: none;
    height: 24px !important;
    width: 32px !important;
  }
  .AB div#myBinding #FilterCtrl_updClient .FilterPanel, .HAB div#myBinding #FilterCtrl_updClient .FilterPanel {
    margin-top: 5px;
  }
  .AB div#myBinding #FilterCtrl_pnlFilterStatus, .AB div#myBinding #FilterCtrl_pnlFilterBillable, .HAB div#myBinding #FilterCtrl_pnlFilterStatus, .HAB div#myBinding #FilterCtrl_pnlFilterBillable {
    width: 48%;
  }
  .AB div#myBinding #FilterCtrl_pnlFilterStatus .grid, .AB div#myBinding #FilterCtrl_pnlFilterBillable .grid, .HAB div#myBinding #FilterCtrl_pnlFilterStatus .grid, .HAB div#myBinding #FilterCtrl_pnlFilterBillable .grid {
    width: 100%;
    background-color: #fff;
  }
  .AB div#myBinding #FilterCtrl_pnlFilterStatus .grid div, .AB div#myBinding #FilterCtrl_pnlFilterBillable .grid div, .HAB div#myBinding #FilterCtrl_pnlFilterStatus .grid div, .HAB div#myBinding #FilterCtrl_pnlFilterBillable .grid div {
    width: 100%;
  }
  .AB div#myBinding #FilterCtrl_pnlTaskKey, .HAB div#myBinding #FilterCtrl_pnlTaskKey {
    width: 48%;
  }
  .AB div#myBinding #FilterCtrl_pnlTaskKey input, .HAB div#myBinding #FilterCtrl_pnlTaskKey input {
    width: 100%;
    padding: 8px 10px;
  }
  .AB div#myBinding #FilterCtrl_pnlFilterPhase, .HAB div#myBinding #FilterCtrl_pnlFilterPhase {
    width: 48%;
  }
  .AB div#myBinding #FilterCtrl_pnlFilterPhase select, .HAB div#myBinding #FilterCtrl_pnlFilterPhase select {
    width: 100%;
  }
  .AB div#myBinding #FilterCtrl_btbGetRecords, .HAB div#myBinding #FilterCtrl_btbGetRecords {
    height: 40px;
    width: calc(100% - 30px) !important;
    left: 15px;
    border: none;
    padding: 8px;
    border-radius: 5px;
    background-color: #4682b4;
    font-weight: normal !important;
    color: #fff;
    -webkit-box-shadow: 2px 2px 5px #999;
            box-shadow: 2px 2px 5px #999;
  }
  .AB div#myBinding .dateRangeContainer, .HAB div#myBinding .dateRangeContainer {
    margin: 3px 0 4px;
  }
  .AB div#myBinding.open #fieldContainer, .HAB div#myBinding.open #fieldContainer {
    background-color: #efefef;
    max-height: calc(100vh - 180px);
    overflow: auto;
    padding-bottom: 20px;
  }
  .AB div#myBinding.open #fieldContainer #FilterCtrl_ibStartDate,
  .AB div#myBinding.open #fieldContainer #FilterCtrl_ibEndDate, .HAB div#myBinding.open #fieldContainer #FilterCtrl_ibStartDate,
  .HAB div#myBinding.open #fieldContainer #FilterCtrl_ibEndDate {
    display: inline-block;
  }
  .AB div#myBinding.open #fieldContainer input#FilterCtrl_tbStartDate, .AB div#myBinding.open #fieldContainer input#FilterCtrl_tbEndDate, .HAB div#myBinding.open #fieldContainer input#FilterCtrl_tbStartDate, .HAB div#myBinding.open #fieldContainer input#FilterCtrl_tbEndDate {
    width: 64px;
  }
  .AB div#myBinding.open #fieldContainer #FilterCtrl_updDates .particle, .HAB div#myBinding.open #fieldContainer #FilterCtrl_updDates .particle {
    display: none;
    right: 141px;
  }
  .AB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .AB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnEndDate, .HAB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .HAB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnEndDate {
    top: 6px;
    height: 35px;
    width: 100px;
    right: 45px;
  }
  .AB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnStartDate input,
  .AB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnEndDate input, .HAB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnStartDate input,
  .HAB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnEndDate input {
    height: 100%;
    width: 100%;
    font-size: 10pt;
  }
  .AB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnStartDate, .HAB div#myBinding.open #fieldContainer #FilterCtrl_updDates .FilterPanel#pnStartDate {
    right: 162px;
  }
  .AB div#myBinding.open #fieldContainer #FilterCtrl_updDates #FilterCtrl_btnWeekBack, .HAB div#myBinding.open #fieldContainer #FilterCtrl_updDates #FilterCtrl_btnWeekBack {
    right: 267px;
  }
  .AB div#myBinding.open #fieldContainer #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .HAB div#myBinding.open #fieldContainer #FilterCtrl_updDates #FilterCtrl_ddlDateRange {
    opacity: 1;
    pointer-events: all;
  }
  .AB div#myBinding:not(.open) input, .HAB div#myBinding:not(.open) input {
    border: none;
    font-weight: bold;
    padding: 0;
    font-size: 10pt;
    pointer-events: none;
    text-align: center;
    width: 100%;
    background-color: transparent;
  }
  .AB div#myBinding #FilterCtrl_calendarStartDate_container,
  .AB div#myBinding #FilterCtrl_calendarEndDate_container, .HAB div#myBinding #FilterCtrl_calendarStartDate_container,
  .HAB div#myBinding #FilterCtrl_calendarEndDate_container {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
  }
  .UAB div#editTbl {
    width: 100%;
  }
  .UAB div#editTbl > span {
    width: 29%;
  }
  .UAB div#editTbl > span:nth-child(even) {
    width: 69%;
  }
  .UAB div#editTbl > span input, .UAB div#editTbl > span select {
    max-width: 300px;
  }
  .UAB div#dvCompTable {
    width: 100%;
  }
  #topMenu {
    position: fixed;
    bottom: 0;
    max-width: 100vw;
    overflow: hidden;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: space-around;
        -ms-flex-align: space-around;
            align-items: space-around;
    overflow: visible;
    z-index: 9000;
  }
  #topMenu .dropdown .dropdown-menu {
    top: unset;
    bottom: 32px;
  }
  #topMenu .dropdown .dropdown-menu button, #topMenu .dropdown .dropdown-menu a {
    padding: 20px !important;
    height: unset !important;
  }
  #topMenu > div.tr {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #topMenu > div.tr > .td {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #topMenu > div.tr > .td > a {
    font-size: 8px;
    margin: 0 !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  #topMenu > div.tr > .td > a div.img {
    margin: 0;
    height: 32px;
    width: 32px;
  }
  #topMenu > div.tr > .td > a label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 0;
  }
  #topMenu > div.tr > .td > a label span {
    line-height: 16px;
  }
  #topMenu > div.tr > .td > a label::after, #topMenu > div.tr > .td > a label::before {
    display: none;
  }
  #topMenu > div.tr > .td > a#userMobile {
    display: block;
  }
  #topMenu > div.tr > .td > a:hover {
    background-color: #fff;
  }
  #topMenu > div.tr > .td > a.selected label {
    background-color: #fff;
    border-bottom: 4px solid #4682b4;
    padding-bottom: 4px;
  }
  #topMenu > div.tr > .td > a.selected label div.img#headerTimeEntryButton {
    background-image: url("../img/Menu_Time Entry2_selected.svg");
  }
  #topMenu > div.tr > .td > a.selected label div.img#headerApprovalButton {
    background-image: url("../img/Menu_Approval2_selected.svg");
  }
  #topMenu > div.tr > .td > a.selected label div.img#headerInvoicesButton {
    background-image: url("../img/Menu_Invoice2_selected.svg");
  }
  #topMenu > div.tr > .td > a.selected label div.img#headerAdminButton {
    background-image: url("../img/Menu_Admin2_selected.svg");
  }
  #topMenu > div.tr > .td > a.selected label div.img#headerForumButton {
    background-image: url("../img/Menu_Forum_selected.svg");
  }
  #topMenu > div.tr > .tr {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #topMenu > div.tr > .tr > .td {
    width: auto;
    position: absolute;
    right: 0;
  }
  #topMenu > div.tr > .tr > .td #dropdownMenu1 {
    display: none;
  }
  #topMenu > div.tr > .tr > .td > a {
    font-size: 0;
    margin: 0 3vw;
  }
  body {
    padding-bottom: 64px;
  }
  .TSB div.footerGrid {
    width: 100%;
    left: 0;
    bottom: 62px;
    max-width: 100%;
    overflow: auto;
  }
  .TSB div.footerGrid span {
    font-size: 8pt;
  }
  .TSB div.footerGrid span b.mobile {
    display: inline-block;
  }
  .TSB div.footerGrid span b.desktop {
    display: none;
  }
  .TSB div.footerGrid span label.mobile {
    display: inline-block;
  }
  .TSB div.footerGrid span label.desktop {
    display: none;
  }
  .TSB div.footerGrid #divRank {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 1190px) {
  #btnEmailReminder {
    margin-right: 0;
    padding-right: 0;
  }
  #btnEmailReminder span {
    display: none;
  }
  #btnEmailReminder img {
    margin: 0;
  }
  #appMenu .calendar-row span.start-date, #appMenu .calendar-row span.end-date {
    display: none;
  }
  #appMenu .calendar-row span.sdMobile, #appMenu .calendar-row span.edMobile {
    display: inline;
  }
  .previous-btn span {
    display: none;
  }
  table#appMenu.adminMenu #hoursAdminFields > * {
    padding: 0 5px;
  }
  table#appMenu.adminMenu #hoursAdminFields > *:first-child {
    padding-left: 15px;
  }
  table#appMenu.adminMenu #hoursAdminFields > *:last-child {
    padding-right: 10px !important;
  }
  table#appMenu.adminMenu #hoursAdminFields > *:last-child a {
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 865px) {
  #appMenu.adminMenu td#hoursToggle {
    display: table-cell;
  }
  #appMenu.adminMenu tr#hoursAdminFields {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #appMenu.adminMenu tr#hoursAdminFields .hours {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-color: #efefef;
    border-bottom: 1px solid #4682b4;
  }
  #appMenu.adminMenu tr#hoursAdminFields .hours > div {
    margin: 10px;
  }
  #appMenu.adminMenu tr#hoursAdminFields.open .hours {
    max-height: 100px;
  }
  #appMenu.adminMenu tr#hoursAdminFields.open .displayAdv {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    background-color: #fff;
    border-color: #4682b4;
  }
}
@media only screen and (max-width: 675px) {
  #appMenu.adminMenu #hoursAdminFields.open .hours {
    max-height: 200px;
    height: 100px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 560px) {
  .TSB table#appMenu tr > td a, .TEB table#appMenu tr > td a, .APR table#appMenu tr > td a, .AB table#appMenu tr > td a, .HAB table#appMenu tr > td a, .UAB table#appMenu tr > td a, .ISB table#appMenu tr > td a, .ADB table#appMenu tr > td a, .MBB table#appMenu tr > td a {
    padding: 8px 4px;
  }
  .TSB table#appMenu tr > td a#btnEmailReminder img, .TEB table#appMenu tr > td a#btnEmailReminder img, .APR table#appMenu tr > td a#btnEmailReminder img, .AB table#appMenu tr > td a#btnEmailReminder img, .HAB table#appMenu tr > td a#btnEmailReminder img, .UAB table#appMenu tr > td a#btnEmailReminder img, .ISB table#appMenu tr > td a#btnEmailReminder img, .ADB table#appMenu tr > td a#btnEmailReminder img, .MBB table#appMenu tr > td a#btnEmailReminder img {
    display: inline;
  }
  .TSB table#appMenu tr > td div#pnlExport, .TEB table#appMenu tr > td div#pnlExport, .APR table#appMenu tr > td div#pnlExport, .AB table#appMenu tr > td div#pnlExport, .HAB table#appMenu tr > td div#pnlExport, .UAB table#appMenu tr > td div#pnlExport, .ISB table#appMenu tr > td div#pnlExport, .ADB table#appMenu tr > td div#pnlExport, .MBB table#appMenu tr > td div#pnlExport {
    top: 9px;
  }
  .TSB table#appMenu tr > td div#pnlExport a, .TEB table#appMenu tr > td div#pnlExport a, .APR table#appMenu tr > td div#pnlExport a, .AB table#appMenu tr > td div#pnlExport a, .HAB table#appMenu tr > td div#pnlExport a, .UAB table#appMenu tr > td div#pnlExport a, .ISB table#appMenu tr > td div#pnlExport a, .ADB table#appMenu tr > td div#pnlExport a, .MBB table#appMenu tr > td div#pnlExport a {
    padding: 8px 4px;
  }
  .TSB div#myBinding #FilterCtrl_updDates .particle, .TEB div#myBinding #FilterCtrl_updDates .particle, .APR div#myBinding #FilterCtrl_updDates .particle, .AB div#myBinding #FilterCtrl_updDates .particle, .HAB div#myBinding #FilterCtrl_updDates .particle, .UAB div#myBinding #FilterCtrl_updDates .particle, .ISB div#myBinding #FilterCtrl_updDates .particle, .ADB div#myBinding #FilterCtrl_updDates .particle, .MBB div#myBinding #FilterCtrl_updDates .particle {
    display: none;
  }
  .TSB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .TEB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .APR div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .AB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .HAB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .UAB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .ISB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .ADB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate, .MBB div#myBinding #FilterCtrl_updDates .FilterPanel#pnStartDate {
    right: 38px;
    top: 2px;
  }
  .TSB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .TEB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .APR div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .AB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .HAB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .UAB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .ISB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .ADB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate, .MBB div#myBinding #FilterCtrl_updDates .FilterPanel#pnEndDate {
    right: 38px;
    top: 25px;
  }
  .TSB div#myBinding #FilterCtrl_btnWeekBack,
  .TSB div#myBinding #FilterCtrl_btnWeekForward, .TEB div#myBinding #FilterCtrl_btnWeekBack,
  .TEB div#myBinding #FilterCtrl_btnWeekForward, .APR div#myBinding #FilterCtrl_btnWeekBack,
  .APR div#myBinding #FilterCtrl_btnWeekForward, .AB div#myBinding #FilterCtrl_btnWeekBack,
  .AB div#myBinding #FilterCtrl_btnWeekForward, .HAB div#myBinding #FilterCtrl_btnWeekBack,
  .HAB div#myBinding #FilterCtrl_btnWeekForward, .UAB div#myBinding #FilterCtrl_btnWeekBack,
  .UAB div#myBinding #FilterCtrl_btnWeekForward, .ISB div#myBinding #FilterCtrl_btnWeekBack,
  .ISB div#myBinding #FilterCtrl_btnWeekForward, .ADB div#myBinding #FilterCtrl_btnWeekBack,
  .ADB div#myBinding #FilterCtrl_btnWeekForward, .MBB div#myBinding #FilterCtrl_btnWeekBack,
  .MBB div#myBinding #FilterCtrl_btnWeekForward {
    top: 0px;
    height: 100%;
    width: 10px;
    padding: 14px;
  }
  .TSB div#myBinding #FilterCtrl_updClient,
  .TSB div#myBinding #FilterCtrl_pnlFilterStatus,
  .TSB div#myBinding #FilterCtrl_pnlFilterBillable,
  .TSB div#myBinding #FilterCtrl_pnlTaskKey,
  .TSB div#myBinding #FilterCtrl_pnlFilterPhase,
  .TSB div#myBinding #FilterCtrl_updBillProject,
  .TSB div#myBinding #FilterCtrl_pnlBillType,
  .TSB div#myBinding #FilterCtrl_upClientContact,
  .TSB div#myBinding #FilterCtrl_btbGetRecords, .TEB div#myBinding #FilterCtrl_updClient,
  .TEB div#myBinding #FilterCtrl_pnlFilterStatus,
  .TEB div#myBinding #FilterCtrl_pnlFilterBillable,
  .TEB div#myBinding #FilterCtrl_pnlTaskKey,
  .TEB div#myBinding #FilterCtrl_pnlFilterPhase,
  .TEB div#myBinding #FilterCtrl_updBillProject,
  .TEB div#myBinding #FilterCtrl_pnlBillType,
  .TEB div#myBinding #FilterCtrl_upClientContact,
  .TEB div#myBinding #FilterCtrl_btbGetRecords, .APR div#myBinding #FilterCtrl_updClient,
  .APR div#myBinding #FilterCtrl_pnlFilterStatus,
  .APR div#myBinding #FilterCtrl_pnlFilterBillable,
  .APR div#myBinding #FilterCtrl_pnlTaskKey,
  .APR div#myBinding #FilterCtrl_pnlFilterPhase,
  .APR div#myBinding #FilterCtrl_updBillProject,
  .APR div#myBinding #FilterCtrl_pnlBillType,
  .APR div#myBinding #FilterCtrl_upClientContact,
  .APR div#myBinding #FilterCtrl_btbGetRecords, .AB div#myBinding #FilterCtrl_updClient,
  .AB div#myBinding #FilterCtrl_pnlFilterStatus,
  .AB div#myBinding #FilterCtrl_pnlFilterBillable,
  .AB div#myBinding #FilterCtrl_pnlTaskKey,
  .AB div#myBinding #FilterCtrl_pnlFilterPhase,
  .AB div#myBinding #FilterCtrl_updBillProject,
  .AB div#myBinding #FilterCtrl_pnlBillType,
  .AB div#myBinding #FilterCtrl_upClientContact,
  .AB div#myBinding #FilterCtrl_btbGetRecords, .HAB div#myBinding #FilterCtrl_updClient,
  .HAB div#myBinding #FilterCtrl_pnlFilterStatus,
  .HAB div#myBinding #FilterCtrl_pnlFilterBillable,
  .HAB div#myBinding #FilterCtrl_pnlTaskKey,
  .HAB div#myBinding #FilterCtrl_pnlFilterPhase,
  .HAB div#myBinding #FilterCtrl_updBillProject,
  .HAB div#myBinding #FilterCtrl_pnlBillType,
  .HAB div#myBinding #FilterCtrl_upClientContact,
  .HAB div#myBinding #FilterCtrl_btbGetRecords, .UAB div#myBinding #FilterCtrl_updClient,
  .UAB div#myBinding #FilterCtrl_pnlFilterStatus,
  .UAB div#myBinding #FilterCtrl_pnlFilterBillable,
  .UAB div#myBinding #FilterCtrl_pnlTaskKey,
  .UAB div#myBinding #FilterCtrl_pnlFilterPhase,
  .UAB div#myBinding #FilterCtrl_updBillProject,
  .UAB div#myBinding #FilterCtrl_pnlBillType,
  .UAB div#myBinding #FilterCtrl_upClientContact,
  .UAB div#myBinding #FilterCtrl_btbGetRecords, .ISB div#myBinding #FilterCtrl_updClient,
  .ISB div#myBinding #FilterCtrl_pnlFilterStatus,
  .ISB div#myBinding #FilterCtrl_pnlFilterBillable,
  .ISB div#myBinding #FilterCtrl_pnlTaskKey,
  .ISB div#myBinding #FilterCtrl_pnlFilterPhase,
  .ISB div#myBinding #FilterCtrl_updBillProject,
  .ISB div#myBinding #FilterCtrl_pnlBillType,
  .ISB div#myBinding #FilterCtrl_upClientContact,
  .ISB div#myBinding #FilterCtrl_btbGetRecords, .ADB div#myBinding #FilterCtrl_updClient,
  .ADB div#myBinding #FilterCtrl_pnlFilterStatus,
  .ADB div#myBinding #FilterCtrl_pnlFilterBillable,
  .ADB div#myBinding #FilterCtrl_pnlTaskKey,
  .ADB div#myBinding #FilterCtrl_pnlFilterPhase,
  .ADB div#myBinding #FilterCtrl_updBillProject,
  .ADB div#myBinding #FilterCtrl_pnlBillType,
  .ADB div#myBinding #FilterCtrl_upClientContact,
  .ADB div#myBinding #FilterCtrl_btbGetRecords, .MBB div#myBinding #FilterCtrl_updClient,
  .MBB div#myBinding #FilterCtrl_pnlFilterStatus,
  .MBB div#myBinding #FilterCtrl_pnlFilterBillable,
  .MBB div#myBinding #FilterCtrl_pnlTaskKey,
  .MBB div#myBinding #FilterCtrl_pnlFilterPhase,
  .MBB div#myBinding #FilterCtrl_updBillProject,
  .MBB div#myBinding #FilterCtrl_pnlBillType,
  .MBB div#myBinding #FilterCtrl_upClientContact,
  .MBB div#myBinding #FilterCtrl_btbGetRecords {
    top: 40px;
  }
  .TSB div#myBinding #FilterCtrl_pnlFilterStatus, .TEB div#myBinding #FilterCtrl_pnlFilterStatus, .APR div#myBinding #FilterCtrl_pnlFilterStatus, .AB div#myBinding #FilterCtrl_pnlFilterStatus, .HAB div#myBinding #FilterCtrl_pnlFilterStatus, .UAB div#myBinding #FilterCtrl_pnlFilterStatus, .ISB div#myBinding #FilterCtrl_pnlFilterStatus, .ADB div#myBinding #FilterCtrl_pnlFilterStatus, .MBB div#myBinding #FilterCtrl_pnlFilterStatus {
    width: 100%;
  }
  .TSB div#myBinding #FilterCtrl_pnlFilterStatus table.grid, .TEB div#myBinding #FilterCtrl_pnlFilterStatus table.grid, .APR div#myBinding #FilterCtrl_pnlFilterStatus table.grid, .AB div#myBinding #FilterCtrl_pnlFilterStatus table.grid, .HAB div#myBinding #FilterCtrl_pnlFilterStatus table.grid, .UAB div#myBinding #FilterCtrl_pnlFilterStatus table.grid, .ISB div#myBinding #FilterCtrl_pnlFilterStatus table.grid, .ADB div#myBinding #FilterCtrl_pnlFilterStatus table.grid, .MBB div#myBinding #FilterCtrl_pnlFilterStatus table.grid {
    width: 100%;
  }
  .TSB div#myBinding #FilterCtrl_pnlFilterStatus table.grid td, .TEB div#myBinding #FilterCtrl_pnlFilterStatus table.grid td, .APR div#myBinding #FilterCtrl_pnlFilterStatus table.grid td, .AB div#myBinding #FilterCtrl_pnlFilterStatus table.grid td, .HAB div#myBinding #FilterCtrl_pnlFilterStatus table.grid td, .UAB div#myBinding #FilterCtrl_pnlFilterStatus table.grid td, .ISB div#myBinding #FilterCtrl_pnlFilterStatus table.grid td, .ADB div#myBinding #FilterCtrl_pnlFilterStatus table.grid td, .MBB div#myBinding #FilterCtrl_pnlFilterStatus table.grid td {
    width: 20%;
  }
  .TSB div#myBinding #FilterCtrl_pnlFilterBillable, .TEB div#myBinding #FilterCtrl_pnlFilterBillable, .APR div#myBinding #FilterCtrl_pnlFilterBillable, .AB div#myBinding #FilterCtrl_pnlFilterBillable, .HAB div#myBinding #FilterCtrl_pnlFilterBillable, .UAB div#myBinding #FilterCtrl_pnlFilterBillable, .ISB div#myBinding #FilterCtrl_pnlFilterBillable, .ADB div#myBinding #FilterCtrl_pnlFilterBillable, .MBB div#myBinding #FilterCtrl_pnlFilterBillable {
    width: 100%;
  }
  .TSB div#myBinding #FilterCtrl_pnlTaskKey, .TEB div#myBinding #FilterCtrl_pnlTaskKey, .APR div#myBinding #FilterCtrl_pnlTaskKey, .AB div#myBinding #FilterCtrl_pnlTaskKey, .HAB div#myBinding #FilterCtrl_pnlTaskKey, .UAB div#myBinding #FilterCtrl_pnlTaskKey, .ISB div#myBinding #FilterCtrl_pnlTaskKey, .ADB div#myBinding #FilterCtrl_pnlTaskKey, .MBB div#myBinding #FilterCtrl_pnlTaskKey {
    width: 100%;
  }
  .TSB div#myBinding #FilterCtrl_pnlTaskKey input, .TEB div#myBinding #FilterCtrl_pnlTaskKey input, .APR div#myBinding #FilterCtrl_pnlTaskKey input, .AB div#myBinding #FilterCtrl_pnlTaskKey input, .HAB div#myBinding #FilterCtrl_pnlTaskKey input, .UAB div#myBinding #FilterCtrl_pnlTaskKey input, .ISB div#myBinding #FilterCtrl_pnlTaskKey input, .ADB div#myBinding #FilterCtrl_pnlTaskKey input, .MBB div#myBinding #FilterCtrl_pnlTaskKey input {
    width: 100%;
    padding: 8px 10px;
  }
  .TSB div#myBinding #FilterCtrl_pnlFilterPhase, .TEB div#myBinding #FilterCtrl_pnlFilterPhase, .APR div#myBinding #FilterCtrl_pnlFilterPhase, .AB div#myBinding #FilterCtrl_pnlFilterPhase, .HAB div#myBinding #FilterCtrl_pnlFilterPhase, .UAB div#myBinding #FilterCtrl_pnlFilterPhase, .ISB div#myBinding #FilterCtrl_pnlFilterPhase, .ADB div#myBinding #FilterCtrl_pnlFilterPhase, .MBB div#myBinding #FilterCtrl_pnlFilterPhase {
    width: 100%;
  }
  .TSB div#myBinding #FilterCtrl_pnlFilterPhase select, .TEB div#myBinding #FilterCtrl_pnlFilterPhase select, .APR div#myBinding #FilterCtrl_pnlFilterPhase select, .AB div#myBinding #FilterCtrl_pnlFilterPhase select, .HAB div#myBinding #FilterCtrl_pnlFilterPhase select, .UAB div#myBinding #FilterCtrl_pnlFilterPhase select, .ISB div#myBinding #FilterCtrl_pnlFilterPhase select, .ADB div#myBinding #FilterCtrl_pnlFilterPhase select, .MBB div#myBinding #FilterCtrl_pnlFilterPhase select {
    width: 100%;
  }
  .TSB div#myBinding #FilterCtrl_btbGetRecords, .TEB div#myBinding #FilterCtrl_btbGetRecords, .APR div#myBinding #FilterCtrl_btbGetRecords, .AB div#myBinding #FilterCtrl_btbGetRecords, .HAB div#myBinding #FilterCtrl_btbGetRecords, .UAB div#myBinding #FilterCtrl_btbGetRecords, .ISB div#myBinding #FilterCtrl_btbGetRecords, .ADB div#myBinding #FilterCtrl_btbGetRecords, .MBB div#myBinding #FilterCtrl_btbGetRecords {
    top: 30px;
  }
  .TSB div#myBinding.open #fieldContainer, .TEB div#myBinding.open #fieldContainer, .APR div#myBinding.open #fieldContainer, .AB div#myBinding.open #fieldContainer, .HAB div#myBinding.open #fieldContainer, .UAB div#myBinding.open #fieldContainer, .ISB div#myBinding.open #fieldContainer, .ADB div#myBinding.open #fieldContainer, .MBB div#myBinding.open #fieldContainer {
    padding-bottom: 60px;
  }
  .TSB div#myBinding.open #FilterCtrl_updDates .particle, .TEB div#myBinding.open #FilterCtrl_updDates .particle, .APR div#myBinding.open #FilterCtrl_updDates .particle, .AB div#myBinding.open #FilterCtrl_updDates .particle, .HAB div#myBinding.open #FilterCtrl_updDates .particle, .UAB div#myBinding.open #FilterCtrl_updDates .particle, .ISB div#myBinding.open #FilterCtrl_updDates .particle, .ADB div#myBinding.open #FilterCtrl_updDates .particle, .MBB div#myBinding.open #FilterCtrl_updDates .particle {
    display: block;
    left: 50%;
    -webkit-transform: translateX(-12.5px);
            transform: translateX(-12.5px);
  }
  .TSB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .TSB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate, .TEB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .TEB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate, .APR div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .APR div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate, .AB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .AB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate, .HAB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .HAB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate, .UAB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .UAB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate, .ISB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .ISB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate, .ADB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .ADB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate, .MBB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate,
  .MBB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnEndDate {
    top: 4px;
    height: 35px;
    right: 48px;
    width: calc(50% - 60px);
  }
  .TSB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate, .TEB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate, .APR div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate, .AB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate, .HAB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate, .UAB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate, .ISB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate, .ADB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate, .MBB div#myBinding.open #FilterCtrl_updDates .FilterPanel#pnStartDate {
    left: 48px;
  }
  .TSB div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .TEB div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .APR div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .AB div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .HAB div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .UAB div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .ISB div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .ADB div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange, .MBB div#myBinding.open #FilterCtrl_updDates #FilterCtrl_ddlDateRange {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    width: 100%;
  }
  .TSB .grid, .TEB .grid, .APR .grid, .AB .grid, .HAB .grid, .UAB .grid, .ISB .grid, .ADB .grid, .MBB .grid {
    width: 100%;
  }
  .TSB .grid td, .TEB .grid td, .APR .grid td, .AB .grid td, .HAB .grid td, .UAB .grid td, .ISB .grid td, .ADB .grid td, .MBB .grid td {
    width: auto;
  }
  .TSB .grid td .block, .TEB .grid td .block, .APR .grid td .block, .AB .grid td .block, .HAB .grid td .block, .UAB .grid td .block, .ISB .grid td .block, .ADB .grid td .block, .MBB .grid td .block {
    width: 100%;
  }
  #topMenu .dropdown .custom-btn#dropdownMenu1 {
    display: none;
  }
  #topMenu .dropdown img {
    display: block;
  }
}
.TEB #editTbl, .UAB #editTbl {
  width: 100%;
}
.TEB #editTbl > span, .TEB #editTbl > span.full > span, .UAB #editTbl > span, .UAB #editTbl > span.full > span {
  display: inline-block;
  width: 49%;
}
.TEB #editTbl > span:nth-child(even), .TEB #editTbl > span.full > span:nth-child(even), .UAB #editTbl > span:nth-child(even), .UAB #editTbl > span.full > span:nth-child(even) {
  float: right;
}
.TEB #editTbl > span:not(.date) input, .TEB #editTbl > span select, .TEB #editTbl > span.full > span:not(.date) input, .TEB #editTbl > span.full > span select, .UAB #editTbl > span:not(.date) input, .UAB #editTbl > span select, .UAB #editTbl > span.full > span:not(.date) input, .UAB #editTbl > span.full > span select {
  width: calc(100% - 15px);
}
.TEB #editTbl > span.filler, .TEB #editTbl > span.full > span.filler, .UAB #editTbl > span.filler, .UAB #editTbl > span.full > span.filler {
  width: 0%;
  padding: 0;
}
.TEB #editTbl > span.full, .TEB #editTbl > span.full > span.full, .UAB #editTbl > span.full, .UAB #editTbl > span.full > span.full {
  width: 100%;
}
.TEB #editTbl > span.full .longControl, .TEB #editTbl > span.full > span.full .longControl, .UAB #editTbl > span.full .longControl, .UAB #editTbl > span.full > span.full .longControl {
  width: calc(100% - 15px);
}
.TEB #editTbl > span.full .phaseRow, .TEB #editTbl > span.full > span.full .phaseRow, .UAB #editTbl > span.full .phaseRow, .UAB #editTbl > span.full > span.full .phaseRow {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.TEB #editTbl > span.full .phaseRow div, .TEB #editTbl > span.full > span.full .phaseRow div, .UAB #editTbl > span.full .phaseRow div, .UAB #editTbl > span.full > span.full .phaseRow div {
  width: 30%;
}
.TEB #editTbl #tbDescription, .UAB #editTbl #tbDescription {
  width: unset;
}
@media only screen and (max-width: 1000px) {
  .TEB #editTbl span input:not(#ibWorkDate), .TEB #editTbl #TextBox1, .TEB #editTbl select, .UAB #editTbl span input:not(#ibWorkDate), .UAB #editTbl #TextBox1, .UAB #editTbl select {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
  }
  .TEB #editTbl input#ImageButton1, .UAB #editTbl input#ImageButton1 {
    height: 30px !important;
    width: 42px !important;
    top: 6px;
    position: relative;
  }
}
@media only screen and (max-width: 690px) {
  .TEB #editTbl, .UAB #editTbl {
    width: 90%;
  }
  .TEB #editTbl > span, .UAB #editTbl > span {
    width: 100%;
  }
}

.UAB .userParent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 30px;
}
.UAB #editTbl {
  width: 29%;
  min-width: 450px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.UAB #editTbl > span:nth-child(even), .UAB #editTbl > span.full > span:nth-child(even) {
  text-align: left;
  float: unset;
}
.UAB #editTbl > span input, .UAB #editTbl > span select, .UAB #editTbl > span.full > span input, .UAB #editTbl > span.full > span select {
  max-width: 300px;
}
.UAB #editTbl > span input[type=checkbox], .UAB #editTbl > span.full > span input[type=checkbox] {
  margin: 0;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.UAB #dvCompTable {
  width: 69%;
  min-width: 450px;
  max-width: 600px;
  display: inline-block;
  text-align: right;
}
.UAB #dvCompTable > div, .UAB #dvCompTable > table {
  width: 100%;
}

.TEB {
  background-color: #FFFAF0;
}
.TEB #appMenu td:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: 100%;
}

.MBB, .ISB, .TSB, .USB, .ADB, .MBB {
  BACKGROUND-IMAGE: url("../img/timeEntryBG.gif");
  BACKGROUND-REPEAT: repeat-y;
}

.ISB .footerGrid {
  width: unset;
  left: unset;
  right: 10px;
}

.TSB table.leftcolumn {
  width: 100%;
}

.ADB .headerSpan {
  margin: 5px;
}
.ADB .headerSpan select {
  margin-right: 10px;
}
.ADB .headerSpan input[type=checkbox] {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.ADB .headerSpan label {
  font-weight: normal;
}
.ADB .buttons {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.ADB .buttons > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.APR {
  overflow-y: hidden;
}

body.MBB {
  background-position-x: -50px;
}

body.USB table.usbMainTable tr td:last-child {
  padding-left: 30px;
  padding-right: 10px;
}

.modal-dialog.modal-sm {
  width: 300px;
  margin: 30px auto;
}

#mobileDateSelect #ctrlTimesheetFilterM_updClient,
#mobileDateSelect #ctrlTimesheetFilterM_pnlFilterStatus,
#mobileDateSelect #ctrlTimesheetFilterM_pnlFilterBillable,
#mobileDateSelect #ctrlTimesheetFilterM_pnlTaskKey,
#mobileDateSelect #ctrlTimesheetFilterM_pnlFilterPhase,
#mobileDateSelect #ctrlTimesheetFilterM_btbGetRecords,
#mobileDateSelect #ctrlTimesheetFilterM_ibEndDate,
#mobileDateSelect #ctrlTimesheetFilterM_ibStartDate {
  display: none;
}
#mobileDateSelect #myBinding {
  left: 100%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.displayAdv {
  display: none;
  cursor: pointer;
  padding: 15px;
  left: 15px;
  height: 100%;
  width: 10px;
  -webkit-transition: 1s border-color, 0.5s -webkit-filter;
  transition: 1s border-color, 0.5s -webkit-filter;
  transition: 0.5s filter, 1s border-color;
  transition: 0.5s filter, 1s border-color, 0.5s -webkit-filter;
  border: 1px solid #fff;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  z-index: 2;
}
.displayAdv::before {
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  -webkit-transition: 1s border-color, 0.5s -webkit-filter;
  transition: 1s border-color, 0.5s -webkit-filter;
  transition: 0.5s filter, 1s border-color;
  transition: 0.5s filter, 1s border-color, 0.5s -webkit-filter;
  border: 1px solid #fff;
  border-radius: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("../images/triple_Arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 30px;
}
.displayAdv::after {
  content: "";
  display: block;
  height: calc(100% + 6px);
  aspect-ratio: 1/1;
  border-radius: 30px;
  position: absolute;
  top: -3px;
  left: -3px;
  background-color: #fff;
  z-index: -2;
  -webkit-transition: 1s all;
  transition: 1s all;
}
.displayAdv:hover {
  -webkit-filter: saturate(200%);
          filter: saturate(200%);
}

.open .displayAdv::before {
  border-color: #4682b4;
}
.open .displayAdv::after {
  background-color: #efefef;
  -webkit-box-shadow: -1px -1px 4px #ccc;
          box-shadow: -1px -1px 4px #ccc;
}

@-webkit-keyframes openShelf {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@keyframes openShelf {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@-webkit-keyframes closeShelf {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes closeShelf {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
#editTbl > span#lblBHours {
  width: auto;
  float: unset;
}

#valClientReq,
#valProjectReq,
#valSubProjectReq,
#rfvDescription {
  margin-left: 2px;
  margin-top: 2px;
  position: absolute;
}

table#approvalTable #updTasks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
table#approvalTable #divDetail {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}
table#approvalTable #divDetail thead tr th {
  position: sticky;
  top: -1px;
}
table#approvalTable #divDetail thead tr th:after, table#approvalTable #divDetail thead tr th:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  background-color: lightgrey;
}
table#approvalTable #divDetail thead tr th:after {
  bottom: -1px;
}
table#approvalTable #divDetail thead tr th:before {
  top: -1px;
}
table#approvalTable #weeklySummaryPanel {
  height: auto;
  max-height: 30vh;
}
table#approvalTable #weeklySummaryPanel #tblSummary {
  width: 100%;
  margin-top: 0;
}
table#approvalTable #weeklySummaryPanel #tblSummary thead tr th:after, table#approvalTable #weeklySummaryPanel #tblSummary thead tr th:before, table#approvalTable #weeklySummaryPanel #tblSummary tbody tr:last-child td:after, table#approvalTable #weeklySummaryPanel #tblSummary tbody tr:last-child td:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  background-color: lightgrey;
}
table#approvalTable #weeklySummaryPanel #tblSummary thead tr th:after, table#approvalTable #weeklySummaryPanel #tblSummary tbody tr:last-child td:after {
  bottom: -1px;
}
table#approvalTable #weeklySummaryPanel #tblSummary thead tr th:before, table#approvalTable #weeklySummaryPanel #tblSummary tbody tr:last-child td:before {
  top: -1px;
}
table#approvalTable #weeklySummaryPanel #tblSummary thead tr th {
  position: sticky;
  top: -1px;
}
table#approvalTable #weeklySummaryPanel #tblSummary tbody tr:last-child td {
  position: sticky;
  bottom: 0;
  background-color: #fff;
}

.hourButton, input.hourButton, table.dataGrid input.hourButton, .tsCancelButton input, .tsSaveButton input {
  border: none;
  background-color: transparent;
  border-radius: 3px;
  display: inline-block;
  height: auto;
  width: 18px;
  text-align: center;
  font-size: 28px;
  line-height: 13px;
  margin: 0;
  padding: 1px 0 3px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  vertical-align: bottom;
  -webkit-transform: translatey(-1px);
          transform: translatey(-1px);
}
.hourButton.plus, input.hourButton.plus, table.dataGrid input.hourButton.plus, .tsCancelButton input.plus, .tsSaveButton input.plus {
  font-size: 18px;
}
.hourButton:active, input.hourButton:active, table.dataGrid input.hourButton:active, .tsCancelButton input:active, .tsSaveButton input:active {
  border-color: #adb;
  background-color: #cfd;
  color: #096;
}

.tsCancelButton, .tsSaveButton {
  position: relative;
  width: auto;
  height: 18px;
  font-size: 18px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.tsCancelButton input, .tsSaveButton input {
  padding: 0;
  height: 24px;
  -webkit-transform: none;
          transform: none;
  height: 100%;
  background-color: transparent;
}
.tsCancelButton:after, .tsSaveButton:after {
  position: absolute;
  top: 0;
  right: 50%;
  -webkit-transform: translate(50%, -4px);
          transform: translate(50%, -4px);
  display: block;
  pointer-events: none;
}

.tsCancelButton:after {
  content: "✗";
  color: red;
}

.tsSaveButton:after {
  content: "✓";
  color: green;
}

.hoursCol {
  text-align: center;
}

.hoursContainer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.hoursContainer > div > div {
  white-space: nowrap;
}

.footerGrid b.desktop {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.circle-question {
  width: 12px !important;
  height: 12px;
  border: none !important;
  background-image: url("../img/circle-question-regular.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#btnShowHideComp, #btnShowHideRevenuesCol {
  border-width: 0px;
  height: 28px;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-filter: brightness(0.995) saturate(0);
          filter: brightness(0.995) saturate(0);
}
#btnShowHideComp.active, #btnShowHideRevenuesCol.active {
  -webkit-filter: none;
          filter: none;
}

#btnShowHideRevenuesCol {
  -webkit-transform: none;
          transform: none;
}

.btnIdleUsers, .btnIdleProject, .btnIdleCode {
  background-color: transparent;
  border-width: 0px;
  height: 23px;
  width: 23px;
  display: inline-block;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  margin-left: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btnIdleProject {
  background-image: url("../img/inactive_proj_off.svg");
}
.btnIdleProject.active {
  background-image: url("../img/inactive_proj_on.svg");
}

.btnIdleUsers {
  background-image: url("../img/idle2.svg");
}
.btnIdleUsers.active {
  background-image: url("../img/idle1.svg");
}

.btnIdleCode {
  background-image: url("../img/jira_off.svg");
}
.btnIdleCode.active {
  background-image: url("../img/jira_on2.svg");
}

#pnlInactive, #pnlInactiveClient, #pnlFilter {
  display: inline-block;
  margin: 0;
  position: relative;
  top: -2px;
}

#appMenu.adminMenu td:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#appMenu.adminMenu td:last-child a, #appMenu.adminMenu td:last-child input {
  margin: 0 6px;
}
#appMenu.adminMenu td:last-child a:first-child, #appMenu.adminMenu td:last-child input:first-child {
  margin-left: 0;
}
#appMenu.adminMenu td:last-child a:last-child, #appMenu.adminMenu td:last-child input:last-child {
  margin-right: 0;
}
#appMenu.adminMenu td:last-child input[type=checkbox] {
  margin: 2px 6px 0 0;
}
#appMenu.adminMenu #btnShowHideComp, #appMenu.adminMenu #btnShowHideRevenuesCol, #appMenu.adminMenu .btnIdleUsers, #appMenu.adminMenu .btnIdleProject, #appMenu.adminMenu .btnIdleCode {
  -webkit-transform: none;
          transform: none;
}
#appMenu.adminMenu #pnlInactive, #appMenu.adminMenu #pnlInactiveClient, #appMenu.adminMenu #pnlFilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
}
#appMenu.adminMenu .modal-body .emailReminder {
  text-align: left;
  padding-left: 10px;
}
#appMenu.adminMenu .modal-body ul {
  text-align: left;
  list-style: none;
  padding-left: 10px;
}
#appMenu.adminMenu .modal-body ul li input {
  margin-left: 0;
}
#appMenu.adminMenu #hoursToggle {
  display: none;
  -webkit-transition: 0.2s bottom;
  transition: 0.2s bottom;
}
#appMenu.adminMenu #hoursAdminFields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2px;
  position: relative;
}
#appMenu.adminMenu #hoursAdminFields .hours {
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
#appMenu.adminMenu #hoursAdminFields.open {
  color: unset;
}
#appMenu.adminMenu #hoursAdminFields > * {
  padding: 0 15px;
}
#appMenu.adminMenu #hoursAdminFields > * .btn-group .btn:first-child {
  margin-left: 0;
}

#upApprovalMenu {
  margin-bottom: -3px;
}

#modalTaskCode .modal-dialog {
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
#modalTaskCode .modal-content {
  width: 500px;
}
#modalTaskCode .modal-content .modal-header {
  background-color: #bbbbbb;
  padding: 10px 16px 10px 18px;
}
#modalTaskCode .modal-content #updTCDialog p {
  font-style: italic;
  margin-top: 10px;
  margin-left: 1px;
}
#modalTaskCode .modal-content #updTCDialog table tr td {
  padding: 10px;
}
#modalTaskCode .modal-content #updTCDialog table tr td .ddlcontrol {
  margin-bottom: 3px;
  min-width: 260px;
}
#modalTaskCode .modal-content #updTCDialog table tr td input {
  width: 260px;
  margin-bottom: 3px;
}
#modalTaskCode .modal-content #updTCDialog table tr td .warnText {
  color: red;
  font-size: smaller;
  font-style: italic;
  display: none;
}
#modalTaskCode .modal-content #updTCDialog table tr td .errorMsg {
  padding: 10px;
  color: red;
  font-size: smaller;
}
#modalTaskCode .modal-content .modal-footer input.btn.btn-default.btn-cancel {
  background-color: gray !important;
}
#modalTaskCode .modal-content .modal-footer input.btn.btn-default.btn-cancel:hover {
  background-color: rgb(102.5, 102.5, 102.5) !important;
}

#modalBulkEditTimeEntry .modal-dialog {
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
#modalBulkEditTimeEntry .modal-dialog .modal-header {
  margin-bottom: 10px;
}
#modalBulkEditTimeEntry .modal-dialog p {
  font-style: italic;
}
#modalBulkEditTimeEntry .modal-dialog td {
  padding: 10px;
}
#modalBulkEditTimeEntry .modal-dialog select {
  margin-bottom: 3px;
  width: 100%;
}
#modalBulkEditTimeEntry .modal-dialog .btn-cancel {
  background-color: gray !important;
}
#modalBulkEditTimeEntry .modal-dialog tr {
  position: relative;
}
#modalBulkEditTimeEntry .modal-dialog tr td:last-child {
  padding-left: 30px;
}
#modalBulkEditTimeEntry .modal-dialog tr td a {
  position: absolute;
  -webkit-transform: translatex(-25px);
          transform: translatex(-25px);
  top: 10px;
  display: block;
  padding: 10px;
  font-size: 0;
}
#modalBulkEditTimeEntry .modal-dialog tr td a.lock {
  background: url("../img/Unapprove.svg") 0 0/contain no-repeat;
  -webkit-filter: invert(12%) sepia(86%) saturate(3520%) hue-rotate(354deg) brightness(110%) contrast(118%);
          filter: invert(12%) sepia(86%) saturate(3520%) hue-rotate(354deg) brightness(110%) contrast(118%);
}
#modalBulkEditTimeEntry .modal-dialog tr td a.unlock {
  background: url("../img/Edit.svg") 0 0/contain no-repeat;
}

table.dataGrid tr td {
  border: 1px solid #E1E1E1;
}
table.dataGrid tr:hover td {
  background-color: #E6F2FA;
}
table.dataGrid tr:focus-visible {
  outline: none;
}
table.dataGrid tr.followOnRow {
  display: none;
}
@media only screen and (max-width: 1000px) {
  table.dataGrid tr .description {
    display: none;
  }
  table.dataGrid tr.followOnRow {
    display: table-row;
  }
  table.dataGrid tr:not(.followOnRow) td {
    border-top-color: #ddd;
  }
  table.dataGrid tr.followOnRow td {
    padding: 3px 3px 10px;
    color: #999;
    border-bottom-color: #ddd;
  }
  table.dataGrid tr.followOnRow td:first-child {
    border-right: none;
  }
  table.dataGrid tr.followOnRow td:last-child {
    border-left: none;
    white-space: normal;
  }
  table.dataGrid tr.ApprovalRowAlt + .followOnRow td {
    color: #777;
  }
}
@media only screen and (max-width: 1000px) {
  table.dataGrid {
    min-width: 100%;
  }
}

.TSB .timesheetContainer table.dataGrid td {
  white-space: nowrap;
}
.TSB .timesheetContainer table.dataGrid td.description {
  white-space: unset;
  width: 100%;
}

#invoiceFrame {
  width: 100vw;
  height: calc(100vh - 130px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#invoiceFrame > div {
  height: 100%;
}
#invoiceFrame > div:first-child {
  padding: 10px;
  background-color: ghostwhite;
}
#invoiceFrame > div:first-child #ctrlInvoice_Memo {
  width: 100%;
}
#invoiceFrame > div:first-child textarea {
  resize: none;
}
#invoiceFrame > div:last-child {
  width: 100%;
  padding: 10px 10px 0 10px;
}
#invoiceFrame > div:last-child #invoiceHoursTable {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 75px);
}
#invoiceFrame #upInvoiceEntry {
  height: 100%;
}
#invoiceFrame.splitter_panel .vsplitter {
  background-color: silver;
  width: 4px;
}

table.invoiceList tr:last-child td {
  border-bottom: none;
}

.invoiceListHeader {
  position: sticky;
  top: 0px;
}
.invoiceListHeader td:before, .invoiceListHeader td:after {
  content: "";
  background-color: lightgray;
  height: 1px;
  width: 100%;
  position: absolute;
}
.invoiceListHeader td:before {
  top: -1px;
  left: 0;
}
.invoiceListHeader td:after {
  bottom: 1px;
  left: 0;
}

.footerGrid {
  width: calc(100dvw - 230px);
  position: fixed;
  left: 230px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #fff;
}
.footerGrid .strong {
  font-weight: bold;
}
.footerGrid > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.footerGrid > * > span {
  width: 100%;
  display: block;
  padding: 5px;
  font-family: monospace;
  font-size: 10pt;
  text-align: center;
}
.footerGrid > * > span #lblRank,
.footerGrid > * > span #lblUsersRanked {
  display: inline-block;
}
.footerGrid > * > span label.desktop {
  display: inline-block;
}
.footerGrid > * > span:nth-child(odd) {
  font-weight: bold;
  background-color: lightsteelblue;
  border-top: 1px solid rgb(140.0267857143, 169.1339285714, 206.9732142857);
  border-bottom: 1px solid rgb(140.0267857143, 169.1339285714, 206.9732142857);
}
.footerGrid > *:first-child > span:nth-child(odd) {
  border-left: 1px solid rgb(140.0267857143, 169.1339285714, 206.9732142857);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.footerGrid > *:last-child > span:nth-child(odd) {
  border-right: 1px solid rgb(140.0267857143, 169.1339285714, 206.9732142857);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.footerGrid b.mobile {
  display: none;
}
.footerGrid b.desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footerGrid label.mobile {
  display: none;
}
.footerGrid label.desktop {
  display: inline-block;
}

#divAddHours a {
  padding: 0 10px 0px 0px;
  margin: 0 2px;
  border: 1px solid #3567A6;
  background-color: #ffffff;
  border-radius: 0px 5px 0px 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
#divAddHours a img {
  height: 24px;
  width: 24px;
  padding: 2px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
#divAddHours a span {
  color: #3567A6;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  margin-left: 5px;
  z-index: 1;
}
#divAddHours a span:before {
  content: attr(data-hover);
  position: absolute;
  color: #fff;
  clip-path: polygon(0% 0%, 1% 0%, 1% 100%, 0% 100%);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
#divAddHours a:after {
  content: "";
  position: absolute;
  left: 20px;
  width: 0%;
  height: 100%;
  background-color: #3567A6;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
#divAddHours a:hover {
  text-decoration: none;
  -webkit-filter: saturate(1.1) brightness(1.1) drop-shadow(0px 0px 1px #3567A6);
          filter: saturate(1.1) brightness(1.1) drop-shadow(0px 0px 1px #3567A6);
}

/*Time Entry Stats Admin Page*/
#divTimeEntryStats .table-borderless > tbody > tr > td {
  border: 0;
}

#divTimeEntryStats table {
  border: 1px solid #ddd;
}

#divTimeEntryStats table caption {
  color: #333333;
  font-size: 18px;
  fill: #333333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#divTimeEntryStats table td.number {
  text-align: right;
}

#divAvgTimeEntry {
  display: inline-block;
  vertical-align: top;
  min-width: 326px;
  margin-right: 10px;
}

#divAvgTimeEntry table tr.selected td {
  background-color: lightblue;
}

#divSubmissionReminders {
  display: inline-block;
  vertical-align: top;
  min-width: 304px;
}

#divSubmissionReminders table tr.quarter td {
  border-bottom: 1px dotted;
}

#divMonthlyTimeEntryBreakdown {
  display: inline-block;
  vertical-align: top;
  min-width: 304px;
}

#divMonthlyTimeEntryBreakdown table tr.quarter td {
  border-bottom: 1px dotted;
}

#AvgTimeEntryTable tr th:last-child, #AvgTimeEntryTable tr td:last-child,
#SubmissionRemindersTable tr th:last-child,
#SubmissionRemindersTable tr td:last-child {
  width: 32px;
  text-align: center;
}