#content-wrapper {
  max-width: 1000px;
}

/* override theme colours */
#content-header .icon-box.pull-right a:hover {
  color: #333f5e;
}

#public-ui-theme.theme-whbl #header-navbar .nav > li > a:hover, #public-ui-theme.theme-whbl #header-navbar .nav > li > a:focus, #public-ui-theme.theme-whbl #header-navbar .nav .open > a, #public-ui-theme.theme-whbl #header-navbar .nav .open > a:hover, #public-ui-theme.theme-whbl #header-navbar .nav .open > a:focus, #public-ui-theme.theme-whbl .navbar-toggle:hover, #public-ui-theme.theme-whbl .navbar-toggle:focus, #public-ui-theme.theme-whbl .mobile-search.active > .btn {
  background-color: #333f5e;
}

#public-ui-theme.theme-whbl h1, #public-ui-theme.theme-whbl a, a:not(.btn):hover, a:not(.btn):focus, #public-ui-theme.theme-whbl .pagination > li > a, #public-ui-theme.theme-whbl .pagination > li > span, #public-ui-theme.theme-whbl .pagination > li > a:hover, #public-ui-theme.theme-whbl .pagination > li > span:hover, #public-ui-theme.theme-whbl .pagination > li > a:focus, #public-ui-theme.theme-whbl .pagination > li > span:focus, #public-ui-theme.theme-whbl .pagination > li > a:active, #public-ui-theme.theme-whbl .pagination > li > span:active {
  color: #3F4D73;
}

#public-ui-theme.theme-whbl #header-navbar, #public-ui-theme.theme-whbl .btn-primary, #public-ui-theme.theme-whbl .pagination > .active > a, #public-ui-theme.theme-whbl .pagination > .active > span, #public-ui-theme.theme-whbl .pagination > .active > a:hover, #public-ui-theme.theme-whbl .pagination > .active > span:hover, #public-ui-theme.theme-whbl .pagination > .active > a:focus, #public-ui-theme.theme-whbl .pagination > .active > span:focus {
  background-color: #3F4D73 !important;
  border-color: #3F4D73 !important;
}

#public-ui-theme.theme-whbl .btn-primary[disabled] {
  background-color: #DFDFDF !important;
  border-color: #DFDFDF !important;
  color: #B8B8B8 !important;
}

.radio label:after {
  background-color: #3F4D73;
  border: 1px solid #3F4D73;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-top: 2px solid #3F4D73;
}

.radio input[type=radio]:checked + label:before, .radio input[type=radio]:hover + label:before {
  border-color: #3F4D73;
}

.dataTable thead tr th:hover {
  color: #3F4D73;
}

.checkbox-nice label:after {
  border: 3px solid #3F4D73;
  border-top: none;
  border-right: none;
}

.main-body {
  padding: 0 20px 20px 20px;
}
.main-body h2 {
  padding-left: 0;
}

.dropdown-toggle .fa-caret-down {
  margin-left: 5px !important;
}

#page-wrapper {
  padding: 0;
}

#footer-bar {
  display: none;
}

/** Employee Time reporting **/
.dashboard-title {
  color: #4A4A4A;
  font-size: 20px;
  font-weight: 700;
}

.clock-controls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  gap: 15px;
  margin-top: 15px;
}
.clock-controls .btn {
  width: 50%;
  height: 45px;
  color: white !important;
  padding: 0;
  align-content: center;
}

.divider {
  border-top: 2px solid #3F4D73;
}

#day-summary {
  display: flex;
  flex-direction: row;
  background-color: #3F4D7312;
  min-height: 75px;
  border-radius: 5px;
  margin-bottom: 25px;
}

#clock-summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 50%;
  padding: 17px 0 10px 18px;
}

#hours-summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 50%;
  padding: 17px 0 10px 18px;
}

.btn-fw {
  width: 100%;
  height: 45px;
  color: white !important;
  padding: 0;
  align-content: center;
}

.modal-content {
  border-radius: 5px;
}

#add-job-modal-controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#add-job-modal-controls .btn-fw {
  border-radius: 5px;
}

#clock-in-controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 0;
}
#clock-in-controls .btn-fw {
  border-radius: 5px;
}

.time-controls {
  width: 100%;
}

#time {
  width: 100%;
}

.margin-label {
  margin-top: 15px;
}

.minor-title {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  padding-bottom: 0;
}

.nav-icon {
  color: #3F4D73;
  cursor: pointer;
  margin-right: 5px;
}

.time-form {
  padding-top: 25px;
}

#add-job-modal {
  background: rgba(0, 0, 0, 0.5);
}

.ui-timepicker-container {
  z-index: 3500 !important;
}

.material-load {
  display: flex;
  flex-direction: column;
}

.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.header-text {
  font-weight: 700;
  font-size: 13px;
  margin: 0;
}

.delete-link {
  color: #C31919 !important;
}

.preview {
  margin-bottom: 15px;
}

#confirm-container {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-bottom: 10px;
}

.notification {
  background-color: #E2EAFC;
}

.notification-body {
  display: flex;
  padding: 15px 10px 10px 15px;
  margin: 20px 0;
  background-color: #E2EAFC;
}
.notification-body .icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 50px;
}
.notification-body .icon-container i {
  font-size: 2rem;
  color: #3F4D73;
}

.mt-0 {
  margin-top: 0;
}

.mt-3 {
  margin-top: 15px;
}

.pl-0 {
  padding-left: 0;
}

.pl-3 {
  padding-left: 15px;
}

.pr-0 {
  padding-right: 0;
}

.pt-1 {
  padding-top: 5px;
}

.mb-0 {
  margin-bottom: 0;
}

.pb-1 {
  padding-bottom: 5px;
}

.pb-2 {
  padding-bottom: 10px;
}

#notes, .task-description textarea {
  height: 100px;
}

.white {
  color: white !important;
}

.btn-container-tw {
  width: 30%;
}

.btn-container-tw a {
  width: 100%;
}

.btn-container-dw .fa-arrow-right {
  margin-left: 15px;
}

.btn-white {
  background-color: white;
  border: 2px #DCDCDC solid;
  margin-right: 3px;
  color: #3F4D73 !important;
}
.btn-white:hover {
  background-color: #efefef !important;
}

.btn-container-dw {
  width: 70%;
}

.btn-container-dw a {
  width: 100%;
}
.btn-container-dw a:not(.btn-white) {
  color: white !important;
}

.fa-large {
  font-size: 48px;
}

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