@media (min-width: 1200px) {
    body[data-layout=horizontal] .container-fluid,body[data-layout=horizontal] .navbar-header {
        max-width: 100%;
    }
    .modal-xl {
      max-width: 1375px;
      margin: 0.75rem auto;
    }
}
@media (min-width: 900px) {
    .modal-xl.xxl {
        max-width: 98%;
    }
}

.z-1 {
	z-index: 1;
}

.w-0 {
    width: 0!important
}
.w-8 {
    width: 8.33333%!important
}
.w-17 {
    width: 16.66666%!important
}
.w-33 {
    width: 33.33333%!important
}
.w-42 {
    width: 41.66666%!important
}
.w-58 {
    width: 58.33333%!important
}
.w-66 {
    width: 66.66666%!important
}
.w-83 {
    width: 83.33333%!important
}
.w-92 {
    width: 91.66666%!important
}
.w-10 {
    width: 10%!important
}
.w-20 {
    width: 20%!important
}
.w-30 {
    width: 30%!important
}
.w-40 {
    width: 40%!important
}
.w-60 {
    width: 60%!important
}
.w-70 {
    width: 70%!important
}
.w-80 {
    width: 80%!important
}
.w-90 {
    width: 90%!important
}
.w-fit-content {
    width: fit-content!important
}

#page-topbar, .topnav {
	position: relative;
	padding: 0;
	margin: 0;
}

body[data-layout=horizontal] .page-content {
    margin: 0;
    padding: 2em 1em;
}

.main-content {
    overflow: visible;
}

body #layout-wrapper #page-topbar {
	background-color: black;
}

.trumbowyg-modal {
	position: fixed;
}

.trumbowyg-box {
	max-height: 100%;
	min-height: 125px;
}

.trumbowyg-editor {
	padding: 5px 10px;
}

.trumbowyg-editor[contenteditable=true]:empty::before {
    content: attr(placeholder);
    color: #999;
	font-size: 1.5em;
}

.trumbowyg-editor p {
	margin-bottom: 0.5rem;
}

li.nav-item.dropdown-divider {
    border: 1px solid #e9e9ef;
    margin: .5rem;
    height: auto;
    width: 0;
    overflow: hidden;
}

.dropdown-header {
    padding: .2rem .4rem 0 .4rem;
    font-size: inherit;
    font-weight: 600;
}
.dropdown-header:not(:first-of-type) {
    padding-top: .8rem;
    border-top: 1px solid #e9e9ef;
}
.topnav .navbar-nav .nav-link, .topnav .navbar-nav .dropdown-item {
    font-size: 18px;
}
.topnav .navbar-nav .nav-link i {
    font-size: inherit;
}

.valid-tooltip, .invalid-tooltip {
	top: auto !important;
}

.valid-tooltip:empty, .invalid-tooltip:empty {
	display: none !important;
}

input.is-invalid + span.text-danger {
    position: absolute;
}

.auth-bg {
    background-image: url(../images/auth-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.auth-bg .bg-overlay {
    background: black;
    opacity: .4;
}
.bg-bubbles li {
    border-radius: 20%;
}

#alert-container {
	z-index: 1100; /* over modals */
	margin-top: -2em;
	position: absolute;
	width: 100%;
}	
#alert-container > div {
	margin: 0 auto;
	width: 50%;
}	

#elenco > thead, #elenco > tfoot {
	background-color: #1c84ee22;
}

table.table.dataTable > thead .sorting::before,
table.table.dataTable > thead .sorting_asc::before,
table.table.dataTable > thead .sorting_desc::before,
table.table.dataTable > thead .sorting_asc_disabled::before,
table.table.dataTable > thead .sorting_desc_disabled::before {
  right:1em;
  content:"\25B2"; /* Freccia su ▲ */
}
table.table.dataTable > thead .sorting::after,
table.table.dataTable > thead .sorting_asc::after,
table.table.dataTable > thead .sorting_desc::after,
table.table.dataTable > thead .sorting_asc_disabled::after,
table.table.dataTable > thead .sorting_desc_disabled::after {
  right:.3em;
  content:"\25BC"; /* Freccia giù ▼ */
}

.table th {
    font-weight: bold;
/*    text-decoration: underline;*/
}

.table-striped>tbody>tr:nth-of-type(2n+1):has(i.annullato), .table-striped>tbody>tr:nth-of-type(odd):has(i.annullato), tr:has(i.annullato) {
	color: red;
}

.photo-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.photo-modal-overlay.show {
    display: flex;
}

.photo-modal-image {
    width: 400px;
    height: 400px;
    object-fit: cover;
    cursor: pointer;
}

#elenco_wrapper > div:first-child select.form-select {
	display: inline-block;
	width: auto;
}

#elenco_wrapper > div:first-child {
	margin-top: 0 !important;
}

#elenco_wrapper > div:first-child label {
	margin-bottom: .25rem !important;
	margin-top: .25rem !important;
}
.table-striped > tbody > tr.selected {
	--bs-table-accent-bg: #0000ff22;
}
.table-striped > tbody > tr.selected:nth-of-type(2n+1) {
	--bs-table-accent-bg: #0000ff33;
}

img.qr {
	height: 50px;
}
img.qr.code {
	image-rendering: pixelated;
}
.modal img.qr {
	position: absolute;
	right: 0;
	margin: 10px;
	height: 80%;
}

.bootbox .modal-dialog {
	box-shadow: 0 0 0 100rem #0006;
}
.modal-header {
	background-color: #00f2;
}

.vr {
	opacity: .4;
}

.btn-warning {
    color: inherit;
}

.btn-outline-primary:hover {
	background-color: #eeeeff !important;
	color: #1c84ee;
}

.btn-outline-danger:hover {
	background-color: #ffeeee !important;
	color: #ef6767;
}

.btn-outline-success:hover {
	background-color: #eeffee !important;
	color: #34c38f;
}

.btn-outline-secondary:hover {
	background-color: #eeeeee !important;
	color: #74788d;
}

.choices__list--dropdown {
    z-index: 100;
}
.choices__inner {
    padding: 0;
}
.choices__list--multiple .choices__item {
    margin: 1px;
}
.choices__list.choices__list--single {
    padding: 8px 30px 0 8px;
}
.choices {
    margin-bottom: 0;
}
.choices__inner, .choices__list--single .choices__item, .choices__list--dropdown .choices__item {
    font-size: inherit;
}
.choices__item span {
    width: 100%;
    display: inline-block;
}
.choices__item--choice {
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

hr {
    opacity: 1;
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 10px;
    }
}

.bounce {
  animation: bounce 2s ease infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(-10px);}
	40% {transform: translateY(-60px);}
	60% {transform: translateY(-30px);}
}

input[switch=switch]:checked+label:after {
    left: auto;
    right: 3px;
}
input[switch=switch]:checked+label {
    background-color: #1c84ee;
}
input[switch=switch]+label {
    background-color: #1c84ee;
}
input[switch=switch]+label:before {
    color: #ffffff;
    right: 3px;
    left: auto;
}

th:empty {
  display: none;
}

#edit {
	background-color: #00f1;
}

.dt-actions {
    width: 0 !important;
}

.fc-time-grid-container {
    display: none;
}
.fc-event-container .fc-event .fc-content {
    color: inherit;
    white-space: wrap;
    padding: 7px 5px 5px;
    font-size: 1.2em;
}
th.fc-axis, td.fc-axis {
    display: none;
}
.fc-event {
    cursor: default;
}

body[data-topbar=dark] .alertify .ajs-dialog .ajs-header {
    background-color: #1c84ee;
    color: #fff;
}

body[data-layout-mode=dark] .alertify .ajs-dialog .ajs-header {
    background-color: #282f36;
    color: #fff;
}