/* Foglio di stile personalizzato */

html,
body {
    height: inherit;
}
body {
    background-image: url(../../img/bg-header.png);
    background-repeat: no-repeat;
    background-color: #f5f8fa;
    height: inherit;
}
span.tox-statusbar__branding { display: none; }
.card {
    -webkit-box-shadow: 1px 1px 7px 5px rgb(0 0 0 / 10%);
    box-shadow: 1px 1px 7px 5px rgb(0 0 0 / 10%);
}
.card-header + .card-body {
    padding-top: 0;
    margin-top: 0;
}
.card .card-header {
    min-height: 40px;
}
.sfondo{
background-color:#fff;
}
.offline-msg h1{
    padding: 100px 0;
}

div#signature  {
    width: 100%;
    height: 90%;
    position: relative;
}
main {
    min-height: 400px;
}
div#kt_footer div.flex-column {
    border-top: 1px solid #dedede;
}

textarea.form-impostazioni {
    min-height: calc(1.5em + 30.5rem + 2px);}

.btn-outline-success {
    color: #179611;
    border-color: #179611;}

/*.ricerca span{
	color:#fff;
	margin-right:5px;
}*/
.btn.btn-primary {
	-webkit-color: #fff;
    -moz-color: #fff;
    color: #fff;
	-webkit-background-color: #262725!important;
    -moz-background-color: #262725!important;
    background-color: #262725!important;
}

.btn.btn-primary:active:not(.btn-active) {
    color: #fff;
	-webkit-background-color: #262725!important;
    -moz-background-color: #262725!important;
    background-color: #262725!important;
}
 .btn.btn-primary:hover:not(.btn-active){
    color: #fff;
    border-color: #262725;
	 -webkit-background-color: #262725!important;
    -moz-background-color: #262725!important;
    background-color: #262725!important;
}

.btn.btn-danger, .btn.btn-danger:hover:not(.btn-active){
	-webkit-background-color: #ed2733!important;
    -moz-background-color: #ed2733!important;
	background-color: #ed2733!important;
}

.btn.btn-warning, .btn.btn-warning:hover:not(.btn-active){
	-webkit-background-color: #ff5c00!important;
    -moz-background-color: #ff5c00!important;
	background-color: #ff5c00!important;
}

.scrolltop {
    background-color: #e4641c;
}

td a{
color: #ff5c00;
}

td a:hover{
color: #000000;
}

/*Modifichiamo gli stili dell'header*/
body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item>.menu-link .menu-icon, body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item>.menu-link .menu-icon .svg-icon, body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item>.menu-link .menu-icon i, body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item>.menu-link .menu-title{color: #ffffff;}

.header .header-menu .menu>.menu-item>.menu-link .menu-icon, .header .header-menu .menu>.menu-item>.menu-link .menu-icon .svg-icon, .header .header-menu .menu>.menu-item>.menu-link .menu-icon i, .bi::before, [class*=" bi-"]::before, [class^=bi-]::before {font-size:20px;}

.menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i{color:#d44c15;}

.btn.btn-active-light-primary:hover:not(.btn-active) i{color:#d44c15;}

.btn-check:active+.btn.btn-active-light-primary .svg-icon, .btn-check:active+.btn.btn-active-light-primary i, .btn-check:checked+.btn.btn-active-light-primary .svg-icon, .btn-check:checked+.btn.btn-active-light-primary i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .show>.btn.btn-active-light-primary .svg-icon, .show>.btn.btn-active-light-primary i, .menu-state-icon-primary .menu-item.show>.menu-link .menu-icon, .menu-state-icon-primary .menu-item.show>.menu-link .menu-icon .svg-icon, .menu-state-icon-primary .menu-item.show>.menu-link .menu-icon i{color:#d44c15;}

.show>.btn.btn-active-light-primary {background-color: rgb(255 255 255 / 10%)!important;}

.alert-icon.bi::before {font-size:20px; color: #fff; margin-right: 1rem; margin-bottom: .5rem; }


.header-fixed[data-kt-sticky-header=on] .header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 97;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgb(82 63 105 / 8%);
    height: 65px;
    border-bottom: 0;
    padding: 0;
}

.py-lg-15 {padding-top: 2rem!important;}

.messaggio-conferma {
    margin-top: 30px;
    text-align: center;
}
.elenco-contratti hr:last-child { display:  none; }
.col-half {
    width: 46%;
    float: left;
    margin: 0 2%;
}
.col-quarto {
  width: 21%;
  float: left;
  margin: 0 2%;
}
.tbc-azioni {
    min-width: 100px;
}
.servizio-blocco { padding: 10px; background-color: #eaeaea; }
.servizio-blocco:nth-child(4n+1) {
    border: 2px solid #6cbc4d;
}
.servizio-blocco:nth-child(4n+2) {
    border: 2px solid #01afec;
}
.servizio-blocco:nth-child(4n+3) {
    border: 2px solid #48922b;
}
.servizio-blocco:nth-child(4n+4) {
    border: 2px solid #0a83ae;
}
.navbar-dark .navbar-brand { color: #FF0004; }
.navbar-brand  { margin-right: 30px; }
.navbar-brand img { max-height: 30px; }
a.nav-link, a.dropdown-item { display: flex; }
.dropdown-toggle::after {
    margin-top: 10px;
}
.btn.btn-round {
    border-radius: 50px;
    padding: 1px 10px 2px 10px;
}
.copyright-content {
    font-size: 12px;
    padding-top: 20px;
}
.form-label {
    margin-bottom: 0;
    margin-top: .5rem;
}
span.etichetta-filtro {
    margin-right: 20px;
    padding-top: 6px;
}
table.table thead tr th {
  font-weight: bold;
}
.table td:first-child, .table th:first-child, .table tr:first-child, .table td:last-child, .table th:last-child, .table tr:last-child {
    padding-left: .75rem;
}
/*
table.table tbody tr td,
table.table thead tr th,
table.table thead {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
table.table tbody tr td:first-child,
table.table thead tr th:first-child,
table.table thead:first-child,
table.table tbody tr td:last-child,
table.table thead tr th:last-child,
table.table thead:last-child {
  border-left: none;
  border-right: none;
}
*/

/*Modifichiamo gli stili del pannello ticket*/
.bg-opacity-5 {
    background-color: rgb(243 189 108 / 12%)!important;
}

.risp-admin .card-body{
	background-color: rgb(243 189 108 / 12%)!important;
	}

	.risp-cliente .card-body{
	background-color: #b0c3cc38!important;
	
}

.risp-admin.card, .risp-cliente.card{
	box-shadow:none;
}



/*Modifichiamo gli stili delle modal*/

.modal-body .btn.btn-primary {
    color: #fff;
    border-color: #262725;
    background-color: #262725;
    margin-top: 10px;}

.modal-body p {
    margin-top: 10px;}

/*Fine modifiche stili delle modal*/

.tabella-clienti {
    font-size: 14px;
}

i.bi.icona-dashboard.bi::before{
	font-size:30px;
}
.widget-dash .card .card-body {
    padding: 1.5rem 1.75rem;
}

.page-title h1 .btn {
    margin-left: 10px;} 

h1 a.btn {
    margin-top: -7px;} 

/*Modifichiamo gli stili della pagina di firma*/

#signature canvas.jSignature {
    width: 100%!important;
}


/* Login CSS */
body.login-panel {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 400px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
}




/* END Login CSS */

 @media (min-width: 992px) {
	 
	 /*Modifichiamo gli stili delle pagine di elenco*/

    .bd-placeholder-img-lg {
    font-size: 3.5rem;
    }
    .filtri-interventi {
    text-align: end;
    padding-top: 20px;
    }
	 
	div.intervento-head {
		background-color:#262725;
		color: #fff;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;}

	div.intervento-head > div {
		border-top: 1px solid #6e6e6e;}

	div.intervento-head > div, .intervento > div {
		border-bottom: 1px solid #6e6e6e;
		border-left: 1px solid #6e6e6e;
		padding: 10px;}

	div.row.intervento:hover {
		background-color: #e4641c !important;
		color: #fff;}

	div.row.intervento:nth-child(odd) {
		background-color: #ffe7d4;}

	div.row.intervento a{
		color:#361c3f;
	}
	.intervento button {
    border: none;
    background: none;
	}
     .intervento-head > div, .intervento > div {
         border-bottom: 2px solid #6e6e6e;
         border-left: 2px solid #6e6e6e;
         padding: 10px;
     }
     .intervento-head > div {
         border-top: 2px solid #6e6e6e;
     }     
     .intervento-head > div:first-child {
         border-top-left-radius: 10px;
     }         
     .intervento-head > div:last-child {
         border-top-right-radius: 10px;
     }     
     .intervento-head > div:last-child, .intervento > div:last-child {
         border-right: 2px solid #6e6e6e;
     }     
     .intervento:last-child > div:first-child {
         border-bottom-left-radius: 10px;
     }     
     .intervento:last-child > div:last-child {
         border-bottom-right-radius: 10px;
     }
     .row.intervento:nth-child(odd) {
    background-color: #ededed;
    }
     .row.intervento:nth-child(even) {
    background-color: #fff;
    }
     .row.intervento:hover {
    background-color: #252525;
     color: #fff;
    }
     .row.intervento:hover .modal {
     color: #212529;
    }
	 
	 .row.intervento i{
    color: #d44c15;
}
     .intervento-head {
         background-color: #464646;
         color: #fff;
         border-top-left-radius: 10px;
         border-top-right-radius: 10px;
     }
     .int-t {display: none; }
     .row.intervento .int-cliente {
    font-weight: bold;
    }
 }

 @media (max-width: 991px) { /* TABLET - SM */
    .nav-custom .nav-link {
    color: #262725 !important;
    }
    .nav-custom .nav-link.active {
    border-bottom-color:#262725 !important;
    }
    .filtri-interventi {
        font-size: 14px;
        padding-bottom: 10px;
    }
   /* .filtri-interventi a {
        font-size: 14px;
    }*/
     .row.intervento {
    margin: 0 1px 20px 1px;
    border-radius: 10px;
    padding: 10px;
    font-size: 13px;
    }
	/* .row.intervento a{
		 color: #d44c15;
	 }*/
	.intervento button {
    color: #d44c15;
	border: none;
    background: none;
	}
     .row.intervento .int-cliente {
    font-size: 15px;
    font-weight: bold;
    }
   .row.intervento:nth-child(odd) {
    background-color: #e6e6e6;
	border: solid 1px #4444;
    }
   .row.intervento:nth-child(even) {
    background-color: #fff;
	border: solid 1px #4444;
    }
	 
	 
     .int-break { display: none; }
     hr.int-t { margin: 5px 0;  }
	 
	 div.intervento-head > div, .intervento > div {
    border-bottom: none;
    border-left: none;
    padding: 10px;
}
	 .dettagli-intervento .card-body{
		 font-size:14px;
	 }
	 
	 .btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon), .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm{
		font-size:10px;}
	 
 }

 @media (max-width: 1199px) { /* schermi minori 1200px */
   .widget-dash {
    margin-bottom:  20px;
    }
 }

@media (max-width: 576px) { /* SMARTPHONE - < SM */
	.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon), .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm{
		font-size:9px;}
   
 }

@media (max-width: 380px) { /* schermi molto piccoli */
   .widget-dash .card .card-body {
    padding: 1.1rem 1.5rem;
    }
 }


@media (max-width: 991.98px) {
	
/*MODIFICHIAMO GLI STILI DELLA PAGINA TICKET*/	
	
.ticket .card .card-body {
    padding: 0;
}
	
	.card.risp-cliente .card-body {
	margin-left:30px!important;
}
	
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
	.menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #cc4a00;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #6f42c1; }

.contenuto_etichetta {
  font-weight: bold;
  font-size: 1.1rem;
}

.eliminato {
  background-color: #B9B9B9;
border: 1px solid #FB0004;
}

.eliminato .row {
    background: rgba(255, 255, 255, 0.8);
}

.int-mob {display: none; }
/*modifichiamo gli stili su mobile della pagina cliente*/	
.side-cliente.flex-column {
    flex-direction: column-reverse!important;
}
	
	
}