@import url(/Content/font-awesome.min.css);
@import url(/Content/css/Restyle1.0/msi-icons.css);
@import "msi-icons.css";
/* Dashboard widgets */
/* Background colours */
/* Primary / secondary colours */
/*  These attributes below have been set here as they are global and if needed to be more specified to use other stylesheets and import this file into it */

html,
body,
.ui-widget {
  font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, sans-serif !important;
}
p {
  color: #555555;
}
h1 {
  font-size: 36px !important;
}
h3 {
  font-size: 22px !important;
  color: #555555 !important;
  font-weight: 300;
}
h4 {
  font-size: 16px !important;
  color: #555555;
  text-transform: uppercase;
}
label {
  color: gray !important;
}
a {
  color: #00956e !important;
}
a:hover,
a:focus,
a:active {
  color: #72c02c !important;
  background: none !important;
}
/* Since buttons are everywhere... */

.btn.active {
  background-color: #419641 !important;
  border-color: #3e8f3e !important;
}
.btn,
.dt-button,
.ui-dialog .ui-dialog-buttonpane button {
  background: #72c02c !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border: 0 !important;
  color: white !important;
  font-size: 14px;
  padding: 6px 13px;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}
.btn:hover,
.dt-button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover,
.btn:focus,
.dt-button:focus,
.ui-dialog .ui-dialog-buttonpane button:focus,
.btn:active,
.dt-button:active,
.ui-dialog .ui-dialog-buttonpane button:active {
  color: white !important;
  background: #66ac27 !important;
  outline: none !important;
}
.button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  background-color: gray !important;
}
.btn-u {
  border-radius: 4px !important;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 0;
  position: relative;
  background: #72c02c;
  display: inline-block;
  color: white !important;
}
.btn-u:hover,
.btn-u:focus,
.btn-u:active {
  background: #66ac27;
}
.btn-default,
btn-success,
.dt-button {
  background-color: #72c02c !important;
}
.btn-default:hover,
btn-success:hover,
.dt-button:hover,
.btn-default:focus,
btn-success:focus,
.dt-button:focus,
.btn-default:active,
btn-success:active,
.dt-button:active {
  background: #66ac27 !important;
}
.btn-danger {
  background-color: #d9534f !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background: #c12e2a !important;
}
/* Found these buttons used within tables, may be used elsewhere than tables so may as well declare globally */

.button {
  background: #72c02c !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border: 0 !important;
  color: white !important;
  font-size: 14px;
  padding: 6px 13px;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}
.button:hover,
.button:focus,
.button:active {
  background-color: #ee7624 !important;
  color: white !important;
}
.button.disabled {
  background-color: gray !important;
  background-image: none !important;
}
/* Globally used (alternative rows) tables */

.table-striped > thead {
  background-color: rgba(230, 230, 230, 0.7) !important;
}
.table-striped > tbody > tr > td {
  border-bottom: 0 !important;
  border-top: 0 !important;
}
.table-striped > tbody > tr > th {
  font-weight: normal !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(114, 192, 44, 0.1);
}
.table > thead > tr > th {
  border-bottom: 1px solid #111111 !important;
}
/* Font Awesome icon with result count in orange rounded rectangle styling */

.primary-result-count .outer-container {
  margin-top: 20px;
  display: inline-block;
}
.primary-result-count .inner-container {
  text-decoration: none;
  display: block;
  position: relative;
}
.primary-result-count i {
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5em;
  color: white !important;
}
.primary-result-count span {
  font-size: 11px;
  font-weight: 500 !important;
  vertical-align: middle;
  position: relative;
  top: -9px;
  left: -9px;
  display: inline-block;
  line-height: 18px;
  background: #ee7624;
  padding: 3px 7px;
  color: white;
  border-radius: 7px;
}
/* jQuery modals aren't pretty looking */

.ui-widget {
  border-radius: 6px;
  position: relative;
  background-color: white;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.ui-widget-header {
  border: none;
  background: none;
  color: #555555;
  font-size: 18px !important;
}
.ui-dialog-title {
  min-height: 16.43px;
  color: #555555;
  text-transform: uppercase;
  padding: 15px;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0;
}
.ui-dialog-titlebar-close {
  display: none;
}
.ui-widget-content {
  border: none;
}
/* #region Navigation */

body .side-menu {
  background-color: #4c4c4c;
  position: fixed !important;
}
.navbar {
  background-color: #00956e;
  background-image: none !important;
  border: none !important;
}
.navbar label {
  color: white !important;
}
.page-navbar {
  background-color: rgba(230, 230, 230, 0.7) !important;
  background-image: none !important;
  border: none !important;
}
.page-navbar label {
  color: gray !important;
}
/* Holiday Planner title */

.calTitle {
  color: white !important;
}
.navbar .navbar-brand {
  color: white !important;
}
.main-header {
  min-height: 55px;
}
body .main-header .navbar-header .navbar-brand {
  margin-left: 35px;
  font-size: 30px;
}
.navbar-toggle .icon-bar {
  background-color: white !important;
}
.body {
  background: rgba(230, 230, 230, 0.7) !important;
}
body .side-menu {
  width: 50px !important;
  z-index: 3 !important;
}
body .page-container {
  margin-left: 50px !important;
}
body .side-menu .top-level i {
  font-size: 2em;
  overflow: visible;
}
body .side-menu .second-level {
  top: 0;
  bottom: 0;
  position: fixed;
  margin-left: 47px;
  width: 250px;
  background-color: #4c4c4c;
  margin-top: 55px;
  padding: 5px;
  margin-bottom: 35px !important;
  overflow: auto !important;
  border-radius: 0px;
  -webkit-transition: 0.4s !important;
  transition: 0.4s !important;
}
body .side-menu .second-level i {
  font-size: 1.2em !important;
  overflow: visible;
}
body .side-menu ul li.practice-admin ul.second-level li {
  padding-left: 0px;
}
.side-menu ul li ul.second-level.collapse-in {
  top: 0;
  bottom: 0;
  position: fixed;
  margin-left: -260px;
  width: 250px;
  background-color: #293846;
  margin-top: 50px;
  padding: 5px;
  border-radius: 5px;
  -webkit-transition: 0.4s !important;
  transition: 0.4s !important;
}
body .side-menu ul li ul.second-level {
  -webkit-transition: left 500ms cubic-bezier(0, 0, 0.01, 1) !important;
  transition: left 500ms cubic-bezier(0, 0, 0.01, 1) !important;
  overflow: hidden;
  padding: 0;
}
/* #endregion */

/* #region Main header which includes practice name, notifications, search bar, buttons, name of page you're on */

.content-header {
  padding: 10px;
  position: relative;
  background: white;
  min-height: 68px;
  margin-left: 50px;
  margin-top: 80px;
  /* #region Large icon */

  /* #endregion */

  /* #region Text which includes practice name, tool name and page name */

  /* #region Actions menu */

}
.content-header .row {
  margin: 0 !important;
}
.content-header .pageicon {
  font-size: 42px;
  padding: 6px 15px 1px 15px;
  color: #00956e;
  border: 3px solid #00956e;
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  float: left;
  text-align: center;
}
.content-header .pagetitle {
  margin-top: 10px;
  margin-left: 90px;
}
.content-header .pagetitle h1 {
  margin: 0;
  color: #00956e !important;
}
.content-header .pagetitle h5 {
  text-transform: uppercase;
  font-size: 11px;
  color: #999999;
  margin: 0;
}
.content-header .pagetitle i {
  color: #999999;
}
.content-header .header-icon {
  text-transform: uppercase;
}
.content-header .header-icon i {
  font-size: 1.5em;
}
/* #endregion */

/* #region Login screen */

.login {
  margin-left: -10px !important;
  margin-right: -10px !important;
  margin-top: 10px !important;
}
.login h1 {
  text-align: center;
  color: #00956e;
}
/* #endregion */

.checkbox {
  color: #999999;
  margin-top: 20px;
}
/* Table header */

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background: none;
  background-color: #00956e;
  border: none;
  text-shadow: none;
}
a.list-group-item:hover {
  background-color: rgba(114, 192, 44, 0.2);
  color: gray !important;
}
/* Search results */

.result-count {
  background-color: #ee7624;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 7px;
}
.list-group-item-info {
  background-color: #00956e;
  color: white;
  border: none !important;
}
/* Fridge Monitor */

.fridge-page-container {
  padding: 20px 30px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
/* Equipment Manager */

.fa.true {
  color: #00956e !important;
}
.fa-exclamation-triangle {
  color: #d9534f !important;
}
/* Used on Staff Manager Edit page and also in Fridge Monitor... May be used elsewhere */

.icheckbox_line-blue.checked,
.iradio_line-blue.checked {
  background: #00956e !important;
}
.icheckbox_line-blue.checked:hover,
.iradio_line-blue.checked:hover,
.icheckbox_line-blue.checked:focus,
.iradio_line-blue.checked:focus,
.icheckbox_line-blue.checked:active,
.iradio_line-blue.checked:active {
  background-color: #ee7624 !important;
}
.icheckbox_line-blue:hover,
.iradio_line-blue:hover,
.icheckbox_line-blue:focus,
.iradio_line-blue:focus,
.icheckbox_line-blue:active,
.iradio_line-blue:active {
  background-color: #ee7624 !important;
}
.validation-summary-errors {
  font-size: 16px;
  color: #d9534f;
  margin-top: 10px;
  font-weight: 900;
  text-align: left;
}
.validation-summary-errors ul {
  list-style-type: none;
}
.field-validation-success {
  color: green;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 600;
}
.text-danger {
  font-size: 16px;
  color: #d9534f;
  margin-top: 10px;
  font-weight: 500;
  text-align: left;
}
.staff-authorize-popup-container {
  position: relative;
  display: block;
  max-width: 500px;
  background-color: white;
  margin: 0 auto;
  padding: 15px 25px;
  border-radius: 10px;
}
.staff-authorize-popup-container h3 {
  font-size: 20px;
  margin: 10px 0 20px 0;
}
.staff-authorize-popup-container .validation-summary-errors {
  margin: 10px 0;
}
.staff-authorize-popup-container .form-wrap .buttons {
  text-align: right;
}
.staff-schedule-import-container .import-result {
  margin: 20px 0;
}
.staff-schedule-import-container .import-result .staff-result {
  margin: 10px 0;
}
.staff-schedule-import-container .import-result .staff-result .more-details {
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
}
.staff-schedule-import-container .import-result .staff-result .more-details i {
  vertical-align: middle;
}
.staff-schedule-import-container .import-result .staff-result .more-details span {
  vertical-align: middle;
}
.staff-schedule-import-container .import-result .staff-result .failures {
  display: none;
  margin-left: 20px;
}
.social-media-link {
  display: block;
  line-height: 29px;
  color: black;
  padding-left: 35px;
  position: relative;
  margin: 5px 0;
  font-size: 20px;
}
.social-media-link i {
  display: block;
  position: absolute;
  left: 0;
  height: 29px;
  width: 29px;
}
.social-media-link .icon-facebook {
  background-image: url(/scripts/tinymce/plugins/socialmedia/facebook-master.png);
}
.social-media-link .icon-twitter {
  background-image: url(/scripts/tinymce/plugins/socialmedia/twitter-master.png);
}
.clear-both {
  clear: both;
}
/* #region Notifications */

.master-hub-container .notification-hub {
  margin: 13px 0 3px 0;
}
.notification-container {
  display: inline-block;
}
.notification-container a:hover,
.notification-container a:active {
  color: #232323;
  text-decoration: none;
  outline: 0;
}
.notification-container a div.notification-wrap {
  padding: 0 5px;
  cursor: pointer;
}
.notification-container a {
  color: #7d7d7d;
  text-decoration: none;
  display: block;
  position: relative;
}
.notification-container a div.notification-wrap i.to-do-list:before {
  content: "\f0cb";
}
.notification-container a div.notification-wrap i.conversations:before {
  content: "\f086";
}
.notification-container a div.notification-wrap i.calendar:before {
  content: "\f073";
}
.notification-container a div.notification-wrap i.fridge-monitor:before {
  content: "\f0e4";
}
.notification-container a div.notification-wrap i.absence-manager:before {
  content: "\f0f2";
}
.notification-container a div.notification-wrap i.schedule:before {
  content: "\f017";
}
.notification-container a div.notification-wrap i.staff:before {
  content: "\f008";
}
.notification-container a div.notification-wrap i.checklists:before {
  content: "\f058";
}
.notification-container a div.notification-wrap span.number {
  background: #ee7624 !important;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 10px !important;
  color: white !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 7px !important;
}
.notification-container a div.notification-wrap i {
  font-size: 1.5em !important;
  vertical-align: middle;
  font-family: 'msi';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}
.notification-container a div.notification-wrap i .notification-container.new-items a div.notification-wrap span.number {
  background-color: #ee7624 !important;
  font-weight: bold;
  color: white !important;
}
/* Better font rendering */

.notification-popup {
  position: relative;
  background-color: white;
  padding: 5px;
  margin: 0 auto;
  max-width: 800px;
  border-radius: 5px;
}
.notification-popup h4 {
  position: relative;
  padding-left: 30px;
}
.notification-popup h4 span.notification-number {
  background-color: red;
  padding: 4px;
  border-radius: 15px;
  font-size: 10px;
  position: absolute;
  left: 5px;
  top: -2px;
  color: white;
  font-style: normal;
  font-weight: bold;
}
.notification-popup .notification-item .new-badge {
  display: none;
}
.notification-popup .notification-item.new-item .new-badge {
  background-color: #ffc800;
  color: #232323;
  display: inline-block;
}
.notification-popup.message-popup div.message {
  margin: 3px 10px;
  padding: 8px 50px 8px 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.notification-popup.message-popup div.message.hiding {
  overflow: hidden;
}
.notification-popup.message-popup div.message a {
  padding: 5px 0;
  display: block;
  vertical-align: middle;
}
.notification-popup.message-popup div.message a:hover,
.notification-popup.message-popup div.message a:active {
  text-decoration: none;
}
.notification-popup.message-popup div.message a span.title {
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.message-popup div.message span.text {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
}
.notification-popup.message-popup div.message span.date {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
  display: block;
  font-size: 12px;
}
/* #region Todo popup */

.notification-popup.todos-popup {
  max-width: 400px;
}
.notification-popup.todos-popup div.todo {
  margin: 3px 10px;
  padding: 8px 50px 8px 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.notification-popup.todos-popup div.todo.hiding {
  overflow: hidden;
}
.notification-popup.todos-popup div.todo a {
  padding: 5px 0;
  display: block;
  vertical-align: middle;
}
.notification-popup.todos-popup div.todo a:hover,
.notification-popup.todos-popup div.todo a:active {
  text-decoration: none;
}
.notification-popup.todos-popup div.todo a span.title {
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.todos-popup div.todo span.text {
  display: inline-block;
}
.notification-popup.todos-popup div.todo span.date {
  display: inline-block;
  vertical-align: middle;
  display: block;
  font-size: 12px;
}
.notification-popup.todos-popup div.todo button.btn.btn-loading {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 10px;
}
.notification-popup.todos-popup div.todo button.btn.btn-loading div.loading {
  padding: 0;
}
/* #endregion */

/* #region Fridge monitor popup */

.notification-popup.fridgemonitor-popup {
  max-width: 600px;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor {
  margin: 3px 10px;
  padding: 8px 0 8px 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor.hiding {
  overflow: hidden;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor a {
  padding: 5px 0;
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor a:hover,
.notification-popup.fridgemonitor-popup div.fridgemonitor a:active {
  text-decoration: none;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor a span.title {
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor span.text {
  display: inline-block;
  font-size: 0.9em;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor span.date {
  padding: 5px 0;
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
  font-size: 12px;
}
/* #endregion */

/* #region Calendar popup */

.notification-popup.calendar-popup {
  max-width: 400px;
}
.notification-popup.calendar-popup div.calendar-entry {
  margin: 3px 10px;
  padding: 8px 8px 8px 20px;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.notification-popup.calendar-popup div.calendar-entry.hiding {
  overflow: hidden;
}
.notification-popup.calendar-popup div.calendar-entry a {
  display: block;
  vertical-align: middle;
  padding: 5px 0;
}
.notification-popup.calendar-popup div.calendar-entry a:hover,
.notification-popup.calendar-popup div.calendar-entry a:active {
  text-decoration: none;
}
.notification-popup.calendar-popup div.calendar-entry a span.style {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  border-bottom: 0;
}
.notification-popup.calendar-popup div.calendar-entry a span.calendar-title {
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.calendar-popup div.calendar-entry a span.date {
  font-size: 12px;
}
.notification-popup.calendar-popup div.calendar-entry span.text {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
}
/* #endregion */

/* #region Absence manager popup */

.notification-popup.absencemanager-popup {
  max-width: 600px;
}
.notification-popup.absencemanager-popup .absencerequest,
.notification-popup.absencemanager-popup .absenceapproved,
.notification-popup.absencemanager-popup .absencerejected {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.absencemanager-popup .absencerejected {
  color: #f75a5a;
}
.notification-popup.absencemanager-popup .info a {
  color: inherit !important;
  text-decoration: none;
}
.notification-popup.absencemanager-popup .title {
  padding: 5px 10px;
  font-weight: bold;
}
.notification-popup.absencemanager-popup .duration {
  padding: 5px 10px;
  margin: 0 10px;
  display: inline-block;
  border-radius: 4px;
}
.notification-popup.absencemanager-popup .approved-by,
.notification-popup.absencemanager-popup .rejected-by,
.notification-popup.absencemanager-popup .text {
  display: block;
  padding: 5px 10px;
}
.notification-popup.absencemanager-popup .dismiss-button {
  text-align: right;
}
/* #endregion */

/* #region Schedule popup */

.notification-popup.schedule-popup .schedule-change-alert {
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.schedule-popup .schedule-change-alert .title {
  font-weight: bold;
}
.notification-popup.schedule-popup .schedule-change-alert .text {
  display: inline-block;
  padding: 10px 0;
}
.notification-popup.schedule-popup .schedule-change-alert .dismiss {
  text-align: right;
}
/* #endregion */

/* #region Staff popup */

.notification-popup.staff-popup {
  max-width: 600px;
}
.notification-popup.staff-popup h3 {
  font-size: 18px;
}
.notification-popup.staff-popup .buttons {
  text-align: right;
}
.notification-popup.staff-popup .staff-request {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.staff-popup .staff-request .info {
  font-weight: bold;
  font-size: 15px;
}
.notification-popup.staff-popup .staff-request .text {
  display: inline-block;
  font-size: 13px;
  margin: 10px 15px;
}
.notification-popup.staff-popup .staff-request-rejected,
.notification-popup.staff-popup .staff-request-approved {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.staff-popup .staff-request-rejected .info,
.notification-popup.staff-popup .staff-request-approved .info {
  font-weight: bold;
  font-size: 15px;
}
.notification-popup.staff-popup .staff-request-rejected .text,
.notification-popup.staff-popup .staff-request-approved .text {
  display: inline-block;
  font-size: 13px;
  margin: 10px 15px;
}
.notification-popup.staff-popup .staff-request-rejected .dismiss-button,
.notification-popup.staff-popup .staff-request-approved .dismiss-button {
  text-align: right;
}
/* #endregion */

/* #region Checklists popup */

.notification-popup.checklists-popup {
  max-width: 600px;
}
.notification-popup.checklists-popup .checklists {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.checklists-popup .checklists .text {
  display: block;
  padding: 5px 0;
}
.notification-popup.checklists-popup .checklists .text .input-group-btn {
  vertical-align: top;
}
/* #endregion */

/* #endregion */

.mce-widget.mce-tooltip {
  display: none !important;
}
.accordionContent {
  background-color: white;
}
.folderContents {
  background-color: white;
}
.message-iframe-popup {
  position: relative;
  background-color: white;
  padding: 5px;
  margin: 0 auto;
  max-width: 800px;
  border-radius: 5px;
}
.message-iframe-popup iframe {
  height: 100%;
  width: 100%;
}
.fridge h4 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d9d9d9;
}
.fridge h4.temperature-checks-header {
  margin-top: 50px;
}
.fridge .fridge-main {
  margin: 5px -15px;
}
.fridge .fridge-main label {
  margin-top: 7px;
}
.fridge .fridge-details .row {
  margin: 5px -15px;
}
.fridge .temperature-checks {
  margin: 10px 0;
}
.fridge .temperature-checks .row {
  margin: 5px -15px;
}
.fridge .temperature-checks .row .col-sm-1 label {
  margin-top: 7px;
}
.fridge .temperature-checks .row .col-sm-1 i.fa-times-circle {
  color: red;
  cursor: pointer;
}
.fridge .temperature-checks .row .input-container {
  position: relative;
}
.fridge div.add-temp-check-button {
  margin: 5px 0;
}
.fridge div.submit-button {
  border-top: 1px solid #d9d9d9;
  margin: 40px 0 0 0;
  padding: 10px 0 0 0;
}
.fridge div.alert {
  margin: 10px 0;
  font-size: 12px;
}
.fridge-container {
  margin-top: 20px;
}
/*.fridge-container .fridge-display .panel-heading { color: @primary-button-text; }
.fridge-container .fridge-display .panel-heading a { color: @primary-button-text; display: block; text-decoration: none; }
.fridge-container .fridge-display .panel-heading a:hover,.fridge-container .fridge-display .panel-heading a:active { color: @primary-button-text; }*/

.fridge-container .fridge-display .last-log-time {
  margin: 10px 0;
}
.fridge-container .fridge-display .log {
  margin: 10px 0;
}
.row.header-row {
  font-weight: bold;
  margin: 0 -15px 10px -15px;
}
.msi-title.margin {
  margin-bottom: 20px;
}
.staff-selector .staff-selector-selected {
  padding: 7px 0;
}
.staff-selector .staff-selector-selected .staff-selector-none {
  display: inline-block;
  padding: 5px;
  background-color: #d9534f;
  border-radius: 3px;
  margin: 1px;
  color: white;
}
.staff-selector .staff-selector-selected .staff-selector-everyone {
  display: inline-block;
  padding: 5px;
  background-color: #00956e;
  border-radius: 3px;
  margin: 1px;
  color: white;
}
.staff-selector .staff-selector-selected .staff-selector-everyone:before {
  font-family: 'msi';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f0c0";
  margin-right: 5px;
}
.staff-selector .staff-selector-selected .staff-category {
  display: inline-block;
  padding: 5px;
  background-color: #00956e !important;
  border-radius: 3px;
  margin: 1px;
  color: white;
}
.staff-selector .staff-selector-selected .staff-category:before {
  font-family: 'msi';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f0c0";
  margin-right: 5px;
}
.staff-selector .staff-selector-selected .staff-member {
  display: inline-block;
  padding: 5px;
  background-color: #00956e !important;
  border-radius: 3px;
  margin: 1px;
  color: white;
}
.staff-selector .staff-selector-selected .staff-member:before {
  font-family: 'msi';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f008";
  margin-right: 5px;
}
.staff-selector ul.dropdown-menu {
  min-width: 400px;
}
.staff-selector ul.dropdown-menu li {
  display: inline-block;
  width: 49%;
  padding: 5px 5px;
  vertical-align: middle;
}
.staff-selector ul.dropdown-menu li.dropdown-header {
  display: block;
}
.conversationEditCheckboxContainer input[type="checkbox"] {
  position: relative;
  top: 2px;
  left: -5px;
}
.conversationEditCheckboxContainer label {
  font-weight: normal;
}
/* #region User tool editor */

.user-tool-editor p {
  vertical-align: middle;
}
.user-tool-editor p .fa-check,
.user-tool-editor p .fa-times-circle {
  vertical-align: middle;
}
.user-tool-editor .fa-check {
  color: #0bb204;
}
.user-tool-editor .fa-times-circle {
  color: #f75a5a;
}
.user-tool-editor .tools {
  margin: 30px 0;
}
.user-tool-editor .tools .tool-wrapper {
  min-height: 150px;
}
.user-tool-editor .tools .tool-wrapper.ui-sortable-helper .tool {
  background-color: white;
}
.user-tool-editor .tools .tool-wrapper.ui-sortable-helper .tool .active {
  background-color: white;
}
.user-tool-editor .tools .tool-wrapper .tool {
  position: relative;
  border: 1px solid #d9d9d9;
  padding: 20px;
  margin: 25px 10px;
  cursor: pointer;
}
.user-tool-editor .tools .tool-wrapper .tool.disabled {
  opacity: 0.3;
}
.user-tool-editor .tools .tool-wrapper .tool .icon {
  font-size: 1.6em;
  text-align: center;
}
.user-tool-editor .tools .tool-wrapper .tool .name {
  text-align: center;
}
.user-tool-editor .tools .tool-wrapper .tool .active {
  height: 26px;
  position: absolute;
  bottom: -26px;
  right: -1px;
  padding: 2px 10px;
  border: 1px solid #d9d9d9;
}
.user-tool-editor .tools .tool-placeholder {
  min-height: 150px;
}
.user-tool-editor .tools .tool-placeholder:before {
  display: block;
  content: "";
  min-height: 90px;
  padding: 20px;
  margin: 25px 10px;
  border: 1px solid #fff287;
  background-color: #fefced;
}
/* #endregion */

/* #region Practice tool editor */

.practice-tool-editor p {
  vertical-align: middle;
}
.practice-tool-editor p .fa-check,
.practice-tool-editor p .fa-times-circle {
  vertical-align: middle;
}
.practice-tool-editor .fa-check {
  color: #0bb204;
}
.practice-tool-editor .fa-times-circle {
  color: #f75a5a;
}
.practice-tool-editor .tools {
  margin: 30px 0;
}
.practice-tool-editor .tools .tool-wrapper {
  min-height: 180px;
}
.practice-tool-editor .tools .tool-wrapper .tool {
  position: relative;
  margin: 25px 10px;
  cursor: pointer;
}
.practice-tool-editor .tools .tool-wrapper .tool.disabled .tool-info,
.practice-tool-editor .tools .tool-wrapper .tool.disabled .view-level,
.practice-tool-editor .tools .tool-wrapper .tool.disabled .edit-level {
  opacity: 0.3;
}
.practice-tool-editor .tools .tool-wrapper .tool .tool-info {
  background-color: white;
  position: relative;
  border: 1px solid #d9d9d9;
}
.practice-tool-editor .tools .tool-wrapper .tool .tool-info .info-wrap {
  margin: 20px;
}
.practice-tool-editor .tools .tool-wrapper .tool .tool-info .info-wrap .icon {
  font-size: 1.6em;
  text-align: center;
}
.practice-tool-editor .tools .tool-wrapper .tool .tool-info .info-wrap .name {
  text-align: center;
  white-space: nowrap;
}
.practice-tool-editor .tools .tool-wrapper .tool .active {
  background-color: white;
  height: 26px;
  width: 36px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 10px;
  border: 1px solid #d9d9d9;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level {
  display: inline-block;
  width: 50%;
  background-color: white;
  border: 1px solid #d9d9d9;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level.view-level,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level.view-level {
  float: left;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level.edit-level,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level.edit-level {
  float: right;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level.full,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level.full {
  width: 100%;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level label,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level label {
  display: block;
  padding: 2px 5px;
  margin: 0;
  font-size: 0.85em;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level button,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level button {
  height: 26px;
  width: 100%;
  border-radius: 0;
  text-align: left;
  box-shadow: none;
  background-image: none;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level button .level-value,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level button .level-value {
  font-weight: bold;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level button .caret,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level button .caret {
  position: absolute;
  right: 5px;
  top: 45%;
}
/* #endregion */

.admin-import-container div.row {
  margin: 20px 0;
}
.ui-datepicker {
  font-size: 9pt;
}
.help-link {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  font-size: large;
}
.help-link i {
  padding-left: 4px;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.news-v3-in-sm h2 a:hover {
  color: #72c02c;
}
.news-v3-in-sm h2,
.news-v3-in-sm h2 a {
  color: #555555;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 1px;
  text-decoration: none;
}
.magazine-news-img {
  overflow: hidden;
  position: relative;
}
.magazine-badge {
  top: 0;
  left: 0;
  color: white;
  font-size: 14px;
  padding: 2px 8px;
  position: absolute;
  font-style: inherit;
}
.by-author strong {
  color: #72c02c;
}
.blogs-widget > .widget-content {
  max-height: 400px;
  overflow: auto;
}
.blogs-widget h4 span.number {
  font-size: 0.85em;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background-color: #00aeef;
  border-radius: 2px;
  color: white;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;
}
.blogHeader {
  width: 100%;
}
.blogHeader h4 {
  line-height: 40px !important;
}
.blogHeader img {
  float: right;
  height: 40px;
}
.main-header {
  min-height: 55px;
}
.body {
  background: #e4e5e6 !important;
}
/*.widget-header .btn-default { background-color: white !important; color: #707271 !important; text-shadow: none;}
.widget-header .btn-default.focus,.widget-header .btn-default:focus,.widget-header .btn-default:hover,.widget-header .btn-default:active { background-position: 0 15px; color: #1d365d !important; }*/

/* Section that deals with where there are multiple action buttons and turns them into a drop down menu */

.dropbtn {
  cursor: pointer;
}
/* Dropdown button on hover & focus */

.dropbtn:hover,
.dropbtn:focus {
  background-color: #3e8e41;
}
.TitleDropdownActions-content {
  display: none;
  position: absolute;
  min-width: 170px !important;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.TitleDropdownActions-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.TitleDropdownActions-content a:hover,
.TitleDropdownActions-content a:focus,
.TitleDropdownActions-content a:active {
  background-color: #ee7624 !important;
  Color: white !important;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show {
  display: block;
  z-index: 50;
  right: 0;
}
.container-fluid {
  color: White;
}
.display-container {
  -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
  z-index: 1 !important;
}
/*  --------------------------------------------  Scheduler specific stuff here  ------------------------------------------------------ */

.scheduler-settings-container {
  padding: 30px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.scheduler-settings-container .import-result {
  margin-top: 20px;
}
.rota-wrapper .rota .title {
  background-color: #0866c6 !important;
  color: White !important;
}
.rota-wrapper .rota {
  border: 1px solid #00aeef !important;
}
.display-selector .tabs span.active {
  background-color: #0866c6 !important;
  color: White !important;
}
.display-selector .tabs {
  border-bottom: 3px solid #0866c6 !important;
}
.display-container .week-display .week-header .week-day {
  display: table-cell;
  text-align: center;
  border: 1px solid #8dcdf7;
  border-bottom: 0;
  color: White;
  background-color: #0866c6;
  width: 12.5%;
}
.display-container .week-display .week-header .week-day .month-display .week-header .week-day {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.display-container .month-display .week-header .week-day {
  background-color: #0866c6 !important;
  color: White !important;
}
.shifts .shifts-title {
  background-color: #0866c6 !important;
  color: White !important;
}
.scheduler-dates .schedule-dates-title {
  background-color: #0866c6 !important;
  color: White !important;
}
.day .day-title {
  border-bottom: 1px solid #2e79c5 !important;
}
.week-container .week .day {
  border-right: 1px solid #2e79c5 !important;
}
.week-container {
  border-bottom: 1px solid #2e79c5 !important;
  border-left: 1px solid #2e79c5 !important;
}
.week-container .week-title {
  background-color: #0866c6 !important;
  color: White !important;
}
.day-display .day-header .day-hour {
  background-color: #0866c6 !important;
  color: White !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.display-container .week-display .week-header .week-day {
  background-color: #0866c6 !important;
  color: White !important;
}
.display-container .week-display .week-header .week-day .display-selector .staff-filter .filter-icon {
  font-size: 30px;
  vertical-align: middle;
  color: White !important;
  background-color: #0866c6 !important;
  border-color: #282828 !important;
  border: 1px solid;
}
.display-container .week-display .week-header .week-day .display-selector .staff-filter .filter-icon:hover {
  background-color: #2086ef !important;
  color: White !important;
}
.display-container .week-display .week-header .week-day .display-selector .tabs span {
  padding: 15px !important;
}
.display-container .week-display .week-header .week-day .rota-wrapper .rota .rota-content .rota-weeks .week-container .week-title {
  background-color: #0866c6 !important;
  color: White !important;
  padding: 10px 0;
  border-bottom: 1px solid #8dcdf7;
}
.display-container .week-display .week-header .week-day .rota-wrapper .rota .title {
  background-color: #0866c6 !important;
  color: White !important;
}
.display-container .week-display .week-header .week-day .rota-wrapper .rota .rota-content .rota-weeks .week-container .week .day .day-title {
  font-weight: bolder;
  color: black !important;
}
.display-container .week-display .week-header .week-day .week-day {
  border: 1px solid #2e79c5 !important;
}
.display-container .week-display .week-header .week-day .staff-week .staff {
  border: 1px solid #2e79c5 !important;
}
.display-container .week-display .week-header .week-day .staff-week .staff a {
  color: #333333 !important;
}
.display-container .week-display .week-header .week-day .staff-day .staff {
  border: 1px solid #2e79c5 !important;
}
.display-container .week-display .week-header .week-day .staff-day .staff a {
  color: #333333 !important;
}
.display-container .week-display .week-header .week-day .filler-slot {
  border: 1px solid #2e79c5 !important;
}
/*  --------------------------------------------  Checklists specific stuff here */

.content-container div.left-panel ul.task-menu li.active,
.content-container div.left-panel ul.task-menu li:hover {
  background-color: #0866c6 !important;
  color: White;
}
.content-container div.left-panel ul.task-menu i {
  color: White !important;
}
.content-container div.left-panel ul.task-tree span:hover,
.content-container div.left-panel ul.task-tree span.active {
  background-color: #0866c6 !important;
  color: White !important;
}
.content-container div.left-panel ul.task-tree span:hover i,
.content-container div.left-panel ul.task-tree span.active i {
  color: White !important;
}
.content-container div.left-panel ul.task-tree span:hover i:hover,
.content-container div.left-panel ul.task-tree span.active i:hover {
  color: #00aeef !important;
}
.content-container .task-instances ul li.task:hover {
  background-color: #0866c6 !important;
  color: White !important;
}
.content-container .task-instances ul li.task:hover i {
  color: White !important;
}
.content-container .task-instances ul li.task:hover i:hover {
  color: #00aeef !important;
}
.content-container .task-instances ul li.task.active,
.content-container .task-instances ul li.task:hover {
  background-color: #0866c6 !important;
  color: White !important;
}
.content-container .task-instances ul li.task.active i,
.content-container .task-instances ul li.task:hover i {
  color: White !important;
}
.content-container .task-instances ul li.task.active i:hover,
.content-container .task-instances ul li.task:hover i:hover {
  color: #00aeef !important;
}
.content-container .task-instances ul li.task.active span.date,
.content-container .task-instances ul li.task:hover span.date {
  color: White !important;
}
/*  --------------------------------------------  Absence Manager specific stuff here */

.CantImport {
  pointer-events: none;
  cursor: default;
}
.absence-manager-container {
  padding: 0;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.staff-data .row {
  margin-left: 15px;
  margin-right: 15px;
}
.year-picker .year-display {
  font-size: xx-large;
  font-weight: bolder;
}
.my-calendar-container .year-picker {
  border: none !important;
}
.my-calendar-container .entitlement {
  margin-right: 10px;
}
.my-calendar-container {
  padding: 0;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  padding-bottom: 5px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.date-picker-row .date-picker .month-picker .month {
  font-weight: bolder !important;
  font-size: 15px !important;
}
.date-picker-row {
  max-width: 1300px;
  margin: auto;
}
.subheading {
  margin-top: 15px;
}
.modal-container {
  position: relative;
  display: block;
  background-color: white;
  margin: 0 auto;
  padding: 25px;
  border-radius: 0px;
}
.modal-container .checkbox input[type=checkbox] {
  margin-left: 0;
}
.modal-container.create-container .alert {
  margin-bottom: 0;
  font-size: 12px;
}
.modal-container.details-container {
  padding: 0;
}
.modal-container.details-container.absence-manager-create {
  max-width: 850px;
}
.modal-container.details-container.absence-manager-delete {
  max-width: 600px;
}
.modal-container.details-container .details-wrap,
.modal-container.details-container .details-wrap form-horizontal {
  padding: 25px;
  border-radius: 10px;
}
.modal-container.details-container .details-wrap .details-header,
.modal-container.details-container .details-wrap form-horizontal .details-header {
  font-size: 1.6em;
  padding-top: 15px;
  padding-bottom: 15px;
}
.modal-container.details-container .details-wrap .details-body,
.modal-container.details-container .details-wrap form-horizontal .details-body {
  margin-left: 25px;
  margin-right: 25px;
}
.modal-container.details-container .details-wrap .details-type,
.modal-container.details-container .details-wrap form-horizontal .details-type {
  font-size: 1.2em;
  padding: 10px;
  border-radius: 4px;
}
.modal-container.details-container .details-wrap .button-holder,
.modal-container.details-container .details-wrap form-horizontal .button-holder {
  height: 40px;
  margin-right: 15px;
}
.modal-container.details-container .details-wrap .row,
.modal-container.details-container .details-wrap form-horizontal .row {
  padding-top: 10px;
  padding-bottom: 10px;
}
.modal-container.details-container .details-wrap .duration span,
.modal-container.details-container .details-wrap form-horizontal .duration span {
  padding-right: 3px;
}
.modal-container.approve-container,
.modal-container.reject-container {
  max-width: 650px;
}
.modal-container.approve-container .approve-wrapper,
.modal-container.reject-container .approve-wrapper,
.modal-container.approve-container .reject-wrapper,
.modal-container.reject-container .reject-wrapper {
  padding: 15px 25px;
}
.modal-container.approve-container .approve-wrapper .dates,
.modal-container.reject-container .approve-wrapper .dates,
.modal-container.approve-container .reject-wrapper .dates,
.modal-container.reject-container .reject-wrapper .dates {
  font-size: 14px;
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
}
.modal-container.approve-container .approve-wrapper .created-by,
.modal-container.reject-container .approve-wrapper .created-by,
.modal-container.approve-container .reject-wrapper .created-by,
.modal-container.reject-container .reject-wrapper .created-by {
  padding: 5px 0;
  color: gray;
  font-size: 12px;
}
.modal-container.approve-container .approve-wrapper .reason,
.modal-container.reject-container .approve-wrapper .reason,
.modal-container.approve-container .reject-wrapper .reason,
.modal-container.reject-container .reject-wrapper .reason {
  padding: 5px 0;
}
.modal-container.assign-staff-popup {
  max-width: 600px;
  padding: 15px 25px;
}
.modal-container.assign-staff-popup h3 {
  margin: 10px 0 20px 0;
}
.modal-container.assign-staff-popup input[type=checkbox] {
  margin: 10px 0 0;
}
.modal-container.assign-staff-popup .buttons {
  text-align: right;
}
.main-panel {
  margin-top: 20px;
  padding: 10px 30px;
  background-color: white;
  border: 1px solid #999999;
  border-radius: 6px;
  margin-right: 10px;
}
.main-panel h4 {
  font-size: 16px;
  text-align: center;
  margin-top: 0;
  font-style: normal;
  color: gray;
}
.main-panel a {
  text-decoration: none !important;
}
.main-panel .panel-heading {
  background-color: #00956e !important;
  color: white;
  border: none;
  text-align: center;
  padding: 10px 0;
  margin-top: -10px;
  margin-right: -30px;
  margin-left: -30px;
  font-size: 20px;
}
.main-panel .panel-body {
  padding: 20px 0;
  border-bottom: 1px solid gray;
}
.main-panel .panel-body-simple {
  padding: 20px 0;
}
.main-panel .panel-heading-link {
  background-color: #00956e !important;
  color: white;
  border: none;
  text-align: center;
  padding: 10px 0;
  margin-top: -10px;
  margin-right: -30px;
  margin-left: -30px;
  font-size: 20px;
}
.main-panel .panel-heading-link:hover,
.main-panel .panel-heading-link:focus .main-panel .panel-heading-link:active {
  background-color: #ee7624 !important;
}
.main-panel .absence-booked {
  padding: 20px 0;
  border-bottom: 1px solid gray;
}
.main-panel .absence-booked .absence-type {
  padding: 3px 0;
  display: flex;
  align-items: stretch;
}
.main-panel .absence-booked .absence-type .duration {
  flex-grow: 1;
  align-self: center;
  font-size: 14px;
  text-align: right;
}
.main-panel .absence-booked .absence-type .duration span {
  padding-right: 3px;
}
.main-panel .personal-allowance {
  padding: 20px 0;
  border-bottom: 1px solid gray;
}
.main-panel .personal-allowance .absence-allowed {
  padding: 3px 0;
  display: flex;
}
.main-panel .personal-allowance .absence-allowed .duration {
  flex-grow: 1;
  text-align: right;
}
.main-panel .personal-allowance .absence-allowed .duration span {
  padding-right: 5px;
}
.main-panel .personal-allowance .total-absence-allowed {
  text-align: center;
  font-size: 20px;
  color: #00956e;
  padding: 10px 0;
}
.main-panel .personal-allowance .total-absence-allowed span {
  padding-right: 5px;
}
.main-panel .remaining {
  padding: 20px 0;
  text-align: center;
}
.main-panel .remaining .duration span.number-count {
  color: #00956e;
}
.main-panel .remaining .duration span {
  padding-right: 3px;
}
@media screen and (max-width: 1000px) {
  .main-panel {
    padding: 5px 5px;
  }
  .main-panel .absence-booked {
    padding: 10px 0;
  }
  .main-panel .personal-allowance {
    padding: 10px 0;
  }
  .main-panel .remaining {
    padding: 10px 0;
  }
}
.number-count {
  font-size: 20px;
}
.number-count .bold {
  font-weight: 700;
}
.badge {
  color: white !important;
  padding: 10px;
  font-weight: 500;
  border-radius: 10px;
  margin-bottom: 5px;
  background-color: rgba(238, 118, 36, 0.7);
  font-style: normal !important;
}
.staff-day-container {
  margin-top: 10px !important;
}
.staff-details-container {
  padding: 0px 30px;
  margin-bottom: 30px;
  margin-top: 0px !important;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.absence-overtime-report {
  padding: 20px 30px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.pending-requests {
  padding: 20px 30px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.loading-container {
  width: 50%;
  margin: 0 auto;
}
.importLoader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: auto;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.allowanceText span {
  display: inline-block;
}
/* -------------------------------------------- Document Monitor specific stuff here */

.document-manager-container {
  padding: 20px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
/* -------------------------------------------- Equipment Monitor specific stuff here */

.equipment-manager-container {
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.side-menu ul li ul.second-level.collapse-out .menuHeader #navigation ul li.active a {
  background: none !important;
  background-color: #ee7624 !important;
  color: White !important;
}
.locationSelectorClearSelection .fa-times-circle .locationSelector {
  color: White !important;
}
.locationSelectorClearSelection .fa-times-circle {
  color: #d9534f !important;
}
/*  --------------------------------------------  ToDo specific stuff here */

.todoContainer {
  margin-bottom: 30px;
  padding: 15px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
  overflow: auto;
}
/*  --------------------------------------------  Holiday Planner specific stuff here */

.holidayPlannerFilters {
  padding-top: 5px;
}
.holidayPlannerFullYear {
  color: #505050 !important;
}
/*  --------------------------------------------  MyNotes specific stuff here */

.myNotesContainer {
  margin-bottom: 30px;
  padding: 15px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
  overflow: auto;
}
.myNotesContainer .panel-heading {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.myNotesContainer .contactsNav ul li {
  background-color: #0866c6;
}
/*  --------------------------------------------  Old Scheduler specific stuff here */

.oldScheduleContainer {
  margin-bottom: 30px;
  padding: 15px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.oldScheduleContainer .panel-heading {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
}
.staff-authorize-popup-container {
  position: relative;
  display: block;
  max-width: 500px;
  background-color: white;
  margin: 0 auto;
  padding: 15px 25px;
  border-radius: 10px;
}
.staff-authorize-popup-container h3 {
  font-size: 20px;
  margin: 10px 0 20px 0;
}
.staff-authorize-popup-container .form-wrap .buttons {
  text-align: right;
}
.staff-schedule-import-container .import-result {
  margin: 20px 0;
}
.staff-schedule-import-container .import-result .staff-result {
  margin: 10px 0;
}
.staff-schedule-import-container .import-result .staff-result .more-details {
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
}
.staff-schedule-import-container .import-result .staff-result .more-details i {
  vertical-align: middle;
}
.staff-schedule-import-container .import-result .staff-result .more-details span {
  vertical-align: middle;
}
.staff-schedule-import-container .import-result .staff-result .failures {
  display: none;
  margin-left: 20px;
}
.mce-widget.mce-tooltip {
  display: none !important;
}
.clear-both {
  clear: both;
}
.accordionContent {
  background-color: white;
}
.folderContents {
  background-color: white;
}
.master-hub-container .notification-hub {
  margin: 13px 0 3px 0;
}
.notification-container {
  display: inline-block;
}
.notification-container.new-items a div.notification-wrap span.number {
  background-color: #ffc800;
  font-weight: bold;
  color: #767676;
}
.notification-container a {
  color: #7d7d7d;
  text-decoration: none;
  display: block;
  position: relative;
}
.notification-container a:hover,
.notification-container a:active {
  color: #232323;
  text-decoration: none;
  outline: 0;
}
.notification-container a div.notification-wrap {
  padding: 0 5px;
  cursor: pointer;
}
.notification-container a div.notification-wrap i {
  font-size: 1.5em;
  vertical-align: middle;
  font-family: 'msi';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}
.notification-container a div.notification-wrap i.to-do-list:before {
  content: "\f0cb";
}
.notification-container a div.notification-wrap i.conversations:before {
  content: "\f086";
}
.notification-container a div.notification-wrap i.calendar:before {
  content: "\f073";
}
.notification-container a div.notification-wrap i.fridge-monitor:before {
  content: "\f0e4";
}
.notification-container a div.notification-wrap i.absence-manager:before {
  content: "\f0f2";
}
.notification-container a div.notification-wrap i.schedule:before {
  content: "\f017";
}
.notification-container a div.notification-wrap i.staff:before {
  content: "\f008";
}
.notification-container a div.notification-wrap i.checklists:before {
  content: "\f058";
}
@media (max-width: 390px) {
  .notification-container a div.notification-wrap i {
    font-size: 1.3em;
  }
}
.notification-container a div.notification-wrap span.number {
  font-size: 0.85em;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
  top: -9px;
  left: -9px;
  display: inline-block;
  text-align: center;
  background-color: #00aeef;
  border-radius: 2px;
  color: white;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;
}
@media (max-width: 390px) {
  .notification-container a div.notification-wrap span.number {
    font-size: 0.8em;
    min-width: 14px;
    min-height: 14px;
    line-height: 14px;
  }
}
@media (max-width: 390px) {
  .notification-container a div.notification-wrap {
    padding: 0;
  }
}
.notification-popup {
  position: relative;
  background-color: white;
  padding: 5px;
  margin: 0 auto;
  max-width: 800px;
  border-radius: 5px;
  /* #region Absence manager popup */

  /* #endregion */

}
.notification-popup h4 {
  position: relative;
  padding-left: 30px;
}
.notification-popup h4 span.notification-number {
  background-color: #ee7624;
  padding: 4px;
  border-radius: 15px;
  font-size: 15px;
  position: absolute;
  left: 5px;
  top: -2px;
  color: white;
}
.notification-popup .notification-item .new-badge {
  display: none;
}
.notification-popup .notification-item.new-item .new-badge {
  background-color: #ffc800;
  color: #232323;
  display: inline-block;
}
.notification-popup.todos-popup {
  max-width: 400px;
}
.notification-popup.todos-popup div.todo {
  margin: 3px 10px;
  padding: 8px 50px 8px 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.notification-popup.todos-popup div.todo.hiding {
  overflow: hidden;
}
.notification-popup.todos-popup div.todo a {
  padding: 5px 0;
  display: block;
  vertical-align: middle;
}
.notification-popup.todos-popup div.todo a:hover,
.notification-popup.todos-popup div.todo a:active {
  text-decoration: none;
}
.notification-popup.todos-popup div.todo a span.title {
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.todos-popup div.todo span.text {
  display: inline-block;
}
.notification-popup.todos-popup div.todo span.date {
  display: inline-block;
  vertical-align: middle;
  display: block;
  font-size: 12px;
}
.notification-popup.todos-popup div.todo button.btn.btn-loading {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 10px;
}
.notification-popup.todos-popup div.todo button.btn.btn-loading div.loading {
  padding: 0;
}
.notification-popup.message-popup div.message {
  margin: 3px 10px;
  padding: 8px 50px 8px 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.notification-popup.message-popup div.message.hiding {
  overflow: hidden;
}
.notification-popup.message-popup div.message a {
  padding: 5px 0;
  display: block;
  vertical-align: middle;
}
.notification-popup.message-popup div.message a:hover,
.notification-popup.message-popup div.message a:active {
  text-decoration: none;
}
.notification-popup.message-popup div.message a span.title {
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.message-popup div.message span.text {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
}
.notification-popup.message-popup div.message span.date {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
  display: block;
  font-size: 12px;
}
.notification-popup.fridgemonitor-popup {
  max-width: 600px;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor {
  margin: 3px 10px;
  padding: 8px 0 8px 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor.hiding {
  overflow: hidden;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor a {
  padding: 5px 0;
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor a:hover,
.notification-popup.fridgemonitor-popup div.fridgemonitor a:active {
  text-decoration: none;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor a span.title {
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor span.text {
  display: inline-block;
  font-size: 0.9em;
}
.notification-popup.fridgemonitor-popup div.fridgemonitor span.date {
  padding: 5px 0;
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
  font-size: 12px;
}
.notification-popup.calendar-popup {
  max-width: 400px;
}
.notification-popup.calendar-popup div.calendar-entry {
  margin: 3px 10px;
  padding: 8px 8px 8px 20px;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.notification-popup.calendar-popup div.calendar-entry.hiding {
  overflow: hidden;
}
.notification-popup.calendar-popup div.calendar-entry a {
  display: block;
  vertical-align: middle;
  padding: 5px 0;
}
.notification-popup.calendar-popup div.calendar-entry a:hover,
.notification-popup.calendar-popup div.calendar-entry a:active {
  text-decoration: none;
}
.notification-popup.calendar-popup div.calendar-entry a span.style {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  border-bottom: 0;
}
.notification-popup.calendar-popup div.calendar-entry a span.calendar-title {
  display: inline-block;
  vertical-align: middle;
}
.notification-popup.calendar-popup div.calendar-entry a span.date {
  font-size: 12px;
}
.notification-popup.calendar-popup div.calendar-entry span.text {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
}
.notification-popup.absencemanager-popup {
  max-width: 600px;
}
.notification-popup.absencemanager-popup .absencerequest,
.notification-popup.absencemanager-popup .absenceapproved,
.notification-popup.absencemanager-popup .absencerejected {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.absencemanager-popup .absencerejected {
  color: #f75a5a;
}
.notification-popup.absencemanager-popup .info a {
  color: inherit !important;
  text-decoration: none;
}
.notification-popup.absencemanager-popup .title {
  padding: 5px 10px;
  font-weight: bold;
}
.notification-popup.absencemanager-popup .duration {
  padding: 5px 10px;
  margin: 0 10px;
  display: inline-block;
  border-radius: 4px;
}
.notification-popup.absencemanager-popup .approved-by,
.notification-popup.absencemanager-popup .rejected-by,
.notification-popup.absencemanager-popup .text {
  display: block;
  padding: 5px 10px;
}
.notification-popup.absencemanager-popup .dismiss-button {
  text-align: right;
}
.notification-popup.schedule-popup .schedule-change-alert {
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.schedule-popup .schedule-change-alert .title {
  font-weight: bold;
}
.notification-popup.schedule-popup .schedule-change-alert .text {
  display: inline-block;
  padding: 10px 0;
}
.notification-popup.schedule-popup .schedule-change-alert .dismiss {
  text-align: right;
}
.notification-popup.staff-popup {
  max-width: 600px;
}
.notification-popup.staff-popup h3 {
  font-size: 18px;
}
.notification-popup.staff-popup .buttons {
  text-align: right;
}
.notification-popup.staff-popup .staff-request {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.staff-popup .staff-request .info {
  font-weight: bold;
  font-size: 15px;
}
.notification-popup.staff-popup .staff-request .text {
  display: inline-block;
  font-size: 13px;
  margin: 10px 15px;
}
.notification-popup.staff-popup .staff-request-rejected,
.notification-popup.staff-popup .staff-request-approved {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.staff-popup .staff-request-rejected .info,
.notification-popup.staff-popup .staff-request-approved .info {
  font-weight: bold;
  font-size: 15px;
}
.notification-popup.staff-popup .staff-request-rejected .text,
.notification-popup.staff-popup .staff-request-approved .text {
  display: inline-block;
  font-size: 13px;
  margin: 10px 15px;
}
.notification-popup.staff-popup .staff-request-rejected .dismiss-button,
.notification-popup.staff-popup .staff-request-approved .dismiss-button {
  text-align: right;
}
.notification-popup.checklists-popup {
  max-width: 600px;
}
.notification-popup.checklists-popup .checklists {
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.notification-popup.checklists-popup .checklists .text {
  display: block;
  padding: 5px 0;
}
.notification-popup.checklists-popup .checklists .text .input-group-btn {
  vertical-align: top;
}
.message-iframe-popup {
  position: relative;
  background-color: white;
  padding: 5px;
  margin: 0 auto;
  max-width: 800px;
  border-radius: 5px;
}
.message-iframe-popup iframe {
  height: 100%;
  width: 100%;
}
.fridge h4 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d9d9d9;
}
.fridge h4.temperature-checks-header {
  margin-top: 50px;
}
.fridge .fridge-main {
  margin: 5px -15px;
}
.fridge .fridge-main label {
  margin-top: 7px;
}
.fridge .fridge-details .row {
  margin: 5px -15px;
}
.fridge .temperature-checks {
  margin: 10px 0;
}
.fridge .temperature-checks .row {
  margin: 5px -15px;
}
.fridge .temperature-checks .row .col-sm-1 label {
  margin-top: 7px;
}
.fridge .temperature-checks .row .col-sm-1 i.fa-times-circle {
  color: red;
  cursor: pointer;
}
.fridge .temperature-checks .row .input-container {
  position: relative;
}
.fridge div.add-temp-check-button {
  margin: 5px 0;
}
.fridge div.submit-button {
  border-top: 1px solid #d9d9d9;
  margin: 40px 0 0 0;
  padding: 10px 0 0 0;
}
.fridge div.alert {
  margin: 10px 0;
  font-size: 12px;
}
.msi-title.margin {
  margin-bottom: 20px;
}
.fridge-container {
  margin-top: 20px;
}
.fridge-container .fridge-display .last-log-time {
  margin: 10px 0;
}
.fridge-container .fridge-display .log {
  margin: 10px 0;
}
.row.header-row {
  font-weight: bold;
  margin: 0 -15px 10px -15px;
}
.staff-selector .staff-selector-selected {
  padding: 7px 0;
}
.staff-selector .staff-selector-selected .staff-selector-none {
  display: inline-block;
  padding: 5px;
  background-color: #d9534f;
  border-radius: 3px;
  margin: 1px;
  color: white;
}
.staff-selector .staff-selector-selected .staff-selector-everyone {
  display: inline-block;
  padding: 5px;
  background-color: rgba(139, 90, 0, 0.6);
  border-radius: 3px;
  margin: 1px;
  color: white;
}
.staff-selector .staff-selector-selected .staff-selector-everyone:before {
  font-family: 'msi';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f0c0";
  margin-right: 5px;
}
.staff-selector .staff-selector-selected .staff-category {
  display: inline-block;
  padding: 5px;
  background-color: #00aeef;
  border-radius: 3px;
  margin: 1px;
  color: white;
}
.staff-selector .staff-selector-selected .staff-category:before {
  font-family: 'msi';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f0c0";
  margin-right: 5px;
}
.staff-selector .staff-selector-selected .staff-member {
  display: inline-block;
  padding: 5px;
  background-color: #00aeef;
  border-radius: 3px;
  margin: 1px;
  color: white;
}
.staff-selector .staff-selector-selected .staff-member:before {
  font-family: 'msi';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f008";
  margin-right: 5px;
}
.staff-selector ul.dropdown-menu {
  min-width: 400px;
}
.staff-selector ul.dropdown-menu li {
  display: inline-block;
  width: 49%;
  padding: 5px 5px;
  vertical-align: middle;
}
.staff-selector ul.dropdown-menu li.dropdown-header {
  display: block;
}
.conversationEditCheckboxContainer input[type="checkbox"] {
  position: relative;
  top: 2px;
  left: -5px;
}
.conversationEditCheckboxContainer label {
  font-weight: normal;
}
.user-tool-editor p {
  vertical-align: middle;
}
.user-tool-editor p .fa-check,
.user-tool-editor p .fa-times-circle {
  vertical-align: middle;
}
.user-tool-editor .fa-check {
  color: #0bb204;
}
.user-tool-editor .fa-times-circle {
  color: #f75a5a;
}
.user-tool-editor .tools {
  margin: 30px 0;
}
.user-tool-editor .tools .tool-wrapper {
  min-height: 150px;
}
.user-tool-editor .tools .tool-wrapper.ui-sortable-helper .tool {
  background-color: white;
}
.user-tool-editor .tools .tool-wrapper.ui-sortable-helper .tool .active {
  background-color: white;
}
.user-tool-editor .tools .tool-wrapper .tool {
  position: relative;
  border: 1px solid #d9d9d9;
  padding: 20px;
  margin: 25px 10px;
  cursor: pointer;
}
.user-tool-editor .tools .tool-wrapper .tool.disabled {
  opacity: 0.3;
}
.user-tool-editor .tools .tool-wrapper .tool .icon {
  font-size: 1.6em;
  text-align: center;
}
.user-tool-editor .tools .tool-wrapper .tool .name {
  text-align: center;
}
.user-tool-editor .tools .tool-wrapper .tool .active {
  height: 26px;
  position: absolute;
  bottom: -26px;
  right: -1px;
  padding: 2px 10px;
  border: 1px solid #d9d9d9;
}
.user-tool-editor .tools .tool-placeholder {
  min-height: 150px;
}
.user-tool-editor .tools .tool-placeholder:before {
  display: block;
  content: "";
  min-height: 90px;
  padding: 20px;
  margin: 25px 10px;
  border: 1px solid #fff287;
  background-color: #fefced;
}
.practice-tool-editor p {
  vertical-align: middle;
}
.practice-tool-editor p .fa-check,
.practice-tool-editor p .fa-times-circle {
  vertical-align: middle;
}
.practice-tool-editor .fa-check {
  color: #0bb204;
}
.practice-tool-editor .fa-times-circle {
  color: #f75a5a;
}
.practice-tool-editor .tools {
  margin: 30px 0;
}
.practice-tool-editor .tools .tool-wrapper {
  min-height: 180px;
}
.practice-tool-editor .tools .tool-wrapper .tool {
  position: relative;
  margin: 25px 10px;
  cursor: pointer;
}
.practice-tool-editor .tools .tool-wrapper .tool.disabled .tool-info,
.practice-tool-editor .tools .tool-wrapper .tool.disabled .view-level,
.practice-tool-editor .tools .tool-wrapper .tool.disabled .edit-level {
  opacity: 0.3;
}
.practice-tool-editor .tools .tool-wrapper .tool .tool-info {
  background-color: white;
  position: relative;
  border: 1px solid #d9d9d9;
}
.practice-tool-editor .tools .tool-wrapper .tool .tool-info .info-wrap {
  margin: 20px;
}
.practice-tool-editor .tools .tool-wrapper .tool .tool-info .info-wrap .icon {
  font-size: 1.6em;
  text-align: center;
}
.practice-tool-editor .tools .tool-wrapper .tool .tool-info .info-wrap .name {
  text-align: center;
  white-space: nowrap;
}
.practice-tool-editor .tools .tool-wrapper .tool .active {
  background-color: white;
  height: 26px;
  width: 36px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 10px;
  border: 1px solid #d9d9d9;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level {
  display: inline-block;
  width: 50%;
  background-color: white;
  border: 1px solid #d9d9d9;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level.view-level,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level.view-level {
  float: left;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level.edit-level,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level.edit-level {
  float: right;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level.full,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level.full {
  width: 100%;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level label,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level label {
  display: block;
  padding: 2px 5px;
  margin: 0;
  font-size: 0.85em;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level button,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level button {
  height: 26px;
  width: 100%;
  border-radius: 0;
  text-align: left;
  box-shadow: none;
  background-image: none;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level button .level-value,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level button .level-value {
  font-weight: bold;
}
.practice-tool-editor .tools .tool-wrapper .tool .view-level button .caret,
.practice-tool-editor .tools .tool-wrapper .tool .edit-level button .caret {
  position: absolute;
  right: 5px;
  top: 45%;
}
.admin-import-container div.row {
  margin: 20px 0;
}
.ui-datepicker {
  font-size: 9pt;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.news-v3-in-sm h2 a:hover {
  color: #72c02c;
}
.news-v3-in-sm h2,
.news-v3-in-sm h2 a {
  color: #555555;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 1px;
  text-decoration: none;
}
.magazine-news-img {
  overflow: hidden;
  position: relative;
}
.magazine-badge {
  top: 0;
  left: 0;
  color: white;
  font-size: 14px;
  padding: 2px 8px;
  position: absolute;
  font-style: inherit;
}
.by-author strong {
  color: #72c02c;
}
@font-face {
  font-family: 'RobotoItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-Italic.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-Italic.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-Italic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBold';
  src: url('/Content/css/NewStyle/fonts/Roboto-Bold.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-Bold.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBoldItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldItalic.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldItalic.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-BoldItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoCondensed';
  src: url('/Content/css/NewStyle/fonts/Roboto-Condensed.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-Condensed.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-Condensed.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoCondensedItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-CondensedItalic.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-CondensedItalic.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-CondensedItalic.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-CondensedItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBoldCondensed';
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldCondensed.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldCondensed.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-BoldCondensed.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBoldCondensedItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldCondensedItalic.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldCondensedItalic.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldCondensedItalic.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-BoldCondensedItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoThin';
  src: url('/Content/css/NewStyle/fonts/Roboto-Thin.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-Thin.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-Thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoThinItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-ThinItalic.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-ThinItalic.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-ThinItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoLight';
  src: url('/Content/css/NewStyle/fonts/Roboto-Light.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-Light.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoLightItalic';
  src: url('/Content/css/NewStyle/fonts/roboto/Roboto-LightItalic.eot');
  src: url('/Content/css/NewStyle/fonts/roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/roboto/Roboto-LightItalic.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/roboto/Roboto-LightItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoMedium';
  src: url('/Content/css/NewStyle/fonts/Roboto-Medium.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-Medium.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoMediumItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-MediumItalic.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-MediumItalic.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-MediumItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBlack';
  src: url('/Content/css/NewStyle/fonts/Roboto-Black-webfont.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-Black-webfont.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-Black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBlackItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-BlackItalic.eot');
  src: url('/Content/css/NewStyle/fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype');
  src: url('/Content/css/NewStyle/fonts/Roboto-BlackItalic.ttf') format('truetype'), url('/Content/css/NewStyle/fonts/Roboto-BlackItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBold';
  src: url('/Content/css/NewStyle/fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBoldItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoCondensed';
  src: url('/Content/css/NewStyle/fonts/Roboto-Condensed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoCondensedItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-CondensedItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBoldCondensed';
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldCondensed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBoldCondensedItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-BoldCondensedItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoThin';
  src: url('/Content/css/NewStyle/fonts/Roboto-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoThinItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-ThinItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoLight';
  src: url('/Content/css/NewStyle/fonts/Roboto-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoLightItalic';
  src: url('/Content/css/NewStyle/fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoMedium';
  src: url('/Content/css/NewStyle/fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoMediumItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-MediumItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBlack';
  src: url('/Content/css/NewStyle/fonts/Roboto-Black-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoBlackItalic';
  src: url('/Content/css/NewStyle/fonts/Roboto-BlackItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Section that deals with where there are multiple action buttons and turns them intoa  drop down menu*/

.dropbtn {
  cursor: pointer;
}
/* Dropdown button on hover & focus */

.dropbtn:hover,
.dropbtn:focus {
  background-color: #3e8e41;
}
/* The container <div> - needed to position the dropdown content */

.TitleDropdownActions {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */

.TitleDropdownActions-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
/* Links inside the dropdown */

.TitleDropdownActions-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */

.TitleDropdownActions-content a:hover {
  background-color: #00956e;
  Color: white;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show {
  display: block;
  z-index: 50;
  right: 0;
}
/* ---------------------- page container ------------------------------*/

.container-fluid {
  color: white;
}
.page-container {
  padding: 15px !important;
  margin-bottom: 35px;
}
.display-container {
  -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
  z-index: 1 !important;
}
/*  --------------------------------------------  Scheduler specific stuff here */

.scheduler-settings-container {
  padding: 30px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.scheduler-settings-container .import-result {
  margin-top: 20px;
}
.scheduler-dates .schedule-dates-title {
  background-color: #00956e !important;
  color: white !important;
}
.rota-wrapper .rota .title {
  background-color: #00956e !important;
  color: white !important;
}
.rota-wrapper .rota {
  border: 1px solid #00aeef !important;
}
.display-selector .tabs span.active {
  background-color: #00956e !important;
  color: white !important;
}
.display-selector .tabs {
  border-bottom: 3px solid #00956e !important;
}
.display-container .week-display .week-header .week-day {
  display: table-cell;
  text-align: center;
  border-bottom: 0;
  color: white;
  background-color: #72c02c;
  width: 12.5%;
}
.display-container .week-display .week-header .week-day .month-display .week-header .week-day {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.display-container .month-display .week-header .week-day {
  background-color: #72c02c !important;
  color: white !important;
}
.display-container .week-display .week-header .week-day {
  background-color: #72c02c !important;
  color: white !important;
}
.display-container .week-display .week-header .week-day .blogHeader {
  width: 100%;
}
.display-container .week-display .week-header .week-day .display-selector .staff-filter .filter-icon {
  font-size: 30px;
  vertical-align: middle;
  color: white !important;
  background-color: #00956e !important;
  border-color: #2d2d2d !important;
  border: 1px solid;
}
.display-container .week-display .week-header .week-day .display-selector .staff-filter .filter-icon:hover {
  background-color: #2086ef !important;
  color: white !important;
}
.display-container .week-display .week-header .week-day .display-selector .tabs span {
  padding: 15px !important;
}
.display-container .week-display .week-header .week-day .rota-wrapper .rota .rota-content .rota-weeks .week-container .week-title {
  background-color: #00956e !important;
  color: white !important;
  padding: 10px 0;
}
.display-container .week-display .week-header .week-day .rota-wrapper .rota .title {
  background-color: #00956e !important;
  color: white !important;
}
.display-container .week-display .week-header .week-day .rota-wrapper .rota .rota-content .rota-weeks .week-container .week .day .day-title {
  font-weight: bolder;
  color: black !important;
}
.display-container .week-display .week-header .week-day .week-day {
  border: 1px solid #72c02c !important;
}
.display-container .week-display .week-header .week-day .staff-week .staff {
  border: 1px solid #72c02c !important;
}
.display-container .week-display .week-header .week-day .staff-week .staff a {
  color: #333333 !important;
}
.display-container .week-display .week-header .week-day .staff-day .staff {
  border: 1px solid #72c02c !important;
}
.display-container .week-display .week-header .week-day .staff-day .staff a {
  color: #333333 !important;
}
.display-container .week-display .week-header .week-day .filler-slot {
  border: 1px solid #72c02c !important;
}
.shifts .shifts-title {
  background-color: #00956e !important;
  color: white !important;
}
.day .day-title {
  border-bottom: 1px solid #2e79c5 !important;
}
.day-display .day-header .day-hour {
  background-color: #00956e !important;
  color: white !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.week-container .week .day {
  border-right: 1px solid #2e79c5 !important;
}
.week-container {
  border-bottom: 1px solid #2e79c5 !important;
  border-left: 1px solid #2e79c5 !important;
}
.week-container .week-title {
  background-color: #00956e !important;
  color: white !important;
}
/*.blogHeader img { float: right; height: 40px;}*/

/* ---------------- Checklists specific stuff here  */

.content-container div.left-panel ul.task-menu li.active,
.content-container div.left-panel ul.task-menu li:hover {
  background-color: #00956e !important;
  color: white;
}
.content-container div.left-panel ul.task-menu i {
  color: white !important;
}
.content-container div.left-panel ul.task-tree span:hover,
.content-container div.left-panel ul.task-tree span.active {
  background-color: #00956e !important;
  color: white !important;
}
.content-container div.left-panel ul.task-tree span:hover i,
.content-container div.left-panel ul.task-tree span.active i {
  color: white !important;
}
.content-container div.left-panel ul.task-tree span:hover i:hover,
.content-container div.left-panel ul.task-tree span.active i:hover {
  color: #00aeef !important;
}
.content-container .task-instances ul li.task:hover {
  background-color: #00956e !important;
  color: white !important;
}
.content-container .task-instances ul li.task:hover i {
  color: white !important;
}
.content-container .task-instances ul li.task:hover i:hover {
  color: #00aeef !important;
}
.content-container .task-instances ul li.task.active,
.content-container .task-instances ul li.task:hover {
  background-color: #00956e !important;
  color: white !important;
}
.content-container .task-instances ul li.task.active i,
.content-container .task-instances ul li.task:hover i {
  color: white !important;
}
.content-container .task-instances ul li.task.active i:hover,
.content-container .task-instances ul li.task:hover i:hover {
  color: #00aeef !important;
}
.content-container .task-instances ul li.task.active span.date,
.content-container .task-instances ul li.task:hover span.date {
  color: white !important;
}
/* ---------------- Absence Manager specific stuff here  */

.CantImport {
  pointer-events: none;
  cursor: default;
}
.absence-manager-container {
  padding: 0;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.year-picker .year-display {
  font-size: xx-large;
  font-weight: bolder;
}
.my-calendar-container .year-picker {
  border: none !important;
}
.my-calendar-container .entitlement {
  margin-right: 10px;
}
.my-calendar-container {
  padding: 0;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  padding-bottom: 5px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.date-picker-row .date-picker .month-picker .month {
  font-weight: bolder !important;
  font-size: 15px !important;
}
.staff-day-container {
  margin-top: 10px !important;
}
.staff-details-container {
  padding: 0px 30px;
  margin-bottom: 30px;
  margin-top: 0px !important;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.date-picker-row {
  max-width: 1300px;
  margin: auto;
}
.absence-overtime-report {
  padding: 20px 30px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.pending-requests {
  padding: 20px 30px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.loading-container {
  width: 50%;
  margin: 0 auto;
}
.importLoader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: auto;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*  ----------------  Document Monitor specific stuff here */

.document-manager-container {
  padding: 20px;
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
/*  ----------------  Equipment Monitor specific stuff here */

.equipment-manager-container {
  margin-bottom: 30px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.menuHeader #navigation ul li a {
  color: white !important;
}
.menuHeader #navigation ul li:hover {
  background: none !important;
  background-color: #ee7624 !important;
  color: white !important;
}
.menuHeader #navigation ul li a:hover,
a:focus,
a:active {
  background: none !important;
  background-color: #ee7624 !important;
  color: white !important;
}
.menuHeader #navigation ul li.active a {
  border-bottom: 3px solid #ee7624 !important;
}
.side-menu ul li ul.second-leel.collapse-out .menuHeader #navigation ul li.active a {
  background: none !important;
  background-color: #ee7624 !important;
  color: white !important;
}
.locationSelectorClearSelection .fa-times-circle .locationSelector {
  color: white !important;
}
.locationSelectorClearSelection .fa-times-circle {
  color: red;
}
/*  ----------------  ToDo specific stuff here */

.todoContainer {
  margin-bottom: 30px;
  padding: 15px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
  overflow: auto;
}
/*  ----------------  Holiday Planner specific stuff here */

.holidayPlannerFilters {
  padding-top: 5px;
}
.holidayPlannerFullYear {
  color: #505050 !important;
}
/*  ----------------  FFT specific stuff here */

.FFT-container {
  margin-bottom: 30px;
  padding: 15px;
  position: relative;
  min-height: 100px;
  overflow: auto;
  background-color: white !important;
}
.FFT-container h3 {
  margin: 20px 0 5px 0;
  padding: 10px;
  color: white;
}
.FFT-container .chart-legend td {
  padding: 5px;
  background-color: #dddddd;
  border-bottom: 2px solid white;
}
.FFT-container table.container-table th {
  background-color: #00956e;
  padding: 15px !important;
}
/*  ----------------  MyNotes specific stuff here */

.myNotesContainer {
  margin-bottom: 30px;
  padding: 15px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
  overflow: auto;
}
.myNotesContainer .panel-heading {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.myNotesContainer .contactsNav ul li {
  background-color: transparent;
}
/* ----------------  Admin specific stuff here */

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 1;
}
.admin-container {
  margin-bottom: 30px;
  padding: 15px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
  overflow: auto;
}
.admin-container .contactsHeader {
  color: white;
  background-color: #00956e;
}
/* ----------------  Old Scheduler specific stuff here */

.oldScheduleContainer {
  margin-bottom: 30px;
  padding: 15px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
}
.oldScheduleContainer .panel-heading {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
}
/* ---------------- Media Queries */

@media (max-width: 390px) {
  .notification-container a div.notification-wrap {
    padding: 0;
  }
  .notification-container a div.notification-wrap i {
    font-size: 1.3em;
  }
  .notification-container a div.notification-wrap span.number {
    font-size: 0.8em;
    min-width: 14px;
    min-height: 14px;
    line-height: 14px;
  }
}
.loginpage-container a:hover,
a:hover,
a:focus,
a:active {
  background-color: transparent !important;
  color: black !important;
}
.sunsetMessageContainer {
  margin-bottom: 15px;
  padding: 15px;
  background-color: white;
  position: relative;
  min-height: 100px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
  overflow: auto;
}
.sunsetMessageContainer h1 {
  text-align: center;
  color: #d9534f;
}
.sunsetMessageContainer p {
  text-align: center;
}