/*:root {
  --background-color: #fafafa;
  --text-color: #212529;
  --secondary-background-color: #fafafa;
  --tertiary-background-color:#e9ecef;
  --disabled-color: #e9ecef;
  --border-color: #ced4da;
}

.dark-mode {
  --background-color: #34363a;
  --secondary-background-color: #41454b;
  --tertiary-background-color:#41454b;
  --disabled-color: #575a5e;
  --border-color: #ffffff30;
  --text-color: #ffffff;
}*/

body, html {
  height: 100% !important;
}

body {
  padding-top: 56px;
  /* color: var(--text-color) !important; */
  /* background-color: var(--background-color) !important; */
}

#main {
  height:100%;
  overflow:auto;
}

.bg-dark-blue {
  background-color: #0F273D !important;
}

.bg-dark-red {
  background: linear-gradient(135deg, #700000 0%, #c85c5c 100%) !important;
}

.content {
  height: 100%;
  overflow: auto;
}

/* Top navigation */

.navbar {
  height: 56px;
}

#navbarHeader > li {
  margin-right: 15px;
}

.navbar-dark .navbar-nav .nav-link {
  color: lightgrey !important;
}

.navbar-custom {
  background-color: #0F273D !important;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-custom li a {
  color: #9496A1;
}

.navbar-custom li a:hover {
  color: #fff;
}

.navbar-custom .navbar-brand {
  color: #fff;
}

.navbar-custom .fa-stack {
  float: left;
  margin-right: 10px;
  margin-top: -8px;
  color: #9496A1;
}

.navbar-custom .user-image,
.navbar-custom .fa-2x {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -4px; /* old -5px */
  color: #9496A1;
}

.navbar-custom .dropdown-menu li a,
.navbar-custom .dropdown-menu li a:hover {
  color: #5A626B;
}

.navbar-custom .dropdown-menu li a i {
  margin-right: 3px;
}

.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover {
  background-color: transparent; /* Remove background on menu item */
}

.navbar-custom {
  border-bottom: 1px solid #3A4557;
}

/* Dark theme bootstrap overrides */

/*.card {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

.table, .b-table, .thead, .table-b-table-default, .table th {
  background: var(--secondary-background-color) !important;
  background-color: var(--secondary-background-color) !important;
  color: var(--text-color) !important;
}


.table-hover, tr:hover {
  color: var(--text-color) !important;
}

.form-control {
  background: var(--background-color) !important;
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
}

.form-control:disabled {
  background: var(--disabled-color) !important;
  background-color: var(--disabled-color) !important;
}

.cell {
  color: var(--text-color) !important;
}

.input-group-prepend .input-group-text {
  background: var(--tertiary-background-color);
  background-color: var(--tertiary-background-color);
  color: var(--text-color);
  border-color: var(--border-color);
}

.custom-select {
  background-color: var(--secondary-background-color);
  color: var(--text-color);
  border-color: var(--border-color);
}

.custom-select {
  background-color: var(--secondary-background-color);
  color: var(--text-color);
  border-color: var(--border-color);
}

.dropdown, .dropdown-menu, .dropdown-toggle {
  background: var(--secondary-background-color) !important;
  background-color: var(--secondary-background-color) !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
}

.tab-pane .active .card-body {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

.text {
  color: var(--text-color) !important;
}

.disabled {
  opacity: .5 !important;
}

.border {
  border-color: var(--border-color) !important;
}

#navbarHeader li a, #navbarHeader .dropdown-item, #navbarHeader .dropdown-menu, #navbarHeader .dropdown-item {
  background-color: #0F273D !important;
  color: #ffffff !important;
}

#navbarHeader li a:hover,
#navbarHeader .dropdown-item:hover,
#navbarHeader .dropdown-item:hover {
  background-color: #1b354d !important;
}

#navbarProfile .nav-link,
#navbarProfile .dropdown,
#navbarProfile .dropdown-menu,
#navbarProfile .dropdown-item,
#navbarProfile i,
#navbarProfile li a {
  background-color: #0F273D !important;
  color: #ffffff !important;
}

#navbarProfile .nav-link:hover,
#navbarProfile .dropdown:hover,
#navbarProfile .dropdown-item:hover,
#navbarProfile i:hover,
#navbarProfile li a:hover {
  background-color: #1b354d !important;
  color: #ffffff !important;
}

.nav-item a {
  background-color: var(--secondary-background-color);
  color: var(--text-color);
}

a .nav-item .active {
  background-color: #ffffff !important;
  color: #212529 !important;
}

.btn-transparent {
  border-color: var(--text-color) !important;
  color: var(--text-color) !important;
}

.modal-content, .modal-header, .modal-header .close, .modal-footer {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

.list-group, .list-group-item {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

.sticky-header, .sticky-header thead th {
  background: var(--secondary-background-color) !important;
  background-color: var(--secondary-background-color) !important;
  color: var(--text-color) !important;
}

.font-na-text {
  color: red !important;
}*/

/* Fix - missing padding last child navbar-right */

.navbar-nav.navbar-right:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  #sidebar {
    display: none;
  }
}

td span.text-success {
  color: #5CB85C;
}

td span.text-warning {
  color: #F0AD4E;
}

td span.text-danger {
  color: #D9534F;
}

.bootstrap-table .blue-color {
  background-color: blue;
}

/* Speed up collapse transition duration */
.bootstrap-table .collapsing {
  transition-duration: .1s;
}

/* Link color for collapse attribute in table */
.bootstrap-table [data-toggle="collapse"] {
  color: #337ab7;
  text-decoration: none;
}

/* Link hover for collapse attribute in table */
.bootstrap-table [data-toggle="collapse"]:hover {
  color: #23527c;
  cursor: pointer;
  text-decoration: underline;
}

.bootstrap-table .green {
  background-color: #5CB85C;
}

.bootstrap-table .yellow {
  background-color: #F4A460;
}

.bootstrap-table .red {
  background-color: #D9534F;
}

.bootstrap-table .month {
  white-space: nowrap;
  min-width: 75px;
}

/* Remove margin top page header */
.page-header {
  margin: 0px 0 20px;
}

.form-actions {
  margin-bottom: 20px;
}

.custom-form .control-label {
  font-weight: normal;
  text-align: left;
}

/*.custom-form .form-group:last-child {
  margin-bottom: 0;
}*/

.panel-body .form-group:last-child {
  margin-bottom: 0;
}

[v-cloak] {
  display: none;
}

.page-heading {
  margin: 0 0 20px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #eee;
}

.page-heading ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-heading li {
  font-size: 2em;
  display: inline;
}

.page-heading li a {
  text-decoration: none;
}

.page-heading li.active a {
  color: #333;
}

.page-heading li + li:before {
  padding: 0 5px;
  color: #9A9A9A;
  content: "/\00a0";
}

.deleteForm {
  display: inline-block;
}

.top-buffer {
  margin-top:10px;
}

table.negative-prices .date {
  border-radius:3;
  border-color:lightgray;
  background-color: whitesmoke;
  line-height:0;
  white-space:nowrap;
}

table.negative-prices .divider {
  border-color:white;
}

table.negative-prices .hour {
  border-color:white;
  border-radius:3px;
}

@media (min-width: 1000px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.sidebar-menu .nav {
  background-color:#112c46;
}

.primary-header {
  display:inline-block;
}

.secondary-header {
  display:inline-block;
  margin-left: 8px;
}

.btn-header {
  margin-top:20px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.profile-picture-header {
  width: 32px;
  height: 32px;
  margin: -8px 4px -8px 0;
  object-fit: cover;
}

.bootstrap-table .dropdown-menu {
  border-left: 0px;
}

/* Input group button round corner */
.input-group-btn:first-child > .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
  margin-left: 1px;
  width: auto;
}

.page-heading {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
}

/* Vue - hide element until it's done rendering */
[v-cloak] {
  display:none;
}

.sticky-header thead th {
  position: sticky !important;
  position: -webkit-sticky; /* Safari */
  top: 0;
  background: white;
}

.input-group .input-group-append > .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group .input-group-prepend > .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group select {
  position: relative;
}

/* Fix tooltip positioning bug caused by Popper.js */
/* Source: https://github.com/bootstrap-vue/bootstrap-vue/issues/1732 */
.tooltip {
  top: 0;
}

/* Semi bold font weight */
.font-weight-semibold {
  font-weight:600;
}

/* Xtra small icon size Font Awesome */
.fa-xs {
  font-size:0.85rem;
}

/* Styling theader */
.th-lg {
  border-top: 0 !important;
  font-weight: 600;
}

.th-sm {
  border-top: 0 !important;
  font-size: 80%;
  font-weight: 600;
}

/* BS Vue table spinner color */
.text-elephant {
  color:#123447;
}

/* BS Vue table spinner text style and align middle */
.spinner-text {
  font-size:20px;
  padding-top:1px;
  font-weight:600;
  color: #123447;
}

/* BS Vue table center spinner */
.spinner-container {
  height:250px;
  padding:110px;
}

/* BS Vue table custom variant selected */
table.table tr.table-selected {
  background-color: #F3F3F3;
}

/* Bootstrap Select Border */
.bootstrap-select .btn {
  border: 1px solid #dee2e6 !important;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(2,2,2,0);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.dropdown-submenu>.dropdown-item{
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}