:root {
  --as-primary: #1e3444;
  --as-primary-dark: #4f4e4e;
  --as-secondary: #00b0f0;
  --as-text: #4f4e4e;
  --as-light: #A2A2A2;
  --as-grey: #EDEDED;
  --as-red: #F01149;
  --as-yellow: #FEBE00;
  --as-green: #5EBB00;
  --as-blue: #0E7FC3;
  --as-danger: #C30E0E;
  --as-bg-body: #F2F2F2;
  --as-border-color: #F2F2F2;
  --as-bg-box: #FAFAFA;
  --as-bg-box-dark: #E8E8E8;
  --as-table-bg: #FAFCFD;
  --as-separator: #E5E5E5;
  --as-separator-dark: #DBDBDB;
  --as-icon-red: #FEE6EC;
  --as-icon-yellow: #FFF9E5;
  --as-icon-green: #F1F8E8;
  --as-icon-blue: #E6F2F9; /* rgba(14, 127, 195, 0.1); */
  --as-btn-primary: #24408f;
  --as-btn-primary-hover: #24408f;
  --as-btn-secondary: #00b0f0;
  --as-btn-secondary-hover: #d3dce0;
  --as-tab-selected: #E6F2F9;
  --bgholder: rgba(0,0,0,.5);
}

html, body {height: 100%;}
body {font-family: 'Noto Sans', sans-serif; background-color: var(--as-bg-body) !important; color: var(--as-text) !important;}

header .logo {max-width: 145px;}
footer .logo {height: 40px;}
.logo-text {max-width: 145px;}

.form-signin {max-width: 350px; margin: auto;}
.bg-theme {background: var(--as-primary);}
.bg-login {background-color: var(--as-primary);background-image: url("/img/web/bg_login.png");background-position: bottom right;background-repeat: no-repeat;background-size: cover;}
.bi {display:inline-block;vertical-align:-.125em}

.input-group-text.is-invalid {border-color: #dc3545;}
.input-group-text.is-valid {border-color: #198754;}

.form-label {font-size: 0.875rem;}
.form-control, .input-group-text {border-color: var(--as-border-color);border-radius:.5rem;}
.form-check-input:checked {background-color: var(--as-primary);border-color: var(--as-primary);}
.form-control, .btn {padding: .5rem .75rem}

.form-select {padding: .5rem 2.25rem .5rem .75rem;border-color: var(--as-border-color);border-radius: .5rem;}

.btn-check + .btn-simple {color: var(--as-text);background-color: #fff;border-color: #fff}

.btn-check:active + .btn-simple,
.btn-check:checked + .btn-simple,
.btn-simple.active,
.btn-simple:active,
.show > .btn-simple.dropdown-toggle {color: #fff; background-color: var(--as-btn-primary); border-color: var(--as-btn-primary); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

.btn-check + .btn-custom img {max-width: 80px;}
.btn-check + .btn-custom .ico-check {display: none;}
.btn-check + .btn-custom {color: #fff; opacity: .3;}
.btn-check + .btn-custom.no-opacity {color: #fff; opacity: 1;}
.btn-check + .btn-car {background-color: var(--as-green);border-color: var(--as-green)}
.btn-check + .btn-minicar {background-color: var(--as-blue);border-color: var(--as-blue)}
.btn-check + .btn-motorcycle {background-color: var(--as-yellow);border-color: var(--as-yellow)}

.btn-check + .btn-device-one {background-color: var(--as-green);border-color: var(--as-green)}
.btn-check + .btn-device-two {background-color: var(--as-yellow);border-color: var(--as-yellow)}
.btn-check + .btn-device-three {background-color: var(--as-red);border-color: var(--as-red)}

.btn-check + .btn-monthly {background-color: var(--as-primary);border-color: var(--as-primary)}
.btn-check + .btn-annual {background-color: var(--as-primary-dark);border-color: var(--as-primary-dark)}

.btn-check:active + .btn-custom,
.btn-check:checked + .btn-custom,
.btn-custom.active,
.btn-custom:active,
.show > .btn-custom.dropdown-toggle {opacity: 1; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

.btn-check:active + .btn-custom .ico-check,
.btn-check:checked + .btn-custom .ico-check,
.btn-custom.active .ico-check,
.btn-custom:active .ico-check,
.show > .btn-custom.dropdown-toggle .ico-check {display: block;}

.pointer, .cursor-pointer {cursor:pointer !important;}

.heading-sep {position:relative;text-align: center}
.heading-sep:before {content: "";display: block;border-top: solid 1px #E3E3E3;width: 100%;height: 1px;position: absolute;top: 50%;z-index: 0;}
.heading-sep span {background: #fff; color: var(--as-text); padding: 0 10px;position: relative;z-index: 1;}

.simple-datatable .table > :not(caption) > * > * {color: var(--as-text); border-color: var(--as-separator) !important; /* background-color: transparent; box-shadow: inset 0 0 0 9999px var(----as-table-bg);*/}
.simple-datatable .table-striped > tbody > tr:nth-of-type(2n+1) > *,
.simple-datatable .table-striped > tbody > tr > * {color: var(--as-text); border: none !important;line-height: 1.5;}
.simple-datatable .table-striped > tbody > tr:nth-of-type(2n+1) {--bs-table-accent-bg: var(--as-table-bg);}
table .w-auto {width: 1% !important;white-space: nowrap;}

.simple-datatable table.table-striped > tfoot {border-width: 1px 0 0 0;border-color: var(--as-separator) !important;}
.simple-datatable table.table-striped > tfoot tr:last-child {font-weight: bold;}

.simple-datatable table.table-striped > thead .sorting,
.simple-datatable table.table-striped > thead .sorting_asc,
.simple-datatable table.table-striped > thead .sorting_desc,
.simple-datatable table.table-striped > thead .sorting_asc_disabled,
.simple-datatable table.table-striped > thead .sorting_desc_disabled,
.simple-datatable table.table-striped > thead th {border-width: 0 0 1px 0;font-size: 0.75rem;text-transform: uppercase;font-weight: normal;}
table.table-striped > thead .sorting::before,
table.table-striped > thead .sorting::after,
table.table-striped > thead .sorting_asc::before,
table.table-striped > thead .sorting_asc::after,
table.table-striped > thead .sorting_desc::before,
table.table-striped > thead .sorting_desc::after,
table.table-striped > thead .sorting_asc_disabled::before,
table.table-striped > thead .sorting_asc_disabled::after,
table.table-striped > thead .sorting_desc_disabled::before,
table.table-striped > thead .sorting_desc_disabled::after { bottom: 0.75em; color: var(--as-primary);}
.simple-datatable .dataTables_wrapper,
.simple-datatable div:first-child {/*width: 100%;*/}
.simple-datatable .dataTables_info {display: none;}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {--bs-table-accent-bg: inherit;}

table tr[href]:hover, table tr.pointer:hover {
  cursor: pointer;
  opacity: .8;
  box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
}

/* --- CSS delle icone presenti sulle tabelle all'interno dei link --- */
.table tbody td a .bi {width: 18px; height: 18px; color: #000000;}
.table tbody td a .bi:hover {color: var(--as-primary-dark);}

/* --- Inizio Table responsive --- */
@media screen and (max-width: 600px) {
  table {border: 0;}

  table .w-auto {width: auto !important;}

  table caption {font-size: 1.3em;}

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border: 1px solid var(--as-separator);
    border-radius: .5rem;
    display: block;
    margin-bottom: .625em;
  }

  table td {
    border-bottom: 1px solid var(--as-separator);
    display: block;
    /*font-size: .8em;*/
    text-align: right;
    height: auto !important;
  }

  table tfoot {border: none !important;}
  table tfoot tr {border: none;}
  table tfoot td {text-align: center;}

  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }

  .datatable .controls .limit{font-size:0}

  td[data-ignore="1"] {display: none;}
  /*tr:has(td[data-middle="1"]) {display: flex;justify-content: space-between !important;}*/
  tr[data-middle="1"] {display: flex;justify-content: space-between !important;}

}
/* --- Fine Table responsive --- */

/* Layout */
.max-width-100 {max-width: 100px;}
.accordion-max-height {max-height: 485px; overflow: auto;}

/* Font */
.fs-10 {font-size: 0.625rem;}
.fs-12 {font-size: 0.75rem;}
.fs-14 {font-size: 0.875rem;}
.fs-18 {font-size: 1.125rem;}
.fs-20 {font-size: 1.25rem;}
.fs-22 {font-size: 1.375rem;}
.fs-24 {font-size: 1.5rem;}
.fs-26 {font-size: 1.625rem;}
.fs-28 {font-size: 1.75rem;}
.fs-30 {font-size: 1.875rem;}
.fs-32 {font-size: 2rem;}

/* Background, text color and border */
a {color: var(--as-primary);}
a:hover {color: #14638e;}

.box-rounded {border-radius: 0.625rem;}
.box-rounded-2 {border-radius: 1.25rem;}

.text-theme-primary {color: var(--as-primary) !important;}
.text-theme-secondary {color: var(--as-secondary) !important;}
.text-theme-base {color: var(--as-text) !important;}
.text-theme-light {color: var(--as-light) !important;}
.text-theme-red {color: var(--as-red) !important;}

.bg-box {background-color: var(--as-bg-box) !important;}
.bg-box-dark {background-color: var(--as-bg-box-dark) !important;}

.bg-primary {background-color: var(--as-primary) !important;}
.bg-secondary {background-color: var(--as-secondary) !important;}
.bg-green {background-color: var(--as-green) !important;}
.bg-yellow {background-color: var(--as-yellow) !important;}
.bg-red {background-color: var(--as-red) !important;}
.text-green {color: var(--as-green) !important;}
.text-danger {color: var(--as-danger) !important;}

.bg-icon-red {background-color: var(--as-icon-red) !important;}
.bg-icon-yellow {background-color: var(--as-icon-yellow) !important;}
.bg-icon-green {background-color: var(--as-icon-green) !important;}
.bg-icon-blue {background-color: var(--as-icon-blue) !important;}

.border-theme {border-color: var(--as-separator-dark);}
.border-theme-primary {border-color: var(--as-primary) !important;}

.ico-social {width: 16px;height: 16px;object-fit: contain;}

/* Toast */
.toast {max-width: 300px; width: auto;}
.toast.error {background-color: rgba(220,53,69,.9);color: #ffffff;}
.toast ul {list-style: none;padding: 0;margin: 0;}

/* Button style */
.btn {border-radius: 0.5rem;}
.btn-theme-primary, .btn-theme-primary:focus {color: #fff;background-color: var(--as-btn-primary);border-color: var(--as-btn-primary);}
.btn-theme-primary:hover {color: #fff;background-color: var(--as-btn-primary-hover);border-color: var(--as-btn-primary-hover);}

.btn-theme-secondary, .btn-theme-secondary:focus {color: #fff;background-color: var(--as-btn-secondary);border-color: var(--as-btn-secondary);}
.btn-theme-secondary:hover {color: #fff;background-color: var(--as-btn-secondary-hover);border-color: var(--as-btn-secondary-hover);}

/* Breadcrumb */
.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before {color: #9F9F9F;}
.breadcrumb-item a:hover, .breadcrumb-item.active {color: var(--as-primary);}

/* Tab Pills */
.nav-theme {margin-bottom: calc(var(--bs-gutter-x) * .5)}
.nav-theme .nav-item {margin-bottom: calc(var(--bs-gutter-x) * .5);}
.nav-theme .nav-item:not(:first-child) {margin-left: calc(var(--bs-gutter-x) * .5);}

.nav-theme .nav-item .nav-link {background-color: var(--as-primary); color: #ffffff; border-radius: .5rem; text-transform: uppercase;}
.nav-theme .nav-item .nav-link.active,
.nav-theme .nav-item .nav-link:hover {background-color: var(--as-tab-selected); color: var(--as-primary);}

/* Accordion */
/*.accordion-body {padding: calc(var(--bs-gutter-x) * .5);}*/
.accordion-item {border: none !important; border-color: var(--as-border-color);}
/*.accordion-button:focus {border-color: transparent;box-shadow: none;}*/
.accordion-button:focus,
.accordion-button {color: var(--as-primary);background-color: #fff;border: 1px solid var(--as-border-color);border-radius: var(--bs-accordion-inner-border-radius) !important; box-shadow: none !important;}
/*.accordion-button:not(.collapsed) {color: #fff;background-color: var(--as-secondary);}*/
.accordion-button:not(.collapsed) {color: var(--as-primary);background-color: #fff;}
.accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23104978'%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")}
.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='%23104978'%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")}


/* Card */
.card {border-color: var(--as-border-color);}

/* Modal */
.modal-content {border-radius: 1.25rem;}

/* List */
.list-theme {padding: 0;margin: 0;}
.list-theme li {display: block;}
.list-theme li:not(:last-child) {margin-bottom: 1rem;}

/* Carousel */
.owl-dots {display: none !important;}
.owl-nav {position: static;margin: 0;}
.owl-theme .owl-nav [class*="owl-"] {background: none; color: var(--as-primary) !important; opacity: 1;}
.owl-theme .owl-nav [class*="owl-"]:hover {background: none; color: var(--as-primary); opacity: .7;}
.owl-theme .owl-nav .disabled {color: var(--as-text) !important; opacity: .7 !important;}
.owl-prev, .owl-next {position: absolute;top: 0;bottom: 0;margin: auto; color: var(--as-primary);}
.owl-prev {left: -45px;}
.owl-next {right: -45px;}

/* Info means */
.card-mean, .card-info, .card-user {border-radius: 1rem;}
.card-mean .card-img-top,
.card-info .card-img-top,
.card-user .card-img-top {border-top-left-radius: calc(1rem - 1px);border-top-right-radius: calc(1rem - 1px);object-fit: cover;aspect-ratio:4/3;}
.card-img-top.no-ratio {aspect-ratio: auto;}
.card-mean .card-body {margin-top: -20px;}
.card-user .card-body {margin-top: -5.25rem;}
.ico-mean-type {max-width: 53px;}
.ico-mean-info {max-height: 25px;max-width: 21px;margin-top: 25px;}
.mean-indicator {display: inline-block;width: 10px; height: 10px; border-radius: 50%;margin-right: 5px;}
.mean-indicator.on {background-color: #5EBB00;}
.mean-indicator.off {background-color: #BB0000;}

/* Avatar */
.avatar-group {display: flex; flex-wrap: nowrap}
.avatar {position: relative;display: inline-block;}
.avatar .avatar-name, .avatar img { width: 100%; height: 100%; }
.avatar img {display: block; object-fit: cover;}
.avatar .avatar-name {background-color: var(--as-text); position: absolute; text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; display: block;}
.avatar .avatar-name > span {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);}
.avatar-xl {height: 2.5rem;width: 2.5rem;}
.avatar-xl .avatar-name {font-size: .8333333333rem;}
.avatar-2xl {height: 4rem;width: 4rem;}
.avatar-2xl .avatar-name {font-size: 1.1666666667rem;}
.avatar-5xl {height: 10.5rem;width: 10.5rem;}
.avatar-5xl .avatar-name {font-size: 3.5rem;}
.avatar-group .avatar-xl:not(:first-child) {margin-right: -.5rem}
.avatar .photo-upload {display: block; margin-top: -1.125rem;}

.theme-wizard .nav-link {
  display:flex;
  padding-left:0;
  padding-right:0;
  width:100%;
  text-align:center;
  color:var(--as-grey);
  display:block;
}
.theme-wizard .nav-link .nav-item-circle {
  color:var(--as-grey);
  background-color:var(--as-grey);
  border: 1rem solid #fff;
  height: 3rem;
  width: 3rem;
  border-radius:50%;
  line-height:2.25rem;
  padding:0;
  text-align:center;
  align-self:center;
  display:block;
  transition:all .2s ease-in-out
}
.theme-wizard .nav-link.active .nav-item-circle {
  background-color: var(--as-primary) !important;
  color:#fff;
  border-color:#fff;
}
.theme-wizard .nav-link.active:not(.nav-pills .active) {
  color: var(--as-primary);
}
.theme-wizard .nav-link.done {
  color: var(--as-text);
}
.theme-wizard .nav-link.done .nav-item-circle {
  background-color: var(--as-btn-secondary) !important;
  color:#fff;
  border-color:#fff;
}
.theme-wizard .nav-link.done .nav-item-circle .check-icon {
  display:inline-block
}
.theme-wizard .nav-link.done .nav-item-circle-parent:before {
  background-color: var(--as-btn-secondary);
}
.theme-wizard .nav-link .nav-item-circle .check-icon {
  display:none
}
.theme-wizard .nav-link .nav-item-circle-parent {
  display:block
}
.theme-wizard .nav-link .nav-item-circle-parent:before {
  content:"";
  height:2px;
  width:101%;
  position:absolute;
  left:51%;
  top:50%;
  transform:translate3d(-50%,-50%,0);
  background:var(--as-grey)
}
.theme-wizard .nav-item:not(:first-child) .active .nav-item-circle-parent:after {
  content:"";
  width:50%;
  position:absolute;
  left:-1px;
  top:50%;
  transform:translateY(-50%);
  height:2px;
  background-color: var(--as-btn-secondary);
}
.theme-wizard .nav-item-circle-parent {
  position:relative;
  padding:0 1rem
}
.theme-wizard .nav-item-circle {
  margin:0 auto;
  z-index:1;
  position:relative
}
.theme-wizard .nav-item {
  display:flex;
  flex-basis:auto;
  flex-grow:1;
  max-width:100%;
  justify-content:center
}
.theme-wizard .nav-item:first-child .nav-item-circle-parent:before,
.theme-wizard .nav-item:last-child .nav-item-circle-parent:before {
  width:50%
}
.theme-wizard .nav-item:first-child .nav-item-circle-parent:before {
  transform:translate3d(0,-50%,0)
}
.theme-wizard .nav-item:last-child .nav-item-circle-parent:before {
  left:0;
  transform:translate3d(0,-50%,0)
}
.theme-wizard .pager {
  display:flex;
  justify-content:space-between
}
.theme-wizard .wizard-lottie-wrapper {
  height:1px;
  position:relative;
  padding-bottom:11.875rem;
  overflow:hidden
}
.theme-wizard .wizard-lottie-wrapper .wizard-lottie {
  width:21.25rem;
  height:auto;
  transform:translateY(-73%)
}
.wizard-modal {
  width:400px
}

/* Menu */
.menu-item {background-color: #ffffff;}
.menu-item.active {background-color: var(--as-secondary);}

.menu-item .menu-icon {color: var(--as-secondary);}
.menu-item .card-title {color: var(--as-primary);}
.menu-item.active .menu-icon {color: #ffffff;}
.menu-item.active .card-title {color: #ffffff;}

/** dialog **/
.backdrop{position:fixed;background:rgba(0,0,0,.2);width:100%;height:100%;z-index:55;}
.bds-dialog-content{position:relative}
.bds-dialog-content .bds-dialog-info{position:fixed;right:20px;bottom:10px;z-index:3;width:30px;z-index:10}
.bds-dialog-content .bds-dialog-info a{margin-top:10px}
.bds-dialog-scroll{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background: var(--bgholder);}
.dialog{position:absolute;left:50%;width:70%;margin-left:-35%;z-index:1000;background:#fff;box-shadow:0 15px 20px var(--bgholder);border-radius:10px;padding-bottom: 10px;}
.dialog.large{width:90%;margin-left:-45%}
.dialog.medium{width:700px;margin-left:-350px}
.dialog.small{width:300px;margin-left:-150px}
.dialog.help{border-radius:0 0 10px 10px}
.dialog.help div{line-height:26px}
.dialog.help .border-bottom{border-bottom: 1px solid #1a3c7b;padding-bottom:10px;margin-bottom:20px}
.dialog .buttons{margin:5px}
.dialog .desc{position:relative;}
.dialog .info{line-height:16px;font-size:0.9em}
.dialog .title-bottom{
  border-top: 1px solid #ddd;color: #bbb;padding: 5px 10px;
  background: none repeat scroll 0 0 #F2F2F2;
  border-radius: 0 0 2px 2px;
}
.dialog a.close{position: absolute;right: 0;z-index: 2;margin: 10px;cursor: pointer;}
.dialog h2.title{padding-left: 15px;border-bottom: 1px solid #eee;font-size: 16px;line-height: 40px;}

.ib,.tc,#loading,.ico,.multiple .chosen-drop li{display:inline-block;zoom:1;*display:inline;vertical-align:top;font-size:14px;box-sizing:border-box}

/** table and datatable **/
table.table {margin: 0 auto;width: 100%;border-collapse:collapse;font-size:14px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
table.table th{padding:10px;border:1px solid #fff;font-weight:bold;font-size:14px;position:relative;}

table.table.loading th{opacity:.6}
table.table tbody tr:nth-child(odd){background: var(--tr); /* #fcfcfc; */}
table.table td{padding:calc(var(--bs-gutter-x) * .5) calc(var(--bs-gutter-x) * .5);border:1px solid var(--tdborder);line-height:14px;font-size:14px;height:35px;vertical-align:middle}
table.table td a:not(.ico){font-weight:bold}
table.table tr.selected td, table.table tr.active td{background-color:var(--active)}
table.table tr.selected.active td{background:#e2e6ee}
table.table tr.status0 td{background:rgba(200,0,0,.05)}
table.table tr.spot{background-image:url(../img/spot.png)}
table.table tr.worked1 a.worked{background:#0a0}
tr.worked1{background-color:rgba(0,255,0,.1) !important}

table.table tr.bg-red, table.table tr.cancelled1{opacity:.5;text-decoration: line-through;}
table.table tr.paid1 td, td.paid1 {background-color:var(--bg-completed) !important;}
table.table tr.paid0 td, td.paid0 {background-color:var(--bg-not-completed) !important;}
table.table tr.paid-1 td, td.paid-1 {background-color:var(--bg-partial) !important;}
table.table tr.draft-1 td, .draft.draft-1{background:repeating-linear-gradient(45deg,#f1f1f1,#f1f1f1 10px,#fff 10px,#fff 20px);opacity:.5}
.draft.draft-1{opacity:1}

table.table table.table,
table.table table.table td{border:0 !important}
table.table td.p0{padding:0 !important}

table.table td.border-b,table.table table.table td.border-b{border-bottom:1px solid #ddd}
table.table td.border-t,table.table table.table td.border-t{border-top:1px solid #ddd}
table.table td.border-l,table.table table.table td.border-l{border-left:1px solid #ddd}
table.table td.border-r,table.table table.table td.border-r{border-right:1px solid #ddd}

.datatable{position:relative;}
.datatable .controls{display: flex; flex-direction: row !important; flex-wrap: wrap !important; padding: 0; margin: 0;}
.datatable .controls .limit, .datatable .controls .pages {display: flex;margin: calc(var(--bs-gutter-x) * .5);width: auto;line-height: 38px;}

.datatable .controls .limit .select{margin-left: calc(var(--bs-gutter-x) * .5);}
.datatable .controls .limit select{
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.datatable .controls .pages a{
  color: var(--as-text);
  font-size: 1rem;
  text-align:center;
  line-height: 1.5;
  padding: .375rem 1rem;
  cursor: pointer;
  text-decoration: none;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}
.datatable .controls .pages a:first-child{border-left: 1px solid #ced4da;border-top-left-radius:.375rem;border-bottom-left-radius: .375rem}
.datatable .controls .pages a:last-child{border-right: 1px solid #ced4da;border-top-right-radius:.375rem;border-bottom-right-radius: .375rem}
.datatable ._drop{z-index:3;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../../img/over_bg.png)}
.no-card-child .datatable ._drop{z-index:3;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../../img/over_white.png)}
.datatable ._drop .loading{height:100%;background:url(../../img/preloader_green.gif) center center no-repeat}

.datatable ._drop .loading {display: inline-block;width: 50px;height: 50px;background: none;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.datatable ._drop .loading:after {content: " ";display: block;width: 40px;height: 40px;margin: 5px;border-radius: 50%;border: 3px solid #fff;border-color: var(--as-secondary) transparent var(--as-secondary) transparent;animation: lds-dual-ring 1.2s linear infinite;}

@keyframes lds-dual-ring {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

.datatable table.table th.DESC:after, .datatable table.table th.ASC:after{color: var(--as-secondary)}
.datatable .pages a.active,
.datatable .pages a:hover {background:var(--as-secondary); color: #ffffff;}
table.table th.actions{width:96px}
table.table th.sorting{cursor:pointer}
th.sorting:after, a.ico,button.ico, i.ico{
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 14px;
  color: black;
  right: 5px;
  z-index: 1;
}
th.sorting:after {/*top: 10px;*/}
th.w70,th.actions{width:80px;padding:3px}

table.table .selector{min-width:12px;width:12px;line-height:12px;height:12px;font-size:12px;color:var(--green);border:1px solid var(--greymedium);top:0;left:0;position:relative}
table.table .active .selector:after{content:"\f00c";margin-left: 1px}
table.table th.sorting.ASC:after{content:"\f0d8"}
table.table th.sorting:hover:after {color:var(--adv2)}
table.table th.sorting{padding-right:20px}
table.table th:last-child{max-width:110px}
table.table .multi{width:45px;text-align:center;padding:0;vertical-align:middle}
table.table tbody tr:hover{background:var(--trhover)}
.datatable .actions .main-menu{padding:10px}

/* --- Filters --- */
.filters input{/*min-height:32px*/}
.filters .input .placeholder{display: none !important;}
#filters{margin:0;padding:0;border: none;border-radius: 0 0 5px 5px;}
#filters .w50p,#filters .w33p{padding:5px 5px 0 5px}
#filters .w50p .label,#filters .w33p .label{margin:0}
#filters .mt10.a-right{margin:0 5px 0 0 !important}
#filters .btn{border-radius:5px}

.datatable .actions{padding: 10px 15px;}
.datatable .actions a{position:relative;margin:0; line-height: 30px;padding: 0;min-width: 30px;font-size: 16px;left: 0;text-align: center;border-radius: 50%;}
.datatable .actions a.ico:hover{background: var(--adv2); color: #ffffff;}
.datatable .actions span {font-size: 14px;margin-right: 10px;line-height: 30px;}
.datatable.open .actions{height:auto}
.datatable.open .actions .main-menu{margin:4px 2px 2px 0;border:1px solid var(--greylight);border-radius:3px;background:var(--white);padding:0}
.datatable.open .actions .main-menu li a.active{background:var(--greylight)}
.datatable.open .actions .w50p{min-width:100%}
.datatable.open .actions .label .input.ib{margin-left:0;padding:0;text-align:right}
.datatable.open .actions .label h2.ib{float:none;display:block;width:auto;text-align:left}
.datatable a.compact{display:block;padding-right:10px;height:40px;line-height:40px;overflow:hidden;text-align:right;color:var(--greymedium);background: var(--greylight)}
.datatable a.compact .fa{font-size:22px;margin-left:10px;vertical-align: middle}
.datatable a.compact .fa:before{content:"\f18e"}
.datatable.open a.compact .fa:before{content:"\f190"}
#destra .datatable .main-menu{width:auto}
.datatable .main-menu li{margin-bottom:10px}

.datatable .filters{/*margin:10px;padding:15px;*/border:1px solid var(--greylight);border-radius:10px;}
.datatable .filters .btn {/*display:inline-block;*/}
.datatable .filters .btn:hover{/*background:var(--grey)*/}
.datatable .filters .btn i{/*color:#fff;margin:0*/}
.datatable .filters .btn.reset{/*background:var(--red)*/}

table.table tfoot.calculation{background:var(--greylight)}
table.table tfoot.calculation td{font-size:120%;vertical-align:middle;text-align:center;border-color:var(--white)}
table.table tfoot.calculation td.text{text-align:right;font-size:90%}
table.table tfoot.calculation td.imp{text-align:left}
table.table tfoot.calculation td.tot{font-size:150%}

.o-auto, .o-auto-wrapper {position: relative;overflow: auto;min-width:100px;}
.table-shadow {position: absolute;top: 0;bottom: 0;height: 100%;width: 20%;z-index: 2;pointer-events: none;opacity: 0;}
.shadow-left {left: 0;background-image: linear-gradient( to left, rgba(255,255,255,0), rgba(255,255,255,1) );}
.shadow-right {right: 0;background-image: linear-gradient( to right, rgba(255,255,255,0), rgba(255,255,255,1) );}

/* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
.chosen-container{min-width:100%;position:relative;display:inline-block;vertical-align:middle;font-family: var(--font-family-roboto);font-size:var(--font-size);zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 20px);border:1px solid var(--greylight);border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.1);margin:0 10px}
.chosen-container.chosen-with-drop .chosen-drop{left:0}
.chosen-container a{cursor:pointer}
.chosen-container-single .chosen-single{position:relative;display:block;font-family: var(--font-family-roboto);overflow:hidden;padding:0 0 0 12px;line-height:34px;border:1px solid var(--greylight);border-radius:4px;background-color:#fff;color:var(--text);text-decoration:none;white-space:nowrap}
.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}
.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(../img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}
.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single .chosen-single div{position:absolute;top:1px;right:0;display:block;width:18px;height:100%}
.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(../img/chosen-sprite.png) no-repeat 0 7px}
.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(../img/chosen-sprite.png) no-repeat 100% -20px;background:url(../img/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}
.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}
.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}
.chosen-container .chosen-results li.highlighted{color:#fff;background-color:#1a3c7b;}
.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}
.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}
.chosen-container .chosen-results li.group-option{padding-left:15px}
.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}
.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0 0 0 5px;line-height:34px;border:1px solid var(--greylight);border-radius:4px;width:100%;background-color:#fff;cursor:text;}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:18px;outline:0;border:0!important;background:transparent!important;box-shadow:none;font-size:100%;font-family: var(--font-family-roboto);line-height:normal;border-radius:0}
.chosen-container-multi .chosen-choices li.search-field .default{color:#999}
.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin: 5px 5px 0 0;padding: 2px 25px 2px 10px;border:1px solid var(--greymedium);border-radius:5px;background-color:var(--greylight);background-clip:padding-box;color:var(--grey);font-size: 14px;line-height: normal;cursor:default;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:5px;right:6px;display:block;width:12px;height:12px;background:url(../img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}
.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}
.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}
.chosen-container-multi .chosen-results{margin:0;padding:0;color: var(--adv);}
.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}
.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 6px}
.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}
.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}
.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}
.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}
.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}
.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}
.chosen-rtl .chosen-single div{right:auto;left:3px}
.chosen-rtl .chosen-single abbr{right:auto;left:26px}
.chosen-rtl .chosen-choices li{float:right}
.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}
.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}
.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}
.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}
.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(../img/chosen-sprite.png) no-repeat -30px -20px;background:url(../img/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}
.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}
.multiple .chosen-drop{width: 300px;font-size:0}
.multiple .chosen-drop li{width:130px;padding:10px}

.label .chosen-container {
  display: block;
  width: 100%;
  padding: .5rem 2.25rem .5rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid var(--as-border-color);
  border-radius: .5rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.label .chosen-container-single .chosen-single {padding: 0;line-height: 1.5;}
.label .chosen-container-active.chosen-with-drop .chosen-single {border: none !important; background: none !important; box-shadow: none !important;}

.toast a.close:after{
  content: "\f00d";
  font-family: "Font Awesome 5 Free";font-weight: 900;
  position: absolute;
  right:25px;
  top:15px;
  cursor:pointer;
  text-decoration: none;
}

@media screen and (max-width: 980px) {
  .dialog.large{width:90%;margin-left:-45%}
}

@media screen and (max-width: 850px) {
  .dialog.large{width:90%;margin-left:-45%}
  .dialog.medium{width:70%;margin-left:-35%}
  .dialog.small{width:50%;margin-left:-25%}
}

.text-right {
  text-align: right;
}

.text-left {
    text-align: left;
}

span.negativo {
  color: var(--as-danger) ;
}


button.btn.submenu-item.active.dropdown-toggle {
  margin: 10px;
  background: var(--as-secondary);
  color: var(--as-bg-body);
}


.datepicker td,
th {
  text-align: center;
  padding: 8px 12px;
  font-size: 14px;
}
.datepicker {
  border: 1px solid black;
}

i.fa.fa-calendar {
  padding: 4px;
}

[placeholder]:focus::-webkit-input-placeholder {
  transition: text-indent 0.5s 0.5s ease;
  text-indent: -100%;
  opacity: 1;
}

.avviso {
  color: var(--as-danger) ;
  padding-top: 10px;
}