:root {
  --banner-bg-color: #4242;
  --banner-color: var(--font-color);
  --input-bg: #fcfcfc;
  --input-disabled-bg: #eee4;
  --input-autofill-bg: #ccc;
  --input-focus-outline-color: #aaa8;
  --input-autofill-placeholder-color: #888a;
  --bs-heading-color: #888;
  --font-family: Verdana, "Open Sans", sans-serif;
  --dropdown-bg: #aaa3;
  --wbo-bg-color: #222a;
  --wbo-bg-hover-color: #333a;
  --row-hover-color: #6661;
  --bs-link-color: #556;
  --bs-link-color-rgb: 85, 85, 102;
  --bs-link-decoration: none;
  --bs-link-hover-color: #86869b;
  --bs-link-hover-color-rgb: 134, 134, 155;
  --bs-focus-ring-color: var(--input-focus-outline-color);
}

@font-face {
  font-family: TwemojiCountryFlags;
  unicode-range: U+1F1E6-1F1FF, U+1F3F4;
  src: url("./unicode_flags/TwemojiCountryFlags.woff2") format("woff2");
  font-display: swap;
}
.unicode-flag {
  font-family: TwemojiCountryFlags, var(--font-family);
}

@font-face {
  font-family: NotoColorEmoji;
  unicode-range: U+1F1E6-1F1FF;
  src: url("./unicode_flags/NotoColorEmoji-flagsonly.ttf");
  font-display: swap;
}
.unicode-flag-w {
  font-family: NotoColorEmoji, var(--font-family);
}

body {
  color: var(--font-color, #666);
  font-family: var(--font-family);
  font-size: var(--font-size, 16px);
}

a {
  text-decoration: var(--bs-link-decoration, none);
}

b, strong, .bold, .strong {
  font-weight: bold;
}

m {
  font-size: smaller;
}

.w-1rem {
  width: 1rem;
}

.w-2rem {
  width: 2rem;
}

.w-3rem {
  width: 3rem;
}

.w-4rem {
  width: 4rem;
}

.w-5rem {
  width: 5rem;
}

.w-6rem {
  width: 6rem;
}

.w-7rem {
  width: 7rem;
}

.w-8rem {
  width: 8rem;
}

.w-9rem {
  width: 9rem;
}

.w-10rem {
  width: 10rem;
}

.w-12rem {
  width: 12rem;
}

.w-15rem {
  width: 15rem;
}

.w-16rem {
  width: 16rem;
}

.w-20rem {
  width: 20rem;
}

.w-30rem {
  width: 30rem;
}

.w-40rem {
  width: 40rem;
}

.w-50rem {
  width: 50rem;
}

.radius-0 {
  border-radius: 0rem;
}

.radius-1 {
  border-radius: 0.25rem;
}

.radius-2 {
  border-radius: 0.5rem;
}

.radius-3 {
  border-radius: 1rem;
}

.radius-4 {
  border-radius: 1.5rem;
}

.radius-5 {
  border-radius: 3rem;
}

.form-group {
  display: flex;
  flex-wrap: wrap;
  margin-block: var(--form-group-margin-y, 0.25rem);
}
.form-group > label,
.form-group > .input-info-value {
  margin: 5px 0px;
}
.form-group .d-chkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}

input[type=radio], input[type=checkbox] {
  margin: 6px;
  transform: scale(1.5);
  cursor: pointer;
  min-height: auto;
}

input, textarea, select {
  margin: 1px 0;
  padding: 3px 4px;
  color: inherit;
  border: 1px solid var(--bs-border-color);
  background-color: var(--input-bg);
  min-height: 2rem;
}
input:disabled, textarea:disabled, select:disabled {
  background-color: var(--input-disabled-bg);
}
input.error, textarea.error, select.error {
  --input-bg-color: #f001;
  --input-border-width: 1px;
  border-color: red;
  border-style: solid;
}
input:focus, textarea:focus, select:focus {
  outline: 0;
  box-shadow: 0 0 0 1.5px var(--input-focus-outline-color);
}

select option:disabled {
  color: var(--bs-gray-500);
}

.color-nice {
  color: var(--color-nice);
}

.color-red {
  color: var(--bs-red);
}

.color-green {
  color: var(--bs-green);
}

.color-blue {
  color: var(--bs-blue);
}

.color-gray {
  color: var(--bs-gray-500);
}

.color-lightgray {
  color: var(--bs-gray-300);
}

.color-transparent {
  color: transparent;
}

.section-title {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  padding-bottom: 0.5rem;
}

.login-form {
  max-width: 30rem;
  margin: 2.5rem auto;
}
.login-form .panel-heading {
  padding: 0.5rem 1rem;
}
.login-form .panel-heading > * {
  margin-block: 0.5rem;
}
.login-form .panel-body {
  padding: 1rem 1rem;
}

::-webkit-file-upload-button,
button, input[type=button], input[type=reset], input[type=submit] {
  --button-color-rgb: rgb(128 128 128);
  --button-color: var(--font-color);
  --button-bg-color: var(--bs-gray-200);
  --button-border-color: rgba(var(--button-color-rgb), 25%);
  --button-border-color: #8884;
  --button-border-radius: 0.125rem;
  --button-min-height: 2rem;
  --button-min-width: 2rem;
  --button-disabled-color: #d3d3d3;
  color: var(--button-color);
  background-color: var(--button-bg-color);
  border: 1px solid var(--button-border-color);
  vertical-align: initial !important;
  border-radius: var(--button-border-radius);
  min-height: var(--button-min-height);
  min-width: var(--button-min-width);
  padding: 4px 6px;
  margin: 1px 0;
  line-height: normal;
}
::-webkit-file-upload-button[disabled], ::-webkit-file-upload-button:disabled,
button[disabled],
button:disabled, input[type=button][disabled], input[type=button]:disabled, input[type=reset][disabled], input[type=reset]:disabled, input[type=submit][disabled], input[type=submit]:disabled {
  color: var(--button-disabled-color);
}

::-webkit-file-upload-button {
  min-height: revert;
}

.no-spin-button {
  -moz-appearance: textfield;
  appearance: textfield;
}
.no-spin-button::-webkit-inner-spin-button, .no-spin-button::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.alert button {
  min-height: unset;
  min-width: unset;
  margin: 0;
}

input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus {
  box-shadow: 0 0 0 2px var(--input-focus-outline-color);
  border-color: var(--bs-border-color);
}
input[type=text]:autofill, input[type=password]:autofill, input[type^=date]:autofill, input[type=email]:autofill, input[type=number]:autofill {
  box-shadow: inset 0 0 0px 50px var(--input-autofill-bg, #cbb8);
  appearance: none;
  color: var(--input-autofill-color) !important;
}
input[type=text]::placeholder, input[type=password]::placeholder, input[type^=date]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder {
  color: var(--input-autofill-placeholder-color);
  opacity: var(--input-autofill-placeholder-opacity, 70%);
}
input[type=text]:empty::placeholder, input[type=password]:empty::placeholder, input[type^=date]:empty::placeholder, input[type=email]:empty::placeholder, input[type=number]:empty::placeholder {
  opacity: 0.5;
}
input[type=radio], input[type=checkbox] {
  accent-color: var(--nice-color, #08f);
  --white-filter: invert(80%) hue-rotate(180deg) brightness(1);
}
input[type=number] {
  padding: 0 4px;
}
input[type=number]::-webkit-inner-spin-button {
  margin-block: -4px;
  margin-inline: 4px -4px;
}
input[type=number]::-moz-number-spin-box {
  height: 100%;
}

.input-group {
  margin-bottom: 1em;
  display: grid;
}

.select2-container .select2-selection {
  height: 2rem;
  border: 1px solid var(--bs-border-color);
  background-color: var(--input-bg);
}
.select2-container .select2-selection .select2-selection__rendered {
  line-height: 2rem;
  color: inherit;
}
.select2-container .select2-selection .select2-selection__arrow {
  height: 1.9rem;
}

.password-wrap {
  display: inline-block;
  position: relative;
}

.reveal-password {
  position: absolute;
  right: 10px;
  bottom: 10%;
  width: 20px;
  height: 25px;
  text-align: center;
  cursor: pointer;
}

.nomargin {
  margin: 0px;
}

.nopadding {
  padding: 0px;
}

.overflow-hidden {
  overflow: hidden;
}

.main_content {
  --headerH: 100px;
  --navH: 50px;
  --footerH: 77px;
  --footerW: 0px;
  min-height: calc(100vh - var(--headerH) - var(--navH) - var(--footerH) - var(--footerW) );
}
@media (max-width: 767.98px) {
  .main_content {
    --headerH: 0px;
  }
}

.main_content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-title {
  margin-top: 39px;
}

.navbar-nav {
  float: none;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
}
.navbar-nav > li {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
.navbar-nav > li > a {
  display: flex;
  align-items: center;
  height: 100%;
  padding-inline: 0.5rem;
  margin-top: 0;
  gap: 0.5rem;
  color: white;
}
.navbar-nav > li > a:hover {
  background-color: #0002;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .navbar-nav > li > a {
    display: block;
    padding: 10px 8px;
  }
}

.navbar-brand {
  float: none;
  --bs-navbar-brand-padding-y: 0;
  --bs-navbar-brand-margin-end: 0;
}

.container > .navbar-header {
  text-align: center;
  height: 50px;
  margin-top: 0px;
  white-space: nowrap;
}

.navbar-brand > IMG {
  /* logo 2 */
  height: 50px;
  background: white;
}

.navbar-header-full .sb-icon-navbar I {
  height: 50px;
  font-size: 1.4em;
  padding: 14px 13px;
}
.navbar-header-full .container {
  padding: 0;
}

.navbar-header {
  width: 100%;
}
.navbar-header .navbar-toggle {
  margin: 0;
  padding: 12px;
  background-color: #555;
  border: none;
  border-radius: 0;
  color: #fff;
  position: absolute;
  right: 0;
  height: 50px;
  box-shadow: none;
}
.navbar-header .navbar-toggle i {
  margin: 0;
  padding: 0;
  line-height: 100%;
  font-size: 1.5em;
}

.navbar-inverse {
  background-color: var(--bs-navbar-color);
  padding: 0;
}
.navbar-inverse .sb-icon-navbar {
  display: flex;
  align-items: center;
  color: white;
  background-color: var(--wbo-bg-color);
}
.navbar-inverse .sb-icon-navbar:hover {
  background-color: var(--wbo-bg-hover-color);
}
.navbar-inverse .navbar-header .navbar-toggle {
  background-color: inherit;
}

.navbar-default .navbar-nav li > a {
  font-family: sans-serif;
  font-size: 1.1em;
}

.navbar-default .navbar-nav > li > a {
  padding-top: 15px;
  margin-top: 0;
}

@media (max-width: 991.9px) {
  .sb-icon-navbar i {
    position: static;
    right: 0;
    top: 0;
    margin: 0;
  }
}
@media (max-width: 767.9px) {
  .sb-icon-navbar i {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    width: 48px;
  }

  .navbar-nav {
    display: block;
  }

  .sb-menu-title {
    display: none;
  }
}
.header-full > .container,
.header-full > .container-md {
  position: relative;
}
.header-full .main-header-container {
  height: 100px;
}
.header-full .header-full-title .logo-brand {
  height: 50px;
  margin: 20px 0;
}

#officeMenu.offcanvas {
  --bs-offcanvas-padding-x: 0;
  --bs-offcanvas-padding-y: 0;
}
#officeMenu.offcanvas .scrollbar-stable,
#officeMenu.offcanvas .offcanvas-body {
  scrollbar-gutter: stable;
}
#officeMenu.offcanvas .scrollbar-stable .nav,
#officeMenu.offcanvas .offcanvas-body .nav {
  margin-right: -8px;
}

.offcanvas-title {
  --bs-offcanvas-title-margin: 0;
  margin-block: var(--bs-offcanvas-title-margin);
}

.offcanvas-footer {
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.dropdown-menu {
  box-shadow: 0 1px 1px #0006, inset 0 0 2px #fffb;
  --bs-dropdown-min-width: 12rem;
  --bs-dropdown-border-radius: 2px;
  --bs-dropdown-bg: #f8f8f8;
  --bs-dropdown-link-color: var(--bs-link-color);
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: #8888;
  --bs-dropdown-font-size: 100%;
  --bs-dropdown-divider-bg: var(--bs-dropdown-link-color);
}
.dropdown-menu li > a {
  color: var(--bs-dropdown-link-color);
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  display: block;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu li > a:active {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-menu .divider {
  margin-block: var(--bs-dropdown-divider-margin-y);
  border-top: 1px solid var(--bs-dropdown-divider-bg);
}
.dropdown-menu.animated {
  top: 100% !important;
}
.dropdown-menu.animated.dropdown-menu-right {
  left: auto !important;
  right: 0 !important;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-toggle {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown-submenu > .dropdown-toggle:after {
  position: absolute;
  top: 12px;
  right: 8px;
  transform: rotate(-45deg);
  translate: 0px;
}
@media (max-width: 767.98px) {
  .dropdown-submenu > .dropdown-toggle:after {
    content: none;
  }
}
.dropdown-submenu > .dropdown-toggle:hover:after {
  transform: rotate(-45deg);
  translate: 2px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > .dropdown-menu {
  top: 0px;
  left: 100%;
  margin-top: -8px;
  margin-left: 0px;
}
@media (max-width: 767.98px) {
  .dropdown-submenu > .dropdown-menu {
    display: block;
    margin-left: 16px;
    border: none;
    box-shadow: none;
  }
}

.dropdown-login-box {
  overflow: hidden;
  padding: 10px;
  min-width: 20rem;
}
.dropdown-login-box a {
  margin: 0 !important;
  padding: 0 !important;
  border: initial !important;
  background: initial !important;
}

.top-nav {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  align-items: flex-start;
}
.top-nav .dropdown {
  min-height: 38px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  display: inline-block;
  color: #111;
  text-decoration: none;
  background-color: var(--dropdown-bg);
  border-top: 0;
  z-index: 1010;
}
.top-nav .dropdown > a {
  padding: 7px 10px 7px;
  display: inline-block;
}
.top-nav .dropdown > a .clockdiv {
  height: 52px;
}
.top-nav-social li a {
  padding: 6px 10px 8px;
}
.top-nav-language {
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-shadow: inset 0 0 1px #ffffff;
  border-top: 0;
  overflow: hidden;
}
.top-nav-language li {
  float: left;
  margin: 0px;
}

img.language-flag {
  height: 12px;
  box-shadow: 0 0 3px 2px #8888;
}

.active img.language-flag {
  box-shadow: 0 0 1px 2px #8888;
}

.c-login-box .fa-user {
  margin-right: 5px;
}

#footer-widgets.nomargin {
  margin: 0px;
}

#footer-widgets.nopadding {
  padding: 0px;
}

th[align=center] {
  text-align: center;
}
th[align=right] {
  text-align: right;
}

.wca {
  font-size: 80%;
  margin-left: -15px;
}

.wca LI {
  line-height: 22px;
}

.wca h4 {
  color: navyblue;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0px 0px -20px;
}

.red {
  color: red;
}

.green {
  color: green;
}

.blue {
  color: blue;
}

.gray {
  color: #aaa;
}

.yellow {
  color: var(--bs-yellow);
}

.img-responsive {
  width: 100%;
}

#bx3 .thumbnail .caption {
  height: 160px;
}

ul.slides {
  width: 4400%;
  transition: 0.6s;
}

ul.slides li {
  width: 195px;
  float: left;
  display: block;
}

.dblist .dblist_footer TD {
  border-width: 0px;
  border-right-width: 1px;
}

#footer {
  padding: 1rem 0;
  text-align: center;
  color: white;
  background-color: #333;
}
#footer p {
  margin: 0;
  padding: 0;
  line-height: 150%;
}

.mbx {
  list-style-type: none;
  display: flex;
  justify-content: center;
  margin: 0px;
  padding: 0px;
}
.mbx a {
  padding: 1rem;
}
.mbx li {
  float: left;
  margin: 5px 10px;
  line-height: 10px;
}
.mbx li a {
  padding: 0px 0px;
  font-size: 10px;
}
.mbx li a img {
  border: 1px solid white;
}

.modal-backdrop {
  z-index: initial;
}

.modal-title {
  margin-block: 0;
}

.left {
  text-align: left;
}

.justify {
  text-align: justify;
}

.icon-ar.icon-ar-xm {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1.5;
}

#bt_qsearch {
  text-align: right;
}

/* CountDown */
.clockdiv {
  padding: 0px;
  white-space: nowrap;
  min-width: 185px;
}
.clockdiv [data-sufix]:after {
  content: attr(data-sufix);
  font-size: 80%;
  padding-top: 8px;
  font-weight: normal;
}
.clockdiv .days, .clockdiv .hours, .clockdiv .minutes, .clockdiv .seconds,
.clockdiv .clock-delim {
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1;
  padding: 0px;
  margin: 0px;
}
.clockdiv .clock-delim {
  color: gray;
  font-weight: normal;
}

.getting-over {
  color: red;
}

.clocktitle {
  padding: 0px 0px 14px;
  line-height: 1em;
  margin-top: -28px;
  transition: margin-top 0.5s;
}

a:hover .clocktitle {
  margin-top: 0px;
  transition: margin-top 0.5s;
}

.roll-down .title {
  margin-top: -28px;
  transition: margin-top 0.5s;
}

.roll-down a:hover .title {
  margin-top: 0px;
  transition: margin-top 0.5s;
}

.level-indicator .title {
  padding: 0 0 14px;
  line-height: 1em;
}

.level-indicator .level {
  font-size: 20px;
  line-height: 1em;
  padding-top: 1px;
}

.fa-15x {
  font-size: 1.5em;
}

.sb-menu-title {
  padding-right: 0.5rem;
}

.fullwidth header > .container,
.fullwidth nav > .container,
.fullwidth main > .container,
.fullwidth footer > .container,
.fullwidth > * > .container {
  max-width: 100%;
}

.selectBox {
  height: 32px;
}
.selectBox .selectBoxArrow {
  width: 15px;
  height: 30px;
  top: 0px;
  border-color: #d88410;
  border-style: solid;
  border-width: 6px 0px;
}
.selectBox input {
  margin: 0px;
}
.selectBox .selectBoxOptionContainer {
  top: 30px;
}

#back-top {
  --radius: var(--bs-btn-border-radius, 6px);
  --color: var(--bs-secondary);
  --bg-color: var(--bs-bg-secondary);
  transition: opacity 0.5s ease 0s;
}
#back-top a {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999999999;
  color: #eee;
  background-color: #0004;
  transition: all 0.25s ease;
  padding: 10px;
  border-radius: var(--radius);
  text-align: center;
}
#back-top a:hover {
  background-color: #000a;
}
#back-top a i {
  font-size: 2em;
}
#back-top a > svg {
  width: 2rem;
  height: 2rem;
}

.upcoming-tasks .tasks-badge {
  background-color: var(--nice-color, red);
  margin-left: 0.3rem;
}
.upcoming-tasks .task-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.upcoming-tasks .task-list li a {
  width: 18rem;
}
.upcoming-tasks .task-list li .title {
  padding: 3px;
  font-style: italic;
  font-size: small;
  color: #666;
}
.upcoming-tasks .task-list li .title i.fa:first-child,
.upcoming-tasks .task-list li .title img:first-child {
  margin: 2px;
}
.upcoming-tasks .task-list ul {
  list-style-type: none;
  margin-left: -32px;
}
.upcoming-tasks:not(:has(> .dropdown-menu)) {
  display: none;
}

.LoggedIn {
  font-size: 1rem;
  margin: 5px 0;
}

.user .face {
  margin: 0.25rem 0;
  padding: 0;
  height: 5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 110;
}
.user .face:hover {
  box-shadow: 0 0 1px 4px #aaa3;
}
.user .face:before, .user .face:after {
  background-color: transparent;
  content: "";
  position: absolute;
  border: 4px solid #ccc;
}
.user .face:before {
  border-radius: 50%;
  top: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
}
.user .face:after {
  border-radius: 50px 50px 0 0;
  border-bottom: 0;
  top: 3.25rem;
  width: 4rem;
  height: 1.75rem;
}
.user .face .agphoto {
  height: 5rem;
  background: #aaaa;
  background-position: center center;
  z-index: 115;
}

.life-signal:hover {
  position: relative;
  overflow-x: clip;
}
.life-signal:hover:after {
  content: "";
  border-top: 1px solid #8888;
  position: absolute;
  top: 0;
  left: calc(var(--left, 0) * 0.95%);
  width: 5px;
}

#cell_dyn_upload TD {
  padding-right: 2px;
}
#cell_dyn_upload .button.delete {
  height: 32px;
}
#cell_dyn_upload .button.add {
  margin-top: 2px;
  margin-bottom: 2px;
}

.acc_confirmed {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid green;
  background-color: green;
  margin: 0px 4px 0px;
  border-radius: 20%;
}

.cookie-consent {
  position: fixed;
  bottom: 0px;
  z-index: 1000;
  background-color: #444;
  color: lightgray;
  width: 100%;
  padding: 10px;
}

.dark-mode-switcher {
  padding: 7px 10px 0px !important;
  display: inline-block;
}
.dark-mode-switcher .day-night {
  --dms-bg: #bbb;
  --dms-sun: #fd0;
  --dms-bg-dark: #114;
  --dms-moon: #00f;
  overflow: hidden;
  border: 1px solid #5555;
  background-color: var(--dms-bg);
  border-radius: 12px;
  width: 40px;
  height: 24px;
  margin: 1px 0 0px;
  position: relative;
  transition: all 0.4s;
}
.dark-mode-switcher .day-night:before, .dark-mode-switcher .day-night:after {
  transition: inherit;
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.dark-mode-switcher .day-night:before {
  top: 1px;
  left: 1px;
  background-color: var(--dms-sun);
}
.dark-mode-switcher .day-night:after {
  top: -10px;
  left: -20px;
  background-color: var(--dms-bg);
}

.dark .dark-mode-switcher .day-night {
  background-color: var(--dms-bg-dark);
}
.dark .dark-mode-switcher .day-night:before {
  left: 16px;
  background-color: var(--dms-moon);
}
.dark .dark-mode-switcher .day-night:after {
  top: -2px;
  left: 10px;
  background-color: var(--dms-bg-dark);
  width: 18px;
  height: 19px;
}

@media screen {
  :root {
    --scrollbar-track-color: rgba(204, 204, 204, 0.2);
    --scrollbar-thumb-color: rgba(163, 163, 163, 0.2);
    --scrollbar-border-color: rgba(230, 230, 230, 0.2);
    --scrollbar-hover-color: rgba(128, 128, 128, 0.2);
    --scrollbar-active-color: rgba(153, 153, 153, 0.2);
  }

  *::-webkit-scrollbar {
    width: var(--scrollbar-width, "inherit");
  }
  *::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color, #ddd2);
    border-radius: 0px;
  }
  *::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color, #bbb2);
    border-radius: 1px;
  }
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-hover-color, #6663);
  }
  *::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-active-color, #9993);
  }
  *::-webkit-scrollbar-button:single-button {
    background-color: var(--scrollbar-track-color, #ddd2);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
  }
  *::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23666666'%3e%3cpath d='M50,30 l-30,30 h60 z'/%3e %3c/svg%3e");
  }
  *::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23666666'%3e%3cpath d='M50,70 l30,-30 h-60 z'/%3e %3c/svg%3e");
  }
  *::-webkit-scrollbar-button:single-button:horizontal:decrement {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23666666'%3e%3cpath d='M30,50 l30,30 v-60 z'/%3e %3c/svg%3e");
  }
  *::-webkit-scrollbar-button:single-button:horizontal:increment {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23666666'%3e%3cpath d='M70,50 l-30,-30 v60 z'/%3e %3c/svg%3e");
  }
  *::-webkit-scrollbar-button:single-button:hover {
    background-color: var(--scrollbar-hover-color, #6663);
  }
  *::-webkit-scrollbar-button:single-button:active {
    background-color: var(--scrollbar-active-color, #9993);
  }
}
.banner {
  background-color: var(--banner-bg-color);
  color: var(--banner-color);
  display: flex;
  z-index: 1030;
}
.banner .banner-content {
  position: relative;
  padding-inline: 1rem;
}
.banner .container .banner-content {
  margin-inline: -1rem;
}
.banner .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(72deg) brightness(99%) contrast(99%);
}
.banner .banner-close {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

body:has(.skiptranslate) {
  top: 0 !important;
}

.skiptranslate .skiptranslate {
  visibility: hidden !important;
  position: absolute;
  top: 20px;
}

.btn-default {
  --bs-btn-border-color: #8888;
  --bs-btn-hover-bg: #eee;
  --bs-btn-hover-border-color: #ddda;
  --bs-btn-focus-shadow-rgb: 200, 200, 200;
}

.btn-xs,
.btn-group-xs .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
  --button-min-height: 1.5rem;
}

.menu--search {
  font-size: var(--font-size, 16px);
}

#google-tarnslate {
  display: none;
}

x.goog-te-gadget {
  overflow: hidden;
  padding-top: 1px;
  color: red !important;
  font-size: 0px !important;
}
x.goog-te-gadget .goog-te-combo {
  border: none;
  min-height: unset;
  background: unset;
  font-size: 1rem;
  color: var(--bs-link-color);
}
x.goog-te-gadget .goog-te-combo:focus, x.goog-te-gadget .goog-te-combo:hover {
  box-shadow: none;
  color: var(--bs-link-hover-color);
  cursor: pointer;
}
x.goog-te-gadget .goog-te-combo option {
  background: var(--bs-body-bg);
}
x.goog-te-gadget > span {
  display: none;
}
x.goog-te-gadget .goog-te-gadget-simple {
  background-color: #222;
  border-color: transparent;
  margin-left: 4px;
}
x.goog-te-gadget .goog-te-gadget-simple a {
  color: var(--bs-link-color);
  font-size: 1rem;
}
x.goog-te-gadget .goog-te-gadget-simple a:hover {
  color: var(--bs-link-hover-color);
}
x.goog-te-gadget .goog-te-gadget-simple a > span {
  color: var(--bs-link-color) !important;
  border-color: var(--bs-link-color) !important;
}

.hover-round {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: var(--a-color);
  border: none;
  background-color: transparent;
  background-color: #f4f4f4;
}
.hover-round:hover {
  background-color: #8882;
}

.btn.waiting {
  pointer-events: none;
}
.btn.waiting:before {
  content: "";
  background: url(pulse3w.ani.svg) no-repeat center center;
  background-size: 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
  --bs-accordion-active-bg: var(--bs-focus-ring-color);
}