/* SECTION:  Brand colours */
/* SECTION: Brand colours tints */
/* MRI Colors */
.text-danger {
  color: #ba2121;
}
h5 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 32px;
}
/* Remove Spinner for Number Input: Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Remove Spinner for Number Input: Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.no-border-radius,
.not-rounded {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.no-box-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.inline-block {
  display: inline-block;
}
body {
  padding-bottom: 20px;
  color: #162029;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}
#body-container {
  min-height: calc(100vh - 150px);
  padding-top: 20px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}
/*  = = = = = = = = link and buttons styling = = = = = = = = = */
.small-and-spaced {
  margin-left: 10px;
  font-size: 11px;
}
a {
  color: #10689d;
  cursor: pointer;
}
a:hover {
  color: #0582C3;
}
a.locked {
  color: red;
  font-weight: bold;
}
a.locked-by-me {
  color: green;
}
a.show-validated-locations,
a.raise-support-ticket {
  margin-left: 10px;
  font-size: 11px;
}
a.nav-link {
  color: #10689d;
  cursor: pointer;
}
a.nav-link:hover {
  color: #0582C3;
}
/*button.nav-link {
    color: #ffffff;
    cursor: pointer;

    &:hover {
        color: #9cd0e0;
    }
}*/
.dropdown-menu > div > a.nav-link,
.dropdown-menu > a.nav-link {
  color: #162029;
}
.dropdown-menu > div > a.nav-link:hover,
.dropdown-menu > a.nav-link:hover,
.dropdown-menu > div > a.nav-link:focus,
.dropdown-menu > a.nav-link:focus {
  background-color: rgba(58, 157, 210, 0.1);
  color: #10689d;
}
.nav-link-mri,
a.nav-link-mri,
a.dropdown-toggle {
  color: #ffffff;
  cursor: pointer;
}
.nav-link-mri:hover,
a.nav-link-mri:hover,
a.dropdown-toggle:hover,
.nav-link-mri:focus,
a.nav-link-mri:focus,
a.dropdown-toggle:focus {
  color: #9cd0e0;
}
.btn-default,
.btn-primary {
  background-color: #0D75B0;
  border-color: white;
  color: white;
  border-radius: 9999px;
}
.btn-default:hover,
.btn-primary:hover,
.btn-default:focus,
.btn-primary:focus {
  background-color: #0582C3;
  color: white;
}
.btn-default:active,
.btn-primary:active {
  background-color: #10689D;
  color: white;
}
.btn-outline-secondary {
  background-color: white;
  border-color: #909FAE;
  color: #162029;
  border-radius: 9999px;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: #ffffff;
  color: #162029;
}
.btn-outline-secondary:active {
  background-color: #ffffff;
  color: #162029;
}
.btn-danger {
  border-radius: 9999px;
}
/*  = = = = = = = pagination styling = = = = = = = =  */
.pagination li a {
  color: #10689d;
}
.pagination {
  border-radius: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #0582C3;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: #ef8c20;
  z-index: 3;
  color: #fff;
  cursor: default;
  border-color: #ef8c20;
}
.paginate_button:hover,
.paginate_button:active {
  background: transparent !important;
}
/*= = = = = = = navigation menu >> links >> hover effect = = = = = = = */
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #ffffff;
}
/*= = = = = = = = logo = = = = = = = */
#logoHolder {
  width: 30px;
  height: 30px;
  margin-top: 7px;
}
#logoImage {
  width: 30px;
  height: auto;
}
/* = = = = = = = = nav bar position = = = = = = = = */
.navbar-header {
  position: relative;
}
/* Backgrounds */
.background--positive {
  background-color: #00AD82 !important;
}
.background--neutral {
  background-color: moccasin !important;
}
.background--negative {
  background-color: salmon !important;
}
.background--process {
  background-color: #F9A861 !important;
}
.background--estimate {
  background-color: #61B2F9 !important;
}
.background--lastweek {
  background-color: #559CDA !important;
}
.background--lastyear {
  background-color: rgba(73, 133, 187, 0.5) !important;
}
/* Colors */
.color--default {
  color: #10689D;
}
.color--positive {
  color: #00AD82;
}
.color--positive:focus {
  color: #00AD82;
}
.color--positive:hover {
  color: #00AD82;
}
.color--neutral {
  color: moccasin;
}
.color--negative {
  color: salmon;
}
.color--disabled {
  color: silver;
}
.icon--active {
  color: #10689D;
}
.icon--inactive {
  color: silver;
}
.icon--active:hover,
.icon--inactive:hover {
  color: #0582C3;
}
#validation-data-container .table > tbody > tr > td > input[type=number].input-validation-error {
  border: 1px solid red;
}
/* Modals */
#comments-modal .modal-body,
#bulkcomments-modal .modal-body {
  height: 250px;
  overflow-y: auto;
}
#comments-modal .modal-dialog,
#bulkcomments-modal .modal-dialog,
#bulk-update-modal .modal-dialog {
  width: 896px;
  max-width: 95%;
}
.modal-header {
  border: none;
}
.modal-body {
  border: none;
}
.modal-footer {
  border: none;
  display: block;
}
#LinkContactModalBody > * {
  display: inline-block;
  margin-bottom: 5px;
}
/*Tabs*/
/* Comments */
.inactive-comment-display {
  color: #999;
  font-style: italic;
}
/* Alerts */
.alert {
  margin-bottom: 5px;
  padding: 5px 35px 5px 15px;
}
/* Tables */
.table thead {
  background-color: #E2E6EA;
}
.table.table-framed {
  border: 2px solid #c2cfd3;
}
.footfall-source {
  cursor: pointer;
}
.footfall-source:hover {
  text-decoration: underline;
}
.sites-table {
  display: none;
}
tr.editor-row,
td.editor-row {
  height: 0;
  padding: 0 !important;
}
#zone-data-container .table > thead > tr:first-of-type > th {
  padding-bottom: 0;
  padding-top: 0;
}
#zone-data-container .table > tbody > tr > td,
#zone-data-container .table > tfoot > tr > td {
  margin: 0;
  padding: 2px 4px;
}
#validation-data-container .table > thead > tr:first-of-type > th,
.validation-overview-container .table > thead > tr:first-of-type > th {
  padding-bottom: 0;
}
#validation-data-container .table > thead > tr:last-of-type > th,
.validation-overview-container .table > thead > tr:last-of-type > th {
  padding-top: 0;
}
#validation-data-container .table > tbody > tr > td,
#validation-data-container .table > tfoot > tr > td,
.validation-overview-container .table > tbody > tr > td {
  margin: 0;
  padding: 2px 4px;
}
#zone-data-container .table {
  border: 4px solid #FFFFFF;
}
#validation-data-container .table {
  border: 4px solid #FFFFFF;
}
#validation-data-container .table > tbody > tr > td > input[type=number],
#validation-data-container .table > tfoot > tr > td > input[type=number] {
  border: none;
  border-radius: 0;
  height: 24px;
  padding: 0 4px;
}
#validation-data-container .table > tbody > tr > td > input[type=number]::-webkit-inner-spin-button,
#validation-data-container .table > tfoot > tr > td > input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
table > tbody > tr.selected-location {
  background-color: #d9edf7;
}
table > tbody > tr.selected-location:hover {
  background-color: #FFFFFF;
}
table > tbody > tr.validated-location,
table > tbody > tr.disabled {
  background-color: #f5f5f5;
  opacity: 0.5;
}
button.disabled {
  opacity: 0.5;
}
.location-day-header-icons {
  padding: 2px 4px !important;
  background-color: white;
}
.save-all-icon {
  background-color: #00AD82;
  color: white;
}
.save-all-icon:hover {
  cursor: pointer;
}
/* Misc */
.circle {
  border-radius: 2.5em;
  font-size: 1.1em;
  height: 5em;
  line-height: 5em;
  margin: 0 auto;
  text-align: center;
  width: 5em;
}
[data-container-for-day] + [data-container-for-day] {
  margin-top: 2em;
  padding-top: 2em;
}
.validation-container {
  height: 90vh;
  overflow-y: scroll;
}
.index-country {
  width: 50px;
}
.index-region {
  width: 120px;
}
.index-portfolio {
  width: 150px;
}
.index-site-type {
  width: 150px;
}
.index-column-narrow {
  width: 90px;
}
.index-column-wide {
  width: 400px;
}
/* WAVG - Weighted Averages */
.wavg-container {
  height: 65vh;
  overflow-y: scroll;
}
.wavg-header-container {
  margin-bottom: 20px;
}
#wavg-target-placeholder-row td {
  background-color: #ccffcc;
  padding: 15px;
}
#wavg-source-placeholder-row td {
  background-color: #ffcccc;
  padding: 15px;
}
tr[draggable="true"] {
  cursor: grab;
}
tr[data-wavg-row][data-wavg-do-not-estimate] button {
  background-color: darkgreen;
}
td[data-wavg-use-location],
td[data-wavg-save] button {
  cursor: auto;
}
#wavg-source-table [data-wavg-do-not-use],
#wavg-source-table [data-wavg-never-use],
#wavg-target-table [data-wavg-do-not-estimate] {
  background-color: #f5f5f5;
  opacity: 0.5;
}
#wavg-source-table .target-table-only,
#wavg-target-table .source-table-only {
  display: none !important;
}
/* Weather */
.weather img[src=""] {
  display: none;
}
.weather img {
  height: 1.5em;
}
[class^="weather-"][style=""] + [class^="weather-"]::before {
  content: "\00a0\2014\00a0";
}
#validated-as {
  margin-top: -10px;
  margin-left: 5px;
}
/* Utility */
.pad-xs {
  padding: 2px;
}
.mb-md {
  margin-bottom: 20px;
}
.mb-sm {
  margin-bottom: 5px;
}
.pt-0 {
  padding-top: 0;
}
.loading,
#loading-location,
#loading-site {
  background-color: #AAA;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-image: url('images/loading_apple.gif');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
}
#loading-location {
  position: absolute;
}
#loading-site {
  position: fixed;
}
input[type=number] {
  padding: 5px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
.loading-overlay {
  background: rgba(255, 255, 255, 0.5) url('/content/images/loading_apple.gif') center center no-repeat;
  background-size: 100px;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 150;
}
.btn-save-all {
  margin-right: -4px;
  padding: 0 2px;
  float: right;
}
.view-all-devices {
  float: left;
  margin-left: -3px;
}
#action-buttons-disabled {
  opacity: 0.5;
  display: none;
}
/* Sliding toggle */
.switch {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 15px;
  margin-bottom: -4px;
}
.switch input {
  display: none;
}
.hide-text {
  font-size: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #0D75B0;
}
input:focus + .slider {
  box-shadow: 0 0 1px #0D75B0;
}
input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
#edit-validated-locations {
  position: relative;
  top: 14px;
}
#label-number-weeks {
  position: relative;
  bottom: 11px;
  margin-right: 20px;
  margin-top: 30px;
}
.radio-group {
  border: solid 1px #ddd;
  display: inline-block;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: #ddd 2px 2px 5px 0;
}
.radio-group input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}
.radio-group label {
  color: #ef8c20;
  display: inline-block;
  cursor: pointer;
  font-weight: 200;
  padding: 5px 20px;
  margin: 0;
}
.radio-group input[type=radio]:checked + label {
  color: #ffffff;
  background: #f6bd7f;
}
.slider.round {
  border-radius: 22px;
}
.slider.round:before {
  border-radius: 50%;
}
/* Zones */
.missing-zones,
.missing-zones:focus,
.missing-zones:hover {
  background-color: salmon !important;
  color: #FFFFFF !important;
}
/* Charts */
.panel-chart {
  border: solid 1px #e6e6e6;
}
.panel-chart .icon-bar {
  background-color: red;
  color: blue;
}
.panel-chart header,
.panel-chart footer,
.panel-chart section {
  padding: 15px 15px 4px 15px;
}
.panel-chart header h1,
.panel-chart footer h1,
.panel-chart section h1 {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 18px;
  margin-right: 8px;
  vertical-align: bottom;
}
.panel-chart header form,
.panel-chart footer form,
.panel-chart section form {
  display: inline-block;
}
.panel-chart header {
  border-bottom: solid 1px #e6e6e6;
}
.panel-chart footer {
  border-top: solid 1px #e6e6e6;
  padding-bottom: 8px;
  display: block;
}
.panel-chart footer.locations {
  background-color: #f7f7f7;
}
.panel-chart footer.locations h1 {
  margin-bottom: 7px;
  vertical-align: baseline;
}
.panel-chart .filters .filter {
  display: inline-block;
  margin: 0 10px 10px 0;
  font-size: 12px;
  position: relative;
  height: 36px;
  vertical-align: bottom;
  padding: 6px 10px 0 0;
  border: solid 1px #e6e6e6;
}
.panel-chart .filters .filter:hover {
  cursor: pointer;
}
.panel-chart .filters .filter select,
.panel-chart .filters .filter option,
.panel-chart .filters .filter input {
  line-height: 1em;
  background-color: white;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
}
.panel-chart .filters .filter select:hover,
.panel-chart .filters .filter option:hover,
.panel-chart .filters .filter input:hover,
.panel-chart .filters .filter select:focus,
.panel-chart .filters .filter option:focus,
.panel-chart .filters .filter input:focus {
  cursor: pointer;
  border-color: inherit;
  border: none 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none !important;
}
.panel-chart .filters .filter.select {
  padding: 0;
}
.panel-chart .filters .filter.select label {
  vertical-align: middle;
  height: 100%;
  padding: 8px;
  border-right: 1px solid white;
}
.panel-chart .filters .filter.select select:hover {
  outline: none;
  cursor: pointer;
}
.panel-chart .filters .filter.select label,
.panel-chart .filters .filter.select select {
  float: left;
}
.panel-chart .filters .filter.select:hover label,
.panel-chart .filters .filter.select:focus label {
  border-right: 1px solid #e6e6e6;
  outline: none;
}
.panel-chart .filters .filter.hour {
  padding-left: 10px;
}
.panel-chart .filters .filter.hour p {
  display: inline-block;
  color: #888888;
}
.panel-chart .filters .filter.hour p a {
  text-decoration: none;
}
.panel-chart .filters .filter label {
  color: #ef8c20;
  margin-bottom: 1px;
}
.panel-chart .filters .filter label label {
  color: #383838;
}
.panel-chart .filters .filter label:hover {
  cursor: pointer;
}
.panel-chart .filters .filter label,
.panel-chart .filters .filter p {
  /*vertical-align: sub;*/
}
.panel-chart .filters .filter select {
  border: none;
  height: 34px;
}
.panel-chart .filters .filter select option {
  padding: 5px 5px;
  height: 34px;
  width: 100px;
}
.panel-chart .filters .filter.radio-filter {
  padding: 6px 10px;
}
.panel-chart .filters .filter.radio-filter label {
  margin-bottom: 6px;
}
.panel-chart .filters .filter.radio-filter .chart-radio-group {
  display: inline-block;
  margin-left: 6px;
}
.panel-chart .filters .filter.radio-filter .chart-radio-group label {
  color: #383838;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  padding-left: 17px;
}
.panel-chart .filters .filter.radio-filter .chart-radio-group label:last-child {
  margin-right: 0px;
}
.panel-chart .filters .filter.radio-filter .chart-radio-group label input {
  position: absolute;
  left: 0;
  top: 2px;
  margin: 0;
}
.panel-chart .filters .filter.radio-filter .chart-radio-group input {
  vertical-align: inherit;
}
.panel-chart .filters .filter .range {
  display: inline-block;
  width: 300px;
  padding-right: 10px;
}
.panel-chart .filters .filter.calendar {
  padding: 0;
}
.panel-chart .filters .filter.calendar label {
  padding: 8px;
}
.panel-chart .filters .filter.calendar input.ng-pristine {
  border: 0 none;
  width: 76px;
  height: 100%;
}
.panel-chart .filters .filter.calendar p.ng-binding {
  color: #888888;
  font-size: 10px;
  display: inline-block;
  margin-right: 5px;
}
.panel-chart .filters .filter.calendar span.ng-binding {
  margin-right: 5px;
}
.panel-chart .filters .filter.calendar span.ng-binding:empty {
  margin-right: 0px;
}
.panel-chart .filters .filter.calendar .btn-calendar {
  margin: 0;
  padding: 7px;
  height: 100%;
  background-color: #e6e6e6;
  color: #383838;
  border: 0 none;
}
.panel-chart .filters .filter.calendar .btn-calendar:after {
  color: #666;
  font-size: 16px;
}
.panel-chart .filters .filter.calendar .dropdown-menu {
  top: 30px !important;
}
.panel-chart .filters .button {
  display: inline-block;
  vertical-align: top;
}
.panel-chart .filters fieldset {
  display: inline-block;
}
/* SECTION: Years button list */
.years {
  font-size: 0;
  margin: 0 10px 10px 0;
}
/* SECTION: Location and Years button list */
.locations,
.years {
  font-size: 0;
}
.locations h1,
.years h1 {
  margin-bottom: 7px;
}
.locations p,
.years p,
.locations ul,
.years ul {
  font-size: 14px;
}
.locations .button,
.years .button {
  margin-bottom: 10px;
}
.locations .button.inactive,
.years .button.inactive {
  background-color: #e1e1e1;
  border-color: #999;
  color: #999;
}
.locations button[type=button],
.years button[type=button] {
  background-color: #e1e1e1;
  color: #888888;
  border: none;
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 3px 6px;
  font-size: 14px;
}
.locations button[type=button]:after,
.years button[type=button]:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5px;
}
.locations button[type=button]:hover,
.years button[type=button]:hover {
  cursor: pointer;
  background-color: #999;
  color: white;
}
.locations button[type=button]:focus,
.years button[type=button]:focus,
.locations button[type=button]:active,
.years button[type=button]:active {
  outline: none;
  background-color: #666;
  color: white;
}
.locations button[type=button].view-all:after,
.years button[type=button].view-all:after {
  content: "\e105";
}
.locations button[type=button].view-none:after,
.years button[type=button].view-none:after {
  content: "\e106";
}
.locations input[type="checkbox"],
.years input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
}
.locations input[type="checkbox"] + label,
.years input[type="checkbox"] + label {
  padding: 3px 6px;
  margin: 0 5px 5px 0;
  background-color: #e1e1e1;
  border-color: #999;
  color: #999;
  font-size: 14px;
}
.locations input[type="checkbox"] + label:hover,
.years input[type="checkbox"] + label:hover {
  cursor: pointer;
}
.locations input[type="checkbox"] + label:after,
.years input[type="checkbox"] + label:after {
  content: "\e083";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5px;
}
.locations input[type="checkbox"]:checked + label,
.years input[type="checkbox"]:checked + label {
  background-color: #ef8c20;
  color: white;
}
.locations input[type="checkbox"]:checked + label:after,
.years input[type="checkbox"]:checked + label:after {
  content: "\e084";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 3px;
}
.locations input[type="checkbox"].toggle-select-all + label,
.years input[type="checkbox"].toggle-select-all + label,
.locations input[type="checkbox"].toggle-select-none + label,
.years input[type="checkbox"].toggle-select-none + label {
  /*background-color: @brand-grey;
                border-color: @brand-grey;*/
}
.locations input[type="checkbox"].toggle-select-all + label:hover,
.years input[type="checkbox"].toggle-select-all + label:hover,
.locations input[type="checkbox"].toggle-select-none + label:hover,
.years input[type="checkbox"].toggle-select-none + label:hover {
  cursor: pointer;
  /*background-color: @brand-dark-grey;
                    border-color: @brand-dark-grey;*/
}
.locations input[type="checkbox"].toggle-select-all:checked + label,
.years input[type="checkbox"].toggle-select-all:checked + label,
.locations input[type="checkbox"].toggle-select-none:checked + label,
.years input[type="checkbox"].toggle-select-none:checked + label {
  background-color: #666;
}
.locations input[type="checkbox"].toggle-select-all + label:after,
.years input[type="checkbox"].toggle-select-all + label:after {
  content: "\002b";
}
.locations input[type="checkbox"].toggle-select-none + label:after,
.years input[type="checkbox"].toggle-select-none + label:after {
  content: "\2212";
}
.locations ul,
.years ul {
  padding-left: 0px;
}
.locations ul li,
.years ul li {
  padding: 3px 6px;
  margin: 0 5px 5px 0;
  background-color: #ef8c20;
  display: inline-block;
  color: white;
  list-style: none;
}
.locations ul li:after,
.years ul li:after {
  content: "\e084";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 3px;
}
.locations ul:last-child,
.years ul:last-child {
  margin-bottom: 0px;
}
.footer {
  font-size: xx-small;
}
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
  width: 20px;
}
th.percent-change:hover {
  cursor: pointer;
}
input.percent-change {
  border: 1px solid #89e;
  width: 100px;
}
/* SECTION: Site Management */
.tab-content.panel {
  padding: 15px;
}
.address-button {
  width: 158px;
}
.navbar-black {
  background-color: #000;
}
.navbar-mri-blue {
  background-color: #044d66;
}
.spinner-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  opacity: 0.5;
}
.spinner-image {
  width: 130px;
  height: 130px;
}
.scrollable-dropdown-menu .dropdown-menu {
  max-height: 400px;
  overflow-y: auto;
}
.strong {
  font-weight: bold;
}
.btn-default[disabled]:hover,
.btn-default[disabled]:active,
.btn-default[disabled]:visited,
.btn-default[disabled]:focus {
  border-color: #ccc !important;
  background-color: #e37802 !important;
}
/* spacing */
.mb-5 {
  margin-bottom: 5px;
}
.form-label {
  vertical-align: middle;
  font-weight: bold;
  margin-bottom: 0;
}
.form-control {
  -webkit-appearance: default-button;
  appearance: auto;
}
.autocomplete-suggestions {
  border: 1px solid #666;
  background: #FFF;
  overflow: auto;
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-selected {
  background: rgba(58, 157, 210, 0.1);
  color: #10689d;
}
#errorAlert {
  margin-top: 10px !important;
  z-index: 1070;
}
#errorAlert .alert-button-close {
  font-size: 10px;
  top: 3px;
}
#errorAlert .alert-icon {
  font-size: 16px;
}
.label-required::after {
  content: "*";
  font-size: 120%;
  font-weight: bold;
  color: red;
}
ul.no-bullets {
  list-style-type: none;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  margin: 0px;
}
body.sb360-home {
  background-color: white;
}
body.sb360-home .transparent {
  background: rgba(255, 255, 255, 0.8);
}
.dataTables_length {
  width: 200px;
}
.rst__moveHandle {
  background-image: none !important;
  padding-top: 12px;
  text-align: center;
}
.folder .rst__moveHandle::before {
  content: url("../../img/fa-light-folder.svg");
  font: normal normal normal 24px;
}
.document > .rst__moveHandle::before {
  content: url("../../img/fa-light-file-lines.svg");
  font: normal normal normal 24px;
}
.link > .rst__moveHandle::before {
  content: url("../../img/fa-light-link-simple.svg");
  font: normal normal normal 24px;
}
/*= = = = = = = = events calendar = = = = = = = */
.event-form-button {
  width: 100px;
}
.fc-event-title-container {
  background-color: #0D75B0;
  border-color: white;
  color: white;
}
.fc-day-today {
  background: rgba(58, 157, 210, 0.4) !important;
}
.fc-day:hover {
  background: rgba(58, 157, 210, 0.2);
  cursor: crosshair;
}
.fc-day a {
  text-decoration: none;
  cursor: default;
}
.fc-list-event-dot {
  border-color: rgba(58, 157, 210, 0.4) !important;
}
.modal-accordion-label {
  font-size: 14px;
}
#accordionAdditionalOption .accordion-item .accordion-button::after {
  margin-left: 5px;
}
#accordionAdditionalOption .accordion-item {
  border: none;
}
#advanceReportOptionsList .list-group-item {
  border: none;
}
.button-container {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
#holdSendingReportTable {
  border-collapse: collapse !important;
}
.announcement-bar {
  display: inline-block;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  vertical-align: middle !important;
  margin: 0;
  padding: 0;
}
.announcement-bar p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.lstDashboard {
  margin: 0;
}
.lstDashboard li::marker {
  color: #10689d;
}
.lstDashboard a {
  font-size: 16px;
  font-family: 'Noto Sans';
  color: #10689d;
  cursor: pointer;
}
.lstDashboard a:hover {
  color: #0582C3;
}
.dashboard-tile-heading {
  color: #009170 !important;
  font-family: 'Noto Sans';
  font-size: 20px !important;
}
.dashboard-main-heading {
  display: flex;
  justify-content: space-between;
}
.dashboard-main-heading h2 {
  color: #044D66;
}
.dashboard-sub-heading {
  font-size: 18px;
}
.dashboard-tile {
  display: flex;
}
.dashboard-tile-image {
  height: auto;
  width: 60px;
}
.dashboard-tile header {
  padding-top: 5px;
  padding-right: 0px;
}
.row-gap {
  grid-row-gap: 20px;
}
.smx {
  font-size: 0.65rem !important;
}
.add-benchmark-pro-btn,
.delete-benchmark-button {
  width: 200px;
}
.add-benchmark-pro-checkboxes {
  margin-top: 13px !important;
}
#btnSaveComments,
#btnCancel {
  width: 80px;
  cursor: pointer;
}
.fit-content {
  max-width: fit-content;
}
#benchmarkProCommentaryWeekly #WeekOffset {
  min-width: 335px;
}
#benchmarkProCommentaryMonthly #WeekOffset {
  min-width: 385px;
}
#benchmarkProCommentaryWeekly #btnEditComments {
  margin-top: 3px;
  margin-left: 15px;
  cursor: pointer;
}
#benchmarkProCommentaryMonthly #btnEditComments {
  margin-top: 3px;
  margin-left: 65px;
  cursor: pointer;
}
#benchmarkProCommentaryTabs .nav-item {
  cursor: pointer;
}