html { --theme: "AUTO" }

@media(prefers-color-scheme: dark) {body {
  --onboarding-modal-bg: #0a0b14 !important;
  --onboarding-modal-gradient: radial-gradient(circle, rgb(10 11 19 / 47%) 0%, rgb(10 11 19) 100%) !important;
}

body{
  --onboarding-modal-bg: #0a0b14 !important;
  --onboarding-modal-gradient: radial-gradient(circle, rgb(10 11 19 / 47%) 0%, rgb(10 11 19) 100%) !important;
}

/* asd */

div[class*=bg-]:not(.bg-warning):not(.bg-danger):not(.bg-success):not(.bg-secondary):not(.bg-info) {
  background-color: #141728 !important
}

.sidenav {
  background: #111322 !important
}

.sidenav.bg-transparent {
  background: transparent !important
}

.sidenav.bg-transparent .nav .nav-link,
.sidenav.bg-transparent .navbar-nav .nav-link {
  color: #fff !important
}

/* .sidenav.bg-white{
    background:#fff!important
} */
.sidenav.bg-white .navbar-nav .nav-link.active:after {
  color: rgba(206, 212, 218, .7)
}

.sidenav.bg-white .collapse .nav-item .h6,
.sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i,
.sidenav.bg-white .collapse .nav-item h6 {
  color: #cfd0d3 !important;
}

.sidenav .navbar-nav .nav-item .collapse .nav .nav-item .nav-link:before,
.sidenav .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link:before {
  background: #fff !important;
  opacity: .8
}

.sidenav .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link:before,
.sidenav .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link:before {
  background: #fff !important
}

.fixed-plugin .btn.bg-gradient-dark,
.fixed-plugin .btn.btn-outline-dark {
  color: #fff !important;
  border: 1px solid #fff !important
}

.fixed-plugin .btn.active {
  background: #fff !important;
  color: #344767 !important
}

.bg-gradient-dark {
  background-image: linear-gradient(195deg, #323a54, #1a2035)
}

.card,
.dropdown .dropdown-menu,
.dropend .dropdown-menu,
.dropstart .dropdown-menu,
.kanban-board,
.swal2-popup {
  background: #111322;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.card .card-header,
.dropdown .dropdown-menu .card-header,
.kanban-board .card-header,
.swal2-popup .card-header {
  background: transparent
}

.card p,
.dropdown .dropdown-menu p,
.kanban-board p,
.swal2-popup p {
  color: #fff !important;
  opacity: .6
}

.kanban-item {
  background: transparent !important;
  border: 1px solid
}

.swal2-html-container {
  color: #fff !important;
  opacity: .6
}

/*.navbar.blur .breadcrumb .breadcrumb-item,.navbar.blur .breadcrumb .breadcrumb-item a*/
,
.navbar.blur .breadcrumb .h6,
.navbar.blur .breadcrumb .h6 a,
.navbar.blur .breadcrumb h6,
.navbar.blur .breadcrumb h6 a {
  color: #344767 !important
}

.navbar.blur .breadcrumb .breadcrumb-item.active:before {
  color: #6c757d !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h6:not(.font-weight-bolder),
.kanban-title-board,
.navbar .breadcrumb .h6,
.navbar .breadcrumb h6,
.table thead tr th,
a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button):not(.opacity-5):not(.text-primary),
h1,
h2,
h3,
h4,
h5,
h6

/*:not(.font-weight-bolder)*/
  {
  color: #fff !important
}

.input-group.input-group-dynamic .form-control,
.input-group.input-group-static .form-control {
  background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, hsla(0, 0%, 82%, .6) 1px, hsla(0, 0%, 82%, 0) 0) !important;
  background-size: 0 100%, 100% 100%
}

.input-group.input-group-dynamic .form-control:focus,
.input-group.input-group-static .form-control:focus {
  background-size: 100% 100%, 100% 100%
}

.input-group.input-group-outline .form-control,
.input-group .is-invalid,
.input-group .is-valid {
  border-color: hsla(0, 0%, 100%, .4) !important
}

.accordion .accordion-button {
  border-color: hsla(0, 0%, 100%, .4) !important;
  color: #fff;
  opacity: .8
}

.table>:not(caption)>*>* {
  border-color: hsl(235deg 30% 7% / 30%) !important;
  color: hsla(0, 0%, 100%, .6) !important
}

label {
  color: hsla(0, 0%, 100%, .8) !important
}

.list-group-item,
.multisteps-form__panel {
  background-color: transparent !important;
  border-color: hsla(0, 0%, 100%, .15) !important
}

.nav.bg-white {
  background-color: #111322 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.nav .nav-link[data-scroll]:hover {
  color: #344767 !important
}

.toast {
  background-color: #111322 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.toast .toast-header {
  background: transparent
}

.toast span {
  color: #fff
}

.toast p {
  color: #fff !important;
  opacity: .6
}

.choices .choices__input {
  background-color: transparent !important;
  border-bottom: 1px solid hsla(0, 0%, 100%, .4);
  color: #fff
}

.choices .choices__list.choices__list--dropdown {
  background: #111322;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.fc-theme-standard td,
.fc-theme-standard th {
  border-color: rgba(131, 146, 171, .3)
}

.dataTable-sorter:after {
  border-bottom-color: #fff
}

.dataTable-sorter:before {
  border-top-color: #fff
}

.ql-snow .ql-stroke {
  stroke: #e9ecef
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #e9ecef
}

.ql-toolbar.ql-snow .ql-picker-label {
  color: #e9ecef
}

.navbar-vertical .navbar-nav .nav-item .nav-link {
  color: #fff;
  opacity: .8
}

.navbar-vertical .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse]:after {
  color: #fff
}

.navbar-vertical .navbar-nav .nav-item .nav-link.active {
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15);
  color: #344767
}

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link {
  color: #fff;
  opacity: .6
}

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active {
  opacity: 1;
  background: none !important;
}

body{
  color: hsla(0, 0%, 100%, .8) !important
}

.blur {
  background-color: hsl(233deg 33% 10% / 80%) !important;
}

#navbarBlur.bg-white:not(.blur) {
  background-color: #111322 !important;
}

.shadow-blur {
  box-shadow: inset 0 0 1px 1px hsl(233deg 33% 10% / 80%), 0 20px 27px 0 rgba(0, 0, 0, .05) !important;
}

#searchBar .text-dark {
  color: #fff !important;
}

#queryDataInfo .text-dark {
  color: #fff !important;
}

svg.text-dark {
  fill: #fff;
}

.breadcrumb-item>.text-dark {
  color: #fff !important;
}

.breadcrumb-item.active {
  color: #fff !important;
}

.navbar-vertical .icon.bg-white {
  background-image: linear-gradient(310deg, #111322ed, #0e0f1bed) !important;
}

.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
  background-image: linear-gradient(310deg, #cb0c9f, #cb0c9f) !important;
}

.navbar-vertical .navbar-nav .nav-item .nav-link.active {
  box-shadow: 0 0 2rem 0 rgb(0 0 0 / 15%);
  color: #fff;
  background: #131728 !important;
  font-weight: bold;
}

.card.card-plain {
  background-color: transparent;
  box-shadow: none;
}

body::-webkit-scrollbar-thumb {
  background-color: #111322 !important;
  border-color: #131728 !important;
}

#search_autocomplete {
  z-index: 1 !important;
  opacity: .6 !important;
}

.main-content.bg-gray-100 {
  background-color: #141728 !important;
}

.bg-gray-100 {
  background-color: #141728
    /*#131524*/
     !important;
}

.bg-white-dark {
  background-color: #111322 !important;
}

#api_key {
  background: #131728 !important;
  border-color: transparent !important;
}

.choices__list--dropdown:before {
  display: none !important;
}

.dropdown-menu:before {
  color: #111322 !important;
}

.border {
  border-color: #363844 !important;
}

.iti__country-list {
  background-color: #131728 !important;
}

.iti__divider {
  border-color: #111322 !important;
}

.navbar .nav-link,
.navbar .navbar-brand {
  color: #c6c6c6 !important;
}

.nav.nav-pills {
  background: #131728 !important;
}

.nav-pills .nav-link.active {
  background: #111322 !important;
  box-shadow: 0px 0px 5px 1px #161a2e;
}


.swal2-success-circular-line-left,
.swal2-success-fix,
.swal2-success-circular-line-right {
  background-color: rgb(17 19 38);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.dropdown-item:focus,
.dropdown-item:hover,
.nav .nav-link[data-scroll]:hover,
.nav .nav-link[data-scroll].hover {
  background: #131728 !important;
  color: #efefef !important;
}

.nav .nav-link[data-scroll]:hover,
.smart-search .nav-link[data-scroll].hover {
 background: #111524 !important; 
}

.render {
  border-color: #111322 !important;
}

.noUi-target {
  background: #131728 !important;
}

.modal-content {
  background: rgb(10 12 21 / 100%) !important;
}

.modal-session {
  background: rgb(10 12 21 / 85%) !important;
}

.modal-totp {
  background: rgb(10 12 21 / 100%) !important;
}

.border-presence {
  border-color: rgb(17 19 34) !important;
}

input,
select,
.choices__inner,
textarea,
.smart-search {
  background-color: #131728 !important;
  color: #d2d2d2 !important;
}

input:not(.is-invalid),
select:not(.is-invalid),
.choices__inner,
textarea:not(.is-invalid),
.smart-search {
  border-color: #131728 !important;
}

input:not(.is-invalid),
select:not(.is-invalid),
.choices__inner,
textarea:not(.is-invalid),
.smart-search {
  background-color: #131728 !important;
  color: #d2d2d2 !important;
}


#wave1 {
  fill: rgba(19, 23, 40, 0.40)
}

#wave2 {
  fill: rgba(19, 23, 40, 0.35)
}

#wave3 {
  fill: rgba(19, 23, 40, 0.25)
}

#wave4 {
  fill: rgba(19, 23, 40, 0.20)
}

#wave5 {
  fill: rgba(19, 23, 40, 0.15)
}

#wave6 {
  fill: #131728;
}

.landing-statistics {
  background: rgba(17, 19, 38, .8) !important;
}

/* all classes starting with .bg-gradient-faded- */
#testimonials .mask {
  filter: brightness(0.4);
}

.form-switch .form-check-input:checked {
  border-color: #82d616 !important;
  background-color: #82d616 !important;
  /*filter: brightness(0.8);*/
}

#mobile-portrait {
  background-image: url(https://cdn.v4guard.io/1aefd4d6b97880e787c2a9b072d518a11caefbc4.jpg) !important;
}

.choices__heading {
  border-bottom: none !important;
}

.page-link, .dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a {
  border-color: #131728 !important;
  background: #131728 !important;
}

.page-item.active .page-link, .dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a {
  background-color: #cb0c9f !important;
  border-color: #cb0c9f !important;
}

.navbar-nav .nav-link .icon > svg {
  fill: #cfd0d3 !important
}

.navbar-nav .nav-link .icon > svg:hover {
  fill: #fff !important
}

.form-switch .form-check-input {
  background-color: rgba(58,65,111,.1) !important;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #111322 !important;
  color: #f1f1f1 !important;
}

#mobile {
  border-color: #212121 !important;
}

#mobile > #notch {
  background: #212121 !important;
}

.launchers-list_gradient {
  background: linear-gradient(90deg, #141728, transparent, #141728) !important;
}

.footer .nav-link {
  color: #d0d1d4 !important;
}

#og_tag {
  color: #fff !important; 
}

.checkpoint-container {
  background: #111322 !important;
}

.checkpoint-container {
  box-shadow: 0 0px 0.375rem -0.0625rem hsl(0deg 0% 54.8% / 12%), 0 0px 0.25rem -0.0625rem hsl(0deg 0% 100% / 7%) !important;
}

#checkpoint-area {
  background: #0f1222 !important;
  border-color: #121527 !important;
  box-shadow: 2em 4em 6em -2em rgba(0,0,0,.5), 1em 2em 3.5em -2.5em rgba(0,0,0,.5) !important; 
}

.bg-gray-200 {
  background-color: #141728 !important;
}

.badge-warning {
    color: #ffe99d;
    background-color: #fef5d361;
}

.password-revealable>i {
  background: #101322 !important;
}

.sensor-chart {
  opacity: .3!important;
}

.bg-dim-warning {
  background: #533100 !important;
}

.badge-primary.badge-dim {
    color: #ffa8eb;
}

.main-fill {
  fill: #CFD0D3 !important;
}

.card {
  border-color: rgb(255 255 255 / 13%);
}

.badge-success.badge-dim {
    color: #cdf59c !important;
    background-color: #cdf59b30 !important;
}

.badge-warning.badge-dim {
    color: #fbc400;
    background-color: #FFC10720 !important;
}

.badge-danger.badge-dim {
    color: #f44336;
    background-color: #fc979730 !important;
}

.badge-secondary.badge-dim {
    color: #cbcbcb;
    background-color: #e4e8ed30 !important;
}

.badge-secondary {
    color: #798db1;
    background-color: #191d33;
}

.list-group-item .text-dark {
  color: #344767!important;
}

.progress {
  background-color: #1c2038;
}

.text-danger {
  color: #f44336 !important;
}

.text-warning {
  color: #fbc400 !important;
}

.text-success {
  color: #cdf59c !important;
}

.svgMap-map-wrapper .svgMap-country {
  stroke: #101322 !important;
}

.svgMap-tooltip {
  background-color: #020203 !important;
}

.svgMap-tooltip .svgMap-tooltip-title {
  color: #fff !important;
}

.svgMap-tooltip .svgMap-tooltip-content table td {
  color: #fefefe !important;
}

.svgMap-tooltip .svgMap-tooltip-content table td span {
  color: #fff !important;
}

.shapes-map {
   filter: invert(0) !important;
}

.modal-backdrop {
  background-color: #151515 !important;
}

.navbar .nav-link:hover {
  color: #fff !important;
}

.trace-map-gradient {
  background: linear-gradient(16deg, #101322, #10132230, transparent);
}

input::file-selector-button {
  background-color: #131728 !important;
  color: #fff !important;
}

.avatar-group .avatar {
  border-color: #101322;
}}