/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/* overrides */

.ui-autocomplete {
  max-height: 30%;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  z-index: 1500 !important;
}
.open > .dropdown-menu {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.green-tooltip {
  background-color: #d1fcd1;
  border-color: #deffde;
}
.blue-tooltip {
  background-color: #d2e8ff;
  border-color: #ddeeff;
}
.widget-toolbar .widget-text-input {
  max-width: 440px;
}
.widget-toolbar input[type='text'] {
  height: 28px !important;
  margin-top: 2px;
}
input[type="text"].ui-autocomplete-loading,
input[type="password"].ui-autocomplete-loading,
input[type="datetime"].ui-autocomplete-loading,
input[type="datetime-local"].ui-autocomplete-loading,
input[type="date"].ui-autocomplete-loading,
input[type="month"].ui-autocomplete-loading,
input[type="time"].ui-autocomplete-loading,
input[type="week"].ui-autocomplete-loading,
input[type="number"].ui-autocomplete-loading,
input[type="email"].ui-autocomplete-loading,
input[type="url"].ui-autocomplete-loading,
input[type="search"].ui-autocomplete-loading,
input[type="tel"].ui-autocomplete-loading,
input[type="color"].ui-autocomplete-loading {
  background-image: url('../img/select2-spinner.gif') !important;
  background-repeat: no-repeat;
  background-position: 99% 50%;
  padding-right: 27px;
}

/* g4navl styles */

.form-control .form-control-inline {
  min-width: 0;
  width: auto;
  display: inline;
}
.row.no-gutters {
  margin-left: 0px;
  margin-right: 0px;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0px;
  padding-left: 0px;
}
.row.xs-gutters {
  margin-left: -5px;
  margin-right: -5px;
}
.row.xs-gutters > [class^="col-"],
.row.xs-gutters > [class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
ol.list-group > li.list-group-item {
  display: list-item;
  padding: 1px 1px;
  list-style: decimal inside;
}
.table-disabled {
  opacity: 0.5;
}
.g4n-control-clear,
.g4n-control-clear:active {
  color: #111;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.4;
}
.g4n-control-clear:disabled,
.g4n-control-clear:disabled:hover,
.g4n-control-clear:disabled:focus {
  opacity: 0.2;
}
.g4n-control-clear:hover,
.g4n-control-clear:focus {
  color: #000;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.6;
}
button.g4n-control-clear {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  appearance: none;
}
.g4n-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255,255,255,0.5);
  z-index: 4;
  overflow: hidden;
  display: none;
}
.g4n-pill {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  cursor: default;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 4px;
}
.g4n-pill-sm {
  padding: 5px 10px;
}
.g4n-pill-xs {
  padding: 1px 5px;
}
.g4n-scroll {
  display: inline-block;
  padding: 0px 2px 0px 2px;
  border-bottom: 1px solid #ddd;
  min-width: 100%;
}
.g4n-scroll.active {
  background-color: #dcffdc;
}
.g4n-box {
  border: 1px solid #ddd;
}
.g4n-success {
  background-color: #dff0d8;
}
.bottomleft {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#main {
  padding-bottom: 0px;
}
#searchbox {
  padding: 0px 15px;
}
#map_last_update {
  display: inline-block;
  color: #e4e4e4;
  padding: 11px;
  position: absolute;
  right: 90px;
}
.highcharts-container {
  width:100% !important;
}
nav ul li.active a:before {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 900 !important;
}
.onoffswitch-checkbox + .onoffswitch-label.onoffswitch-switch:before,
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 900 !important;
}
.g4n-checkbox input[type='checkbox'], .g4n-checkbox input[type='radio'] {
  display: none;
}
.g4n-checkbox input[type='checkbox'] + label:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  content: "\f0c8";
  color: #333;
  cursor: pointer;
}
.g4n-checkbox input[type='radio'] + label:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  content: "\f111";
  color: #333;
  cursor: pointer;
}
.g4n-checkbox input[type="radio"]:checked + label::before {
  font-weight: 900;
  content: "\f192";
}
.g4n-checkbox input[type="checkbox"]:checked + label::before {
  font-weight: 900;
  content: "\f14a";
}
.g4n-checkbox input[type="checkbox"]:disabled + label::before, .g4n-checkbox input[type="radio"]:disabled + label::before {
  color: #999;
  cursor: not-allowed;
}
.g4n-checkbox input[type="checkbox"]:hover:enabled + label::before, .g4n-checkbox input[type="radio"]:hover:enabled + label::before {
  color: var(--bs-component-active-bg);
}
.g4n-checkbox label {
  margin: 0;
}
table.table td.g4n-checkbox label {
  vertical-align: middle;
}
.g4n-control {
  color: #333;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
}
.g4n-control:hover:enabled, .g4n-control:focus:enabled {
  color: var(--bs-component-active-bg);
  text-decoration: none;
  cursor: pointer;
}
.g4n-input {
  display: table;
}
.g4n-input > input:not(:first-child) {
  border-left: 0;
}
.g4n-input > input:not(:last-child) {
  border-right: 0;
}
.g4n-input > input:focus {
  border: 1px solid var(--bs-component-active-border-color);
}
.g4n-input-addon {
  display: table-cell;
  width: 1%;
  padding: 1px 6px;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  vertical-align: middle;
}
.g4n-input-addon:first-child {
  border-left: 1px solid #ccc;
}
.g4n-input-addon:last-child {
  border-right: 1px solid #ccc;
}
.g4n-input-addon > a {
  color: inherit;
  cursor: pointer;
}
.g4n-input-addon > a:hover {
  opacity: 80%;
}
.g4n-input-addon.disabled {
  color: #999;
  background: #eee;
  cursor: not-allowed;
}
.g4n-input-addon.disabled > a {
  pointer-events: none;
  background-color: transparent;
}