/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

.navbar-gold {
  background-color: #c29b46;
}
.notification-indicator-primary::before {
  background-color: #c29b46;
}

.border-gold-10px {
  border: 10px solid #c29b46 !important;
}
.border-gold-2px {
  border: 2px solid #c29b46 !important;
}

.border-gold-1px {
  border: 1px solid #c29b46 !important;
}
.border-success-10px {
  border-style: solid;
  border-width: 10px;
  border-color: #00d27a !important;
}

.border-success-2px {
  border-style: solid;
  border-width: 2px;
  border-color: #00d27a !important;
}

.border-success-1px {
  border-style: solid;
  border-width: 1px;
  border-color: #00d27a !important;
}
.border-gold-1px.avatar-name.rounded-circle.bg-success-subtle {
  border-color: var(--falcon-success-text-emphasis) !important;
}
.border-gold-1px.avatar-name.rounded-circle.bg-danger-subtle {
  border-color: #e63757 !important;
}

.gold {
  background-color: rgb(194, 155, 70);
}
.gold-lighten-1 {
  background-color: #c2a25d;
}
.gold-lighten-2 {
  background-color: #bda063;
}
.gold-lighten-3 {
  background-color: #d1a953;
}
.gold-lighten-4 {
  background-color: #c9a557;
}
.gold-lighten-5 {
  background-color: #caa960;
}
.gold-darken-1 {
  background-color: #634f24 !important;
}
.gold-darken-1-color {
  color: #947228;
}
.gold-darken-2 {
  background-color: #a17d2e;
}
.gold-darken-3 {
  background-color: #8b691d;
}
.gold-darken-4 {
  background-color: #aa8430;
}

.text-gold-darken-2 {
  color: #302712 !important;
}
.text-gold-darken-3 {
    color: #562d16 !important;
}
.form-check-input:checked {
  background-color: #e0ad3d;
  border-color: #c29b46;
}

.rowb {
  background-color: #ffc546;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #c29b46;
  background-image: var(--bs-gradient);
  border-color: #d1a33e;
}
.text-gold-darken-1 {
  color: #634f24 !important;
}
a {
  color: #c29b46;
  font-weight: bold;
}
.progress-bar.rounded-capsule {
  background-color: #c29b46;
}

.purple-darken-1 {
  background-color: #8e24aa;
}
.purple-darken-2 {
  background-color: #7b1fa2;
}
.purple-darken-3 {
  background-color: #6a1b9a;
}
.purple-darken-4 {
  background-color: #4a148c;
}
.purple-lighten-5 {
  background-color: #f3e5f5;
}
.purple-lighten-4 {
  background-color: #e1bee7;
}
.purple-lighten-3 {
  background-color: #ce93d8;
}
.purple-darken-4 {
  background-color: #4a148c;
}
.indigo-darken-1 {
  background-color: #3949ab;
}
.indigo-darken-2 {
  background-color: #303f9f;
}
.indigo-darken-3 {
  background-color: #283593;
}
.indigo-darken-4 {
  background-color: #1a237e;
}
.indigo-accent-1 {
  background-color: #8c9eff;
}
.indigo-accent-2 {
  background-color: #536dfe;
}
.indigo-accent-3 {
  background-color: #3d5afe;
}
.indigo-accent-4 {
  background-color: #304ffe;
}
.blue-lighten-5 {
  background-color: #e3f2fd;
}
.blue-lighten-4 {
  background-color: #bbdefb;
}
.blue-lighten-3 {
  background-color: #90caf9;
}
.blue-lighten-2 {
  background-color: #64b5f6;
}
.blue-lighten-1 {
  background-color: #42a5f5;
}
.blue-darken-1 {
  background-color: #1e88e5;
}
.blue-darken-2 {
  background-color: #1976d2;
}
.blue-darken-3 {
  background-color: #1565c0;
}
.blue-darken-4 {
  background-color: #0d47a1;
}
.text-blue-darken-6 {
  color: #061a39 !important;
}
.calendar .calendar-month {
  background-color: #c29b46;
  color: #fff;
  border-radius: 0.375rem 0.375rem 0 0;
  padding: 0rem;
  font-weight: 600;
  min-width: 110%;
}
.calendar .calendar-day {
  font-size: 1.728rem;
  padding: 0.25rem;
  border: 0.125rem solid#c29b46;
  border-top: 0;
  min-width: 110%;
  border-radius: 0 0 0.375rem 0.375rem;
  color: #c29b46;
  font-weight: 700;
}

.dt-buttons {
  direction: rtl;
}
div#dash_filter {
  margin-top: -2%;
  display: flex;
  padding-bottom: 1%;
}
label {
  color: #c29b46 !important;
}
.goldte,
.gold-text,
.text-gold {
  color: #c29b46 !important;
}
.text-white-r > * {
  color: white !important;
}
.badge-soft-violet {
  background-color: #dfd4ff;
  color: purple;
}
.badge-soft-yellow {
  background-color: #fff8d4;
  color: rgb(141, 141, 0);
}
.swal2-confirm {
  margin-left: 2;
}
.badge-primary {
  color: #fff;
  background-color: #2c7be5;
}
.badge-info {
  color: #fff;
  background-color: #27bcfd;
}
.badge-pill {
  padding-right: 0.71111em;
  padding-left: 0.71111em;
  border-radius: 10rem;
}
.badge-warning {
  color: #fff;
  background-color: #f5803e;
}
.badge-info-2 {
  color: #1978a2;
  background-color: #d4f2ff;
}
.badge-danger {
  color: #fff;
  background-color: #e63757;
}
.badge-secondary {
  color: #fff;
  background-color: #748194;
}
.badge-brown {
  color: #fff;
  background-color: #6e3807;
}

.badge-pink {
  color: #4a148c;
  background-color: pink;
}
.badge-orange {
  color: #fff;
  background-color: var(--bs-orange);
}

.badge-success {
  color: var(--falcon-success-text-emphasis) !important;
  background-color: var(--falcon-success-bg-subtle) !important;
}
.badge-success[href]:hover,
.badge-success[href]:focus {
  text-decoration: none !important;
  color: var(--falcon-success-text-emphasis) !important;
  background-color: var(--falcon-success-bg-subtle) !important;
}

.badge-dark {
  color: var(--falcon-dark-text-emphasis);
  background-color: var(--falcon-dark-bg-subtle);
}
.badge-dark[href]:hover,
.badge-dark[href]:focus {
  text-decoration: none;
  color: var(--falcon-dark-text-emphasis);
  background-color: var(--falcon-dark-bg-subtle);
}

.navbar-vertical.navbar-vibrant .navbar-collapse {
  background-image: linear-gradient(-45deg, #e0c58c, #a4730a), url('/assets/img/generic/bg-navbar.png') !important;
  color: white !important;
}

.btn-primary {
  color: white;
  position: relative;
  background:
    linear-gradient(45deg, rgb(194, 167, 16), rgb(167, 132, 18)) padding-box,
    linear-gradient(to left, #c29b46, #cea449) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
}
.btn-primary:hover {
  position: relative;
  background:
    linear-gradient(-45deg, #cea449, #c29b46) padding-box,
    linear-gradient(to right, #c29b46, #cea449) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
}

.avatar.status-offline:before {
  background-color: #131313 !important;
}
.zammad-form-modal {
  z-index: 99999999 !important;
}
.zammad-form-modal-body {
  background: var(--falcon-emphasis-bg) !important;
}

.col-md-5.text-center.bg-card-gradient {
  background: linear-gradient(-45deg, #000, #012552);
}
.rounded {
  border-radius: 40px;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #c29b46 !important;
}

.form-control.control-radius {
  position: relative;
  padding: 0.3125rem 1rem;

  border-radius: 50em;
  border: 2px solid transparent;
}
.border-r-gold {
  border-right: 1px solid rgb(194, 155, 70);
}
.border-2px-gold {
  border: 2px solid rgb(194, 155, 70) !important;
}
.hr-container {
  position: relative;
  text-align: center;
}
hr.gold {
  position: relative;
  width: 100%;
}
.center-image {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  /* Adjust height as needed */
}

.customBG {
  background: linear-gradient(45deg, #c29b46, #7f642c, #c29b46, #6c5218, #eac473);

  background-image: url('/assets/img/Logo.png');

  background-repeat: repeat;
  animation: gradient 60s ease infinite;
  height: 100vh;
}

.customBG_noVH {
  background: linear-gradient(45deg, #121e2d, #7f642c, #2a4d69, #4b3832, #c29b46);
  background-size: 300% 300%;
  animation: gradient 15s ease infinite;
  color: white !important;
}

.gradient-text {
  background: linear-gradient(45deg, #121e2d, #7f642c, #2a4d69, #4b3832, #c29b46);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-text 15s ease infinite;
}

@keyframes gradient-text {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

[data-bs-theme='dark'] .customBG_noVH > .btn,
[data-bs-theme='dark'] .customBG_noVH > * > .btn-link {
  /* Styles for headings inside elements with the customBG_noVH class in dark theme */
  color: #ffffff !important;
}
.customBG_noVH > h1,
.customBG_noVH > h2,
.customBG_noVH > h3,
.customBG_noVH > h4,
.customBG_noVH > h5,
.customBG_noVH > h6 {
  color: white !important;
}
[data-bs-theme='dark'] .customBG_noVH > h1,
[data-bs-theme='dark'] .customBG_noVH > h2,
[data-bs-theme='dark'] .customBG_noVH > h3,
[data-bs-theme='dark'] .customBG_noVH > h4,
[data-bs-theme='dark'] .customBG_noVH > h5,
[data-bs-theme='dark'] .customBG_noVH > h6 {
  /* Styles for headings inside elements with the customBG_noVH class in dark theme */
  color: #ffffff;
}
[data-bs-theme='dark'] .customBG_noVH {
  background: linear-gradient(45deg, #121e2d, #7f642c, #2a4d69, #4b3832, #c29b46);
  background-size: 300% 300%;
  animation: gradient 15s ease infinite;
}

[data-bs-theme='dark'] .customBG {
  background: linear-gradient(45deg, #121e2d, #7f642c, #2a4d69, #4b3832, #c29b46);
  background-size: 300% 300%;
  animation: gradient 15s ease infinite;
  height: 100vh;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes fadeFromLeftBottom {
  0% {
    opacity: 0;
    transform: translate(-100%, 100%);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fadeFromMiddleTop {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeFromRightCenter {
  0% {
    opacity: 0;
    transform: translateX(100%) translateY(-50%);
  }

  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}

@keyframes fadeFromRightTop {
  0% {
    opacity: 0;
    transform: translateX(100%) translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}

@keyframes fadeFromRightBottom {
  0% {
    opacity: 0;
    transform: translateX(100%) translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}
@keyframes fadeFromLeftTop {
  0% {
    opacity: 0;
    transform: translateX(-100%) translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}
.fade-from-middle-top {
  animation: fadeFromMiddleTop 0.8s ease-in-out;
}
.fade-from-left-bottom {
  animation: fadeFromLeftBottom 1s ease-in-out;
}
.fade-from-right-center {
  animation: fadeFromRightCenter 1s ease-in-out;
}
.fade-from-right-top {
  animation: fadeFromRightTop 1s ease-in-out;
}

.fade-from-right-bottom {
  animation: fadeFromRightBottom 1s ease-in-out;
}

.fade-from-left-top {
  animation: fadeFromLeftTop 1s ease-in-out;
}

.occhiolino {
  border: none !important;
  border-radius: 0px 40px 40px 0px !important;
}
.inline-flex {
  display: inline-flex !important;
}
.text-danger-alt {
  color: #5c1623 !important;
}
.bg-danger-alt {
  color: #5c1623 !important;
}
.text-success {
  color: #00d27a !important;
}
.bg-success {
  color: #00d27a !important;
}
.fixFlexColDir {
  display: flex;
  flex-direction: column;
}
.validatedT {
  border: green 2px solid !important;
  border-radius: 5px !important;
}
.INvalidatedT {
  border: #5c1623 2px solid !important;
  border-radius: 5px !important;
}

[data-bs-theme='dark'] .customBG {
  background-color: #8e8e8e !important;
}
[data-bs-theme='dark'] .text-white-dkMode {
  color: white !important;
}
[data-bs-theme='dark'] {
  --falcon-body-color: white !important;
}
.border-right-2px {
  border-right: 2px solid #c29b46;
}
.goldTooltip {
  --falcon-tooltip-color: white !important;
  --falcon-tooltip-bg: #c29b46 !important;
  font-weight: bold !important;
  border-color: white !important;
  --falcon-tooltip-border-radius: var(--falcon-border-radius) !important;
  --falcon-tooltip-opacity: 1 !important;
}
.labelInverse {
  margin-left: 10px !important;
  margin-top: 0.275rem !important;
  margin-bottom: 0px !important;
}
footer.credits {
  border-top: 2px solid #c29b46;
  border-left: 2px solid #c29b46;
  border-right: 2px solid #c29b46;
}
.GoldRequired,
footer.credits {
  border-color: #c29b46 !important;
}
.NGmt-2 {
  margin-top: -10px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #c29b46 !important;
}
.select2-container,
.select2-container--default .select2-search--inline .select2-search__field {
  text-transform: uppercase !important;
}

@media (min-width: 1200px) {
  .Txl-xxl-check-inline {
    display: flex;
  }
  .Txl-xxl-check-inline > div {
    display: inline;
  }
  .NGmt-2 {
    margin-top: -25px;
  }
}
.countdown-container {
  text-align: center;
  background-color: #fff;
  padding: 5px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.countFlex {
  display: inline-block;
  margin: 0 10px;
}

.footer.credits {
  position: absolute;
  background: linear-gradient(-45deg, #000, #012552) !important;
  bottom: 0;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 40px 40px 0px 0px;
}
.min-vh-90 {
  min-height: 90vh !important;
}

.card.overflow-hidden.z-1.rounded.fade-from-middle-top {
  border: 4px solid #c29b46;
}
.vh-55 {
  height: 55vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-65 {
  height: 65vh !important;
}

.vh-70 {
  height: 70vh !important;
}

.vh-75 {
  height: 75vh !important;
}

.vh-80 {
  height: 80vh !important;
}

.vh-85 {
  height: 85vh !important;
}

.vh-90 {
  height: 90vh !important;
}

.vh-95 {
  height: 95vh !important;
}

/* ================================================================= dashboard charts ================================================================= */

.SCARPE,
.Hex2c7be5,
.Hex2c7be5 > g {
  fill: #2c7be5 !important;
  color: #2c7be5 !important;
}
.BORSE,
.Hex748194,
.Hex748194 > g {
  fill: #748194 !important;
  color: #748194 !important;
}
.VALIGIE,
.Hex00d27a,
.Hex00d27a > g {
  fill: #00d27a !important;
  color: #00d27a !important;
}
.SANDALI,
.Hexe63757,
.Hexe63757 > g {
  fill: #e63757 !important;
  color: #e63757 !important;
}
.GIACCHE,
.Hexf5803e,
.Hexf5803e > g {
  fill: #f5803e !important;
  color: #f5803e !important;
}
.CINTE,
.Hex27bcfd,
.Hex27bcfd > g {
  fill: #27bcfd !important;
  color: #27bcfd !important;
}
.PORTAFOGLI,
.Hexf9fafd,
.Hexf9fafd > g {
  fill: #b1b4bf !important;
  color: #b1b4bf !important;
}
.TRACOLLA,
.Hex173d6f,
.Hex173d6f > g {
  fill: #173d6f !important;
  color: #173d6f !important;
}

.text-secondary {
  color: #173d6f !important;
}

.text-white,
.tab-active-caret.nav-link.text-white,
button.whiteDropDown {
  color: #fff !important;
}
.btn-reveal-trigger.whiteDropDown:hover .btn-reveal.whiteDropDown:hover,
.btn-reveal-trigger.whiteDropDown:hover .btn-reveal.whiteDropDown:focus,
.btn-reveal-trigger.whiteDropDown:hover .btn-reveal.whiteDropDown:active,
.btn-reveal-trigger.whiteDropDown:focus .btn-reveal.whiteDropDown:hover,
.btn-reveal-trigger.whiteDropDown:focus .btn-reveal.whiteDropDown:focus,
.btn-reveal-trigger.whiteDropDown:focus .btn-reveal.whiteDropDown:active {
  color: rgba(var(--falcon-primary-rgb), var(--falcon-text-opacity)) !important;
}
.btn-reveal-trigger .btn-reveal:active:focus,
.btn-reveal-trigger .btn-reveal:active,
.btn-reveal-trigger .btn-reveal:focus {
  color: rgba(var(--falcon-primary-rgb), var(--falcon-text-opacity)) !important;
  border: 1px solid rgba(var(--falcon-primary-rgb), var(--falcon-text-opacity)) !important;
}
.jacket-icon {
  width: 16px;
  height: 16px;
}
.sandals-icon {
  width: 16px;
  height: 16px;
}

.belt-icon {
  width: 16px;
  height: 16px;
}

.handbag-icon {
  width: 16px;
  height: 16px;
}

/* ================================================================= dashboard charts ================================================================= */
#cookie-notice.notice,
.notice {
  right: 0;
  bottom: 50px;
}

/* Base styles for xs */
/*
.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}



.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
*/
.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.flex-flow-wrap-reverse {
  flex-flow: wrap-reverse;
}
.flex-flow-wrap {
  flex-flow: wrap;
}
/* Media Queries for sm, md, lg, xl, and xxl */
/* Media Queries for sm, md, lg, xl, and xxl */
.border-r-gold {
  border-right: 1px solid rgb(194, 155, 70);
}

@media (min-width: 576px) {
  .flex-flow-wrap-sm {
    flex-flow: wrap !important;
  }
  .border-r-gold-sm {
    border-right: 1px solid rgb(194, 155, 70);
  }
  .flex-column-sm {
    flex-direction: column !important;
  }
  .flex-row-sm {
    flex-direction: row !important;
  }
  .flex-row-reverse-sm {
    flex-direction: row-reverse !important;
  }

  .flex-flow-wrap-reverse-sm {
    flex-flow: wrap-reverse !important;
  }
  .flex-column-reverse-sm {
    flex-direction: column-reverse !important;
  }
  /* Justify Content */
  .justify-content-start-sm {
    justify-content: flex-start !important;
  }
  .justify-content-center-sm {
    justify-content: center !important;
  }
  .justify-content-end-sm {
    justify-content: flex-end !important;
  }
  .justify-content-between-sm {
    justify-content: space-between !important;
  }
  .justify-content-around-sm {
    justify-content: space-around !important;
  }
  /* Align Items */
  .align-items-start-sm {
    align-items: flex-start !important;
  }
  .align-items-center-sm {
    align-items: center !important;
  }
  .align-items-end-sm {
    align-items: flex-end !important;
  }
  .align-items-baseline-sm {
    align-items: baseline !important;
  }
  .align-items-stretch-sm {
    align-items: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-flow-wrap-md {
    flex-flow: wrap !important;
  }
  .flex-flow-wrap-reverse-md {
    flex-flow: wrap-reverse !important;
  }
  .border-r-gold-md {
    border-right: 1px solid rgb(194, 155, 70);
  }
  .border-r-gold-md-none {
    border-right: none !important;
  }
  .flex-column-md {
    flex-direction: column !important;
  }
  .flex-row-md {
    flex-direction: row !important;
  }
  .flex-row-reverse-md {
    flex-direction: row-reverse !important;
  }
  .flex-column-reverse-md {
    flex-direction: column-reverse !important;
  }
  /* Justify Content */
  .justify-content-start-md {
    justify-content: flex-start !important;
  }
  .justify-content-center-md {
    justify-content: center !important;
  }
  .justify-content-end-md {
    justify-content: flex-end !important;
  }
  .justify-content-between-md {
    justify-content: space-between !important;
  }
  .justify-content-around-md {
    justify-content: space-around !important;
  }
  /* Align Items */
  .align-items-start-md {
    align-items: flex-start !important;
  }
  .align-items-center-md {
    align-items: center !important;
  }
  .align-items-end-md {
    align-items: flex-end !important;
  }
  .align-items-baseline-md {
    align-items: baseline !important;
  }
  .align-items-stretch-md {
    align-items: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-flow-wrap-lg {
    flex-flow: wrap !important;
  }
  .flex-flow-wrap-reverse-lg {
    flex-flow: wrap-reverse !important;
  }
  .border-r-gold-lg {
    border-right: 1px solid rgb(194, 155, 70);
  }
  .border-r-gold-lg-none {
    border-right: none !important;
  }
  .flex-column-lg {
    flex-direction: column !important;
  }
  .flex-row-lg {
    flex-direction: row !important;
  }
  .flex-row-reverse-lg {
    flex-direction: row-reverse !important;
  }
  .flex-column-reverse-lg {
    flex-direction: column-reverse !important;
  }
  /* Justify Content */
  .justify-content-start-lg {
    justify-content: flex-start !important;
  }
  .justify-content-center-lg {
    justify-content: center !important;
  }
  .justify-content-end-lg {
    justify-content: flex-end !important;
  }
  .justify-content-between-lg {
    justify-content: space-between !important;
  }
  .justify-content-around-lg {
    justify-content: space-around !important;
  }
  /* Align Items */
  .align-items-start-lg {
    align-items: flex-start !important;
  }
  .align-items-center-lg {
    align-items: center !important;
  }
  .align-items-end-lg {
    align-items: flex-end !important;
  }
  .align-items-baseline-lg {
    align-items: baseline !important;
  }
  .align-items-stretch-lg {
    align-items: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-flow-wrap-xl {
    flex-flow: wrap !important;
  }
  .flex-flow-wrap-reverse-xl {
    flex-flow: wrap-reverse !important;
  }
  .flex-column-xl {
    flex-direction: column !important;
  }
  .flex-row-xl {
    flex-direction: row !important;
  }
  .flex-row-reverse-xl {
    flex-direction: row-reverse !important;
  }
  .flex-column-reverse-xl {
    flex-direction: column-reverse !important;
  }
  /* Justify Content */
  .justify-content-start-xl {
    justify-content: flex-start !important;
  }
  .justify-content-center-xl {
    justify-content: center !important;
  }
  .justify-content-end-xl {
    justify-content: flex-end !important;
  }
  .justify-content-between-xl {
    justify-content: space-between !important;
  }
  .justify-content-around-xl {
    justify-content: space-around !important;
  }
  /* Align Items */
  .align-items-start-xl {
    align-items: flex-start !important;
  }
  .align-items-center-xl {
    align-items: center !important;
  }
  .align-items-end-xl {
    align-items: flex-end !important;
  }
  .align-items-baseline-xl {
    align-items: baseline !important;
  }
  .align-items-stretch-xl {
    align-items: stretch !important;
  }
}

@media (min-width: 1540px) {
  .flex-flow-wrap-xxl {
    flex-flow: wrap !important;
  }
  .flex-flow-wrap-reverse-xxl {
    flex-flow: wrap-reverse !important;
  }
  .flex-column-xxl {
    flex-direction: column !important;
  }
  .flex-row-xxl {
    flex-direction: row !important;
  }
  .flex-row-reverse-xxl {
    flex-direction: row-reverse !important;
  }
  .flex-column-reverse-xxl {
    flex-direction: column-reverse !important;
  }
  /* Justify Content */
  .justify-content-start-xxl {
    justify-content: flex-start !important;
  }
  .justify-content-center-xxl {
    justify-content: center !important;
  }
  .justify-content-end-xxl {
    justify-content: flex-end !important;
  }
  .justify-content-between-xxl {
    justify-content: space-between !important;
  }
  .justify-content-around-xxl {
    justify-content: space-around !important;
  }
  /* Align Items */
  .align-items-start-xxl {
    align-items: flex-start !important;
  }
  .align-items-center-xxl {
    align-items: center !important;
  }
  .align-items-end-xxl {
    align-items: flex-end !important;
  }
  .align-items-baseline-xxl {
    align-items: baseline !important;
  }
  .align-items-stretch-xxl {
    align-items: stretch !important;
  }
}

.showGrid::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 20px 20px;
  pointer-events: none;
  z-index: 99999;
}
.h-90 {
  height: 90% !important;
}
[data-bs-theme='light'] .newCustFa,
[data-bs-theme='dark'] .newCustFa {
  color: white !important;
}
[data-bs-theme='light'] .showGrid::before {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px);
}

[data-bs-theme='dark'] .showGrid::before {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
}

/* lightmode fixes */

[data-bs-theme='light'] .search-box .search-input {
  border-color: rgb(194, 155, 70) !important;
} /* lightmode fixes */
/* darkmode fixes */
[data-bs-theme='dark'] .text-secondary {
  color: white !important;
}

/* end darkmode fixes */
/*start - navbar fixes*/

.navbar-toggler-humburger-icon:hover,
.navbar-toggler-humburger-icon:focus {
  background-color: #ddc1878f !important;
}
/* Aggiungi questa classe per gestire le transizioni */
.logo-transition {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
/* Dimensioni e visibilità del logo per i vari breakpoint */
.logo {
  max-width: 100%;
  height: auto;
}

@media (max-width: 575.98px) {
  /* Extra small devices (portrait phones, less than 576px) */
  .logo {
    width: 50px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  /* Small devices (landscape phones, 576px and up) */
  .logo {
    width: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  /* Medium devices (tablets, 768px and up) */
  .logo {
    width: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Large devices (desktops, 992px and up) */
  .logo {
    width: 50px;
  }
}

@media (min-width: 1200px) {
  /* Extra large devices (large desktops, 1200px and up) */
  .logo {
    width: 130px;
  }
}

/* Gestione della modalità scura e chiara */
html[data-bs-theme='light'] #logo-light {
  display: block;
}

html[data-bs-theme='light'] #logo-dark {
  display: none;
}

html[data-bs-theme='dark'] #logo-light {
  display: none;
}

html[data-bs-theme='dark'] #logo-dark {
  display: block;
}

/* Spaziature e padding */
.navbar-brand {
  padding: 0.5rem 1rem;
}

.addLeft {
  max-width: 10% !important;
}
@media (max-width: 678px) {
  .addLeft {
    max-width: none !important;
  }
}
@media (max-width: 575.98px) {
  .navbar-brand {
    padding: 0.25rem 0.5rem;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  /* Il tuo codice CSS qui 
    .navbar-vertical {
       top: calc(85px) !important;
      /* z-index: 25000;* /
    }
    .content{
     width: 100% !important;
   
    }
    */
  .logo {
    width: 50px;
  }
}
@media (max-width: 1279) {
  .cookie-notice {
  }
}
/*end - navbar fixes*/
.nav-link-card-details .active,
a.nav-link.nav-link-card-details.active {
  background-color: var(--falcon-kanban-nav-link-card-details-hover-bg);
  color: var(--falcon-kanban-nav-link-card-details-color);
}

/* Per gli account attivi, aggiungi un pallino verde */
a.accountState_active::after {
  content: ' •';
  color: green;
  margin-left: 5px; /* Opzionale: aggiunge spazio tra il testo e il pallino */
}

/* Per gli account disabilitati, aggiungi un pallino rosso */
a.accountState_disabled::after {
  content: ' •';
  color: red;
  margin-left: 5px; /* Opzionale: aggiunge spazio tra il testo e il pallino */
}
@keyframes blink {
  0% {
    color: #ddc1878f;
  }
  50% {
    color: red;
  }
  100% {
    color: #ddc1878f;
  }
}

.blinking {
  animation: blink 1s infinite;
}

.btn-secondary {
  background: #0b1627f5;
  color: #ddc187;
  border: 2px solid #ddc187;
  border-radius: 15px 0px;
}
.btn-secondary:active {
  color: #ddc187 !important;
  background-color: #51462f !important;
}
.btn-secondary:hover {
  color: #0b1627;
  text-decoration: none;
  background-color: #ddc187;
  border-color: #0b1627;
}

.border-squared {
  border-radius: 0px 0px 0px 0px;
}

.bg-btn-primary {
  color: white;
  background:
    linear-gradient(45deg, rgb(194, 167, 16), rgb(167, 132, 18)) padding-box,
    linear-gradient(to left, #c29b46, #cea449) border-box;
}
.bg-btn-primary-dark {
  color: white;
  background-color: rgb(194, 155, 70);
}
.pagination-dots {
  display: flex;
  justify-content: center;
}

/***  newtask **/
.dropzone .dz-preview .dz-progress {
  margin-top: 0px !important;

  right: 3% !important;
}

.fixFlexColDir {
  display: flex;
  flex-direction: column;
}

.select2-container,
.select2-container--default .select2-search--inline .select2-search__field {
  /*text-transform: uppercase !important;*/
}

.select2-container .select2-selection--single {
  height: auto !important;
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
  padding-left: 1.25rem !important;
  font-size: 1.2rem !important;
  border-radius: var(--falcon-border-radius-lg) !important;
}

.customerCol .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
  font-size: 13px;
}

.select2-selection__choice__remove {
  margin-top: 5px !important;
  color: #c29b46 !important;
}

.select2-selection__choice__display {
  margin-left: 10px !important;
}
.select2-container .select2-selection--single {
  font-size: 0.93rem !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 0.813rem !important;
  border: 0;
  background-color: var(--falcon-gray-200) !important;

  color: var(--falcon-body-color) !important;
}

#customerPicker > span.select2.select2-container {
  max-width: calc(80% + 19.88px) !important;

  width: -webkit-fill-available !important;
  margin-left: -2.5px !important;
}

#customerPicker > .select2-container .select2-selection--single {
  border-radius: 0px 4px 4px 0px !important;
}

#customerPicker > span.select2 {
  max-width: calc(90% + 19.88px) !important;

  width: -webkit-fill-available !important;
}

#customerPicker.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
@media (max-width: 768px) {
  /*.invoiceReqCol,
  .paymentReqCol {
    display: flex;
    flex-direction: column !important;
    flex: 1 !important;
  }
  */
}
.pagination-dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pagination-dot {
  width: 12px;
  height: 12px;
  background-color: grey;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.pagination-dot.active {
  background-color: #c29b46 !important;
}
/* Icon spacing */
#prevTabButton i {
  margin-right: 5px;
}

#nextTabButton i {
  margin-left: 5px;
}

/* Pointed and rounded border styles */
#nextTabButton {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

#prevTabButton {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

/* "Crea" button with default rounded corners */
#crea_modal {
  border-radius: 25px;
}
@media (max-width: 576px) {
  #customerPicker > span.select2.select2-container {
    max-width: calc(80% + 14px) !important;
  }
}
.newtask span#select2-status-container {
  margin-top: 4px !important;
}
/** newtask **/
/** dashboard .dashboard-page **/
/** dashboard admin **/
@media (min-width: 1540px) {
  .mt-xxl-n4 {
    margin-top: -13.8rem !important;
  }
  .mt-xxl-n8 {
    margin-top: -17.8rem !important;
  }
}
.rangeFP {
  text-align: center !important;
}
.flatpickr-calendar.predefinedRange .flatpickr-predefined-ranges > .active,
.flatpickr-calendar.predefinedRange .flatpickr-predefined-ranges > *:active:focus,
.flatpickr-calendar.predefinedRange .flatpickr-predefined-ranges > *:active,
.flatpickr-calendar.predefinedRange .flatpickr-predefined-ranges > *:focus {
  background-color: var(--falcon-primary);
  color: var(--falcon-white);
}
/** dashboard .dashboard-page **/
.min-vh-80 {
  min-height: 80vh;
}

/* Per risoluzioni maggiori di 1200px */
@media (min-width: 1200px) {
  .modal-xxl {
    max-width: 1190px !important;
    --falcon-modal-width: 1190px;
  }
}

/* Per risoluzioni maggiori di 1400px */
@media (min-width: 1400px) {
  .modal-xxl {
    max-width: 1380px !important;
    --falcon-modal-width: 1380px;
  }
}

/* Per risoluzioni maggiori di 1600px */
@media (min-width: 1600px) {
  .modal-xxl {
    max-width: 1580px !important;
    --falcon-modal-width: 1580px;
  }
}

/* Per risoluzioni maggiori di 1800px */
@media (min-width: 1800px) {
  .modal-xxl {
    max-width: 1780px !important;
    --falcon-modal-width: 1780px;
  }
}

/* Per risoluzioni maggiori di 2000px */
@media (min-width: 2000px) {
  .modal-xxl {
    max-width: 1980px !important;
    --falcon-modal-width: 1980px;
  }
}

/* Per risoluzioni maggiori di 2500px */
@media (min-width: 2500px) {
  .modal-xxl {
    max-width: 2480px !important;
    --falcon-modal-width: 2480px;
  }
}

/* Per risoluzioni maggiori di 3000px */
@media (min-width: 3000px) {
  .modal-xxl {
    max-width: 2980px !important;
    --falcon-modal-width: 2980px;
  }
}

/* Per risoluzioni maggiori di 3500px */
@media (min-width: 3500px) {
  .modal-xxl {
    max-width: 3480px !important;
    --falcon-modal-width: 3480px;
  }
}

/* Per risoluzioni maggiori di 3840px */
@media (min-width: 3840px) {
  .modal-xxl {
    max-width: 3820px !important;
    --falcon-modal-width: 3820px;
  }
}

.py-2-3 {
  padding-top: 0.65em !important;
  padding-bottom: 0.65rem !important;
}