/*Normalize.css
-----------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/*Generici
-----------------------------------------------*/
*{position:relative}
html {height: 100%;}
body {
    /*opacity:0;*/
	height:100%;
    overflow-x:hidden;
	background:#ebf6fd;
	/*background:#f1f3f7; bg x la v4*/
}
body.is-open-menu{overflow:hidden; padding-right:17px;}

.title-hide {text-indent:-9999px; font-size:0; height:0; margin:0;}
.txt-sm{font-size:0.8em}
.nocompiled {border:1px solid #f00 !important;}
.nocompiled2 {padding:0 17px 0 0; color:#f00;}
.max{width:100%!important; max-width:100%!important}

.subheader .dropdown{display:inline-block; vertical-align:middle; margin-right:30px;}
.subheader-title{display:inline-block; vertical-align:middle}

.btn-white{color:#000; background-color:#fff; border-color:#fff;}
.btn-primary{color:#fff; background-color:#0056b3; border-color:#0056b3;}
.btn-primary:hover{color:#0056b3; background-color:#fff;}
.btn-secondary{color:#fff; background-color:#f8b52d; border-color:#f8b52d;}
.btn-secondary:hover{color:#f8b52d; background-color:#fff;}
.btn-default{color:#333; background-color:#e9e9ed; border-color:#e9e9ed;}
.btn-default:hover{color:#333; background-color:#fff;}

.input-group-text{background:transparent; }
.input-group .form-control{border-left:0}

/*background per icone*/
.bg-icon{display:flex; align-items:center; justify-content:center; width:46px; height:46px; background:transparent!important}
.bg-icon:after{content:""; position:absolute; width:100%; height:100%; border-radius:50%; z-index:0; opacity:0.15}
.bg-icon.b-aero:after{background:#00B9E8}
.bg-icon.b-azure:after{background:#007FFF}
.bg-icon.b-chrysler-blue:after{background:#3B00DB}
.bg-icon.b-federal-blue:after{background:#16166B}
.bg-icon.b-electric-indigo:after{background:#6F00FF}
.bg-icon.b-amber:after{background:#FFBF00}
.bg-icon.b-coral:after{background:#FF7F50}
.bg-icon.b-giant-orange:after{background:#FE5A1D}
.bg-icon.b-avocado:after{background:#568203}
.bg-icon.b-jade:after{background:#00A86B}
.bg-icon.b-hoker-green:after{background:#49796B}
.bg-icon.b-danger:after{background:#dc3545}

/*Palette colori coolors.co/*/
.c-white{color:#fff}
.c-black{color:#000}
/*blue*/
.c-aero{color:#00B9E8}
.c-azure{color:#007FFF}
.c-chrysler-blue{color:#3B00DB}
.c-federal-blue{color:#16166B}
.c-electric-indigo{color:#6F00FF}

.b-aero{background:#00B9E8}
.b-azure{background:#007FFF}
.b-chrysler-blue{background:#3B00DB}
.b-federal-blue{background:#16166B}
.b-electric-indigo{background:#6F00FF}
/*orange*/
.c-amber{color:#FFBF00}
.c-coral{color:#FF7F50}
.c-giant-orange{color:#FE5A1D}

.b-amber{background:#FFBF00}
.b-coral{background:#FF7F50}
.b-giant-orange{background:#FE5A1D}
/*green*/
.c-avocado{color:#568203}
.c-jade{color:#00A86B}
.c-hoker-green{color:#49796B}

.b-avocado{background:#568203}
.b-jade{background:#00A86B}
.b-hoker-green{background:#49796B}

.b-danger{background:#dc3545}


/*Opacità*/
.op-15{opacity:.15}
.op-25{opacity:.25}
.op-35{opacity:.35}
.op-45{opacity:.45}
.op-55{opacity:.55}
.op-65{opacity:.65}
.op-75{opacity:.75}
.op-85{opacity:.85}
.op-95{opacity:.95}

/*Tabelle*/
.table th {border-top:0}
.table.table-striped th {background:#fff!important}
.table td.icon {width:46px;}
.table td .fal {font-size:1.4em; z-index:1;}
.bg-tot-col{background:#507fff!important; color:#fff!important; font-weight:700}
.tot-value{font-size:1.2em;}
tfoot .bg-tot-row{border-bottom:3px solid #dee2e6; font-weight:700}


/*animazioni generiche*/
.m-ani{
-webkit-transition:all 600ms ease-in-out;
-moz-transition:all 600ms ease-in-out;
-o-transition:all 600ms ease-in-out;
-ms-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out;
}

/*badge*/
.badge-primary{background-color:#507fff}

/*card*/
.card-header{font-size:1.2em}

/*panel*/
.panel {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 0px 13px 0px rgba(80,127,255,0.15);
  margin-bottom: 1.5rem;
  border-radius: 16px;
  background:#fff
}
.panel-hdr {
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding:1.2rem;
  border-radius: 16px 16px 0 0;
}
.panel-hdr .panel-toolbar{display:none}

.panel-hdr h1,
.panel-hdr h2,
.panel-hdr h3,
.panel-hdr h4,
.panel-hdr h5,
.panel-hdr h6{margin:0; font-size:1.5em;}
.panel-hdr i{font-weight:400}

.panel-container {
  padding:1.2rem;
  border-radius: 16px 16px 0 0;
}

/*alert*/
.alert {/*dashboard iniziale*/
  border-radius: 12px;
  margin-bottom:3rem
}
.alert .fa-info{font-size:2rem}
.alert .fa-info:before{content: "\f05a";}

/*Login
-----------------------------------------------*/
.main-login{display:flex;padding:0}
.bg-login, .form-login{display:flex; width:50%; height:100vh;}
.bg-login {align-items:center; justify-content:center; padding:60px; overflow:hidden; background:#283583 }
.bg-login h1{color:#fff; font-size:3em; text-align: center;}
.bg-login img{position:absolute; height:100%; width:100%; object-fit:cover; opacity:0.2;}
.form-login{display:flex; align-items:center; justify-content:center; background:#ecedef}
.form-login .card{background-color:transparent; border-color:transparent}
.form-login .card{background-color:transparent; border-color:transparent}
.form-login .btn-template{color:#fff; background:#1d3176; border-color:#1d3176}

.panel.panel-login{margin-top:6rem}
.panel.panel-login:after{position:fixed; z-index:-1; content:""; left:-50%; top:calc(50% - 900px); height:1800px; width:1800px; border-radius:100%; background:#fab900}
.panel.panel-login .panel-hdr.bg-success-gradient{background: linear-gradient(90deg, rgba(80,127,255,1) 0%, rgba(96,45,248,1) 100%);}
.panel.panel-login .panel-hdr .mt-5{margin-top:0!important}
.panel.panel-login .panel-hdr .mb-5{margin-bottom:0 !important}
.panel.panel-login #cmdLogin,
.panel.panel-login #cmdReset{width:48%}
.panel.panel-login #cmdCancelLogin,
.panel.panel-login #cmdCancel{width:48%}
.panel.panel-login #cmdRequestReset{width:98%}
.panel.panel-login .panel-content .col-sm-12 {padding:0;}

/*Header
-----------------------------------------------*/
.main-header{position:fixed; z-index:101; width:100%; left:0; top:0; padding-left:135px; background:rgba(241,243,247,0.6); backdrop-filter: blur(25px)}
.wrap-header{display:flex; align-items: center; padding:28px 0}
.main-header-left,
.main-header-right{width:50%}
.main-header-right{padding-right:30px;}

/*main search*/
.main-header .main-search{width:calc(100% - 50px); height:48px; width:320px; padding:4px 10px; border-radius:50px; border:1px solid #fff; background:#fff}
.main-header .main-search input{display:inline-block; vertical-align:middle;}
.main-header .main-search input[type=text]{border:none; font-size:0.85em; height:38px; width:80%; background:transparent}
.main-header .main-search button{position:absolute; right:20px; top:10px; width:22px; height:22px; border:0; background:transparent}
.main-header .main-search input[type=text]:focus{outline:none}

/*user*/
ul.user-nav-menu{display:flex; align-items: center; justify-content:end; list-style:none; padding:0; margin:0;}
.nav-item {margin-right:30px}
.nav-item:last-child {margin-right:0}
.nav-item-user{display:flex; align-items: center;}
.nav-item-user .user-avatar{display:inline-block; width:48px; height:48px; border-radius:50%; margin-right:15px; background:#7383ae; background-image: url("/media/_res/avatar-m.png") }
.nav-item-user .user-label h4{font-weight:700; margin-top:0!important}
.nav-item-user .user-label .text-muted{font-size:12px;}
.nav-item-icon{font-size:1.6em}
.nav-item-icon a{color:#21262d}
.nav-item-icon .badge{position:absolute; top:0; right:-5px; font-size:10px}


/****
Menu larerale sx
****/
/*Aside
-----------------------------------------------*/
aside{position:fixed; overflow-y:auto; overflow-x:hidden; z-index:1041; height:100%; width:100px; left:0; top:0; background:#fff; transition:all 600ms ease-in-out 200ms;}
.bg-aside{position:fixed; z-index:1040; height:100%; width:100%; left:-110%; top:0; background:rgba(0,0,0,0.4); transition:all 1000ms ease-in-out;}
.bg-aside.active{left:0;}
.main-sidebar-header{padding:30px 0;}
.main-sidebar-header .desktop-logo{position:absolute; top:30px; left:80px; width:220px; height:46px; overflow:hidden;}
.main-sidebar-header .desktop-logo img{transform: translate(0, -50px); transition:all 400ms ease-in-out}
.main-sidebar-header .mobile-logo{display:inline-block; padding:0 27px;}

/*menu*/
.side-menu {padding:0; margin:0}
.side-menu .slide{padding:15px 0}
.side-menu .side-menu__item{display: flex; align-items: center;}
.side-menu .side-menu__item:hover{text-decoration:none;}
.side-menu .side-menu__item .side-menu__icon{color:#7383ae}
.side-menu .side-menu__item:hover .side-menu__icon{color:#fff}
.side-menu .side-menu__item:hover .side-menu__icon:after{content:""; position:absolute; z-index:-1; width:46px; height:46px; border-radius:50%; background:#507fff}
.side-menu__icon.bi{display: flex; justify-content: center; align-items: center; width:46px; height:46px; margin:0 15px 0 27px; font-size:1.5em;}
.side-menu .side-menu__item .side-menu__label{opacity:0; width:0; color:#7383ae; transition:all 600ms ease-in-out;}
.side-menu .side-menu__item .fe-chevron-down{display:none;}

.side-menu .slide.active .side-menu__item .side-menu__icon{color:#fff}
.side-menu .slide.active .side-menu__item .side-menu__icon:after{content:""; position:absolute; z-index:-1; width:46px; height:46px; border-radius:50%; background:#507fff}

/*submenu*/
.side-menu .slide-menu{display:none; padding:15px; margin:15px 27px 0 27px; overflow:hidden; list-style:none; font-size:0.8em; border-radius:16px; background:#eff2fb; }
.side-menu .slide-menu.open{opacity:1; height:auto; }
.side-menu .slide-menu li{margin:8px 15px;}
.side-menu .slide-menu li.active:before{content:""; position:absolute; top:6px; left:-18px; width:8px; height:8px; border-radius:50%; background:#507fff}
.side-menu .slide-menu li:first-child{margin-top:15px;}
.side-menu .slide-menu li:last-child{margin-bottom:15px;}
.side-menu .slide-menu li a{color:#7383ae}
.side-menu .slide-menu li.divider{display:none; opacity:0.2; height:1px; width:100%; background:#7383ae}

/*reset icone*/
.bi{font-family: 'Font Awesome 5 Pro'; font-weight: 300; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.bi-hp:before{content: "\f015"}
.bi-ana:before{content: "\f2c2"}
.bi-ges:before{content: "\f044"}
.bi-bip:before{content: "\f201"}
.bi-ser:before{content: "\f013"}
.bi-lo:before{content: "\f2f5"}

/*aside active class*/
aside.active{width:300px; box-shadow:0 0 13px rgba(80,127,255,0.2); transition:all 600ms ease-in-out;}
aside.active .main-sidebar-header .desktop-logo img{transform: translate(0, 0); transition:all 600ms ease-in-out 500ms}
aside.active .side-menu .side-menu__item .side-menu__label{opacity:1; width:10%;}


/*Main
-----------------------------------------------*/
main{width:100%; padding:120px 15px 0 120px;}



/*Dashboard
-----------------------------------------------*/
.dashboard .col-sm-6 > div.bg-red,
.dashboard .col-sm-6 > div.bg-yellow,
.dashboard .col-sm-6 > div.bg-green{min-height:160px; margin-bottom:30px; padding:30px!important; border:1px solid #e6e9ef; border-radius:16px!important; background:#fff;}
.dashboard .col-sm-6 h3{display:inline-block; font-size:2em; padding-left:100px; font-weight:700; color:#212529}
.dashboard .col-sm-6 h3 small{display:block; font-size:60%;font-weight:400;}
.dashboard .col-sm-6 > div.bg-red a:before,
.dashboard .col-sm-6 > div.bg-yellow a:before,
.dashboard .col-sm-6 > div.bg-green a:before{content:""; position:absolute; z-index:-1; left:30px; top:calc(50% - 40px); width:80px; height:80px; border-radius:50%;}
.dashboard .col-sm-6 > div.bg-red a:before{background:#e12621;}
.dashboard .col-sm-6 > div.bg-yellow a:before{background:#ffd334;}
.dashboard .col-sm-6 > div.bg-green a:before{background:#39d039;}
.dashboard .col-sm-6 > div a{position:absolute; z-index:0; width:100%; height:100%; top:0; left:0; color:#fff;}
.dashboard .col-sm-6 > div a i{position:absolute; z-index:-1; left:54px; top:calc(50% - 16px); font-size:2em!important; }
.dashboard .col-sm-6 > div a .fa-red:before {content: "\f06a";}
.dashboard .col-sm-6 > div a .fa-yellow:before {content: "\f4a5";}
.dashboard .col-sm-6 > div a .fa-green:before {content: "\f058";}

/*tabella*/
.table {font-size:0.85rem;}
.table th{color:#fff; vertical-align:top!important; border-right:1px solid #6571a0; background:#273772!important;}
.table .ero-r{color: #721c24; background-color: #f8d7da; vertical-align:middle!important; text-align:center;}
.table .ero-y{color: #856404; background-color: #fff3cd; vertical-align:middle!important; text-align:center;}
.table .ero-g{color: #155724; background-color: #d4edda; vertical-align:middle!important; text-align:center;}
.table .ico-ero-r{display:flex; align-items:center; justify-content:center; width: 36px; height: 36px; border-radius: 50%; border:1px solid #f5c6cb; background-color: #f8d7da;}
.table .ico-ero-y{display:flex; align-items:center; justify-content:center; width: 36px; height: 36px; border-radius: 50%; border:1px solid #ffeeba; background-color: #fff3cd;}
.table .ico-ero-g{display:flex; align-items:center; justify-content:center; width: 36px; height: 36px; border-radius: 50%; border:1px solid #c3e6cb; background-color: #d4edda;}
.table .ico-ero-r:before{font-family: 'Font Awesome 5 Pro'; font-weight: 300; content:"\f063" ; color: #721c24;}
.table .ico-ero-y:before{font-family: 'Font Awesome 5 Pro'; font-weight: 300; content:"\f07e" ; color: #856404;}
.table .ico-ero-g:before{font-family: 'Font Awesome 5 Pro'; font-weight: 300; content:"\f062" ; color: #155724;}

.table td.bg{text-align:right; color: #7b7b7b; background-color: #f1f1f1;}
.table td.bw{text-align:right;}

/*tabella erosione*/
.table-erosione{min-width:max-content; width:100%; font-size:0.85rem; border:none; border-collapse:separate; border-spacing:0;}
.table-erosione th{color:#fff; vertical-align:top!important; border-right:1px solid #6571a0; background:#273772!important;}
.table-erosione .sticky-col{position:sticky; z-index:11; background:#e5e7ee}
.table-erosione td,
.table-erosione th{width:min-content; padding:.25rem .5rem}
.table-erosione tr th:nth-child(1),
.table-erosione tr td:nth-child(1){left:0; width:95px;}
.table-erosione tr td:nth-child(1){font-size:0.75rem;}
.table-erosione tr th:nth-child(2),
.table-erosione tr td:nth-child(2){left:95px; width:145px; font-weight:700}
.table-erosione tr th:nth-child(3),
.table-erosione tr td:nth-child(3){left:240px; width:135px;}
.table-erosione tr td:nth-child(3){font-size:0.75rem;}
.table-erosione tr th:nth-child(4),
.table-erosione tr td:nth-child(4){left:375px; width:55px;}
.table-erosione tr th:nth-child(5),
.table-erosione tr td:nth-child(5){left:430px; width:55px;}

/*tabella ordini*/
.table-ordini{min-width:max-content; width:100%; font-size:0.85rem; border:none; border-collapse:separate; border-spacing:0;}
.table-ordini th{color:#fff; vertical-align:top!important; border-right:1px solid #6571a0; background:#273772!important;}
.table-ordini .sticky-col{position:sticky; z-index:11; background:#e5e7ee}
.table-ordini td,
.table-ordini th{width:min-content; padding:.25rem .5rem}
.table-ordini tr th:nth-child(1),
.table-ordini tr td:nth-child(1){left:0; width:95px;}
.table-ordini tr td:nth-child(1){font-size:0.75rem;}
.table-ordini tr th:nth-child(2),
.table-ordini tr td:nth-child(2){left:95px; width:145px; font-weight:700}
.table-ordini tr th:nth-child(3),
.table-ordini tr td:nth-child(3){left:240px; width:135px;}
.table-ordini tr td:nth-child(3){font-size:0.75rem;}
.table-ordini tr th:nth-child(4),
.table-ordini tr td:nth-child(4){left:375px; width:55px;}


/*Tabella Sortable custom*/
.sortable th {padding:8px 5px!important}
.sortable th .wrap {position:relative; display:flex; justify-content:space-between; cursor:pointer}
.sortable .dt-column-order {position:relative; display:block; margin-right: 15px;}
.sortable .dt-column-order:before,
.sortable .dt-column-order:after {position:absolute; left:0; display:block; opacity:.4; font-size:.8em; line-height:12px;}
.sortable .dt-column-order:before{bottom:50%; content: "▲"/"";}
.sortable .dt-column-order:after {top:50%; content: "▼"/"";}
.sortable .sortable-az .dt-column-order:before{opacity:1}
.sortable .sortable-za .dt-column-order:after{opacity:1}



/*Bi
-----------------------------------------------*/
.grid-overview-slot{display:flex; justify-content:space-between}
.grid-overview-slot .slot{width:12.5% }

.signal-status {display:flex; align-items:center;}
.signal-status .icon{display:flex; align-items:center; justify-content:center; width: 60px; height: 60px; border-radius: 50%; margin-right:15px;}
.signal-status .icon i{font-size:1.6em}
.signal-status.bg-red,
.signal-status.bg-yellow,
.signal-status.bg-green {background:transparent}
.signal-status.bg-red i,
.signal-status.bg-yellow i,
.signal-status.bg-green i{color:#fff}

.signal-status.bg-red .icon{background:#e12621;}
.signal-status.bg-yellow .icon{background:#ffd334;}
.signal-status.bg-green .icon {background:#39d039}

.signal-status.bg-red .blink{position:absolute; top:0; right:0; width:7px; height:7px; border-radius:50%; background:#e12621; transition: all 0.3s;animation: mymove 2s infinite;}
@-webkit-keyframes mymove {
  50%   {
    transform: scale(2);
    opacity: 0
  }
  100%   {
    transform: scale(2);
    opacity: 0
  }
}

/*bottene attiva filtri*/
.filter-bi{position:absolute; top:20px; right:0;}
.filter-bi .icon-action{display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; background:#fff; box-shadow: 0px 0px 13px 0px rgba(80,127,255,0.15);}
.filter-bi .icon-action:hover{background:#507fff;}
.filter-bi .icon-action:hover i{color:#fff;}
.filter-bi .icon-action i{font-size:1.4em;}
.filter-bi .icon-action a{position:absolute; z-index:11; top:0; left:0; width:100%; height:100%;}

/*filtri attivi*/
.filter-pills-container {margin-bottom:1rem}
.filter-pills {display:flex; list-style:none; padding:0; margin:0}
.filter-pills li{font-size:0.8em; margin-right:10px; padding:3px 10px; border-radius:3px;}
.filter-pills li.filter-pill{background:#fff}
.filter-pills li button{border:0; padding:0; margin-right:8px; background:transparent}

/*offcanvas*/
.offcanvas {position: fixed; display: flex; flex-direction: column; bottom: 0; z-index: 1041; height:100%; width:400px; max-width: 100%; visibility: hidden; background-color: #fff; transform:translate(100%, 0); transition:all 600ms ease-in-out 200ms;}
.offcanvas.offcanvas-end {top: 0; right: 0;}
.offcanvas.show {visibility: visible; transform:translate(0, 0)}
.offcanvas-header {display: flex; align-items: center; justify-content: space-between; padding: 30px;}
.offcanvas-header .btn-close{border:0; background:transparent;}
.offcanvas-body {flex-grow: 1; padding: 30px; overflow-y: auto;}

.offcanvas-backdrop {position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw;  height: 100vh; opacity:0; background-color: #000; transform:translate(100%, 0); transition:all 1000ms ease-in-out;}
.offcanvas-backdrop.show {transform:translate(0, 0); opacity: .5;}

/*accordion*/
.accordion-container{display: flex; flex-direction: column; min-width: 0; background-color: #fff; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem;}
.accordion-group{ border-bottom: 1px solid rgba(0,0,0,.125);}
.accordion-container .accordion-row{display: flex; align-items: center; justify-content: space-between;}
.accordion-container .accordion-row .col-start,
.accordion-container .accordion-row .col-end{width:50%}
.accordion-container .accordion-row .col-end{text-align:right;}
.accordion-container .accordion-row .col-start{font-weight:700; padding-left:30px;}
.accordion-container .main-info{padding:1.25rem}
.accordion-container .main-info .accordion-row{cursor:pointer; font-size:1.2em}
.accordion-container .det-info .col-start{padding-left:50px;}
.accordion-container .det-info .accordion-row{padding:0.75rem 1.25rem}

.accordion-container .main-info .accordion-row:before {font-family: 'Font Awesome 6 Pro';  content: "\f068"; float: right;}
.accordion-container .main-info .accordion-row.collapsed:before {content: "\f067";}


/*Preventivatore
-----------------------------------------------*/
.estimate-module{margin:-120px 0 0 -120px/*reset del main per la versione attuale di fleet*/}
.panel-estimate .panel-hdr{justify-content:space-between; color:#fff; background:#0056b3}
.panel-estimate .panel-hdr .btn-toggle{color:#fff; border-color:transparent; background:transparent; box-shadow:none}
.panel-estimate .panel-hdr .btn-toggle .fa-angle-up{display:none}
.panel-estimate .panel-hdr .btn-toggle.collapsed .fa-angle-down{display:none}
.panel-estimate .panel-hdr .btn-toggle.collapsed .fa-angle-up{display:block}
.panel-estimate .panel-container.type-search{font-size:1.2em; color:#fff; background:#0056b3}
/*form*/
.panel-estimate .panel-container .btn{padding:0.375rem 2.8rem}
.panel-estimate .panel-container .btn.btn-square{padding:0.375rem 0.8rem}
.panel-estimate .panel-container.type-search{border-radius:0 0 16px 16px;}
.panel-estimate .panel-container.type-search .form-control{border-color:transparent}
.panel-estimate .panel-container.type-search .btn-control{margin-bottom:1rem}
.panel-estimate .panel-container .form-check.form-check-inline{min-height:calc(2.25rem + 2px)}

.panel-container .blk-form {border-top:1px solid #aeaeae; margin-bottom:30px}
.panel-container .blk-form .form-check{min-height: 60px; padding:15px 0; /*border-bottom:1px dashed #aeaeae;*/}
.panel-container .blk-form .form-check select{height: calc(1.8rem + 2px);}
.panel-container .blk-form .form-group{min-height: 60px; padding:15px 0; /*border-bottom:1px dashed #aeaeae;*/}


/*tabs*/
.panel-container .nav-link {padding: .8rem 2rem; font-size: 1.25em;}
.panel-container #setup-prev-content {padding: 30px; border:1px solid #dee2e6; border-top:0}

/*Switch checkbox
-----------------------------------------------*/
.custom-switch {
    padding-left: 2.25rem
}
.custom-switch .custom-control-label {font-size:0.8em;}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}
.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}



/* Absolute Center Spinner */
.loading {
	position: fixed;
	display:none;
	z-index: 11000;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 150ms infinite linear;
	-moz-animation: spinner 150ms infinite linear;
	-ms-animation: spinner 150ms infinite linear;
	-o-animation: spinner 150ms infinite linear;
	animation: spinner 150ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(245,245,66, 0.75) 1.5em 0 0 0, rgba(245,245,66, 0.75) 1.1em 1.1em 0 0, rgba(245,245,66, 0.75) 0 1.5em 0 0, rgba(245,245,66, 0.75) -1.1em 1.1em 0 0, rgba(245,245,66, 0.75) -1.5em 0 0 0, rgba(245,245,66, 0.75) -1.1em -1.1em 0 0, rgba(245,245,66, 0.75) 0 -1.5em 0 0, rgba(245,245,66, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(245,245,66, 0.75) 1.5em 0 0 0, rgba(245,245,66, 0.75) 1.1em 1.1em 0 0, rgba(245,245,66, 0.75) 0 1.5em 0 0, rgba(245,245,66, 0.75) -1.1em 1.1em 0 0, rgba(245,245,66, 0.75) -1.5em 0 0 0, rgba(245,245,66, 0.75) -1.1em -1.1em 0 0, rgba(245,245,66, 0.75) 0 -1.5em 0 0, rgba(245,245,66, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.error {
  border: 1px solid #f00 !important;
}


/*Footer
-----------------------------------------------*/
footer span{display:inline-block; padding-left:120px}



/* Paginazione
-----------------------------------------------*/
.panel .panel-footer {
    padding: 12px;
    border-top: 1px solid #eaeced;
}

.pst-pagination {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.pst-pagination li a, .pst-pagination li span {
    display: block;
    padding: 0.15rem 0.35rem;
	line-height: 1;
}

.pst-pagination li {
    margin: 0 0.25rem;
}
.pst-pagination li.active {
    border-radius: 0.25rem;
    border: 1px solid #c0ddf2;
}