:root {
    --bs-link-hover-color:#333;
}

.table {
    --bs-table-color:#333;
}
.table.tableInputs span.material-icons-round,
.table.tableOutputs span.material-icons-round,
.table.tableChannels span.material-icons-round,
.table.tableAssets span.material-icons-round { font-size: 1.2em; }

.help-text { font-size: 0.8em; margin-left: 0.2em; }

.ml-1 { margin-left:0.5em; }
.mr-1 { margin-right:0.5em; }
.ico-sm { font-size: 0.9em; }

.form-label, label { color:#0095c4; }
p { font-weight: normal; }
h6.mb-0 { color:#0095c4; font-weight: normal; }
p.mb-0 { color:#333; font-size: 0.9em; }
.btn-completedAt { cursor: pointer; }

#navigation h6 { font-size: 1.286em; }

#navigation a.nav-link { justify-content: center; align-content: center; display: flex; text-transform: uppercase; }
#navbar .dropdown .dropdown-menu.dropdown-menu-end::before { display: none; }
aside.navbar-vertical .navbar-brand .navbar-brand-img {  width: 32px !important; height: 32px !important; }

aside.navbar {
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) !important;
    border-radius: 0;
    overflow: hidden;
}

@media (min-width: 992px) {
    .dropdown:not(.dropdown-hover) .dropdown-menu.show {
        margin-top: 2rem !important;
    }
}
@media (min-width: 1200px) {
    .sidenav.fixed-start + .main-content {
        margin-left: 16.125rem;
    }
    .g-sidenav-hidden .navbar-vertical:hover.fixed-start+.main-content {
        margin-left: 16.125rem;
    }
    .g-sidenav-hidden .navbar-vertical.fixed-start + .main-content {
        margin-left: 6.5rem;
    }
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
    padding-top: .65rem;
    padding-bottom: .65rem;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]::after { font-family: 'Font Awesome 5 Free'; content: "\f00c"; } 

.list-group-item.active {
  background-color: #00b9f2;
  border-color: #00a6d4;
}

.table > :not(caption) > * > * { padding: .3rem; }
.table tbody tr:hover { background-color: #a0d2ff; }
.table tbody tr:nth-child(even) { background-color: #f8f9fa; }

.dTable.dataTable tbody tr:hover { background-color: #a0d2ff; }
.dTable.dataTable { font-size: 14px; }
.dTable.dataTable td { white-space: normal; }
#dTTSPayload.dTable.dataTable td { word-wrap: anywhere; }
table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td { padding: 2px 5px; font-size: 0.95em; }

.spinnerLoader {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#00a6d4 94%,#0000) top/14.1px 14.1px no-repeat,
        conic-gradient(#0000 30%,#00a6d4);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 14.1px),#000 0);
    animation: spinnerLoader-c7wet2 1s infinite linear;
    margin: -0.5em auto;
}

@keyframes spinnerLoader-c7wet2 {
    100% {
        transform: rotate(1turn);
    }
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-image: linear-gradient(195deg,#00b9f2,#00a6d4);
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: #fff;
}

.navbar-vertical .navbar-nav > .nav-item .nav-link.active + .collapse .nav-item.active .nav-link.active, .navbar-vertical .navbar-nav > .nav-item .nav-link.active + .collapsing .nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg,#00b9f2,#00a6d4);
}
.bg-gradient-primary {
    background-image: linear-gradient(195deg,#00b9f2,#00a6d4);
}
.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #00b9f2;
    --bs-btn-border-color: #00b9f2;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #00a6d4;
    --bs-btn-hover-border-color: #0096c7;
    --bs-btn-focus-shadow-rgb: 0, 185, 242;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0096c7;
    --bs-btn-active-border-color: #007bb5;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #00b9f2;
    --bs-btn-disabled-border-color: #00b9f2;
}
.text-primary {
    color: #0096c7 !important;
}
.text-gradient.text-primary {
    background-image: linear-gradient(195deg,#00b9f2,#00a6d4);
}
.btn-primary, .btn.bg-gradient-primary, .shadow-primary {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(30, 152, 233, 0.4) !important;
}
.btn-primary:hover,
.btn.bg-gradient-primary:hover {
    background-color:#0096c7;
    border-color:#0096c7;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(30, 152, 233, 0.4) !important;
}
.btn-primary .btn.bg-outline-primary,
.btn.bg-gradient-primary .btn.bg-outline-primary {
    border:1px solid #0096c7
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.show>.btn.bg-gradient-primary.dropdown-toggle {
    color:color-yiq(#0096c7);
    background-color:#0096c7
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background: #0096c7;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
    border-color: #0096c7;
}

.input-group.input-group-dynamic.is-focused label,
.input-group.input-group-static.is-focused label {
  color:#0096c7
}
.input-group.input-group-dynamic .form-control,
.input-group.input-group-dynamic .form-control:focus,
.input-group.input-group-static .form-control,
.input-group.input-group-static .form-control:focus {
  background-image:linear-gradient(0deg,#0096c7 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
  border-radius:0!important
}

#filtersFBList {
    background-color: #f0f2f5;
}

.logo-lorawan, .logo-enocean { display: flex; justify-content: center; align-items: center; }
.logo-lorawan img { height: 80px; }
.logo-enocean img { height: 150px; }

.ico-info { color: #0096c7; }
.ico-success { color: #28a745; }
.btn-output { cursor: pointer; background-color: #f0f0f0; border: 1px #333 solid; }
.btn-output span { font-size: 3em !important; }

.dt-buttons, .dt-info {
    float: left;
}
.dt-length, .dt-search, .dt-paging {
    float: right;
}
.dt-length select {
    height: 37px;
    margin-left: 0.5em;
}
.dt-paging { margin-bottom: 0.5em; }

.noUi-horizontal { height: 10px; margin-top: 8px; }
.noUi-horizontal .noUi-handle { top: -3px; width: 25px; height: 25px; }
.noUi-handle { border: 1px solid #0095c4; }
.noUi-connect { background: #0095c4; }
.noUi-handle::after { left: 10px; }

.nav.nav-pills .nav-link.active { 
    background-image: linear-gradient(195deg,#00b9f2,#00a6d4);
    color: #fff;
}

.navbar-collapse .navbar-nav .nav-item.dropdown #dropdownMenuButton { display: flex; align-content: center; justify-content: center; margin-left: 0.5em; }

.page-dashboard .highcharts-scrollbar,
.page-dashboard .highcharts-scrollbar-thumb,
.page-dashboard .highcharts-scrollbar-track { height: 4px; }
.page-smarthome .card .card-body { padding: 0.5rem; }
.page-smarthome .card .card-footer { padding: 1rem; }
.page-smarthome .card .card-footer small { font-size: .7em;}

.page-smarthome .btn-action { padding: 1em 1.4em; }
.page-smarthome .btn-actionUP { padding: 1em 1.4em; }
.page-smarthome .btn-actionDOWN { padding: 1em 1.4em; }
.page-smarthome .btn-actionSTOP { padding: 1em 1.4em; }

.mir-visibility { color:#227500; }
.hcharts { min-height: 500px; }

.page-dashboard .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .1em .65em;
}

.avatar {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border-radius: 50rem;
  height: 50px;
  width: 50px;
  transition: all .2s ease-in-out;
  border: 1px #e0e0e0 solid;
}
.nav-link .avatar { border:none; }

.spinner {
   margin-right:1em;
   margin-left:1em;
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#ffaa00 94%,#0000) top/9px 9px no-repeat,
          conic-gradient(#0000 30%,#ffaa00);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
   animation: spinner-c7wet2 1s infinite linear;
}
@keyframes spinner-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}
.nav-link .spinner { width: 25px; height: 25px; float:right; }

.btnClose {
    display: block;
    margin-left: auto;
    position: relative;
    top: 0px;
}