@font-face {
  font-family: "Source Sans Pro";
  src: url(../fonts/SourceSansPro-Light.eot);
  src: url(../fonts/SourceSansPro-Light.otf.woff) format("opentype"), url(../fonts/SourceSansPro-Light.ttf.woff) format("truetype"), url(../fonts/SourceSansPro-Light.svg) format("svg");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(../fonts/SourceSansPro-Regular.eot);
  src: url(../fonts/SourceSansPro-Regular.otf.woff) format("opentype"), url(../fonts/SourceSansPro-Regular.ttf.woff) format("truetype"), url(../fonts/SourceSansPro-Regular.svg) format("svg");
  font-style: normal;
  font-weight: 400;
}
/* line 23, ../../app/styles/includes/main/_typography.scss */
body {
  font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 1, ../../app/styles/includes/main/_messages.scss */
.error {
  color: #EE3A43;
}

/* line 5, ../../app/styles/includes/main/_messages.scss */
.alerts {
  position: fixed;
  z-index: 30;
  width: 100%;
}

/* line 12, ../../app/styles/includes/main/_messages.scss */
.modal-body .alerts {
  position: relative;
}

/* line 1, ../../app/styles/includes/main/_font-awesome.scss */
.fa:before {
  margin-right: 5px;
}

/* line 1, ../../app/styles/includes/main/_header.scss */
header {
  box-shadow: 0 1px rgba(54, 54, 54, 0.27);
  display: block;
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 2;
}

/* line 10, ../../app/styles/includes/main/_header.scss */
#header {
  background: #EE3A43;
  clear: both;
  color: #FFFFFF;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
}
/* line 18, ../../app/styles/includes/main/_header.scss */
#header.development {
  background: #2ECC71;
}
/* line 22, ../../app/styles/includes/main/_header.scss */
#header a.icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 44px;
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  width: 44px;
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 35, ../../app/styles/includes/main/_header.scss */
#header .fa {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  margin-left: 17px;
  text-decoration: none;
}
/* line 43, ../../app/styles/includes/main/_header.scss */
#header .title-container {
  display: inline-block;
  float: left;
  font-weight: 400;
  height: 44px;
  left: 50%;
  margin-left: -16.665%;
  position: absolute;
  text-align: center;
  width: 33.33%;
}
/* line 54, ../../app/styles/includes/main/_header.scss */
#header .title-container .title {
  display: inline-block;
}
/* line 59, ../../app/styles/includes/main/_header.scss */
#header .name {
  display: inline-block;
  float: right;
  font-size: 16px;
  font-weight: 300;
  padding-right: 17px;
}
/* line 67, ../../app/styles/includes/main/_header.scss */
#header .test-user {
  font-weight: 400;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 11, ../../app/styles/includes/main/_animations.scss */
.flash {
  animation-name: flash;
  -webkit-animation-name: flash;
}

/* line 16, ../../app/styles/includes/main/_animations.scss */
.animated {
  animation: fadein 1s;
  -webkit-animation: faidein 1s;
}

/* line 1, ../../app/styles/includes/main/_bootstrap.scss */
.alert {
  background: #F2DEDE;
  color: #C0392B;
  font-weight: 300;
  line-height: 44px;
  margin-bottom: 0;
  padding: 0;
}
/* line 9, ../../app/styles/includes/main/_bootstrap.scss */
.alert > div {
  padding-right: 30px;
}
/* line 12, ../../app/styles/includes/main/_bootstrap.scss */
.alert > div span {
  padding: 0 17px;
}
/* line 17, ../../app/styles/includes/main/_bootstrap.scss */
.alert button.close {
  background-color: transparent;
  background-image: url(../images/close.8fafbd4a.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px;
  border: none;
  cursor: pointer;
  float: right;
  height: 22px;
  margin: 0;
  opacity: 1;
  padding: 22px 12px;
  position: relative;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 44px;
}

/* line 38, ../../app/styles/includes/main/_bootstrap.scss */
.alert-success {
  background-color: #DFF0D8;
  color: #3C763D;
}

/* line 43, ../../app/styles/includes/main/_bootstrap.scss */
.alert-count {
  background-color: #E1E1E1;
  border-radius: 12px;
  font-size: 12px;
  margin-top: 10px;
  padding: 4.5px 12px;
  position: absolute;
  right: 48px;
  top: 0;
}

/* line 55, ../../app/styles/includes/main/_bootstrap.scss */
.modal-body .alert {
  margin-bottom: 10px;
}

/* line 1, ../../app/styles/includes/main/_navigation.scss */
navigation {
  display: block;
  position: fixed;
  z-index: 60;
}

/* line 7, ../../app/styles/includes/main/_navigation.scss */
#navigation {
  background: #282828;
  color: #D7D7D7;
  float: left;
  height: 100%;
  left: 0;
  opacity: 0.97;
  overflow: hidden;
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 192px;
  -webkit-transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.5s;
}
/* line 23, ../../app/styles/includes/main/_navigation.scss */
#navigation ul {
  margin: 0;
  padding: 0;
}
/* line 27, ../../app/styles/includes/main/_navigation.scss */
#navigation ul li {
  border-bottom: 1px solid #363636;
  line-height: 44px;
}
/* line 31, ../../app/styles/includes/main/_navigation.scss */
#navigation ul li a {
  color: #D7D7D7;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding-left: 17px;
  text-decoration: none;
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 42, ../../app/styles/includes/main/_navigation.scss */
#navigation ul li a:active {
  opacity: 0.27;
}
/* line 49, ../../app/styles/includes/main/_navigation.scss */
#navigation:after {
  content: '';
  display: none;
  height: 100%;
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 0;
  width: 100%;
  -webkit-transition: opacity 0.5s;
}
/* line 61, ../../app/styles/includes/main/_navigation.scss */
#navigation.navigation-open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.5s;
}
/* line 68, ../../app/styles/includes/main/_navigation.scss */
#navigation.navigation-open:after {
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  width: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/* line 77, ../../app/styles/includes/main/_navigation.scss */
#navigation #navigation-header {
  background: #EE3A43;
  color: #FFFFFF;
  height: 44px;
  text-align: right;
}
/* line 83, ../../app/styles/includes/main/_navigation.scss */
#navigation #navigation-header.development {
  background: #2ECC71;
}
/* line 87, ../../app/styles/includes/main/_navigation.scss */
#navigation #navigation-header a {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 24px;
  font-weight: 300;
  margin-top: 8px;
  text-decoration: none;
}
/* line 96, ../../app/styles/includes/main/_navigation.scss */
#navigation #navigation-header span {
  float: left;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  margin-left: 17px;
}
/* line 105, ../../app/styles/includes/main/_navigation.scss */
#navigation #navigation-footer {
  bottom: 0;
  color: #757575;
  font-size: 14px;
  padding: 17px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
/* line 114, ../../app/styles/includes/main/_navigation.scss */
#navigation #navigation-footer .fa:before {
  margin-right: 0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* line 5, ../../app/styles/includes/main/navigation/_responsive-ipad.scss */
  #header {
    height: 44px;
  }

  /* line 10, ../../app/styles/includes/main/navigation/_responsive-ipad.scss */
  body #view {
    padding-top: 44px;
  }
}
/* line 1, ../../app/styles/includes/main/_tables.scss */
.table {
  display: block;
  float: left;
  font-size: 16px;
  margin: 44px 0 0 0;
  padding: 0;
  width: 100%;
}
/* line 9, ../../app/styles/includes/main/_tables.scss */
.table.alert-present {
  margin-top: 89px;
}
/* line 13, ../../app/styles/includes/main/_tables.scss */
.table div {
  display: block;
  float: left;
}
/* line 17, ../../app/styles/includes/main/_tables.scss */
.table div.ipad-row, .table div.ipad-events-row {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
  width: 75%;
}
/* line 26, ../../app/styles/includes/main/_tables.scss */
.table .employee-name {
  font-weight: 400;
}
/* line 30, ../../app/styles/includes/main/_tables.scss */
.table .employee-subgroup {
  padding-left: 17px;
}
/* line 35, ../../app/styles/includes/main/_tables.scss */
.table #clock-events #add-shift {
  color: #363636;
  cursor: pointer;
  float: left;
  font-size: 14px;
  padding: 15px 0 15px 16px;
  text-align: center;
  text-decoration: none;
}
/* line 44, ../../app/styles/includes/main/_tables.scss */
.table #clock-events #add-shift .fa {
  font-size: 24px;
}
/* line 50, ../../app/styles/includes/main/_tables.scss */
.table #clock-events .tr .td {
  min-height: 0;
  padding: 7px 0;
}
/* line 54, ../../app/styles/includes/main/_tables.scss */
.table #clock-events .tr .td:first-child {
  width: 29%;
}
/* line 58, ../../app/styles/includes/main/_tables.scss */
.table #clock-events .tr .td.hide-desktop {
  display: none;
}
/* line 64, ../../app/styles/includes/main/_tables.scss */
.table #clock-events .tr .ipad-events-row .td {
  width: 12.5%;
}
/* line 71, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs {
  margin: 67px 0 87px 0;
  width: 100%;
}
/* line 75, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs.employee-paging-present {
  margin-top: 67px;
}
/* line 79, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .employee-job {
  width: 100%;
}
/* line 82, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .employee-job .tr {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 88, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs input[type="checkbox"] {
  margin-top: 15px;
}
/* line 92, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs input[type="number"] {
  background: none;
  text-align: center;
  width: -webkit-calc(100% - 24px);
  width: calc(100% - 24px);
}
/* line 101, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .pending input[type="number"],
.table .employee-jobs .approved input[type="number"],
.table .employee-jobs .saved input[type="number"] {
  color: #FFFFFF;
}
/* line 106, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
/* line 114, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr:nth-child(2) {
  margin-top: 0;
}
/* line 118, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr.job-title {
  background: #DCD5D6;
  padding: 7px 0;
  text-indent: 17px;
  width: 100%;
}
/* line 124, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr.job-title .fa {
  color: #363636;
  cursor: pointer;
  float: left;
  font-size: 22px;
}
/* line 130, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr.job-title .fa:hover {
  text-decoration: none;
}
/* line 136, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr.job-title span.fa {
  opacity: 0.27;
}
/* line 143, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr.city-tax span {
  max-width: 100%;
}
/* line 146, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr.city-tax span select {
  float: left;
  padding: 3px;
  max-width: -webkit-calc(100% - 6px);
  max-width: calc(100% - 6px);
}
/* line 151, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr.city-tax span select.changed {
  background-color: #FED54E;
}
/* line 158, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 44px;
}
/* line 164, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td:not(:first-child) {
  padding: 0;
}
/* line 168, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td .pay-type {
  font-weight: 300;
}
/* line 172, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td.pay-title {
  padding: 0;
  width: 25%;
  line-height: 1.1em;
}
/* line 177, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td.pay-title .title {
  padding-top: 10px;
}
/* line 182, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td .pay-wrapper {
  display: block;
  text-align: center;
  width: 100%;
}
/* line 188, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td.pay-total {
  padding-right: 2%;
}
/* line 192, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td .pay-type-total {
  padding: 11px 0;
  width: 100%;
}
/* line 197, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .td .pay-type-total-rate {
  padding: 32px 0 35px 0;
  width: 100%;
}
/* line 203, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hours-labels {
  background: #DCD5D6;
  padding: 0;
  text-align: center;
  width: 4%;
}
/* line 209, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hours-labels span {
  display: block;
  font-weight: 300;
  padding: 11px;
}
/* line 214, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hours-labels span span {
  padding: 7px 0;
}
/* line 219, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hours-labels .total-hours-label {
  display: none;
  visibility: hidden;
}
/* line 228, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info span {
  display: block;
  font-weight: 300;
  padding: 11px 0;
  width: 100%;
}
/* line 234, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info span span {
  display: inline;
  padding: 0;
  width: auto;
}
/* line 242, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span {
  padding: 10px 0;
}
/* line 245, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span.no-padding {
  padding: 0;
}
/* line 249, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span.no-padding-bottom {
  padding-bottom: 0;
}
/* line 253, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span.marked-item {
  margin-top: 15px;
}
/* line 257, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span .fa {
  color: #FFFFFF;
  left: 5px;
  position: relative;
}
/* line 263, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span span {
  display: block;
  padding: 7px 12px;
}
/* line 267, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span span.day-hours {
  padding: 0;
}
/* line 271, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span span.error-text {
  color: #EE3A43;
  font-weight: bold;
}
/* line 276, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hour-info .pay-wrapper span span.non-editable {
  display: block;
  padding: 6px 12px;
  position: relative;
}
/* line 286, ../../app/styles/includes/main/_tables.scss */
.table .employee-jobs .tr .hours-wrapper {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
}
/* line 294, ../../app/styles/includes/main/_tables.scss */
.table .padded-table {
  margin: 23px 0 55px 0;
  width: 100%;
}
/* line 301, ../../app/styles/includes/main/_tables.scss */
.table .fixed-header .tr.table-headers {
  position: relative;
}
/* line 307, ../../app/styles/includes/main/_tables.scss */
.table .tr {
  width: 100%;
}
/* line 310, ../../app/styles/includes/main/_tables.scss */
.table .tr.table-headers {
  position: fixed;
  z-index: 10;
}
/* line 316, ../../app/styles/includes/main/_tables.scss */
.table .tr.city-tax .td {
  min-height: 20px;
  padding: 5px 0;
}
/* line 322, ../../app/styles/includes/main/_tables.scss */
.table .tr .th {
  background: #DCD5D6;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
/* line 328, ../../app/styles/includes/main/_tables.scss */
.table .tr .th:first-child {
  text-indent: 17px;
  width: 28%;
}
/* line 333, ../../app/styles/includes/main/_tables.scss */
.table .tr .th.table-column {
  padding-right: 2%;
  text-align: right;
  width: 9%;
}
/* line 339, ../../app/styles/includes/main/_tables.scss */
.table .tr .th.today {
  background: #DFF0D8;
  font-weight: 800;
}
/* line 345, ../../app/styles/includes/main/_tables.scss */
.table .tr .td {
  border-bottom: 1px solid #DCD5D6;
  border-right: 1px solid #DCD5D6;
  font-size: 16px;
  padding: 15px 0;
  width: 9%;
}
/* line 352, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.today {
  background: #DFF0D8;
  font-weight: 800;
}
/* line 357, ../../app/styles/includes/main/_tables.scss */
.table .tr .td:first-child {
  text-indent: 17px;
  width: 28%;
}
/* line 362, ../../app/styles/includes/main/_tables.scss */
.table .tr .td:not(:first-child) {
  text-align: right;
  padding-right: 2%;
}
/* line 367, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.approved {
  background: #2ECC71;
  color: #FFFFFF;
}
/* line 372, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.pending {
  background: #3498DB;
  color: #FFFFFF;
}
/* line 377, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.saved {
  background: #ED8B3B;
  color: #FFFFFF;
}
/* line 382, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.changed {
  background: #FED54E;
  color: #363636;
}
/* line 388, ../../app/styles/includes/main/_tables.scss */
.table .tr .td span.fa {
  opacity: 0.27;
}
/* line 391, ../../app/styles/includes/main/_tables.scss */
.table .tr .td span.fa.link {
  cursor: pointer;
  opacity: 1;
}
/* line 398, ../../app/styles/includes/main/_tables.scss */
.table .tr .td .fa {
  color: #363636;
  float: left;
  font-size: 22px;
}
/* line 403, ../../app/styles/includes/main/_tables.scss */
.table .tr .td .fa.fa-remove {
  color: #EE3A43;
  font-size: 30px;
  position: absolute;
  right: 0;
  top: 5px;
}
/* line 411, ../../app/styles/includes/main/_tables.scss */
.table .tr .td .fa.approval-icon {
  float: none;
  opacity: 1;
}
/* line 417, ../../app/styles/includes/main/_tables.scss */
.table .tr .td a {
  color: #363636;
  cursor: pointer;
  text-decoration: none;
}
/* line 423, ../../app/styles/includes/main/_tables.scss */
.table .tr .td .overtime {
  color: #EE3A43;
}
/* line 426, ../../app/styles/includes/main/_tables.scss */
.table .tr .td .overtime.overtime-background {
  background: #FFFFFF;
  border-radius: 5px;
  margin-left: 5px;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
/* line 436, ../../app/styles/includes/main/_tables.scss */
.table .tr .td .employee-number,
.table .tr .td .employee-group,
.table .tr .td .job-description {
  font-weight: 300;
}
/* line 442, ../../app/styles/includes/main/_tables.scss */
.table .tr .td .employee-group {
  margin-left: 17px;
}
/* line 446, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.employee-info, .table .tr .td.job-info {
  height: 54px;
  line-height: 18px;
  padding: 8px 0;
  position: relative;
}
/* line 453, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.employee-info a.employee-number,
.table .tr .td.employee-info a .job-description,
.table .tr .td.employee-info .job-description-inline, .table .tr .td.job-info a.employee-number,
.table .tr .td.job-info a .job-description,
.table .tr .td.job-info .job-description-inline {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -webkit-calc(100% - 66px);
  width: calc(100% - 66px);
}
/* line 464, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.full-width {
  width: 100%;
}
/* line 468, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.multiple-employees {
  background: #ffe01b;
  position: relative;
}
/* line 472, ../../app/styles/includes/main/_tables.scss */
.table .tr .td.multiple-employees .link {
  font-size: 16px;
  right: -3px;
  position: absolute;
  top: 2px;
}
/* line 481, ../../app/styles/includes/main/_tables.scss */
.table .tr.job-totals {
  background: #DCD5D6;
}
/* line 485, ../../app/styles/includes/main/_tables.scss */
.table .tr.job-totals .hour-info span {
  font-weight: 500;
  position: relative;
}
/* line 492, ../../app/styles/includes/main/_tables.scss */
.table .tr.city-tax {
  background: #DCD5D6;
}

/* line 502, ../../app/styles/includes/main/_tables.scss */
.equipment-table.table .tr .td input[type="number"] {
  background: #3498DB;
  color: #fff;
  text-align: center;
  padding: 0;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}
/* line 509, ../../app/styles/includes/main/_tables.scss */
.equipment-table.table .tr .td input[type="number"].approved {
  background: #2ECC71;
}
/* line 513, ../../app/styles/includes/main/_tables.scss */
.equipment-table.table .tr .td input[type="number"].modified {
  background: #FED54E;
  color: #363636;
}

/* line 525, ../../app/styles/includes/main/_tables.scss */
#total-hours .table,
#grand-total-hours .table {
  margin: 0;
}
/* line 528, ../../app/styles/includes/main/_tables.scss */
#total-hours .table .employee-jobs,
#grand-total-hours .table .employee-jobs {
  margin: 0;
}
/* line 532, ../../app/styles/includes/main/_tables.scss */
#total-hours .table .employee-jobs .hour-info span,
#grand-total-hours .table .employee-jobs .hour-info span {
  display: inline-block;
  font-weight: bold;
  position: relative;
}
/* line 537, ../../app/styles/includes/main/_tables.scss */
#total-hours .table .employee-jobs .hour-info span.error-text,
#grand-total-hours .table .employee-jobs .hour-info span.error-text {
  font-weight: bold;
}
/* line 543, ../../app/styles/includes/main/_tables.scss */
#total-hours .table .employee-jobs .pay-total,
#grand-total-hours .table .employee-jobs .pay-total {
  font-weight: bold;
}

/* line 550, ../../app/styles/includes/main/_tables.scss */
#grand-total-hours {
  border-top: 1px solid  #363636;
}

/* line 554, ../../app/styles/includes/main/_tables.scss */
.error-text {
  color: #EE3A43;
  font-weight: bold;
}

/* line 564, ../../app/styles/includes/main/_tables.scss */
.wage-types .table .employee-job .tr .ipad-row .td {
  width: 12%;
}
/* line 568, ../../app/styles/includes/main/_tables.scss */
.wage-types .table .employee-job .tr .ipad-row .tax-city {
  line-height: 1.1em;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 300;
}
/* line 584, ../../app/styles/includes/main/_tables.scss */
.wage-types #total-hours .tr .ipad-row .td,
.wage-types #grand-total-hours .tr .ipad-row .td {
  width: 12%;
}

/* line 592, ../../app/styles/includes/main/_tables.scss */
.link {
  cursor: pointer;
}
/* line 595, ../../app/styles/includes/main/_tables.scss */
.link.no-access {
  opacity: 0.7;
}

/* line 600, ../../app/styles/includes/main/_tables.scss */
.fixed-header {
  position: fixed;
  width: 100%;
  z-index: 30;
}
/* line 605, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging {
  background: #EEE6E7;
  height: 44px;
  line-height: 44px;
  width: 100%;
}
/* line 611, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .employee-information {
  float: left;
  margin-left: 17px;
}
/* line 615, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .employee-information .subgroup {
  background: #363636;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 13px;
  padding: 5px;
}
/* line 624, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .legend {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 633, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .legend li {
  margin: 0 5px;
  padding: 0;
}
/* line 637, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .legend li span {
  border-radius: 5px;
  font-size: 13px;
  padding: 5px;
}
/* line 642, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .legend li span.saved {
  background: #3498DB;
  color: #FFFFFF;
}
/* line 647, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .legend li span.approved {
  background: #2ECC71;
  color: #FFFFFF;
}
/* line 652, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .legend li span.not-saved {
  background: #FED54E;
}
/* line 656, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .legend li span.saved-locally {
  background: #ED8B3B;
  color: #FFFFFF;
}
/* line 664, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .paging {
  float: right;
  margin-right: 17px;
}
/* line 668, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .paging .fa {
  color: #363636;
  cursor: pointer;
  font-size: 28px;
  position: relative;
  text-decoration: none;
  top: 4px;
}
/* line 676, ../../app/styles/includes/main/_tables.scss */
.fixed-header #employee-paging .paging .fa.fa-angle-right {
  left: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 7, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view #total-hours .table,
  #view #grand-total-hours .table {
    margin-bottom: 0;
  }
  /* line 13, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view #grand-total-hours {
    bottom: 130px;
  }
  /* line 17, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table {
    margin-bottom: 109px;
  }
  /* line 20, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .ipad-row,
  #view .table .ipad-events-row {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    width: 100%;
  }
  /* line 30, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .tr .th:first-child {
    display: none;
  }
  /* line 34, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .tr .th:not(:first-child) {
    width: 12.5%;
  }
  /* line 40, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .tr .td:first-child {
    width: 100%;
  }
  /* line 44, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .tr .td:not(:first-child) {
    width: 12.5%;
  }
  /* line 50, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table #clock-events {
    				/*************************************	Remove
    				.tr {
    					display: block;
    
    					.td {
    						width: 11.5%;
    
    						&:first-child {
    							width: 100%;
    						}
    
    						&.hide-desktop {
    							display: block;
    						}
    					}
    
    					.ipad-events-row {
    						.td {
    							&:first-child {
    								width: 8%;
    							}
    						}
    					}
    				}
    				***************************************/
  }
  /* line 55, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table #clock-events .tr .th:first-child {
    display: block;
  }
  /* line 62, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table #clock-events .tr .td:first-child {
    text-indent: 0px;
    font-weight: normal;
    word-wrap: break-word;
    padding: 5px 0;
    font-size: 15px;
    text-align: center;
    width: 8.5%;
    display: inline;
  }
  /* line 75, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table #clock-events .tr .hide-desktop {
    display: none !important;
  }
  /* line 108, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .employee-jobs {
    margin-bottom: 0;
  }
  /* line 113, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .employee-jobs .tr .td.pay-title {
    width: 100%;
  }
  /* line 118, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .employee-jobs .tr .hours-labels {
    width: 8%;
  }
  /* line 124, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .employee-jobs .employee-job .tr {
    display: block;
  }
  /* line 128, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .employee-jobs .employee-job .tr .td:not(:first-child) {
    width: 11.5%;
  }
  /* line 135, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .employee-jobs .job-totals .pay-title, #view .table .employee-jobs .grand-total-hours-label, #view .table .employee-jobs .total-hours-worked-label {
    display: none;
  }
  /* line 139, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view .table .employee-jobs .total-hours-label {
    display: inline-block;
    visibility: visible;
  }
  /* line 150, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view.wage-types .table {
    margin-bottom: 130px;
  }
  /* line 154, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view.wage-types .table .tr.table-headers {
    background: #DCD5D6;
  }
  /* line 159, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view.wage-types .table .tr .th:not(:first-child) {
    width: 11.5%;
  }
  /* line 163, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view.wage-types .table .tr .th:first-child {
    display: block;
    text-indent: -9999px;
    width: 8%;
  }

  /* line 180, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #total-hours.wage-total .table .tr .td:not(:first-child),
  #grand-total-hours.wage-total .table .tr .td:not(:first-child) {
    background: #EEE6E7;
    width: 11.5%;
  }

  /* line 190, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  .employee-number {
    padding-left: 0 !important;
  }
  /* line 191, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  .employee-number br {
    display: none;
  }
  /* line 194, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  .employee-number span {
    display: inline;
  }

  /* line 200, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  .employee-info, .job-info {
    height: 34px !important;
  }

  /* line 204, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  .job-description,
  .job-description-inline {
    display: inline !important;
  }

  /* line 209, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  .employee-subgroup:before, .job-description:before, .job-description-inline:before {
    content: " - ";
  }

  /* line 213, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  .employee-subgroup {
    padding-left: 0 !important;
  }
}
@media only screen and (orientation: portrait) {
  /* line 221, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #last-updated {
    display: none;
  }

  /* line 229, ../../app/styles/includes/main/tables/_responsive-ipad.scss */
  #view #job-actions #actions div,
  #view #job-actions #actions-right div {
    margin: 0 14px;
  }
}
/* line 1, ../../app/styles/includes/main/_notes.scss */
.notes {
  padding: 0 20px;
}

/* line 5, ../../app/styles/includes/main/_notes.scss */
.modal-dialog {
  top: -webkit-calc(50% - 325px);
  top: calc(50% - 325px);
}
/* line 8, ../../app/styles/includes/main/_notes.scss */
.modal-dialog h3 {
  text-align: center;
}
/* line 12, ../../app/styles/includes/main/_notes.scss */
.modal-dialog .modal-content {
  max-height: 690px;
  overflow: auto;
}
/* line 17, ../../app/styles/includes/main/_notes.scss */
.modal-dialog input[type="checkbox"] {
  margin-right: 5px;
}
/* line 21, ../../app/styles/includes/main/_notes.scss */
.modal-dialog .note-options {
  font-size: 16px;
  text-align: center;
}
/* line 25, ../../app/styles/includes/main/_notes.scss */
.modal-dialog .note-options span {
  padding: 0 8px;
}
/* line 30, ../../app/styles/includes/main/_notes.scss */
.modal-dialog .fa {
  color: #363636;
  cursor: pointer;
  font-size: 30px;
  left: 15px;
  position: absolute;
  text-decoration: none;
  top: 15px;
}
/* line 39, ../../app/styles/includes/main/_notes.scss */
.modal-dialog .fa.fa-close {
  left: auto;
  right: 15px;
}
/* line 45, ../../app/styles/includes/main/_notes.scss */
.modal-dialog .notes-information {
  max-height: 400px;
  overflow: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 4, ../../app/styles/includes/main/notes/_responsive-ipad.scss */
  .modal-dialog {
    top: -webkit-calc(50% - 325px);
    top: calc(50% - 325px);
  }
  /* line 7, ../../app/styles/includes/main/notes/_responsive-ipad.scss */
  .modal-dialog .modal-content {
    max-height: 7000px;
  }
  /* line 11, ../../app/styles/includes/main/notes/_responsive-ipad.scss */
  .modal-dialog .fa {
    display: none;
  }
}
/* line 1, ../../app/styles/includes/main/_filters.scss */
.filters {
  background: #363636;
  color: #FFFFFF;
  font-size: 16px;
  height: 44px;
  position: fixed;
  z-index: 50;
  width: 100%;
}
/* line 10, ../../app/styles/includes/main/_filters.scss */
.filters.alert-present {
  margin-top: 45px;
}
/* line 14, ../../app/styles/includes/main/_filters.scss */
.filters a {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 36px;
  position: relative;
  text-decoration: none;
  top: 2px;
}
/* line 23, ../../app/styles/includes/main/_filters.scss */
.filters .jobs-filter,
.filters .date-filter,
.filters .employees-filter {
  display: inline-block;
  line-height: 44px;
  position: absolute;
  z-index: 20;
  width: 33.33%;
}
/* line 33, ../../app/styles/includes/main/_filters.scss */
.filters .date-filter {
  left: 33.33%;
  text-align: center;
}
/* line 37, ../../app/styles/includes/main/_filters.scss */
.filters .date-filter span {
  top: 0;
}
/* line 42, ../../app/styles/includes/main/_filters.scss */
.filters .date-filter.pagination-present span {
  top: -4px;
}
/* line 48, ../../app/styles/includes/main/_filters.scss */
.filters .employees-filter {
  background: #363636;
  color: #FFFFFF;
  left: 66.67%;
  text-align: right;
}
/* line 54, ../../app/styles/includes/main/_filters.scss */
.filters .employees-filter a {
  font-size: 16px;
}
/* line 57, ../../app/styles/includes/main/_filters.scss */
.filters .employees-filter a span {
  margin-top: 6px;
  position: absolute;
  right: -20px;
}
/* line 63, ../../app/styles/includes/main/_filters.scss */
.filters .employees-filter a.filter-label {
  margin-right: 17px;
}
/* line 69, ../../app/styles/includes/main/_filters.scss */
.filters .employees-filter .repeating a {
  text-align: left;
  text-indent: 17px;
}
/* line 76, ../../app/styles/includes/main/_filters.scss */
.filters span {
  position: relative;
  top: -4px;
}
/* line 81, ../../app/styles/includes/main/_filters.scss */
.filters .jobs-filter {
  color: #FFFFFF;
  left: 0;
  position: relative;
}
/* line 86, ../../app/styles/includes/main/_filters.scss */
.filters .jobs-filter a {
  font-size: 16px;
  text-indent: 17px;
}
/* line 93, ../../app/styles/includes/main/_filters.scss */
.filters .jobs-filter .filter-label a {
  margin-left: 17px;
}
/* line 98, ../../app/styles/includes/main/_filters.scss */
.filters .jobs-filter .filter-label.active a {
  margin-left: 0;
}
/* line 105, ../../app/styles/includes/main/_filters.scss */
.filters picker {
  background: #363636;
  display: inline-block;
  position: relative;
  width: 100%;
  z-index: 20;
}
/* line 112, ../../app/styles/includes/main/_filters.scss */
.filters picker .actions {
  position: absolute;
  right: 12px;
}
/* line 117, ../../app/styles/includes/main/_filters.scss */
.filters picker .input-container {
  max-width: 193px;
}
/* line 120, ../../app/styles/includes/main/_filters.scss */
.filters picker .input-container input {
  background: #737373;
  border-radius: 5.5px;
  color: #FFFFFF;
  float: left;
  height: 43px;
  margin: 7.5px;
}
/* line 130, ../../app/styles/includes/main/_filters.scss */
.filters picker .results {
  max-height: -webkit-calc(768px - 20px - 2 * 44px - 56px);
  max-height: calc(768px - 20px - 2 * 44px - 56px);
  overflow-y: auto;
  width: 100%;
}
/* line 135, ../../app/styles/includes/main/_filters.scss */
.filters picker .results .repeating {
  display: inline-block;
  width: 100%;
}
/* line 140, ../../app/styles/includes/main/_filters.scss */
.filters picker .results a {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-weight: 300;
  line-height: 44px;
  padding-let: 12px;
  width: 100%;
}

/* line 152, ../../app/styles/includes/main/_filters.scss */
#pending-hours,
#change-area {
  color: #FFFFFF;
  font-size: 14px;
  left: 70px;
  line-height: 0;
  position: fixed;
  top: 14px;
  z-index: 20;
}

/* line 163, ../../app/styles/includes/main/_filters.scss */
#equipment {
  color: #FFFFFF;
}

/* line 168, ../../app/styles/includes/main/_filters.scss */
#change-area select {
  border-radius: 0;
  color: #363636;
  margin-left: 8px;
  padding: 0;
}

/* line 2, ../../app/styles/includes/main/_release-notes.scss */
#release-notes .fa {
  display: block;
}
/* line 6, ../../app/styles/includes/main/_release-notes.scss */
#release-notes ul {
  font-size: 16px;
  font-weight: 300;
}

/* line 4, ../../app/styles/includes/main/clock-events.scss */
.add-clock-event-modal .modal-dialog {
  max-height: -webkit-calc(100% - 80px);
  max-height: calc(100% - 80px);
  overflow: auto;
  position: relative;
  top: 0;
}

/* line 13, ../../app/styles/includes/main/clock-events.scss */
body .clockpicker-align-top.popover > .arrow {
  top: 50%;
}
/* line 17, ../../app/styles/includes/main/clock-events.scss */
body .popover {
  margin-top: -150px;
}

/* line 26, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-header p {
  margin: 0;
  text-align: center;
}
/* line 30, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-header p a {
  display: inline-block;
  font-size: 36px;
  position: relative;
  top: 8px;
}
/* line 36, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-header p a.fa-angle-left {
  left: -10px;
}
/* line 44, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form {
  font-size: 20px;
}
/* line 47, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form label {
  width: 200px;
}
/* line 51, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form hr {
  margin: 15px 0;
}
/* line 55, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form span {
  display: inline-block;
  font-weight: 300;
  text-align: center;
  width: 140px;
}
/* line 62, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form #hours-driven {
  margin-bottom: 0;
}
/* line 66, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .alert {
  font-size: 14px;
}
/* line 70, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .alert.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
/* line 75, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .alert.alert-info hr {
  border-top-color: #a6e1ec;
}
/* line 81, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .alert span {
  display: block;
  line-height: 16px;
  margin: 8px;
  width: 100%;
  text-align: left;
}
/* line 90, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .hours-add,
.modal-dialog #create-clock-event .modal-body ng-form .hours-remove {
  color: #363636;
}
/* line 94, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .hours-add:hover,
.modal-dialog #create-clock-event .modal-body ng-form .hours-remove:hover {
  text-decoration: none;
}
/* line 98, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .hours-add span,
.modal-dialog #create-clock-event .modal-body ng-form .hours-remove span {
  left: 5px;
  width: auto;
}
/* line 103, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .hours-add .fa,
.modal-dialog #create-clock-event .modal-body ng-form .hours-remove .fa {
  font-size: 22px;
  left: 0;
  top: 2px;
}
/* line 110, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .hours-remove {
  margin-right: 10px;
}
/* line 114, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .hours-add {
  margin-left: 10px;
}
/* line 118, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .fa {
  display: inline-block;
  left: 0;
  position: relative;
}
/* line 123, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .fa.fa-sort-up {
  margin-left: 15px;
  top: 12px;
}
/* line 128, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .fa.fa-minus-circle, .modal-dialog #create-clock-event .modal-body ng-form .fa.fa-plus-circle {
  font-size: 22px;
  margin: 0;
  top: 2px;
}
/* line 135, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .fa.fa-sort-down {
  top: -2px;
}
/* line 139, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .fa.fa-close {
  font-size: 20px;
  margin-left: 20px;
  top: 0;
}
/* line 145, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form .fa.fa-plus-circle {
  font-size: 22px;
  margin-bottom: 20px;
}
/* line 152, ../../app/styles/includes/main/clock-events.scss */
.modal-dialog #create-clock-event .modal-body ng-form #hours-driven label {
  margin-right: 20px;
  width: auto;
}

/* line 162, ../../app/styles/includes/main/clock-events.scss */
.single-clock-type {
  width: 100%;
}
/* line 165, ../../app/styles/includes/main/clock-events.scss */
.single-clock-type .no-access {
  opacity: 0.5;
}

/* line 170, ../../app/styles/includes/main/clock-events.scss */
#clock-events {
  width: 100%;
}
/* line 173, ../../app/styles/includes/main/clock-events.scss */
#clock-events .tr {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 178, ../../app/styles/includes/main/clock-events.scss */
#clock-events .tr .td span {
  font-weight: 300;
  text-align: center;
  width: 100%;
}
/* line 184, ../../app/styles/includes/main/clock-events.scss */
#clock-events .tr .td .no-access {
  opacity: 0.5;
}

/* line 191, ../../app/styles/includes/main/clock-events.scss */
#hours-driven {
  width: 100%;
}

/* line 15, ../../app/styles/main.scss */
html {
  min-height: 100%;
  min-width: 100%;
}

/* line 20, ../../app/styles/main.scss */
body {
  background: #EEE6E7;
  color: #363636;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 28, ../../app/styles/main.scss */
input {
  color: #363636;
}

/* line 32, ../../app/styles/main.scss */
input:focus {
  box-shadow: none;
  outline: 0;
}

/* line 37, ../../app/styles/main.scss */
:focus {
  outline: none;
}

/* line 41, ../../app/styles/main.scss */
input, select, textarea {
  border: none;
  border-radius: 5.5px;
  font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 7px 12px;
  transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 53, ../../app/styles/main.scss */
select {
  padding: 6px 12px;
}

/* line 57, ../../app/styles/main.scss */
textarea {
  color: #363636;
}

/* line 61, ../../app/styles/main.scss */
input[type="submit"],
.button {
  background: #34495E;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  padding: 10px 19px;
  transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 74, ../../app/styles/main.scss */
input[type="submit"]:active,
.button:active {
  background: #1b2530;
}

/* line 79, ../../app/styles/main.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* line 85, ../../app/styles/main.scss */
input[type="number"]::-ms-clear {
  display: none;
}

/* line 89, ../../app/styles/main.scss */
.clear:before,
.clear:after {
  content: " ";
  display: block;
}

/* line 95, ../../app/styles/main.scss */
.clear:after {
  clear: both;
}

/* line 99, ../../app/styles/main.scss */
#view {
  float: left;
  padding-top: 44px;
  padding-bottom: 55px;
  width: 100%;
}

/* line 106, ../../app/styles/main.scss */
#total-hours {
  background: #DCD5D6;
  bottom: 56px;
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
}

/* line 116, ../../app/styles/main.scss */
#grand-total-hours {
  background: #DCD5D6;
  bottom: 96px;
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
}

/* line 126, ../../app/styles/main.scss */
#job-actions {
  background: #D2D5D6;
  border-top: 1px solid #AFAAAB;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 20;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-transform: translate3d(0, 0, 0);
}
/* line 145, ../../app/styles/main.scss */
#job-actions #actions {
  float: left;
  margin-top: 5px;
}
/* line 149, ../../app/styles/main.scss */
#job-actions #actions div {
  float: left;
  margin: 0 33px 0 17px;
}
/* line 153, ../../app/styles/main.scss */
#job-actions #actions div#last-updated {
  left: -webkit-calc(50% - 75px);
  left: calc(50% - 75px);
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 150px;
}
/* line 162, ../../app/styles/main.scss */
#job-actions #actions div#offline {
  color: #EE3A43;
  font-weight: bold;
}
/* line 166, ../../app/styles/main.scss */
#job-actions #actions div#offline span {
  color: #EE3A43;
  opacity: 1;
}
/* line 171, ../../app/styles/main.scss */
#job-actions #actions div#offline .fa {
  left: -webkit-calc(50% - 13px);
  left: calc(50% - 13px);
}
/* line 177, ../../app/styles/main.scss */
#job-actions #actions div#back .fa {
  left: -webkit-calc(50% - 4px);
  left: calc(50% - 4px);
}
/* line 184, ../../app/styles/main.scss */
#job-actions #actions-right {
  float: right;
  margin-top: 5px;
}
/* line 188, ../../app/styles/main.scss */
#job-actions #actions-right div {
  float: right;
  margin: 0 17px 0 33px;
}
/* line 194, ../../app/styles/main.scss */
#job-actions .fa {
  color: #363636;
  font-size: 24px;
  left: -webkit-calc(50% - 10px);
  left: calc(50% - 10px);
  opacity: .5;
  position: relative;
}
/* line 203, ../../app/styles/main.scss */
#job-actions a.fa {
  cursor: pointer;
  opacity: 1;
  text-decoration: none;
}

/* line 212, ../../app/styles/main.scss */
form p {
  width: 100%;
}

/* line 218, ../../app/styles/main.scss */
ng-form input[type="number"],
ng-form input[type="text"] {
  background: #E6E6E8;
  color: #363636;
  padding: 6px 12px;
}

/* line 227, ../../app/styles/main.scss */
form textarea {
  background: #E6E6E8;
  color: #363636;
  padding: 7px 12px;
  width: 100%;
}
/* line 234, ../../app/styles/main.scss */
form select {
  background: #E6E6E8;
  color: #363636;
  padding: 6px 12px;
}
/* line 240, ../../app/styles/main.scss */
form input[type="number"],
form input[type="text"] {
  background: #E6E6E8;
  color: #363636;
  padding: 6px 12px;
}
/* line 247, ../../app/styles/main.scss */
form .input {
  display: table-row;
}
/* line 250, ../../app/styles/main.scss */
form .input label {
  display: table-cell;
  font-size: 16px;
  font-weight: 300;
  vertical-align: middle;
  text-align: right;
}
/* line 258, ../../app/styles/main.scss */
form .input span {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  margin: 10px 0 0 16px;
}
/* line 265, ../../app/styles/main.scss */
form .input input[type="number"],
form .input input[type="text"],
form .input select {
  display: table-cell;
  margin: 10px 0 0 16px;
}

/* line 276, ../../app/styles/main.scss */
.modal-body form label {
  padding-top: 10px;
}

/* line 282, ../../app/styles/main.scss */
input[type="number"] {
  -moz-appearance: textfield;
}
/* line 285, ../../app/styles/main.scss */
input[type="number"]::webkit-inner-spin-button, input[type="number"]::webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* line 296, ../../app/styles/main.scss */
#wage-types a,
#add-jobs a,
#add-employees a,
#acknowledgement a {
  color: #363636;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 5px 0;
  text-decoration: none;
  width: 100%;
}
/* line 306, ../../app/styles/main.scss */
#wage-types a.fa-close,
#add-jobs a.fa-close,
#add-employees a.fa-close,
#acknowledgement a.fa-close {
  font-size: 30px;
  width: auto;
}

/* line 314, ../../app/styles/main.scss */
#add-employees #employee-list {
  margin-top: 5px;
  max-height: 350px;
  overflow: auto;
}

/* line 322, ../../app/styles/main.scss */
#acknowledgement input[type="password"] {
  background: #E6E6E8;
  color: #363636;
  padding: 6px 12px;
}
/* line 328, ../../app/styles/main.scss */
#acknowledgement #employees-to-acknowledge,
#acknowledgement #workday-information {
  max-height: 350px;
  overflow: auto;
}
/* line 333, ../../app/styles/main.scss */
#acknowledgement #employees-to-acknowledge .fa,
#acknowledgement #workday-information .fa {
  color: #EE3A43;
  display: inline-block;
  font-size: 24px;
  left: 0;
  position: relative;
  top: 2px;
}
/* line 341, ../../app/styles/main.scss */
#acknowledgement #employees-to-acknowledge .fa.fa-check,
#acknowledgement #workday-information .fa.fa-check {
  color: #2ECC71;
}
/* line 346, ../../app/styles/main.scss */
#acknowledgement #employees-to-acknowledge .workday,
#acknowledgement #workday-information .workday {
  display: block;
  padding: 4px;
  width: 100%;
}
/* line 354, ../../app/styles/main.scss */
#acknowledgement #workday-information p {
  padding-top: 20px;
}
/* line 358, ../../app/styles/main.scss */
#acknowledgement #workday-information .row {
  margin: 0;
}
/* line 362, ../../app/styles/main.scss */
#acknowledgement #workday-information .selected {
  background: #DFF0D8;
}
/* line 367, ../../app/styles/main.scss */
#acknowledgement #workday-information .shift .shift-info {
  display: block;
  padding-bottom: 5px;
}
/* line 371, ../../app/styles/main.scss */
#acknowledgement #workday-information .shift .shift-info .time-label {
  display: inline-block;
  width: 140px;
}

/* line 382, ../../app/styles/main.scss */
.modal-dialog #workday-information .fa {
  cursor: default;
  display: inline-block;
}

/* line 389, ../../app/styles/main.scss */
.cg-busy-default-sign {
  left: -webkit-calc(50% - 74px);
  left: calc(50% - 74px);
  position: fixed;
}

/* line 394, ../../app/styles/main.scss */
.search {
  background: #E6E6E8;
}

/* line 401, ../../app/styles/main.scss */
.modal-dialog #bulk-actions .modal-header p {
  text-align: center;
}
/* line 404, ../../app/styles/main.scss */
.modal-dialog #bulk-actions .modal-header p a {
  display: inline-block;
  font-size: 36px;
  position: relative;
  top: 8px;
}
/* line 410, ../../app/styles/main.scss */
.modal-dialog #bulk-actions .modal-header p a.fa-angle-left {
  left: -10px;
}
/* line 417, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-options {
  font-size: 20px;
  margin: 10px auto 0 auto;
  text-align: center;
}
/* line 422, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-options input[type="radio"] {
  margin: 0 5px 0 30px;
}
/* line 425, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-options input[type="radio"]:first-child {
  margin-left: 0;
}
/* line 430, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-options .city-tax-bulk {
  margin: 0 5px 0 30px;
}
/* line 436, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-time div {
  margin: 0 auto;
}
/* line 441, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-time .fa {
  display: inline-block;
  position: relative;
}
/* line 445, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-time .fa.fa-sort-up {
  top: 13px;
}
/* line 449, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-time .fa.fa-sort-down {
  left: -8px;
  top: -2px;
}
/* line 454, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-time .fa.fa-minus-circle, .modal-dialog #bulk-actions #bulk-time .fa.fa-plus-circle {
  font-size: 22px;
  left: 0;
  margin: 0;
  top: 2px;
}
/* line 464, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-employee-list {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  margin: 20px 0 auto 0;
  height: 200px;
  overflow: auto;
}
/* line 472, ../../app/styles/main.scss */
.modal-dialog #bulk-actions #bulk-employee-list .employee-info {
  text-align: left;
}
/* line 477, ../../app/styles/main.scss */
.modal-dialog #bulk-actions .center {
  text-align: center;
}

/* line 483, ../../app/styles/main.scss */
#verify-employee {
  min-height: 500px;
}
/* line 486, ../../app/styles/main.scss */
#verify-employee input[type="password"] {
  background: #E6E6E8;
  color: #363636;
  padding: 6px 12px;
}

/* line 493, ../../app/styles/main.scss */
.employee-hours {
  position: relative;
}

/* line 497, ../../app/styles/main.scss */
.progress-bar {
  background: #CCCCCC;
  float: none;
  height: 14px;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 505, ../../app/styles/main.scss */
.progress-bar div {
  border-left: 1px solid #DCD5D6;
  float: left;
  height: 14px;
  width: 25%;
}
/* line 511, ../../app/styles/main.scss */
.progress-bar div:first-child {
  border-left: 0;
}
/* line 515, ../../app/styles/main.scss */
.progress-bar div.have-event {
  background: #9B9B9B;
}

/* line 523, ../../app/styles/main.scss */
.modal-header .fa.fa-close {
  display: block;
}

/* line 529, ../../app/styles/main.scss */
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
/* line 534, ../../app/styles/main.scss */
.alert-info hr {
  border-top-color: #a6e1ec;
}

/* line 540, ../../app/styles/main.scss */
#view-employees-toggle,
#view-equipment-toggle {
  color: #fff;
  margin-left: 20px;
  text-decoration: none;
}
/* line 545, ../../app/styles/main.scss */
#view-employees-toggle .fa,
#view-equipment-toggle .fa {
  text-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
}
/* line 549, ../../app/styles/main.scss */
#view-employees-toggle:hover,
#view-equipment-toggle:hover {
  border: none;
}
/* line 552, ../../app/styles/main.scss */
#view-employees-toggle:active,
#view-equipment-toggle:active {
  border: none;
}

/* line 557, ../../app/styles/main.scss */
#view-equipment-toggle {
  cursor: pointer;
  margin-right: 20px;
}

/* line 562, ../../app/styles/main.scss */
#create-clock-event .fa, #bulk-actions .fa {
  position: relative;
  font-size: 18px;
  top: 0px;
}

/* line 568, ../../app/styles/main.scss */
#create-clock-event .fa-close, #create-clock-event .clear {
  top: -34px;
  left: 160px;
}

/* line 573, ../../app/styles/main.scss */
#create-clock-event .fa-close {
  padding: 7px 12px;
  border: 1px solid #ccc;
  background-color: #eeeeee;
  border-radius: 4px;
}
/* line 578, ../../app/styles/main.scss */
#create-clock-event .fa-close span {
  font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #363636;
  position: relative;
  bottom: 1px;
}

/* line 589, ../../app/styles/main.scss */
#create-clock-event .fa {
  display: inline-block;
}
/* line 595, ../../app/styles/main.scss */
#create-clock-event .modal-header h3, #create-clock-event .modal-header p {
  position: relative;
  right: 100px;
}
/* line 601, ../../app/styles/main.scss */
#create-clock-event #note {
  width: 250px;
  float: left;
  position: relative;
  top: 0px;
  right: 0px;
}
/* line 607, ../../app/styles/main.scss */
#create-clock-event #note span {
  font-weight: 300;
}
/* line 612, ../../app/styles/main.scss */
#create-clock-event #total-hours {
  padding-top: 20px;
  margin-bottom: -40px;
  background-color: #fff;
  font-size: 16px;
  position: relative;
}
/* line 620, ../../app/styles/main.scss */
#create-clock-event .alerts {
  margin: 20px 0 0 0;
  position: static;
}

/* line 627, ../../app/styles/main.scss */
.clockpicker-popover {
  z-index: 999999 !important;
}

/* line 631, ../../app/styles/main.scss */
.clockpicker {
  width: 150px;
}
/* line 634, ../../app/styles/main.scss */
.clockpicker .form-control {
  background-color: #fff !important;
  color: #363636;
  font-weight: 500;
  box-shadow: none;
}

/* line 642, ../../app/styles/main.scss */
.input-group-addon .glyphicon {
  color: #363636;
}

/* line 646, ../../app/styles/main.scss */
#add-clock-events-modal .event-list label {
  float: left;
  margin-right: 20px;
  min-width: 150px;
}

/* line 652, ../../app/styles/main.scss */
.event-list {
  padding-top: 20px;
}

/* line 656, ../../app/styles/main.scss */
.event-list:nth-child(2) {
  border-left: 1px solid #eee;
  padding-left: 25px;
  width: 450px;
  position: absolute;
  top: 11px;
  right: 0px;
}

/* line 665, ../../app/styles/main.scss */
.spacer {
  display: block;
  height: 50px;
  padding: 10px 0 0 0;
  margin: 5px 0 0 0;
  clear: both;
}
/* line 672, ../../app/styles/main.scss */
.spacer label {
  font-size: 16px;
}

/* line 677, ../../app/styles/main.scss */
#add-break-parent {
  position: absolute;
  top: 14px;
  left: 15px;
}

/* line 683, ../../app/styles/main.scss */
#add-shift-parent {
  position: absolute;
  top: 13px;
  right: 360px;
}

/* line 689, ../../app/styles/main.scss */
#add-break, #clockpicker-add-shift {
  font-size: 14px;
  color: #fff;
  padding: 7px 12px;
  background-color: #428BCA;
  border-radius: 4px;
}

/* line 697, ../../app/styles/main.scss */
#add-break:hover, #clockpicker-add-shift:hover {
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}

/* line 703, ../../app/styles/main.scss */
#add-break-button, #add-shift-button {
  position: relative;
  color: #fff;
  margin-top: -20px;
  left: 0px;
  top: 3px;
}

/* line 715, ../../app/styles/main.scss */
#bulk-time .bulk-dates {
  font-size: 20px;
  text-align: center;
  margin: 0px auto;
}
/* line 721, ../../app/styles/main.scss */
#bulk-time .form-control {
  width: 150px;
}

/* line 726, ../../app/styles/main.scss */
#end-date-before-start-date-notice {
  position: relative;
  right: 20px;
  bottom: 5px;
  z-index: 9999;
}

/* line 733, ../../app/styles/main.scss */
#hours-driven {
  margin-bottom: 0;
  font-size: 16px;
  width: 100%;
}
/* line 738, ../../app/styles/main.scss */
#hours-driven .hours-add,
#hours-driven .hours-remove {
  color: #363636;
}
/* line 742, ../../app/styles/main.scss */
#hours-driven .hours-add:hover,
#hours-driven .hours-remove:hover {
  text-decoration: none;
}
/* line 746, ../../app/styles/main.scss */
#hours-driven .hours-add span,
#hours-driven .hours-remove span {
  left: 5px;
  width: auto;
}
/* line 751, ../../app/styles/main.scss */
#hours-driven .hours-add .fa,
#hours-driven .hours-remove .fa {
  font-size: 22px;
  left: 0;
  top: 2px;
}
/* line 758, ../../app/styles/main.scss */
#hours-driven .hours-remove {
  margin-right: 10px;
}
/* line 762, ../../app/styles/main.scss */
#hours-driven .hours-add {
  margin-left: 10px;
}
/* line 767, ../../app/styles/main.scss */
#hours-driven .fa {
  color: #428bca;
  display: inline-block;
  left: 0;
  position: relative;
}
/* line 773, ../../app/styles/main.scss */
#hours-driven .fa.fa-sort-up {
  margin-left: 15px;
  top: 12px;
}
/* line 778, ../../app/styles/main.scss */
#hours-driven .fa.fa-minus-circle, #hours-driven .fa.fa-plus-circle {
  font-size: 22px;
  margin: 0;
  top: 2px;
}
/* line 785, ../../app/styles/main.scss */
#hours-driven .fa.fa-sort-down {
  top: -2px;
}
/* line 789, ../../app/styles/main.scss */
#hours-driven .fa.fa-close {
  font-size: 20px;
  margin-left: 20px;
  top: 0;
}
/* line 795, ../../app/styles/main.scss */
#hours-driven .fa.fa-plus-circle {
  font-size: 22px;
  margin-bottom: 20px;
}
/* line 801, ../../app/styles/main.scss */
#hours-driven span {
  display: inline-block;
  font-weight: 300;
  text-align: center;
  width: 140px;
}
/* line 808, ../../app/styles/main.scss */
#hours-driven label {
  margin-right: 20px;
}

/*=============== RATE THIS APP & CONTACT US ================*/
/* line 814, ../../app/styles/main.scss */
#rate-this-app .fa {
  color: unset;
  cursor: pointer;
  font-size: unset;
  left: 0px;
  position: relative;
  text-decoration: none;
  top: 0;
  display: initial;
}
/* line 824, ../../app/styles/main.scss */
#rate-this-app .fa-star, #rate-this-app .fa-star-o {
  text-shadow: 1px 1px 1px #777;
  padding-right: 10px;
  color: #ccac00;
  font-size: 50px;
}
/* line 831, ../../app/styles/main.scss */
#rate-this-app .fa-star {
  color: #e6c200;
  font-size: 50px;
}

/* line 836, ../../app/styles/main.scss */
#rate-block {
  display: block;
  text-align: center;
  margin: 10px auto 30px auto;
}

/* line 843, ../../app/styles/main.scss */
#txt-rating {
  width: 88%;
  margin: 30px auto 0 auto;
  padding: 20px;
  border: 2px solid silver;
  resize: none;
}
/* line 850, ../../app/styles/main.scss */
#txt-rating:required {
  box-shadow: none;
}
/* line 854, ../../app/styles/main.scss */
#txt-rating:focus {
  background-color: #f3f3f4;
  -webkit-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

/* line 864, ../../app/styles/main.scss */
#contact-us {
  display: inline-block;
  width: 100%;
  margin: 0 auto 20px auto;
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-radius: 10px;
  border: 1px solid #faebcc;
  padding: 15px 20px;
}
/* line 874, ../../app/styles/main.scss */
#contact-us .fa {
  float: right;
  color: #8a6d3b;
  font-size: initial;
}
/* line 879, ../../app/styles/main.scss */
#contact-us .fa:hover {
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}
/* line 886, ../../app/styles/main.scss */
#contact-us span {
  color: #8a6d3b;
  font-weight: bold;
  text-decoration: underline;
}
/* line 890, ../../app/styles/main.scss */
#contact-us span:hover {
  cursor: pointer;
  cursor: hand;
  color: #66512c;
}

/* line 897, ../../app/styles/main.scss */
.modal {
  position: absolute;
}

/* line 901, ../../app/styles/main.scss */
.border-top {
  border-top: 1px solid #363636;
}

@media only screen and (min-device-width: 767px) and (max-device-width: 1025px) {
  /* line 6, ../../app/styles/includes/main/_responsive-ipad.scss */
  .modal-header .fa.fa-print {
    display: none;
  }

  /* line 12, ../../app/styles/includes/main/_responsive-ipad.scss */
  .modal {
    position: absolute;
  }

  /* line 16, ../../app/styles/includes/main/_responsive-ipad.scss */
  #total-hours .tr .td {
    padding: 5px 2% !important;
  }

  /* line 20, ../../app/styles/includes/main/_responsive-ipad.scss */
  .spacer {
    margin: 10px 0;
  }

  /* line 24, ../../app/styles/includes/main/_responsive-ipad.scss */
  .modal-dialog {
    margin-top: 20px;
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* line 31, ../../app/styles/includes/main/_responsive-ipad.scss */
  #last-updated {
    display: none;
  }

  /* line 38, ../../app/styles/includes/main/_responsive-ipad.scss */
  #job-actions #actions div,
  #job-actions #actions-right div {
    margin: 0 17px;
  }

  /* line 44, ../../app/styles/includes/main/_responsive-ipad.scss */
  .modal {
    position: absolute;
  }
}
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1300px) {
  /* line 53, ../../app/styles/includes/main/_responsive-ipad.scss */
  .spacer {
    display: block;
    height: 40px;
    padding: 0;
    margin: 5px 0 0 0;
    clear: both;
  }
}
/* line 907, ../../app/styles/main.scss */
.ipad-portrait {
  display: none;
}

/* line 911, ../../app/styles/main.scss */
.app-view {
  display: block;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* line 921, ../../app/styles/main.scss */
  .app-view {
    display: none;
  }

  /* line 925, ../../app/styles/main.scss */
  .ipad-portrait {
    background: -webkit-linear-gradient(#484848, #2b2b2b);
    background: linear-gradient(#484848, #2b2b2b);
    color: #fff;
    display: block;
    height: 100vh;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    width: 100vw;
    z-index: 9999 !important;
  }
  /* line 934, ../../app/styles/main.scss */
  .ipad-portrait p {
    font-size: 22px;
    padding: 50% 10px 0 10px;
    text-align: center;
  }
}

/* line 3, ../../app/styles/login.scss */
#telemetry-notice {
  display: none;
}

/* line 7, ../../app/styles/login.scss */
#login {
  display: table;
  height: 100%;
  position: absolute;
  width: 100%;
}
/* line 13, ../../app/styles/login.scss */
#login #login-cell {
  display: table-cell;
  vertical-align: middle;
}
/* line 17, ../../app/styles/login.scss */
#login #login-cell #login-content {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 288px;
}
/* line 23, ../../app/styles/login.scss */
#login #login-cell #login-content h1 {
  font-weight: 400;
  margin-bottom: 0;
}
/* line 28, ../../app/styles/login.scss */
#login #login-cell #login-content h2 {
  font-weight: 300;
  margin-top: 0;
}
/* line 33, ../../app/styles/login.scss */
#login #login-cell #login-content h3 {
  color: #2ECC71;
  font-weight: 400;
}
/* line 38, ../../app/styles/login.scss */
#login #login-cell #login-content input,
#login #login-cell #login-content select {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/* line 44, ../../app/styles/login.scss */
#login #login-cell #login-content select {
  border-radius: 6px;
  margin-bottom: 4.5px;
}
/* line 49, ../../app/styles/login.scss */
#login #login-cell #login-content input:first-child {
  border-radius: 6px 6px 0 0;
  position: relative;
}
/* line 54, ../../app/styles/login.scss */
#login #login-cell #login-content input:nth-child(2) {
  border-radius: 0 0 6px 6px;
  margin-bottom: 4.5px;
  position: relative;
  top: -1px;
}
/* line 61, ../../app/styles/login.scss */
#login #login-cell #login-content input:focus {
  z-index: 2;
}
/* line 65, ../../app/styles/login.scss */
#login #login-cell #login-content input:first-child,
#login #login-cell #login-content input[type="password"] {
  color: #444444;
}
/* line 70, ../../app/styles/login.scss */
#login #login-cell #login-content input[type="submit"] {
  background-color: #EE3A43;
  border-color: #EE3A43;
}
/* line 75, ../../app/styles/login.scss */
#login #login-cell #login-content input[type="submit"]:active {
  background-color: #cf121b;
  border-color: #cf121b;
}
/* line 81, ../../app/styles/login.scss */
#login #login-cell #login-content form input[type="text"] {
  background-color: #FFFFFF;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* line 4, ../../app/styles/includes/login/_responsive-ipad.scss */
  #login {
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
  }

  /* line 8, ../../app/styles/includes/login/_responsive-ipad.scss */
  #telemetry-notice {
    background: #F0AD4E;
    color: #8A6D3B;
    display: block;
    padding: 12px 17px;
  }
  /* line 14, ../../app/styles/includes/login/_responsive-ipad.scss */
  #telemetry-notice strong {
    font-weight: 400;
  }
}