/* Foglio di stile personalizzato */

/*Modifichiamo gli stili del body*/
#div_filtro_avanzato {
    width: 100%;
    background: rgba(21, 34, 65, 0.3);
    padding: 10px;
    border-radius: 10px;
}
.card {
    border: 0;
    /*box-shadow: 8px -6px 10px 4px hwb(229deg 63% 28% / 10%);*/
	box-shadow: 1px 1px 7px 5px rgb(0 0 0 / 10%);
}
.card .card-header .card-title .card-label {
    color: #c72a40;
}
.card-header + .card-body {
    padding-top: 0;
}
.card .card-header{
    border-bottom: none;
}
.text-blue-eidon{
	color:#152241; 
	font-size: 13px;}

.text-red-eidon{
	color:#c72a40;
	font-size: 13px;}

.nav-item a, h5 a{
    color:#c72a40;
}

.text-gray{
	font-size: 13px;}

i.bi.icona-dashboard.bi::before{
	font-size:30px;}

.modifica-utente{
	padding: 20px;
}

.avatar-img>img{
	border-radius:80px;
}

.image-input.image-input-outline .image-input-wrapper{
	border-radius:50px;
	border:none;
	margin-top:5px;
}

.btn-blu{
	color:#fff;
	background-color:#152241;
}
.btn-blu:hover{
	color:#fff;
}

.btn-red{
background-color:#c72a40;
	color: #fff;
}

.btn-red:hover{
	color: #fff;
}

.btn-active-eidon{
	background-color:#c72a40;
}

.import .bi:before{
	color:#fff;
}
.menu-state-bg .menu-item.show>.menu-link{
	background-color:#d27b8e;
}
.nav-custom .nav-link {
    color: #152241 !important;
}
.nav-custom .nav-link.active {
    opacity: 1;
    border-bottom: 2px solid #152241 !important;
}
.bg-span-dashboard {
	background-color: #c02a44!important;
}

.dash-modal{
	font-size: 20px;
}
div#signature  {
    width: 100%;
    height: 90%;
    position: relative;
}
main {
    min-height: 400px;
}
div#kt_footer div.flex-column {
    border-top: 1px solid #dedede;
}
/*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: #152241!important; } 
.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;}
.show>.btn.btn-active-light-primary {background-color:rgb(192 42 68 / 10%)!important;}

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

.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;
    color: #152241;}

body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom .svg-icon, body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom i {
    color: #fff;
    background-color: rgb(255 255 255 / 50%);
    padding: 7px;
    border-radius: 10px;}

body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item.here>.menu-link {
    transition: color .2s ease,background-color .2s ease;
    background-color: rgba(192,42,68,.5);
    color: #fff;
}

body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease,background-color .2s ease;
    background-color: rgba(192,42,68,.5);
    color: #fff;
}

.menu-state-bg .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease,background-color .2s ease;
    background-color: rgba(192,42,68,.5);
	color:#ffffff;}

.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;
}

i.bi.nuovo-icon::before{
	margin-left:5px;}

/*Modifichiamo gli stili delle icone nell'header sticky*/
span.menu-icon:hover {
    color: red;}


h1.titolo{color: #152241;}
.completata .bi::before, .completata [class*=" bi-"]::before{
color: #fff;}

body {
    overflow-x: hidden;
    background-image: url(../../img/header-eidon.jpg);
	background-size: 100%;
}

/* Modifichiamo gli stili dell'header della pagina di recupero password */
.rec_pass .bi::before{
    font-size: 40px;}

/*Modifichiamo gli stili della toolbar*/
.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 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;
}
.tabella-clienti {
    font-size: 14px;
}

i.bi.icona-dashboard.bi::before{
	font-size:35px;
	 color: #c02a44;
}

.toolbar .btn.btn-custom {
    background-color: rgb(42 68 130);}

.toolbar .btn.btn-custom:hover {
    background-color: rgb(192 42 68 / 73%);
color:#fff;}


.btn.btn-active-color-primary:not(.btn-active), .show>.btn.btn-active-color-primary, .btn.btn-active-color-primary:not(.btn-active) .svg-icon {
    color: #fff;}

.btn.btn-active-color-primary:hover:not(.btn-active), .show>.btn.btn-active-color-primary, .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon {
    color: #fff;
}

body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom .svg-icon, body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom i {
    color: #152241;
    background-color: rgb(255 255 255 / 50%);}

/*Modifichiamo gli stili delle tabelle*/
table.table tbody tr td, table.table thead tr th, table.table thead {
    border-left: none;
    border-right: none;
	
}

.table th, .table td {
    border-color: #e7e9ed;
}

/*Modifichiamo gli stili della pagina di lezione*/
.video-lezione iframe{
    width: 100%;
    height: auto;
    min-height: 600px;}

#pdf-viewer {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    max-height: 100%;
    /* overflow: hidden; */
}

#prev-page,
#next-page {
    flex-shrink: 0;
    background-color: #152241;
    border-radius: 30%;
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.bi::before, [class*=" bi-"]::before, [class^=bi-]::before{
    color: #ffffff; 
}


#pdf-canvas {
    border: 1px solid black;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#page-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

/* 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;
}

.form-control.read-only{
    border: 1px solid #f4c530;
	}

/* END Login CSS */

@media (min-width: 992px) {
    .bd-placeholder-img-lg {
    font-size: 3.5rem;
    }
    .filtri-interventi {
    text-align: end;
    padding-top: 20px;
    }
     .intervento-head > div, .intervento > div {
         border-bottom: 1px solid #152241;
         border-left: 1px solid #152241;
         padding: 10px;
     }
     .intervento-head > div {
         border-top: 1px solid #152241;
     }  
	
     .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!important;
     }
     .row.intervento:nth-child(odd) {
    background-color: #ededed;
    }
     .row.intervento:nth-child(even) {
    background-color: #fff;
    }
	
     .row.intervento:hover {
    background-color: #152241;
     color: #fff;
    }
     .row.intervento:hover .modal {
     color: #212529;
    }
     .intervento-head {
         background-color: #2a4482;
         color: #fff;
         border-top-left-radius: 10px;
         border-top-right-radius: 10px;
     }
	
     .int-t {display: none; }
     .row.intervento .int-cliente {
    font-weight: bold;
    }
	
	i.bi.elenco.bi::before{
	font-size:17px;
	color:#C02A44;}
	a.link{
	color:#C02A44;}
	a.link:hover{
	color:#fff;}   
	
	.form-control .form-control-solid{
		color:rgb(42 68 130);}

	}

 @media (max-width: 991px) { /* TABLET - SM */
   
	 .text-blue-eidon{
	color:#152241;
	font-size: 13px;}

	.text-red-eidon{
	color:#c72a40;
	font-size: 13px;}

	.text-gray{
	font-size: 13px;}
	 
	 .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 .int-cliente {
    font-size: 15px;
    font-weight: bold;
    }
   .row.intervento:nth-child(odd) {
    background-color: #c02a441c;
    }
   .row.intervento:nth-child(even) {
    background-color: #2a448224;
    }
	
     .int-break { display: none; }
     hr.int-t { margin: 5px 0;  }
	 
	 h1.titolo {
    padding-top: 20px;}
	 
	 a.link{
	color:#152241;}

	i.bi.elenco.bi::before{
	color:#152241;}

	 
 }
 

 @media (max-width: 576px) { /* SMARTPHONE - < SM */
   body {
        background-size: 100%;
    }

}
@media (max-width: 991.98px) {
  .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%);
  }
}

.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);
}