:root {

  --bs-light: #F1F4F8;
  --bs-primary: #3f4350;
  --bs-primary-dark: #131417;
}

button:hover {
  color: var(--bs-light) !important;
  background-color: var(--bs-primary-dark) !important;
  border-color: var(--bs-light) !important;
}

.rounded,
.btn,
.nav-pills .nav-link,
.badge {
  border-radius: 1rem !important;
}

.card {
  border: none;
  border-radius: 1rem !important;
}


.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border: 0;
}

.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, 0.85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform 0.35s ease;
  transform-origin: 0.5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, 0.85);
}

.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: inline-flex;
  padding: 0.1875rem 0.5rem;
  margin-top: 0.125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

tr:hover a {
  text-decoration: underline;
}


a {
  color: #212529;
  text-decoration: none;
}

.breadcrumb-item>a {
  color: #999;
}

.breadcrumb {
  font-size: .8rem;
  margin-bottom: 0 !important;
}

.bootstrap-table table,
.bootstrap-table tbody,
.bootstrap-table theader,
.bootstrap-table tr,
.bootstrap-table th .bootstrap-table,
.fixed-table-container,
.bootstrap-table tbody td {
  border: none !important;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px !important;
}

thead>tr {
  border-bottom: 1px solid #dee2e6 !important;
}

thead>tr>th {
  font-weight: bolder;
}

.table {
  table-layout: fixed;
}

tr>td.status-geplant {
  border-left: 7px solid #c3e991 !important;
  border-radius: 0 !important;
}

.status-geplant input[type="checkbox"]+span {
  margin-left: 15px !important;
}

.status-geplant-badge {
  background: #c3e991 !important;
  color: #000;
  font-size: 16px;
}

tr>td.status-importiert {
  border-left: 7px solid #ebb !important;
  border-radius: 0 !important;
}

.status-importiert input[type="checkbox"]+span {
  margin-left: 15px !important;
}

.status-importiert-badge {
  background: #ebb !important;
  color: #000;
  font-size: 16px;
}

tr>td.status-inbearbeitung {
  border-left: 7px solid #66dcef !important;
  border-radius: 0 !important;
}

.status-inbearbeitung input[type="checkbox"]+span {
  margin-left: 15px !important;
}

.status-inbearbeitung-badge {
  background: #66dcef !important;
  color: #000;
  font-size: 16px;
}

tr>td.status-inprüfung {
  border-left: 7px solid #ffb238 !important;
  border-radius: 0 !important;
}

.status-inprüfung-badge {
  background: #ffb238 !important;
  color: #000;
  font-size: 16px;
}

.status-inprüfung input[type="checkbox"]+span {
  margin-left: 15px !important;
}

tr>td.status-zurückgewiesen {
  border-left: 7px solid #e4572e !important;
  border-radius: 0 !important;
}

.status-zurückgewiesen-badge {
  background: #e4572e !important;
  color: #fff;
  font-size: 16px;
}

.status-zurückgewiesen input[type="checkbox"]+span {
  margin-left: 15px !important;
}

tr>td.status-geprüft {
  border-left: 7px solid #299617 !important;
  border-radius: 0 !important;
}

.status-geprüft-badge {
  background: #299617 !important;
  color: #fff;
  font-size: 16px;
}

.status-geprüft input[type="checkbox"]+span {
  margin-left: 15px !important;
}

tr>td.status-imeinsatz {
  border-left: 7px solid #297373 !important;
  border-radius: 0 !important;
}

.status-imeinsatz-badge {
  background: #297373 !important;
  color: #fff;
  font-size: 16px;
}

.status-imeinsatz input[type="checkbox"]+span {
  margin-left: 15px !important;
}

tr>td.status-abgelaufen {
  border-left: 7px solid #8a7f80 !important;
  border-radius: 0 !important;
}

.status-abgelaufen-badge {
  background: #8a7f80 !important;
  color: #000;
  font-size: 16px;
}

.status-abgelaufen input[type="checkbox"]+span {
  margin-left: 15px !important;
}

tr>td.status-mehrfachbearbeitung {
  border-left: 7px solid #f0f !important;
  border-radius: 0 !important;
}

.status-mehrfachbearbeitung-badge {
  background: #f0f !important;
  color: #fff;
  font-size: 16px;
}

.status-mehrfachbearbeitung input[type="checkbox"]+span {
  margin-left: 15px !important;
}

.content-page {
  /* background-color: var(--bs-light); */
}

.process_content {
  /* background-color: var(--bs-secondary); */
  margin-bottom: 3rem;
}

.printpage {
  /* box-shadow:rgba(60,64,67,0.15) 0 1px 3px 1px;
      border:none; */
  width: 927pt !important;
}

.editorLink {
  text-decoration: underline;
  color: blue;
}

.logo {
  max-height: 2rem;
  width: 100%;
}

.logoSmall {
  max-height: 2rem;
  max-width: 4rem;
  height: 2rem;
  /* float:left;
      width:20px; */
}

.loader {
  max-height: 8px;
  float: left;
  margin-right: 8px;
}

#downloadSpinner .loader {
  float: none;
}

.hide {
  display: none !important;
}

.ds-hide {
  display: none !important;
}

.ds-showHidden {
  display: block !important;
}

.ds-showHidden,
.ds-showHidden * {
  color: #aaa !important;
  border-color: #aaa !important;
}

[data-displaystate],
[data-displaystate] * {
  color: black !important;
}

/*    
      .show {
      display: inline;
      } */

.htmleditor {
  cursor: pointer !important;
  min-height: 50px !important;
  height: auto !important;
}

.required {
  color: red;
}

a>i,
small>i {
  margin-right: 0.5rem;
}

@keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }

  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }

  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}

.loading-card {
  width: 10rem;
  height: 10rem;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 1rem;
  margin: 10px;
}

.loading-header {
  width: 100%;
  height: 2.5rem;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 0.15rem;
  margin: 10px;
  margin-right: 60%;
  margin-top: 4rem;
}

.loading-text {
  width: 100%;
  height: 1rem;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 0.15rem;
  margin: 10px;
  margin-right: 40%;
}

.loading {
  width: 100%;
}

.loading-flex {
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  display: flex;
}

.loading-icon {
  height: 28px;
  margin: 10px;
  width: 28px;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 0.15rem;
}

.loading-menu {
  height: 28px;
  margin: 10px;
  width: 60%;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 0.15rem;
}

.loading-line-header {
  height: 28px;
  margin: 10px;
  width: 45%;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 0.15rem;
}

.loading-line-text {
  height: 20px;
  margin: 10px;
  width: 60%;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 0.15rem;
}

.loading-line-text-short {
  height: 16px;
  margin: 10px;
  width: 50%;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 0.15rem;
}

.loading-line-text-shortest {
  height: 16px;
  margin: 10px;
  width: 40%;
  animation: pulse 1s infinite ease-in-out;
  border-radius: 0.15rem;
}

.dragdropfield:hover,
.dragdropfield.dragover {
  background: #f8f9fa;
}

.dragdropfield {
  word-break: break-word;
  border: 2px dashed #4e7192;
  background: #fff;
  color: #4e7192;
  text-align: center;
  vertical-align: middle;
  margin: 25px;
  padding: 40px;
  font-size: 24px;
  cursor: pointer;
}

.dragdropfield i {
  font-size: 200%;
  width: 100%;
}

div[contenteditable="true"] {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px !important;
  padding: 15px;
}

div[contenteditable="true"] .vadok_table table.noborder,
div[contenteditable="true"] .vadok_table table.noborder tr,
div[contenteditable="true"] .vadok_table table.noborder tr td {
  border: 1px dashed #ff9965;
}

.vadok_table table.border,
.vadok_table table.border tr,
.vadok_table table.border tr td {
  border: 1px solid #000;
}

div[contenteditable="true"] .vadok_table table:hover {
  border: 2px solid blue;
  background: #add8e6;
}

[contenteditable="true"]:empty:not(:focus):before {
  content: attr(data-text);
  color: gray;
}

[contenteditable="true"],
.editdiv {
  border: 1px solid #ccc;
  /* height:100%; */
  /* padding:4px; */
  min-height: 80px;
  background-color: white !important;
}

[contenteditable="false"]:empty,
.editdiv:empty {
  min-height: 80px;
}

[contenteditable="false"] {
  background-color: #e9ecef !important;
}

[contenteditable="false"] {
  /* height:100%;
      padding:4px; */
  min-height: 80px;
  cursor: not-allowed;
}


.nav-links>.nav-item>.nav-link:hover { 
  color: white !important;
  background: #6d7389 !important;
  border-radius: 1rem; 
}
.nav-links>.nav-item>.nav-link.active {
  /* border: 4px solid; */
  font-weight: bold;
  border-radius: 1rem;
  background: var(--bs-primary);
  color: white;
}

div[data-bs-toggle="collapse"] {
  cursor: pointer;
}

label {
  font-weight: bold;
}

.nav-pills>.nav-item>.nav-link.active {
  color: white !important;
  background: #6d7389;
  font-weight: bold;
}

.nav-pills>.nav-item>.nav-link {
  color: var(--bs-light);
  text-decoration: none;
  font-size: .95rem !important;

  text-overflow: ellipsis;
  overflow: hidden;
}

.nav-pills>.nav-item:hover, 
.nav-pills>.nav-item a:hover {
  background:  #4b4f5f;
  color: white !important;
  border-radius: 1rem;
}

.tab-pane {
  padding-left: 1rem;
  padding-right: 1rem;
}

div[aria-expanded="true"]>div>.btn-expand {
  display: none;
}

div[aria-expanded="true"]>div>.btn-collapse {
  display: initial;
}

div[aria-expanded="false"]>div>.btn-expand {
  display: initial;
}

div[aria-expanded="false"]>div>.btn-collapse {
  display: none;
}

.fixed-table-toolbar {
  display: none;
}

/* [aria-describedby] {
           border: 2px dashed var(--bs-success) !important;
       } */

@keyframes fade {
  from {
    opacity: 0.5;
  }

  to {
    opacity: 1;
  }
}

.icon-only {
  width: 4vw !important;
  max-width: 4vw !important;
}

#top-content-wrapper {
  width: 100%;
  min-width: 84vw;

  background: var(--bs-light);
  border-top-left-radius: 3rem;
  padding-top: 1rem;
  padding-left: 1em;
  z-index: 2;

}

#page-content-wrapper {
  /* width: 80rem !important; */
}

#page-content-wrapper.icon-only {
  width: 96vw !important;
  max-width: 96vw !important;
}

.nav-pills.icon-only * {
  /* display: none !important; */
}

.nav-pills.icon-only>li>a>* {
  display: none !important;
}

.nav-pills.icon-only>li>* {
  display: none !important;
}

.nav-pills.icon-only>li>a,
.nav-pills.icon-only>li>a>i {
  display: block !important;
  font-size: 120% !important;
  text-align: center;
}

.preview_content>.content-preview {
  display: block !important;
}

.preview_content>[data-for] {
  display: none !important;
}

.license-hidden {
  display: none !important;
}

a {
  cursor: pointer !important;
}

/* .shadow-sm {
         box-shadow: rgb(9 30 66 / 25%) 0px 1px 1px, rgb(9 30 66 / 13%) 0px 0px 1px 1px ! important;
       } */
.vex-dialog-message {
  max-height: 75vh;
  overflow: auto;
}

.vex.vex-theme-plain {
  padding-top: 6vh;
}

.check-value {
  color: #222;
  border: 2px solid #212529;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-color: #222;
}

.check-value.J {
  color: #0f0;
  border-color: #0f0;
}

.check-value.X {
  color: #888;
  border-color: #888;
}

.check-value.N {
  color: red;
  border-color: red;
}

em {
  background-color: yellow;
  color: black;
}

.em {
  background-color: yellow;
  color: black;
}

#mainContent.d-flex {
  min-height: 100%;
}

div.dropdown-menu {
  z-index: 99999;
}

a>.card:hover,
a>.card:hover * {
  background: var(--bs-primary) !important;
  color: white !important;
  border-radius: 2rem !important;
}

.datepicker-container {
  z-index: 9999999 !important;
}

@keyframes bounce {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.bouncingBtn {
  animation: 2s bounce 0.3s;
}

.readonly,
.inactive {
  opacity: 0.5;
}

.mediumVersion {
  border-left: 2px solid blue !important;
  border-right: 2px solid blue !important;
}

.topVersion {
  border-top: 2px solid blue !important;
}

.lastVersion {
  border-bottom: 2px solid blue !important;
}

div:focus-visible {
  /* background-color: #fff; */
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n + 3),
.btn-group> :not(.btn-check)+.btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

img#image_preview {
  max-width: 100%;
}
.validation-error { 
  border: 1px solid red;
}
.validation-success { 
  border: 1px solid green;
}
.printpage .fillout,
.fillout {
  background-color: #ff9965 !important;

  /* font-weight: bold; */
  /* padding: 0.1rem 0.5rem !important; */
  display: inline !important;
  /* font-family: monospace !important; */
  white-space: normal;/*pre;*/
}
.fillout {
  display: inline-block !important;
} 
span .fillout {
  display: inline !important;

}
 
.fillout, .fillout {
  cursor: pointer;
  background-color: #ff9965 !important;
  border: 1px solid white;
  /* font-weight: bold; */
  /* padding: 0.1rem 0.5rem !important; */
  /* font-family: monospace !important; */
}

.vue-query-builder {
  border: 1px solid silver;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mr-2 {
  margin-right: 0.25rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

td.info-column {
  text-align: center;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: initial !important;
  white-space: nowrap !important;
}
 

input[type="checkbox"][disabled] {
  visibility: hidden;
}

.navbar-expand-lg {
  padding-top: 0.25rem;
}

tr.selected {
  /* font-style: italic; */
}


.vue-query-builder .close.ml-auto {
  opacity: 1;
  border-radius: 0.3rem;
  padding: 0.5rem;
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.vue-query-builder .close.ml-auto:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.vqb-rule.card .form-control {
  background: white !important;
  /* margin-top: 1rem !important; */
  /* padding: 1rem !important; */
}

.vqb-children .form-inline,
.form-inline .form-group {
  display: flex;
  gap: 2rem;
  white-space: nowrap;
  align-items: center;
  justify-content: unset;
}

.vqb-group .card {
  border-radius: 0 !important;
}

.nav-item>a.btn-primary:hover {
  color: white !important;
}

.nav-item {

  max-width: 100%;
}

.hr-sect {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  color: rgba(0, 0, 0, 0.35);
  margin: 8px 0px;
}

/* .hr-sect:before, */
.hr-sect:after {
  content: "";
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.35);
  height: 0.8px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px 8px;
}

.btn-primary {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

a:hover {
  text-decoration: underline;
  color: var(--bs-primary) !important;
}


.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--bs-primary) !important;
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.nav-link {
  color: var(--bs-primary);
}

.text-primary {
  --bs-text-opacity: 1;
  color: var(--bs-primary) !important;
}

. element.style {}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

.rounded,
.btn,
.nav-pills .nav-link,
.badge {
  border-radius: 1rem !important;
}

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

.btn-link {
  color: var(--bs-primary) !important;
}

.new-obj {
  border: 4px dashed silver !important;
  /* border-radius: 1rem; */
  background: transparent !important;
}

#sidebarMenu {

  border-top-left-radius: 3rem;
  max-width: 16rem;
  justify-content: start;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
  padding-right: 3rem;
  left: 3rem;
  z-index: 1;
  margin-left: -3rem;
  padding-top: 2rem;
  padding-right: 4rem;
}

#logoText {

  color: white;
  font-weight: 200;
  font-family: system-ui;
  padding-bottom: 1rem;
  /* font-size: 1.75rem; */
  display: flex;
  flex-direction: column; 
  text-overflow: ellipsis;
  overflow: hidden;
}

#sidebarSpacer {
  width: 3vw;
  margin-left: -3vw;
  background: var(--bs-light);
  border-top-left-radius: 3rem;
  z-index: 1;
  flex-shrink: 0;
}


.card {
  border-radius: 2rem !important;
}

table#docuCategories thead>tr {
  visibility: collapse;
}

.list-link {
  align-items: center;
  gap: 1rem;
  display: flex;
  margin: 1rem 0rem;
}

.list-link>i {
  border-radius: 1rem;
  padding: 1rem;
  width: 3rem;
  height: 3rem;
  text-align: center;
}

.favoritesCard {
  flex-wrap: wrap;
  overflow: auto;
  display: flex;
  padding-top: 2rem;
  padding-bottom: 3rem;
  max-width: 85vw;
  gap: 2rem;
}

.favoritesCard .card {
  height: 11rem !important;
}

.pageInfoText {
  width: 100%;
  /*20rem;*/
  /* padding: 1rem; */
  height: auto;
  flex-shrink: 0;
  margin-right: 4rem;
}

.pageInfoText h6 {
  opacity: .8;
}

.pageInfoText>h1,
.pageInfoText>h6 {
  line-height: 145%;
}


.card-title {

  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;

}

ul#mainMenu i {
  width: 1rem;
  text-align: center;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2) !important;
}

i.fa.fa-solid.fa-star {
  color: #FFC107;
}

.card.mt-4 {
  min-height: 85vh;
  ;
}

#snackbar {
  z-index: 999999;
}

i.state-icon {
  padding: 4%;
  background: white;
  border-radius: 50%;
}

i.state-icon.text-muted {
  padding: 4%;
  background: white;
  border-radius: 50%;
  opacity: .5;
}

.profile-pic {
  width: 32px;
  height: 32px;
  object-fit: cover;
}


.glow {
  background: hsl(0, 0%, 100%);
  padding: 16px 24px;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.01);

  &::after {
    position: absolute;
    content: "";
    top: 15px;
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    transform: scale(0.9) translateZ(0);
    filter: blur(15px);
    background: linear-gradient(
      to left,
      #ff5770,
      #e4428d,
      #c42da8,
      #9e16c3,
      #6501de,
      #9e16c3,
      #c42da8,
      #e4428d,
      #ff5770
    );
    background-size: 200% 200%;
    animation: animateGlow 1.25s linear infinite;
  }
}

@keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

.ai_feature .spinner-border {
  color: #9951f8;
  width: 1rem;
  height: 1rem;
}
.btn.ai_feature { 
  border-color: #9951f8; 
  fill: #9951f8;
  color: #9951f8;
  align-items: center;
  display: flex;
  gap: .5rem;
}
i.ai_feature {   
  display: inline-block;  
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%239951f8"  viewBox="0 0 24 24" width="512" height="512"><path d="M10,21.236,6.755,14.745.264,11.5,6.755,8.255,10,1.764l3.245,6.491L19.736,11.5l-6.491,3.245ZM18,21l1.5,3L21,21l3-1.5L21,18l-1.5-3L18,18l-3,1.5ZM19.333,4.667,20.5,7l1.167-2.333L24,3.5,21.667,2.333,20.5,0,19.333,2.333,17,3.5Z"/></svg>');
  background-size: contain;
  background-origin: content-box;
  padding: .25rem !important;
  background-repeat: no-repeat;
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
}
tr>td.status-vorschlag {
  border-left: 7px solid #9951f8 !important;
  border-radius: 0 !important;
}

.notActive i.ai_feature {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23bbbbbb"  viewBox="0 0 24 24" width="512" height="512"><path d="M10,21.236,6.755,14.745.264,11.5,6.755,8.255,10,1.764l3.245,6.491L19.736,11.5l-6.491,3.245ZM18,21l1.5,3L21,21l3-1.5L21,18l-1.5-3L18,18l-3,1.5ZM19.333,4.667,20.5,7l1.167-2.333L24,3.5,21.667,2.333,20.5,0,19.333,2.333,17,3.5Z"/></svg>');
}
.shimmer.notActive {
  background: unset;
  color: #bbb !important;
  border-color: #bbb;
  -webkit-text-fill-color: unset;
}
.shimmer { 
  
  align-items: center;
  display: flex; 
 
  color: #fff;
  background: #9951f8 -webkit-gradient(linear, 100% 0, 0 0, from(#9951f8), color-stop(0.5, #e1caff), to(#9951f8));
  background-position: -4rem top;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-name: shimmer;
  -webkit-animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-background-size: 4rem 100%;
  }
  
  @-webkit-keyframes shimmer {
      0% {
          background-position: -4rem top; /*50px*/
      }
  
      70% {
          background-position: 12.5rem top; /*200px*/
      }
  
      100% {
          background-position: 12.5rem top; /*200px*/
      }
  }


  .nc {
    font-family: monospace;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 106%;
  }

  .prow i, .prow.ta {
    min-width: 25px;
    max-width: 25px;
    min-height: 25px;
    max-height: 25px;
    border-radius: 50px;
    padding: 0;
    display: flex
;
    justify-content: center;
    align-items: center;
  }

  .prow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: start;
    gap: 5px;
  }

  .ta:hover {
    background: var(--bs-light);
  }
/*   
  .ta {
    padding: 5px;
    margin: 5px;
    width: 25px;
    height: 25px;
  } */ 


  .prow::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / -2);
    left: -2px;
    width: calc(var(--spacing) + 2px);
    height: calc(var(--spacing) + 1px);
    border: solid #ddd;
    border-width: 0 0 2px 2px;
  }