/** Override any bootstrap components here. */
.tab-content {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 15px;
}

textarea {
  resize: vertical;
}

.form-datetime-wrapper {
  display: flex;
}

.form-input-date {
  flex: 2;
}

.form-input-hour, .form-input-minute {
  flex: 1;
}

.table-border-right {
  border-right: solid 1px #ddd;
}

.table-no-border-top td {
  border-top: none !important;
}

.table-responsive-wrap > .table > tbody > tr > td {
  white-space: pre-wrap;
}

.bright-red {
  color: #F44336;
}

.dlist-list {
  margin: 0;
}
.dlist-list .dlist-item {
  display: flex;
}
.dlist-list .dlist-item .dlist-item-wrapper {
  flex: 1;
  margin-right: 10px;
}
.dlist-list .dlist-item .dlist-item-controls .btn-dlist-insert {
  margin-right: 10px;
}

.dlist-controls {
  display: flex;
  margin-bottom: 15px;
}
.dlist-controls .btn-dlist-add, .dlist-controls .btn-dlist-rem-last {
  margin-right: 10px;
}

.collapse-root .collapse-btn::before {
  content: "- ";
}

.collapse-root.collapse-closed .collapse-btn::before {
  content: "+ ";
}
.collapse-root.collapse-closed .collapse-target {
  display: none;
}

.autocomplete-suggestions {
  background: white;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 8px 16px;
  cursor: pointer;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  background: #ddd;
}

.calendar .calendar-cell {
  height: 100px;
  width: 14.2857%;
  font-size: 80%;
}
.calendar .calendar-cell .calendar-date {
  font-weight: bold;
  margin-bottom: 10px;
}
.calendar .calendar-cell.calendar-weekday-0, .calendar .calendar-cell.calendar-weekday-6 {
  background: #eee;
}

.calendar-navigation {
  display: flex;
  margin-bottom: 10px;
}
.calendar-navigation .calendar-navigation-left {
  flex: 1;
}
.body-logged-out {
  background: #f5f5f5;
  padding: 40px 0;
}

.form-signin {
  max-width: 400px;
  padding: 20px 30px 20px;
  margin: 0 auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-toggle {
  margin-left: 15px;
}

.navbar-right {
  float: right !important;
}

.navbar-form {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-logout {
  padding-right: 10px;
}

.nav-title {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav-item > a {
  padding: 3px 15px;
}

#primary-nav {
  position: relative;
}

/** Slide Menu **/
body.slide-active {
  overflow-x: hidden;
}

#slide-nav .navbar-toggle.slide-active .icon-bar {
  background: orange;
}

.navbar-header {
  position: relative;
}

/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
  position: relative;
}

#slidemenu {
  padding: 20px 5px;
}

@media (max-width: 767px) {
  #slide-nav .container {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
  }

  #slide-nav .navbar-header {
    margin: 0 auto;
    padding: 0 15px;
  }

  #slide-nav .navbar.slide-active {
    position: absolute;
    width: 80%;
    z-index: 1000;
  }

  #slide-nav #slidemenu {
    background: #f7f7f7;
    left: -100%;
    width: 80%;
    min-width: 0;
    position: absolute;
    padding-left: 0;
    z-index: 2;
    margin: 0;
  }

  #slide-nav #slidemenu .navbar-nav {
    min-width: 0;
    width: 100%;
    margin: 0;
  }

  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
    min-width: 0;
    width: 80%;
    white-space: normal;
  }

  #slide-nav {
    border-top: 0;
    z-index: 1;
  }

  #slide-nav.navbar-inverse #slidemenu {
    background: #333;
  }

  /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
  #navbar-height-col {
    position: fixed;
    top: 0;
    height: 100%;
    bottom: 0;
    width: 80%;
    left: -80%;
  }

  #navbar-height-col.inverse {
    background: #333;
    z-index: 1;
    border: 0;
  }

  #slide-nav .navbar-form {
    width: 100%;
    margin: 8px 0;
    text-align: center;
    overflow: hidden;
    /*fast clearfixer*/
  }

  #slide-nav .navbar-form .form-control {
    text-align: center;
  }

  #slide-nav .navbar-form .btn {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #main-container {
    left: 0 !important;
  }

  .navbar.navbar-fixed-top.slide-active {
    position: fixed;
  }

  #primary-nav {
    left: 0 !important;
  }

  #slidemenu {
    display: none;
  }
}
html {
  overflow-x: hidden;
}

html, body {
  height: 100%;
}

#main-container {
  padding: 0 30px;
  position: relative;
}

@media (max-width: 767px) {
  .nav-sidebar {
    display: none;
  }

  #main-container {
    padding: 0 10px;
    position: relative;
  }
}
.classification-TOA {
  color: #2196f3;
}

.classification-TOB {
  color: #4caf50;
}

.classification-CSA {
  color: #f44336;
}

.classification-GSR {
  color: #9c27b0;
}

.classification-Labourer {
  color: #2196f3;
}

.classification-StoreKeeper {
  color: #4caf50;
}

.classification-StoreKeeperDriver {
  color: #f44336;
}

.classification-EquipmentMaintainerREO {
  color: #9c27b0;
}

.classification-MechanicalTechnician {
  color: #ff9800;
}

.classification-ElectricalTechnician {
  color: #00bcd4;
}

.classification-HVACEquipmentMaintainer {
  color: #607d8b;
}

.classification-OutpostTechnician {
  color: #795548;
}

.user-excluded .user-name {
  text-decoration: line-through;
}

.event-type-PermanentVacancies, .event-type-StandingApp {
  color: #f44336;
}

.event-type-TemporaryVacancies, .event-type-OvertimeVacancies {
  color: #4caf50;
}

.event-type-GeneralAd {
  color: #ff9800;
}

.event-type-AnnualVacation, .event-type-AnnualVacationExchange {
  color: #2196f3;
}

.event-type-PermanentSpecial {
  color: #607d8b;
}

.unmatched-add-form {
  margin-bottom: 8px;
}
.unmatched-add-form select {
  width: 250px !important;
}

.crew-op-req, .crew-op-extra, .assignment-op-options, .employee-op, .departmentshift-op-options, .departmentplacement-op {
  display: flex;
  align-items: center;
}

.crew-op-extra > .checkbox {
  margin-right: 10px;
}

.crew-op .checkbox {
  margin-top: 0;
  margin-bottom: 15px;
}

.dlist-list-template-crewop .dlist-item-controls, .dlist-list-template-assignmentop .dlist-item-controls, .dlist-list-template-employeeop .dlist-item-controls {
  margin-top: 25px;
}

#event-form .dlist-controls {
  margin-bottom: 0;
}

#form-submission {
  margin-top: 15px;
}

.table-scroll-hor {
  overflow-x: auto;
}

#cycle-chart .form-group, #cycle-chart .table {
  margin-bottom: 0;
}
#cycle-chart .cycle-chart-crew-col {
  min-width: 100px;
}
#cycle-chart .cycle-chart-date-col {
  min-width: 150px;
}

.av-col-week {
  min-width: 100px;
}

.av-col-input {
  min-width: 70px;
}

.event-errors {
  margin-top: 20px;
}

.week-add-form {
  margin-top: 10px;
}

.av-weeks {
  display: flex;
  flex-wrap: wrap;
}
.av-weeks .av-week {
  flex: 1;
  min-width: 160px;
}

.crew-op-extra .btn-load-prev {
  margin-top: 25px;
}

.dlist-list-template-avconsbid {
  display: flex;
  flex-wrap: wrap;
}
.dlist-list-template-avconsbid .dlist-item {
  width: 200px;
  margin-right: 30px;
}

.av-ind-week-bids {
  display: flex;
  flex-wrap: wrap;
}
.av-ind-week-bids .av-ind-week-bid {
  width: 300px;
  margin-right: 30px;
}

.set-bid-announcements, .freeze-bids {
  display: flex;
}
.set-bid-announcements .set-bid-announcement, .set-bid-announcements .freeze-bid, .freeze-bids .set-bid-announcement, .freeze-bids .freeze-bid {
  flex: 1;
  margin-right: 15px;
}
.set-bid-announcements .set-bid-announcement:last-child, .set-bid-announcements .freeze-bid:last-child, .freeze-bids .set-bid-announcement:last-child, .freeze-bids .freeze-bid:last-child {
  margin-right: 0;
}

.log-filter-inputs {
  display: flex;
}
.log-filter-inputs > * {
  flex: 1;
}

.logs .panel {
  margin-bottom: 0;
}
.logs .panel .panel-heading {
  display: flex;
}
.logs .panel .panel-heading .panel-title {
  flex: 1;
}
.logs .panel .panel-heading .panel-expand {
  display: block;
}

.shift .shift-title {
  font-weight: bold;
}
.shift.shift-PV .shift-title {
  color: #f44336;
}
.shift.shift-TV .shift-title {
  color: #4caf50;
}
.shift.shift-SS .shift-title {
  color: #607d8b;
}
.shift.shift-WD .shift-title {
  color: #f44336;
}
.shift.shift-OT .shift-title {
  color: #9c27b0;
}
.shift.shift-AV .shift-title {
  color: #2196f3;
}
.shift.shift-SH .shift-title {
  color: #0B8043;
}
.shift.shift-OD .shift-title {
  color: #0B8043;
}
.shiftswap {
  display: flex;
  align-items: center;
}
.shiftswap .shiftswap-label {
  flex: 1;
}
.shiftswap .shiftswap-controls .form-group {
  margin-bottom: 0;
}
.shiftswap .shiftswap-controls .shiftswap-top-form .form-group {
  margin-bottom: 10px;
}
.shiftswap .shiftswap-errors {
  margin-top: 15px;
  margin-bottom: 0;
}

.job-train {
  max-width: 80px;
  word-break: break-all;
}

.job-description {
  min-width: 300px;
  max-width: 500px;
}

.job-time {
  text-align: center;
}

.jobs-cycle-chart {
  font-size: 80%;
}

.jobs-cycle-chart-divider {
  background: #333;
  border: none !important;
}

.jobs-cycle-chart-weekday-6, .jobs-cycle-chart-weekday-0 {
  background: #eee;
}

.holidays-header {
  display: flex;
  padding-right: 89px;
}
.holidays-header > * {
  flex: 1;
  font-weight: bold;
  padding: 0 10px;
}

.holidays-row {
  display: flex;
}
.holidays-row > * {
  flex: 1;
  font-weight: bold;
}

.offday .offday-body {
  display: flex;
  align-items: center;
}
.offday .offday-body .offday-title {
  flex: 1;
}
.offday .offday-body .offday-actions .form-group {
  margin-bottom: 0;
}
.offday .offday-body .offday-actions .offday-select {
  margin-bottom: 10px;
}

.offdaylimits {
  display: flex;
  align-items: flex-end;
}
.offdaylimits .offdaylimits-title {
  margin-bottom: 8px;
  width: 150px;
}
.offdaylimits .offdaylimits-actions {
  display: flex;
  flex: 1;
  align-items: flex-end;
}
.offdaylimits .offdaylimits-actions > * {
  flex: 1;
  margin: 0 10px;
}
.offdaylimits .offdaylimits-actions .form-group {
  margin-bottom: 0;
}

/*# sourceMappingURL=style.css.map */