@charset "UTF-8";

:root{
    --agt-blue: #14527d;
    --agt-hoverblue: #0e3958;
    --agt-darkblue: #354052;
    --agt-x-darkblue: #2a303a;
    --agt-xx-darkblue: #212529;
    --agt-x-lightblue: #eef5fb;
    --agt-font-blue: #b8c7ce;
    --agt-font-darkblue: #354052;
    --agt-lightgrey: #dce0e0;
    --agt-grey: #dedede;
    --agt-mediumgrey: #555555;
    --agt-darkgrey: #222;
    --agt-green-infonumber: #a2c037;
    --agt-red-danger: #f5c2c7;
    --agt-font-red: #842029;
    --agt-font-completed: #757575;
    --agt-cal-issue: #f1f9d6;
    --agt-cal-aftermarket: #fbfaee;
    --agt-cal-service: #eef5fb;
    --agt-cal-assembly: #97c3cc;
    --agt-cal-repair: #97c3cc; /*TODO new value for repair*/
    --agt-cal-task: #d5f7f2;
    --agt-cal-customercare: #eefbef;
    --agt-cal-contract: #fbfaee;
    --agt-cal-cooling: #f6e8ff;/*eee6f2;*/
    --agt-cal-maintenance: #D1D1C6;
    --agt-yellow-warning: #fad259; /*TODO alert-warning*/
    --agt-green-done: #11991a;
    --agt-font-segoe: "Segoe UI", -apple-system, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --agt-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --agt-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

html, body{
  height: 100%;
}

body{
    margin: 0;
    font-family: var(--agt-font-segoe);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /*background-image: radial-gradient(rgb(203, 218, 247), rgb(122, 162, 248), rgb(204, 219, 248));*/
    background: #FBFCF7;
    background: radial-gradient(circle,rgba(251, 252, 247, 1) 50%, rgba(216, 220, 221, 1) 100%);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5, h6{
    padding: 0;
    margin: 0;
    color: var(--agt-darkblue);
}

h2{
    font-size: 1.5rem;
}

h3{
    font-size: 1.2rem;
}

h6{
    font-size: 1.1rem;
}

hr{
    border: solid 1px var(--agt-darkblue);
    width: 100%;
}

a{
  color: var(--agt-darkblue);
  text-decoration: none;
}

a.external-link:before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 509 511.54'%3E%3Cpath fill-rule='nonzero' d='M447.19 347.03c0-17.06 13.85-30.91 30.91-30.91 17.05 0 30.9 13.85 30.9 30.91v87.82c0 21.08-8.63 40.29-22.51 54.18-13.88 13.88-33.09 22.51-54.18 22.51H76.69c-21.09 0-40.3-8.63-54.18-22.51C8.63 475.14 0 455.93 0 434.85V76.69c0-21.09 8.63-40.3 22.51-54.18C36.39 8.63 55.6 0 76.69 0h86.98c17.06 0 30.9 13.85 30.9 30.9 0 17.06-13.84 30.91-30.9 30.91H76.69c-4.07 0-7.82 1.69-10.51 4.37-2.68 2.69-4.37 6.44-4.37 10.51v358.16c0 4.06 1.69 7.82 4.37 10.5 2.69 2.68 6.44 4.38 10.51 4.38h355.62c4.07 0 7.82-1.7 10.51-4.38 2.68-2.68 4.37-6.44 4.37-10.5v-87.82zm0-243.56L308.15 244.28c-11.91 12.12-31.45 12.28-43.56.37-12.11-11.91-12.28-31.45-.37-43.56L401.77 61.81H309.7c-17.06 0-30.9-13.85-30.9-30.91 0-17.05 13.84-30.9 30.9-30.9h168.4C495.15 0 509 13.85 509 30.9v165.04c0 17.06-13.85 30.9-30.9 30.9-17.06 0-30.91-13.84-30.91-30.9v-92.47z'/%3E%3C/svg%3E");
  margin: 0 5px 0 0;
  /*color: white;*/
  display: inline-block;
  width: 0.7rem;
}

.text-small{
  font-size: 0.75rem !important;
}

.row-main{
  height:100%;
}

.nl2br{
  white-space: pre-wrap;
}

.hide{
  display: none;
}

.alert{
  position: fixed;
  padding: 0.75rem;
  top: 0;
  left: 3rem;
  right: 0;
  /*width: 100%;*/
  z-index: 9999;
}

.alert-success{
  background-color: var(--agt-green-infonumber) !important;
  color: black;
}

.alert-danger{
  background-color: var(--agt-red-danger) !important;
  color: var(--agt-font-red);;
}

.alert-warning{
  background-color: var(--agt-yellow-warning) !important;
  color: black;;
}

.alert .btn-close{
  right: 2.5rem;
  top: 0;
  border: none;
  font-size: 1.5rem;
  height: 100%;
  background: none;
  cursor:pointer;
}

.alert .btn-close:hover{
  font-size: 1.5rem;
}

.select-wrapper {
  position: relative;
  margin: 0 auto;
  /*display: inline-flex;*/
}

.form-select {
  width: 100%;
  font-family: inherit;
  border-radius: 0.25rem;
  background: white;
  color: var(--agt-xx-darkblue);
  border: 1px solid var(--agt-darkblue);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  /*font-size: 1rem;*/
  padding: 0.25rem 1.25rem 0.25rem 0.25rem;
}

.form-select:focus {
  border-color: var(--agt-hoverblue);
  box-shadow: 0 0 0 2px rgba(20,82,125,0.35);
}

.select-arrow {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  /*width: var(--select-arrow-size);
  height: var(--select-arrow-size);*/
}

.select-arrow.with-pointer-events {
  pointer-events: auto;
}

.d-flex{
  display: flex !important;
}
.flex-column{
  flex-direction: column !important;
}
.flex-row{
  flex-direction: row !important;
}
.flex-nowrap{
  flex-wrap: nowrap !important;
}

.container-content{
    width: 100%;
    /*display: flex;*/
}

@media (min-width: 1100px){
  .nav-menu{
      background-color: var(--agt-darkblue);
      color: var(--agt-font-blue);
      flex: 1 0 auto;
  }

  .small-screen-menu{
    display: none !important;
  }
}
@media (max-width: 1099px){
  .nav-menu{
      background-color: var(--agt-darkblue);
      color: var(--agt-font-blue);
  }
}

.sidebar-menu-toggler-wrapper{
  max-height: 10rem;
  background: none;
  height: 3rem;
}

.sidebar-menu-toggler-wrapper button{
  background: none;
  border: none;
  color: var(--agt-font-blue);
  background-color: var(--agt-darkblue);
  height: 3rem;
  width: 3rem;
  cursor: pointer;
}

.sidebar-divider{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  border-top: 1px solid var(--agt-grey);
}

.d-big-screen.nav-menu{
    max-width: 20rem;
}

.portal-header{
    color: white;
    padding: 0.5rem 1rem;
    padding-top: 0px;
    margin-top: 1rem;
    font-size: 1.25rem;
}

.nav{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.nav-sub{
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: var(--agt-darkblue);
}

.nav-item-sub{
    background-color: var(--agt-x-darkblue);
    padding-left: 1em;
}

.page-head-add-btn{
  padding-top: 1rem;
  cursor:pointer;
}

.badge{
  text-align: center;
}

.rounded-pill{
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}

.bg-danger{
  background-color: var(--agt-red-danger);
  color: black;
}

.bg-success {
  background-color: var(--agt-green-infonumber);
  color: black;
}
.bg-warning {
  background-color: var(--agt-yellow-warning);
  color: black;
}

.nav-item-sub td .badge{
  float: right;
  font-size: 0.8rem;
  line-height: 1.4rem;
}

.nav-item.current .nav-item-toggler, .nav-item.current .singlenav{
    border-left: solid 3px var(--agt-blue);
    color: white;
    background-color: var(--agt-xx-darkblue);
}

.offcanvas-toggler{
  background-color: transparent;
  border: 0px;
  color: var(--agt-font-blue);
  font-size: 1.5rem;
  width: 100%;
  cursor: pointer;
}

.offcanvas-toggler i.icon-home{
  margin: 0 auto;
}

.offcanvas-close{
  border: 0px;
  font-size: 1.5rem;
  cursor: pointer;
}

.nav-item.active{
    background-color: var(--agt-xx-darkblue);
    color: white;
}

.nav-item.active a{
    color: white;
}

.nav-item-sub.active{
    background-color: var(--agt-xx-darkblue);
}

.nav-item-sub.active a{
    color: white;
}

.nav .nav-link{
    color: var(--agt-font-blue);
    text-decoration: none;
    line-height: 2rem;
    display: block;
    padding: 0.2rem 1rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.bg-darkblue{
  background-color: var(--agt-x-darkblue);
  color: var(--agt-font-blue) !important;
}

.bg-blue{
  background-color: var(--agt-blue);
  color:white;
}

.bg-silver{
  /*background-color: silver;*/
}

.cl-light{
  /*color: var(--agt-font-blue) !important;*/
  /*color:white !important;*/
}

.cl-dark{
  /*color: var(--agt-darkblue);*/
}

.nav-link{
    color: var(--agt-font-darkblue);
    text-decoration: none;
    line-height: 2rem;
    display: block;
    padding: 0.2rem 1rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link .agt-icon{
    margin-right: 0.5em;
}

.nav-item-toggler{
    color: var(--agt-font-blue);
    text-decoration: none;
    line-height: 2rem;
    display: block;
    padding: 0.2rem 1rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    cursor: pointer;
}

.nav-item-toggler .agt-icon{
    margin-right: 0.5em;
}


.nav-item:hover{
    background-color: var(--agt-xx-darkblue);
    color: white;
}

.nav-item-sub:hover{
    background-color: var(--agt-xx-darkblue);
    color: white;
}

.btn-toggle-sidebar{
    position: relative;
}

.btn-toggle-sidebar::after{
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg); /* ↓ Pfeil nach unten */
    transition: transform 0.2s ease;
}

.btn-toggle-sidebar:not(.collapsed)::after {
  transform: translateY(-50%) rotate(135deg); /* → Pfeil nach links */
}

.input-group{
  /*position: relative;*/
}

.queryselect-toggle{
  /*position: absolute;
  right: 1rem;
  top: 0;
  line-height: 1rem;*/
}

.card{
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  /*border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;*/
}

.card-login{
  background-color: #f4f4f4;
  border: solid 1px #d2d6de;
  border-radius: 1rem !important;
}

.card-login-inner{
  border: none;
  background: none;
  margin: 0.5rem !important;
  padding: 1rem !important;
}

.card-login-inner hr{
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

.maps-link::before {
  content: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20122.88%20115.23%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23212121%3B%7D.cls-1%2C.cls-2%7Bfill-rule%3Aevenodd%3B%7D.cls-2%7Bfill%3A%23f44336%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Elocation%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M25.32%2C75.31a3.59%2C3.59%2C0%2C1%2C1%2C0%2C7.18H18.58L9.7%2C108.07H112.93l-9.64-25.58H97.72a3.59%2C3.59%2C0%2C0%2C1%2C0-7.18h10.7l14.46%2C39.92H0L13.32%2C75.31Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M79.06%2C83.64A70.16%2C70.16%2C0%2C0%2C1%2C63.78%2C96.28a2.15%2C2.15%2C0%2C0%2C1-2.45.08%2C86.21%2C86.21%2C0%2C0%2C1-21.25-19C32.34%2C67.69%2C27.46%2C56.92%2C25.8%2C46.55s-.11-20.63%2C5.12-28.86a35.35%2C35.35%2C0%2C0%2C1%2C7.91-8.76C46.21%2C3.05%2C54.64-.06%2C63%2C0A34.1%2C34.1%2C0%2C0%2C1%2C86%2C9.38a33.87%2C33.87%2C0%2C0%2C1%2C6.13%2C7.47c5.63%2C9.27%2C6.84%2C21.09%2C4.37%2C33.07a72.84%2C72.84%2C0%2C0%2C1-17.46%2C33.7v0ZM61.44%2C18.7A18.06%2C18.06%2C0%2C1%2C1%2C43.38%2C36.76%2C18.06%2C18.06%2C0%2C0%2C1%2C61.44%2C18.7Z%22%2F%3E%3C%2Fsvg%3E');
  display: inline-block;
  width: 1rem;
  margin-right: 0.25rem;
}

.delivery-row-hr{
  margin: 2rem 0;
  border: solid 3px var(--agt-darkblue);
  width: auto;
}

.row-header{
  font-weight: 600;
}

.delivery-tasktype{
  padding: 0.5rem;
}

.delivery-meta{
  background-color: var(--agt-lightgrey);
  padding: 0.5rem;
}

.delivery-meta input{
  width: calc(100% - 1rem);
}

.delivery-do-buttons{
  background-color: var(--agt-lightgrey);
}

.delivery-report input, .delivery-report textarea{
  width: 100%;
}

.delivery-table td{
  vertical-align: top;
  background-color: var(--agt-darkblue);
  color: white;
}

.delivery-ware-location-stats{
  font-size: 0.7rem;
}

.form-label {
  margin-bottom: 0.5rem;
}
label {
  display: inline-block;
}

.login-fix-100{
    min-height: 100vh !important;
    max-height: 100vh !important;
    align-items: center !important;
}

.input-group.form-password {
  background: none;
}
.input-group, .queryselect-holder {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  /*background-color: #e9ecef;*/
}

.input-group > .form-text, .input-group > .form-select, .queryselect-holder > .form-text{
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 100px;
}
.form-text {
  margin-top: 0.25rem;
  /*font-size: 0.875em;*/
  font-size: 0.9em;
  /*color: #6c757d;*/
}

.form-text:read-only {
  background-color: var(--agt-grey);
  cursor: not-allowed;
}

input, button, select, optgroup, textarea {
  margin: 0;
  /*font-family: inherit;*/
  font-size: inherit;
  line-height: inherit;
}

.input-group-text{
  line-height: 2.5em;
  margin-right: 0.5em;
}

.module-card{
  padding: 1em;
}

.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
  /*flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);*/
}

.col {
  flex: 1 0 0%;
}

@media (max-width: 1100px){
  .row-cols-7 > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2 > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2-30-70 > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2-70-30 > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2-20-80 > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1100px) and (max-width: 1400px){
  .row-cols-7 > *{
    flex: 0 0 auto;
    width: 30%;
  }
  .row-cols-2 > *{
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-2-70-30 > *:first-child{
    flex: 0 0 auto;
    width: 70%;
  }
  .row-cols-2-30-70 > *{
    flex: 0 0 auto;
    width: 30%;
  }
  .row-cols-2-30-70 > *:first-child{
    flex: 0 0 auto;
    width: 30%;
  }
  .row-cols-2-30-70 > *{
    flex: 0 0 auto;
    width: 70%;
  }
  .row-cols-2-20-80 > *:first-child{
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-2-20-80 > *{
    flex: 0 0 auto;
    width: 80%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media (min-width: 1400px){
  .row-cols-7 > *{
    flex: 0 0 auto;
    width: 14%;
  }
  .row-cols-2 > *{
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-2-70-30 > *:first-child{
    flex: 0 0 auto;
    width: 70%;
  }
  .row-cols-2-70-30 > *{
    flex: 0 0 auto;
    width: 30%;
  }
  .row-cols-2-30-70 > *:first-child{
    flex: 0 0 auto;
    width: 30%;
  }
  .row-cols-2-30-70 > *{
    flex: 0 0 auto;
    width: 70%;
  }
  .row-cols-2-20-80 > *:first-child{
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-2-20-80 > *{
    flex: 0 0 auto;
    width: 80%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}

.w-100{
    width:100%;
}

.head-bar{
    height: 3rem;
    background-color: white;
    /*line-height: 3rem;*/
    font-size: 1rem;
    padding-left: 1rem;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.head-bar-mytasks-holder{
  margin-right: 1em;
  position: relative;
  color: black;
  font-size: 1.3rem;
  line-height: 3rem;
}

.head-bar-mytasks-holder a{
  color: black;
  text-decoration: none;
}

.head-bar-mytasks{
  position: absolute;
  top: 1px;
  right: -10px;
  font-size: 0.8rem;
  background-color: var(--agt-green-infonumber);
  border-radius: 50%;
  line-height: 0.8rem;
  padding: 1px;
  color: black;
  font-weight: 600;
  text-align: center;
}

.head-bar-mytasks .rounded-pill{
  width: 1rem;
  height: 1rem;
}

.info-circle-calendar{
  position: relative;
  color: black;
  font-size: 1.3rem;
}

.calendar-count{
  position: absolute;
  top: -5px;
  right: -7px;
  font-size: 0.8rem;
  background-color: var(--agt-green-infonumber);
  border-radius: 50%;
  line-height: 0.8rem;
  padding: 1px;
  color: black;
  font-weight: 600;
  text-align: center;
  width: 1em;
  height: 1em;
  font-size: 0.8rem;
  line-height: 0.8rem;
  color: black;
  font-weight: 600;
  text-align: center;
}

.filler {
  flex-grow: 1;
  text-align: center;
}

.dropdown{
  margin-right: 1em;
}

.search-input-head{
    font-size: 1rem;
    /*margin-left: 0.5rem;*/
    padding: 0.5rem;
    border: none !important;
    width: 250px;
}

.search-input-head::placeholder {
  font-style: italic;
  letter-spacing: 0.1em;
}

@media (min-width: 1100px){
  .frm-search-head{
    width: 50rem;
  }
}
@media (max-width: 1099px){
  .frm-search-head{
    width: 130px;
  }

  .search-input-head{
    width: 130px !important;
  }

  .search-input-head::placeholder {
    letter-spacing: unset;
  }
}

.header-user-menu-dropdown{
  font-size: 1.5rem;
  cursor:pointer;
}

.dropdown-menu{
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  /*background-color: white;
  background-clip: padding-box;*/
  background-color: var(--agt-darkblue);
}

@media (max-width: 1099px){
  .dropdown-menu{
    width:100%;
  }
}

.dropdown-item{
  color: var(--agt-font-blue);
  text-decoration: none;
  line-height: 2rem;
  padding: 0.2rem 0.8rem;

}

.dropdown-item:hover{
  color: white;
  background-color: var(--agt-hoverblue);
}

.main-content-area{
    flex: 4 0 auto;
    /*width: 80%;*/
    width: 1%;
    height:100%;
}

.container-page{
    position: relative;
    padding: 1rem;
    height: calc(100% - 5rem);
    overflow-y: scroll;
}

@media (min-width: 1100px){
  .page-header ~ .card{
      background-color: white;
      padding: 1rem;
  }
}
@media (max-width: 1099px){
  .container-page{
    padding: 0.3rem;
  }
  .page-header ~ .card{
      background-color: white;
      padding: 0.2rem;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  /*box-shadow: 0 0 0 0.25rem var(--agt-darkblue);*/
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: white;
  background-color:  var(--agt-blue);
  border-color: var(--agt-blue);
}
.btn-primary:hover {
  color: white;
  background-color: var(--agt-hoverblue);
  border-color: var(--agt-hoverblue);
}

.btn-danger{
  background-color: var(--agt-font-red);
  color: white;
}
.btn-danger:hover {
  color: var(--agt-red-danger);
}

.btn-success{
  background-color: var(--agt-green-infonumber);
  color: black;
}

.btn-small{
  line-height: 1.1;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
}

.btn-icon{
  line-height: 0.8;
  font-size: 0.9rem;
  padding: 0.2rem 0.2rem;
}

.btn-close{
    position: absolute;
    right: -1rem;
    top: -1rem;
    background-color: white;
    padding: 0;
    border-radius: 50%;
    height: calc(width);
    width: 1.3em;
    height: 1.4em;
}

.btn-close:hover{
    font-size: 1.3rem;
}

.btn-cal-navigate{
    background:none;
    margin: 0;
    padding: 0;
}

.folder-toggle{
  width: 90%;
  margin: auto;
}
.folder-toggle.active{
  background-color: var(--agt-green-done) !important;
}

.btn-show-favourites{
  position: fixed;
  right: 1px;
  bottom: 1px;
}
.btn-admin-tools{
  position: absolute;
  font-size: x-small;
  right: 1px;
  top: 1px;
}
.admin-tools-task{
  font-size: x-small;
}
.admin-tools-results{
  font-size: x-small;
  max-height: 50em;
  overflow: auto;
}
.container-admin-tools{
  position: fixed;
  background-color: white;
  border: 1px solid var(--agt-green-done);
  padding: 1em;
  color: black;
  display: none;
  z-index: 2000;
  right: 50px;
  top: 50px;
}
.container-admin-tools.show{
  display: block;
}

.current-range-holder{
    display: inline;
    font-weight: 600;
    font-size: 1.1rem;
}

.cal-date-picker-search{
    /*position: absolute;
    right: 0.5rem;*/
    text-align: right;
}

.date-picker-button{
    padding: 0;
}

.date-picker-input{
    border: 1px solid rgba(0, 0, 0, 0.125);
    line-height: 2rem;
    font-size: 0.9rem;
    font-family: var(--agt-font-segoe);
}

.first-cal-row{
    padding-top: 1rem;
}

.week{
  position: relative;
}

@media (min-width: 1100px){
  .day{
      border: 1px solid var(--agt-lightgrey);
      padding: 0.5rem;
      flex: 1 0;
      width: auto !important;
      min-height: 10rem;
  }
}
@media (max-width: 1099px){
  .day{
      border: 1px solid var(--agt-lightgrey);
      padding: 0.5rem;
      width: 100%;
      min-height: 10rem;
  }
}

.calendar-title{
    font-weight: 600;
    font-size: 1rem;
    padding-bottom: 1rem;
}

.calendar-popover-icon{
    position: absolute;
    top: 0;
    right: 0;
}

.calendar-edit-icon{
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    cursor:pointer;
}

.td-prev, .td-next{
  width: 0;
  min-width: fit-content;
}

@media (min-width: 1100px){
  .home-calendar .home-calendarcard{
    display: flex;
  }
}
@media (max-width: 900px){
  .home-calendar .home-calendarcard{
    /*display: flex;*/
  }

  .td-prev .btn, .td-next .btn{
    font-size: 0.5rem;
  }

  .homepage-calendar-table{
    width: 100%;
    table-layout: fixed;
  }

  .homepage-calendar-table tr{
    display: table-row;
  }

  .homepage-calendar-table .td-prev, .homepage-calendar-table .td-next{
    /*display: inline-block;*/
    display: table-cell;
    vertical-align: top;
    width:35px !important;
  }

  .td-homepage-calendar{
    display: table-cell;
    width: auto;
    min-width: 0;
    /*width: 75%;*/
  }
}

/*.home-calendarcard.calendarcard-task, .home-calendarcard.calendarcard-issue, .home-calendarcard.calendarcard-service, .home-calendarcard.calendarcard-contract{
  flex: 1 0 auto;
  margin: 1rem;
}*/

.team-messages{
  border: solid 1px var(--agt-darkblue);
  margin: 0.25rem;
}

.team-messages h5{
    background-color: var(--agt-green-infonumber);
  color: white;
  padding: 0.25rem;
}

.team-messages div{
  padding: 0.25rem;
}

.team-messages h1{
    font-size: 1.2rem;
}

.team-messages h2{
    font-size: 1.1rem;
}

.team-messages h3{
    font-size: 1rem;
}

.team-messages img {
  max-width: 100%;
}

.homepage-calendarcard{
  flex: 1 1 auto;
  margin: 1rem;
}

.absences-holiday-row{
  background-color: var(--agt-darkblue);
  color: var(--agt-font-blue);
  padding: 0.2rem;
  font-weight: 400;
  cursor:pointer;
  margin-bottom: 0.5rem;
}

.card-ready-period{
  border: solid 1px var(--agt-grey);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}

.ready-period-description{
  background-color: var(--agt-grey);
  padding: 0.2rem;
}

.ready-period-users{
  padding: 0.2rem;
}

.calendarcard-task{
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-task);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-aftermarket{
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-aftermarket);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-customercare{
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-customercare);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-issue{
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-issue);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}


.calendarcard-service{
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-service);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-assembly{
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-assembly);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-repair{
  border: solid 1px var(--agt-darkblue);
  padding: 0.2rem;
  background-color: var(--agt-cal-repair);
  position: relative;
  margin-bottom: 1em;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-maintenance {
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-maintenance);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-cooling{
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-cooling);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-contract{
    border: solid 1px var(--agt-darkblue);
    padding: 0.2rem;
    background-color: var(--agt-cal-contract);
    position: relative;
    margin-bottom: 1em;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.calendarcard-done{
  border: solid 10px var(--agt-green-done);
  color: var(--agt-font-completed);
}
.calendarcard-binding{
  border: solid 10px var(--agt-font-red);
}
.calendarcard-archive{
  border: solid 10px var(--agt-green-infonumber);
}
.view-done{
  background-color: var(--agt-green-done);
  color: white;
}
.view-binding{
  background-color: var(--agt-font-red);
  color: white;
}
.view-archive{
  background-color: var(--agt-green-infonumber);
}

.calendar-binding-info{
    font-weight: 600 !important;
    color: red;
}

.calendarcard-inner-icon{
    width: 1.5rem;
    display: inline-block;
}

.calendar-description>.agt-icon, .calendar-state>.agt-icon, .calendar-timerange>.agt-icon, .calendar-foruser>.agt-icon, .calendar-generator>.agt-icon, .calendar-responsible>.agt-icon, .calendar-servicenumber>.agt-icon, .calendar-jobnumber>.agt-icon{
    width: 1em;
    height: 1em;
}

.calendar-state{
    font-size: 0.8rem;
    font-weight: 200;
}

.calendar-description-title{
  font-weight:600;
  display: inline;
  padding-left: 0.2em;
}

.calendar-description, .calendar-timerange, .calendar-foruser, .calendar-generator, .calendar-responsible, .calendar-servicenumber, .calendar-jobnumber{
    font-size: 0.9rem;
}

.calendar-link{
  display: block;
  width:100%;
  color: var(--agt-darkblue);
  text-decoration: none;
}
.calendar-link.hidden{
  display: none;
}

.extendable-full, .extendable-initial{
  font-size: 0.9rem;
}

.input.update-task{
  width: 95%;
}

.input.checkbox{
  width: auto;
}

.multiselect{
  border: solid 1px;
  position: relative;
  padding: 0.1rem 0.5rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-width: 100%;
  background-color: white;
}

.multiselect .btn{
  right: -0.5rem;
  position: absolute;
}

.multiselect-select{
  position: absolute;
  background-color: white !important;
  border: solid 1px;
  border-top: 0px;
  left: -1px;
  right: -1px;
  text-align: left;
  max-height: 20rem;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index:999;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.queryselect-holder{
  position:relative;
  flex: 1 1 auto;
}

.queryselect-holder-inner{
  position:relative;
  width:100%;
}

.queryselect-select{
  position: absolute;
  background-color: white !important;
  border: solid 1px;
  border-top: 0px;
  left: -1px;
  right: -1px;
  text-align: left;
  max-height: 10rem;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index:999;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.queryselect-option{
  margin: 1rem;
}
.queryselect-option:hover{
  background-color: var(--agt-grey);
}

.form-label-multiselect{
  width: 100%;
  display: inline-block;
  line-height: 1.75rem;
  padding: 0.25rem;
}

.form-label-multiselect:hover{
  background-color: var(--agt-grey);
}

.form-text{
  /*font-size: 1rem;*/
  border: solid 1px var(--agt-darkgrey);
  border-radius: 0.25rem;
  padding: 0.25rem;
}



.form-check{
  display: block;
  line-height: 2rem;  
}

.form-check input[type="checkbox"]{
  margin-right: 0.5rem;
  width: auto !important;
}

.inline-form{
  display: inline;
}

.productivity-table{
  width: 100%;
}

.productivity-table-servicetime{
  background-color: var(--agt-lightgrey);
}

.productivity-table-servicetimes{
  text-align: left !important;
  font-size: small;
  border-bottom: 1px solid black;
}

.productivity-table-workingtime{
  background-color: var(--agt-darkgrey);
  color: white;
}

.productivity-table .btn-small{
  width:100%;
}

.popover{
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
  padding: 0.5rem;
  min-width: 50%;
}

@media (max-width: 1099px){
  .popover{
    left:0;
    right: 0;
  }
}

.popover #evaluation{
  font-size: 1.2rem;
}

.tablecard-storehouses{
  max-height: 60vh;
  overflow: auto;
}

.tablecard-table th, .tablecard-additions th, .table-tools th{
  font-size: 0.8rem;
  padding: 0.5rem;
  vertical-align: bottom;
  background-color: var(--agt-darkblue);
  color: white;
}

.tablecard-table th.active, .tablecard-additions th.active, .table-tools th.active{
  font-size: 0.8rem;
  padding: 0.5rem;
  vertical-align: bottom;
  background-color: var(--agt-green-done);
  color: white;
}
.tablecard-table th.overdue, .tablecard-additions th.overdue, .table-tools th.overdue{
  font-size: 0.8rem;
  padding: 0.5rem;
  vertical-align: bottom;
  background-color: var(--agt-font-red);
  color: white;
}

.tablecard-table th input, .tablecard-additions th input, .table-tools th input{
  width: 100%;
  box-sizing: border-box;
}

.tablecard-table th.sortable, .table-tools th.sortable{
  cursor: pointer;
  position: relative;
}

th.sortable::before {
  content: "";
  position: absolute;
  /*top: 50%;*/
  display: inline-block;
  transform: translateX(-1.5em);
  /*transform: translateY(-50%);*/
  width: 1.5em;
  height: 1.5em;
  /*margin-left: 1em;*/
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 443 511.62"><path fill-rule="nonzero" fill="white" d="M152.93 286.97c0 17.1-13.87 30.97-30.97 30.97-17.11 0-30.98-13.87-30.98-30.97v-177.4l-37.45 40.31c-11.63 12.5-31.19 13.2-43.68 1.57-12.49-11.62-13.19-31.18-1.57-43.68L99.33 9.79l2.06-1.94c12.69-11.35 32.2-10.26 43.55 2.43l91.05 101.47c11.35 12.69 10.26 32.2-2.43 43.55-12.68 11.36-32.19 10.27-43.55-2.42l-37.08-41.33v175.42zm236.24 71.77c11.35-12.69 30.86-13.78 43.55-2.43 12.69 11.36 13.78 30.87 2.42 43.56L344.1 501.34c-11.36 12.69-30.87 13.78-43.55 2.42l-2.02-1.97-91.09-97.95c-11.63-12.49-10.93-32.05 1.57-43.67 12.49-11.63 32.05-10.93 43.67 1.57l37.46 40.31V231.53c0-17.11 13.87-30.97 30.97-30.97s30.97 13.86 30.97 30.97v168.54l37.09-41.33z"/></svg>');
  background-repeat: no-repeat;
  opacity: 1;
  /*top: 1.2em;
  right: 0.5rem;*/
}

.table-striped-lightblue{
  border-collapse: collapse;
}

.table-striped-lightblue tbody:before {
  content: '';
  display: block;
  height: 0.2rem;
}

.border-rowgroup{
  border-left: solid 1px var(--agt-blue);
  border-right: solid 1px var(--agt-blue);
}

.bodygroup .filterable-header td{
    background-color: var(--agt-x-darkblue);
}
.bodygroup .filterable-header td.active{
    background-color: var(--agt-green-done);
}
.bodygroup .filterable-header td.overdue{
    background-color: var(--agt-font-red);
}
.bodygroup.due-contract .filterable-header td{
    border: 5px solid var(--agt-font-red);
}

.bodygroup .filterable-header td .accordion-button{
    background-color: var(--agt-x-darkblue);
}
.bodygroup .filterable-header td.active .accordion-button{
    background-color: var(--agt-green-done) !important;
}
.filterable-header td.active .accordion-button{
    background-color: var(--agt-green-done) !important;
}
.filterable-header td.overdue .accordion-button{
    background-color: var(--agt-font-red) !important;
}
.filterable-header td.active{
    background-color: var(--agt-green-done) !important;
}
.filterable-header td.overdue{
    background-color: var(--agt-font-red) !important;
}

.filterable td{
  text-align:center;
}

.filterable-header td{
  background-color: var(--agt-blue);
  padding: 0.2rem 0rem;
}

.filterable input, .filterable textarea{
  width:90%;
}

.filterable textarea:not(.textarea-row-flexible){
  height: 1.2rem;
}

.service-table .filterable.done{
  border: solid 5px var(--agt-green-done);
}
.service-table .filterable.overdue{
  border: solid 5px var(--agt-font-red);
}
.service-table .filterable.workinprogress{
  border: solid 5px var(--agt-yellow-warning);
}
.service-table .filterable.suggestion{
  border: solid 5px var(--agt-blue);
}
.service-table tr.active-week th{
  background-color: var(--agt-green-infonumber) !important;
}

.fetch-wares-table, .fetch-times-table{
  border-top: solid 1px white;
}

@media (min-width: 1100px){
  .select-ware-holder{
    display: inline-block;
    width:80%;
  }
  .select-ware-holder>.select-ware-found{
    width: 99%;
  }
  .select-ware-amount-holder{
    display: inline-block;
    width:15%;
  }
  .select-ware-amount-holder>.select-ware-amount{
    width: 85%;
  }
  .select-ware-submit{
    display: inline-block;
    width:3%;
  }
}

.input-group-updatetimespan{
  display: inline-grid;
}

input.update-ware[type="date"], input.update-timespan[type="date"], input.update-timespan[type="time"]{
  max-width: 8rem !important;
  flex: 0 1 auto !important;
  min-width: 7.5rem !important;
  margin: 0 auto;
}

.filterable td .card{
  background: none !important;
}

.th-td-left{
  text-align: left !important;
}

.th-td-right{
  text-align: right !important;
}

input.tablecard-query-column{
  font-size: inherit;
}

.fetch-tools{
  padding-top:2rem;
}

.table-tools .update-user textarea{
  width: auto;
}

.update-user-holder .input-group{
  /*position: relative;*/
}

.update-user-submit{
  /*position: absolute;
  right: 0;
  font-size: 2rem;*/

}

.tablecard-table{
  border-collapse: collapse;
}

.tablecard-table tbody:before {
  content: '';
  display: block;
  height: 0.2rem;
}

.tablecard-table th p, .table-tools th p{
  font-weight: 400;
}

.tablecard-table td, .table-tools td{
  font-size: 0.9rem;
  padding: 0.5rem;
}

.tablecard-table > tbody > tr:nth-of-type(even){
    background-color: white;
    color: black;
}
.tablecard-table > tbody > tr:nth-of-type(odd){
    background-color: var(--agt-x-lightblue);
    color: black
}

.homepage-accordion-card{
  margin-top: 1rem;
}

.homepage-accordion-card .accordion-body{
  padding: 1rem;
}

.homepage-card{
  padding: 1rem;
}

.accordion-body{
  border: solid 2px var(--agt-blue);
}

.accordion-button{
  display: block;
  width: 100%;
  text-align: left;
  background: no-repeat;
  color: white !important;
  background-color:  var(--agt-blue);
  border-color: var(--agt-blue);
  border: 0;
}
/*#region accordion*/
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    text-align: left;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    cursor:pointer;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}
.accordion-button:not(.collapsed) {
    /*color: var(--agt-x-lightblue);
    background-color: #e7f1ff;*/
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23eef5fb'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:focus {
    /*z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
}

.home-accordion-table{
  width: 100%;
  border-collapse: collapse;
}

.home-accordion-table tr:nth-of-type(odd){
  background-color: var(--agt-x-lightblue);
}

.home-accordion-table td{
  border: solid 1px var(--agt-blue);
}

.home-accordion-table td.accordion-headline-row{
  padding: 1rem 0 0 0;
}

.home-accordion-table td .nav-link{
  line-height: inherit;
  padding: 0;
}

.home-accordion-table .row-header{
  font-weight: 600;
}

.img-no-stretch{
  object-fit: cover;
}

.img-vcard{
  max-width: 500px;
}

.or-text{
  display: block;
  font-weight: 600;
}

.toggle {
  display: inline-flex;
  padding: 4px;
  background: #e5e7eb;
  border-radius: 999px;
  gap: 2px;
}

.toggle input {
  display: none;
}

.toggle label {
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  color: #555;
  font-weight: 500;
  transition: 0.2s;
}

/* ausgewählte Option */
.toggle input:checked + label {
  background: var(--agt-blue);
  color: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.order-stat-info{
  font-size: 0.8rem;
  border-radius: 5px;
  padding: 0.1rem 0.2rem;
  color: var(--agt-mediumgrey);
}