/**
 * Copyright (c) NMS PRIME GmbH ("NMS PRIME Community Version")
 * and others – powered by CableLabs. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at:
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 @import '/node_modules/jstree/dist/themes/default/style.css';

/*General */
body {
    font-family: 'Roboto', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
}

a {
    color: #348FE2;
    text-decoration:none;
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}

a:hover {
    color:#337AB7;
    text-decoration:underline
}

input[type="checkbox"].form-control {
	margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	width: 34px;
	text-align: center;
	background: #fff !important;
}
input[type="checkbox"].form-control:checked:after {
	content: '\2714';
	font-size: 26px;
}

.noHover {
    pointer-events: none;
}

/* jstree hide Checkbox on root*/
.jstree li.nocheck > a.jstree-anchor > i.jstree-checkbox{
  display:none;
}
/*  icons look cooler with space*/
.fa {
  margin-right: 5px;
}
.panel-heading-btn .fa {
    margin-right: inherit;
}
.card-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.card-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.card-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.progress span {
    position: absolute;
    width: 100%;
}

.badge {
    border-radius: 0.25rem;
    padding: 5px 7px;
}

@media (max-width: 767px) {
    .page-header {
        font-size: 24px;
    }
    .page-header-fixed {
        padding-top: 101px;
    }
    .sidebar, .sidebar-bg {
        margin-top: 60px;
    }
}

.no-content-pseudo::before, .no-content-pseudo::after {
    content: none !important;
}

.table>tbody>tr>td {
    vertical-align: middle;
}

table .index_check {
    text-align: center;
}

/* Table Colors*/
.table > thead > tr > td.green,
.table > tbody > tr > td.green,
.table > tfoot > tr > td.green,
.table > thead > tr > th.green,
.table > tbody > tr > th.green,
.table > tfoot > tr > th.green,
.table > thead > tr.green > td,
.table > tbody > tr.green > td,
.table > tfoot > tr.green > td,
.table > thead > tr.green > th,
.table > tbody > tr.green > th,
.table > tfoot > tr.green > th {
    background:var(--lime-200);
    border-color:var(--lime-400);
    color: var(--gray-500);
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background: var(--blue-100);
    border-color: var(--sky-200);
    color: var(--gray-500);
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background: var(--green-200);
    border-color: var(--green-300);
    color: var(--gray-500);
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background: var(--red-200);
    border-color: var(--red-300);
    color: var(--gray-500);
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background: var(--yellow-100);
    border-color: var(--orange-200);
    color: var(--gray-500);
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background: var(--gray-100);
    border-color: var(--gray-200);
    color: var(--gray-500);
}

.card-inverse {
    color: var(--text-card-inverse);
    background-color: var(--bg-card-inverse);
}

.card-inverse .card-header,
.card-inverse .card-footer {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
    color: rgb(0, 0, 0);
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
    color: rgba(0, 0, 0, 0.65);
}

.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
    color: rgb(0, 0, 0);
}

.layersDiv {
    background-color: lightgrey !important;
}

@media (max-width: 767px)
/* @grid-float-breakpoint -1 */

{
    .navbar-fixed-top {
        position: relative;
        top: auto;
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: inherit;
        /* Clear max-height */
    }

    #page-container {
        padding:0px;
    }
}

#loader {
    border: 16px solid var(--slate-100); /* Light grey */
    border-top: 16px solid var(--sky-600); /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

#loader-xs {
    border: 3px solid var(--slate-100); /* Light grey */
    border-top: 3px solid var(--sky-600); /* Blue */
    border-right: 3px solid var(--sky-600); /* Blue */
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { opacity:0 }
  to { opacity:1 }
}

@keyframes animatebottom {
  from{ opacity:0 }
  to{ opacity:1 }
}

.panel-body {
  overflow-y: auto;
}

.nav-tabs > li.active > a:hover {
  border: 1px solid #ddd !important;
  border-bottom-color: #fff !important;
}

@media(max-width: 1024px)
{
    .card, .ui-sortable
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
    }

    .widget .flex
    {
        display: block;
    }

    #jstree-default ul
    {
        margin: 0;
        padding: 0px !important;
        padding-left: 10px !important;
    }

    #jstree-default ul li
    {
        margin: 0;
        padding: 0px !important;
        padding-left: 10px !important;
    }

    #jstree-default ul li div
    {
        background: #fff;
    }

    .row > [class*="col-"].ui-sortable
    {
        min-height: 0px;
    }
}

.trafficLight {
    pointer-events: none;
    height: 25px;
    box-shadow: 1px 2px 3px #000;
}

.timeline .timeline-icon a{
    width: 20px;
    height: 20px;
    background: #d9e0e7;
}

.timeline > li + li {
    margin-top: 20px;
}

.timeline > .timeline-time .date{
    font-size: 13px;
}
.timeline > .timeline-time .time{
    font-size: 20px;
}
.timeline-header {
    padding-bottom: 0;
}

.timeline:before{
    left: 1% !important;
}

.timeline .timeline-icon{
    left: -4% !important;
}

.timeline .timeline-body:before {
    top: 12px;
}
.timeline .timeline-body {
    margin-right: 5%;
    margin-left: 5%;
    padding: 10px 16px;
}
.timeline-header + .timeline-content, .timeline-header + .timeline-footer, .timeline-content + .timeline-footer {
    margin-top: 0;
}

.navbar.navbar-inverse .navbar-brand,
.sidebar .nav > li.active >div,
.sidebar .nav > li.active >div:focus,
.sidebar .nav > li.active >div:hover,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active > a{
    background: #8ec73a;
}
.sidebar .sub-menu > li.active > div >a:before {
    color: #8ec73a;
}

.sidebar .nav > li > div> a {
    color: #a8acb1;
}

.sidebar .nav > li.active > div > a, .sidebar .nav > li.active > div> a:hover, .sidebar .nav > li.active > div > a:focus {
    color: #fff;
    background: #8ec73a;
}
.sidebar .has-sub.expand > .sub-menu {
    display: block;
}

.sidebar .slimScrollDiv{
    min-width: 100%;
}

li.expand div img {
    filter: none !important;
}

#page-container.page-sidebar-minified .nav li i.fa+span,
#page-container.page-sidebar-minified .nav li img + span {
  display: none;
}

#page-container.page-sidebar-minified .nav ul.sub-menu li i.fa+span,
#page-container.page-sidebar-minified .nav ul.sub-menu li img + span {
  display: inline;
}

@media (hover: none) {
  .hover-not-supported:hover {
    display: none;
  }
}

.h-20 {
    height: 20px;
}

.w-20 {
    width: 20px;
}

.sidebar-element {
    padding: 8px 20px;
    line-height: 20px;
    color: #a8acb1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}

span.centerblock {
    display: block;
    text-align: center;
}

.tab-overflow .nav.nav-pills > li, .tab-overflow.nav.nav-pills > li {
    display: inline-block !important;
}

ul.nav.nav-pills li {
    max-height: 50px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}

#startStopBtn{
    display:inline-block;
    margin:0 auto;
    color:#6060AA;
    background-color:rgba(0,0,0,0);
    border:0.15em solid #6060FF;
    border-radius:0.3em;
    transition:all 0.3s;
    box-sizing:border-box;
    width:8em; height:3em;
    line-height:2.7em;
    cursor:pointer;
    box-shadow: 0 0 0 rgba(0,0,0,0.1), inset 0 0 0 rgba(0,0,0,0.1);
  }
  #startStopBtn:hover{
    box-shadow: 0 0 2em rgba(0,0,0,0.1), inset 0 0 1em rgba(0,0,0,0.1);
  }
  #startStopBtn.running{
    background-color:#FF3030;
    border-color:#FF6060;
    color:#FFFFFF;
  }
  #startStopBtn:before{
    content:"Start";
  }
  #startStopBtn.running:before{
    content:"Abort";
  }
  #speedtest{
    margin-top:2em;
    margin-bottom:2em;
  }
  div.testArea{
    display:inline-block;
    width:16em;
    height:12.5em;
    position:relative;
    box-sizing:border-box;
  }
  div.testName{
    position:absolute;
    top:0.1em; left:0;
    width:100%;
    font-size:1.4em;
    z-index:9;
  }
  div.meterText{
    position:absolute;
    bottom:1.55em; left:0;
    width:100%;
    font-size:2.5em;
    z-index:9;
  }
  div.meterText:empty:before{
    content:"0.00";
  }
  div.unit{
    position:absolute;
    bottom:2em; left:0;
    width:100%;
    z-index:9;
  }
  div.testArea canvas{
    position:absolute;
    top:0; left:0; width:100%; height:100%;
    z-index:1;
  }
  div.testGroup{
    display:inline-block;
  }
  #shareArea{
    width:95%;
    max-width:40em;
    margin:0 auto;
    margin-top:2em;
  }
  #shareArea > *{
    display:block;
    width:100%;
    height:auto;
    margin: 0.25em 0;
  }
  @media all and (max-width:40em){
    div.testGroup{
      display:block;
      margin: 0 auto;
    }
  }

@media (min-width: 1600px) {
    .d-wide-table-cell {
        display: table-cell !important;
    }

    .d-wide-block {
        display: block !important;
    }

    .d-wide-none {
        display: none !important;
    }
}
@media (min-width: 1200px) and (max-width: 1699px) {
    .breakAll {
        word-break: break-all;
    }
}

.dragdropfield .dragdroplistitem input {
    display: block;
    box-sizing: border-box;
}
.dragdropfield .dragdroplistitem select {
    display: block;
    box-sizing: border-box;
}

.dragdropitemmenubox {
    padding: 0 !important;
    top: 35px;
    display: none;
    text-align: left;
    border: 1px solid #ccc !important;
    background: #fff !important;
    position: absolute;
    right: 10px;
    z-index: 2;
}

#ddsearch {
    margin: 0 0 5px 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
}

div.recolor:hover img {
    filter: none !important;
}

div.recolor:hover,
.apps:hover {
    background: #232a2f;
}

@media print {
    #Edit {
        width: 170mm !important;
    }

    popover, textarea:empty, .btn, .panel-heading-btn .select2-selection__arrow, .clearfix {
        display: none !important;
    }

    .form-group {
        display: flex !important;
    }

    #page-container, #content, .card, .card-block, .tab-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    .form-control, .select2-selection {
        border: none !important;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        width: unset !important;
        margin: 0;
        padding: 0;
    }
}

/* Small devices - Smartphones, tablets */
#mapid, #map {
    min-height: 80vh;
}

.erd-legend {
    position: relative;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #mapid, #map {
        min-height: 50vh;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 1200px) {
    .erd-legend {
        position: absolute;
        bottom: 0;
        left: 1rem;
        padding: 1rem;
        border: 1px solid black;
    }
}

#nmsprime-brand {
    position: absolute;
    bottom: 20px;
    right: 20px;
    max-width: 30vh;
}

#login-img {
    max-width: initial;
}

.sidebar .sub-menu:before {
    background: transparent;
}

.sidebar .sub-menu.line:before {
    background: #10181F;
}

.sidebar .sub-menu.sub-line:before {
    left: 4px;
}

.hover-active:hover {
    background-color: #e2e2e2 !important;
}

.touchcircle .background {
    fill: transparent;
    transform-origin: 50% 50%;
}

.touchcircle .foreground {
    fill: transparent;
    stroke-dasharray: 408;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
    transition: stroke-dashoffset 1s linear;
}

.startFadeTop {
    opacity: 0 !important;
    top: 0 !important;
}

.endFadeTop {
    opacity: 1 !important;
    top: 30px !important;
}

.touchcircle:hover {
    cursor: pointer;
}

.touchcircle:hover .background {
    stroke: transparent;
}

#content::-webkit-scrollbar {
    width: 12px;
}

@media (hover: none) {
    .btn-outline-dark:hover {
        background-color: white;
        color: #6c757d;
    }
  }

table.dataTable.dtr-column > tbody > tr > td.dtr-control::before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control::before,
table.dataTable.dtr-column > tbody > tr > td.control::before,
table.dataTable.dtr-column > tbody > tr > th.control::before {
    height: 16px;
    width: 16px;
    line-height: 16px;
}

.dataTables_scroll .dataTables_scrollHead {
    position: sticky !important;
    top: 40px;
    z-index: 1;
}

.nav-header .text-success i {
    float: right !important;
}

.external-app-mini {
    height: 20px !important;
    margin-right: 7px;
    filter: saturate(25%) brightness(80%);
}

.select2-container--default .select2-selection--single.select2-selection--clearable {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.select2-container--default .select2-selection--single.select2-selection--clearable>span {
    flex: 1 auto;
}

.select2-container--default .select2-selection--single.select2-selection--clearable>button {
    font-size: 1.25rem;
    cursor: pointer;
    font-weight: bold;
    margin-right: 2rem;
    opacity: .5;
    line-height: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    height: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: solid 1px #aaa !important;
    margin-right: 8px !important;
    padding: 2px 2px 2px 18px !important;
}

.sidebar .sidebar-hover > li > a:hover,
.sidebar .sidebar-hover > li > a:focus,
.sidebar .sidebar-hover > li.active > a,
.sidebar .sidebar-hover > li.active > a:hover,
.sidebar .sidebar-hover > li.active > a:focus {
    color: #fff !important;
}

.minifiedMenu {
    position: absolute;
    display: block !important;
    top:0px;
    right: -200px;
    width: 200px;
}

.minifiedMenu span,
.minifiedMenu a {
    display: flex !important;
}

.toggleWidthStart {
    opacity: 0;
    width: 0 !important;
    margin-left: 0 !important;
}

.toggleWidthEnd {
     opacity: 1;
     width: 3.25rem !important;
     margin-left: 1rem !important;
 }

.fixed-top {
    z-index: 1005;
}

.skeleton {
  width: 100%;
  height: 15px;
  display: block;
  background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.3) 50%,
      rgba(255, 255, 255, 0) 80%
    ),
    lightgray;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 3s infinite;
}
@keyframes shine {
  to {
    background-position: 100% 0, 0 0;
  }
}

.no-underline {
    text-decoration: none !important;
}

.no-underline:hover {
    text-decoration: none !important;
}

.marketCircle {
    position: relative;
    display: inline-block;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    bottom: 100%;
    right: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    background: #7d92d2;
    color: white;
    font-size: medium;
    /* TODO: Fix bug with box shadow creating small white space between border and outline on firefox - also see https://stackoverflow.com/questions/48560223/white-pixels-showing-for-div-with-corner-radius */
    box-shadow: -2px 2px 7px 0 black;
}

.marketPlusSign {
    position: relative;
    display: flex;
    width: 15px;
    height: 15px;
    z-index: 9;
    bottom: 451%;
    left: 151%;
    border-radius: 100%;
    background: black;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 4px;
}

.marketPopup > .leaflet-popup-content-wrapper {
    background-color: #343a40;
}

#rpdSearch::placeholder {
    color: white;
    opacity: 1;
}

#coremonDataTable_filter label .form-control {
    background: #2f383e;
    border-radius: 30px;
    border: 2px solid #2f383e;
    font-family: FontAwesome, Arial;
    color: white;
    margin-bottom: 10px;
    display: block;
    float: right;
}

table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px var(--bg-grey-lighter) !important;
}

.dtfh-floatingparent {
    top: 50px !important;
}

#topology svg {
    height: 95%;
    width: 100%;
}

.no-sort::before, .no-sort::after {
    display: none !important;
    cursor: default;
    padding-right: 1px;
}

.show {
    opacity: 1;
}

.stats-summary-select > .select2-selection__rendered {
    font-size: 13px !important;
    min-width: 120px;
}

.bg-info {
    background-color: var(--cyan-500);
}

@keyframes spin {
    to {
      transform: rotate(360deg);
    }
}

.button-spinner {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 0.75s linear infinite;
    vertical-align: middle;
    margin-right: 0.5rem;
}

.button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

#iperf-result {
    font-size: 12px;
}

#iperf-result strong {
    position: relative;
    padding: 8px 0 8px 16px;
    color: #333;
    border-radius: 4px;
}

#iperf-result strong::before {
    content: '';
    position: absolute;
    top: 55%;
    left: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/* Custom button and badge classes for ticket transitions */
.btn.btn-green {
    color: var(--text-btn-success);
    background: var(--bg-btn-success);
    border-color: var(--border-btn-success);
}
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active,
.btn.btn-green.active,
.open > .dropdown-toggle.btn-green,
.open > .dropdown-toggle.btn-green:hover,
.open > .dropdown-toggle.btn-green:focus {
    background: var(--bg-btn-success-hover);
    border-color: var(--border-btn-success-hover);
}
.btn-group .btn.btn-green:not(.active) + .btn.btn-green,
.input-group-btn .btn.btn-green:not(.active) + .btn.btn-green {
    border-left-color: var(--border-btn-success-hover);
}

.badge.badge-green,
.label.label-green {
    background: var(--bg-badge-label-success);
}
