/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.mb-200 {margin-bottom: 200px !important;}

.fs-28 {font-size: 28px !important;}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .no-transform {padding-left: 0 !important;}

.user-badge {width: 40px; height: 40px; color: #ffffff;}
.bg-user-badge-hera {background-color: #da007e;}
.bg-title {background-color: #a9aeae;}
.bg-title h4 {color: #ffffff;}

.icon-foto-on {color:#df8005;}
.icon-foto-muted {color:#eaeaea;}

th.sort button {
  border: none;
  background-color: white;
  font-weight:bold;
  color:#777;
  padding: 0;
  margin:0;
}
th.sort.activeDirDown button, th.sort.activeDirUp button {
  border: none;
  background-color: white;
  font-weight:bold;
  color:#000;
  padding: 0;
  margin:0;
}

.table .sort::before {left: 0; right:unset; font-size: 1.2rem; }
.table .sort::after {left: 0; right:unset; font-size: 1.2rem; }
.table .sort::before {top: 16px; color: #cccccc;}
.table .sort::after {top: 5px; color: #cccccc;}
.table .activeDirUp::before, .table .activeDirDown::after {color: #cccccc;}
.table .activeDirUp::after, .table .activeDirDown::before {color: #555555;}
.table > :not(caption) > * > * {padding: .75rem 1.2rem .75rem .875rem;}

.table-striped > tbody > tr:nth-of-type(odd) > * {background-color: #f9f9f9; color:#555555;}

.menu-title span {padding: 12px 12px;}

.navbar-menu .navbar-nav .nav-sm .menu-indietro {padding-left: 0; color: #7c7f90;}
.navbar-menu .navbar-nav .nav-sm .menu-indietro:hover {color: #25a0e2;}

.user-badge-forn,
.bg-overlay {background-color:#6d879d;}

.custom-progress {height: 25px;}

.progress-label .progress-bar .label {right: 0;}
.progress-label .progress-bar .label::after {left: 90%;}

.progress-label-e {overflow: visible;}
.progress-label-e .progress-bar {position: relative; overflow: visible;}
.progress-label-e .progress-bar .label {position: absolute; top: -25px; right: -18px; background-color: #25a0e2; color: #fff; display: inline-block; line-height: 18px; padding: 0 4px; border-radius: 4px;}
.progress-label-e .progress-bar .label:after {content: ""; position: absolute; border: 4px solid transparent; border-top-color: #25a0e2; bottom: -7px; left: 18%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.ombra {-webkit-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);}

.menu-divider {border-top: 1px solid rgba(0, 0, 0, 0.5); width: 80%; margin: auto;}

.no-transform {text-transform: none;}

.larghezza-label {width: 160px;}
.larghezza-label-mod {width: 230px;}
.larghezza-label-file {padding-left: 1.45rem; padding-right: 1.45rem;}

.choices {display: inline-flex; flex: 1 1 min-content;}
.choices__inner {padding: 0.25rem;}

.foto-pod { border: 1px solid #dddddd; border-radius: var(--vz-card-border-radius); padding: 24px;}

.datetimebox {display: none !important}

.form-switch-lg {padding-left: 0;}
.form-check-right .form-check-label {display: inline-block;}
.form-check-right.form-switch .form-check-input {margin-right: -5.6rem; margin-top: 0.3rem;}

.accordion-button:not(.collapsed) {color: inherit;}

.accordion { --vz-accordion-btn-bg: rgb(243, 246, 249); --vz-accordion-active-bg: rgb(243, 246, 249);}

#table-scroll { cursor: grab;  user-select: none;}
#table-scroll:active { cursor: grabbing;}

.btn-dash {width: 84%;}

.choices__list--dropdown .choices__list {max-height: 330px;}

#stato .badge {font-size: 0.85rem; padding: 0.45rem 0.8rem;}

.tooltip {--vz-tooltip-border-radius: 1rem; --vz-tooltip-font-size: 0.9rem;   --vz-tooltip-padding-x: 0.55rem; --vz-tooltip-max-width: 320px;}

.ul-tooltip {padding-left: 1rem; text-align: left;}

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

.accordion-tabella th, .accordion-tabella td {
  text-align: left;
  padding: 15px;
  border-bottom: 1px solid #555; /* Aggiungi una linea nera sotto ogni cella */
  border-top: 1px solid #555;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.accordion-tabella tr {
  background-color: #fff;
  color: #000;
}

.accordion-tabella th {
  background-color: #F3F6F9;
  color: black;
}

.progress-label .progress-bar .label {font-size: .8rem;}

@keyframes blink {
  0% {opacity: 1;}
  50% {opacity: 0.2;}
  100% {opacity: 1;}
}

.blink {
  animation: blink 1s infinite;
}

#tableLabels {border-top: 3px solid #eeeeee;}
#tableLabels th {color: #777777;}

.sort-top {
	padding: .75rem 1.2rem .75rem .875rem;
}

.sort-top:last-child {
  padding: .75rem 3rem .75rem .875rem;
}

.box-notifiche {
  max-height: 600px;
  overflow-y: scroll;
}

.sidebar-box-footer {position:fixed; bottom: 0; width: 249px;}
.sms-info {
  padding: 0.55rem 1.5rem 0.55rem 1rem !important;
  color: var(--vz-vertical-menu-sub-item-color);
  white-space: none;
  position: relative;
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
}

.sms-alert {background-color:red; color:white; font-weight:bold;}