.bg-white {
    background-color: #FFF;
}
.bg-red {
    background-color: #EA0063;
}
.bg-blue {
    background-color: #182885;
}
.bg-cian {
	background-color: #7aaaf5
}
.bg-gray {
    background-color: gray;
}
.bc-red {
    border-color: #EA0063 !important;
}
.bc-blue {
    border-color: #182885;
}
.text-white {
    color: #FFF;
}
.bc-black {
    border-color: black;
}
.bc-white {
    border-color: white;
}
.text-red {
	color: red;
}
.text-cian {
	color: #7aaaf5
}

.text-blue {
    color: #182885;
}
.text-gray {
    color: gray;
}
.little{
    font-size: 8px !important;
	text-align: middle !important;
}
.med{
    font-size: 22px !important;
}
.big{
    font-size: 40px !important;
}
.extra-big{
    font-size: 150px !important;
}
.extra-extra-big{
    font-size: 250px !important;
}
.navbar-total {
    margin-bottom: 0px;
    height: 200px;
}
.logo {
	font-family: 'Krona One', sans-serif !important;
}
.nav-item {
	height: 45px !important;
}
.disableded {
	pointer-events: none;
	color: gray !important;
}
.btn-custom {
	background-color: transparent;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	color: white
	/* Aggiungi altre personalizzazioni desiderate */
}
#formbutton :hover{
	background-color: #FFF; 
	color: #EA0063 !important;
}
body {
	/* font-family: 'Epilogue', sans-serif !important; */
	background-color: #FFF;
	height: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
  }
p {
    font-size: 1.1em !important;
    font-weight: 300 !important;
    line-height: 1.7em !important;
    color: black;
	}
a {
	color: black ;
	text-decoration: none ;
}
a:hover {
	color: black 
}
.tr-border tr {
	border-style: solid;
    border-width: thin;
}

#alert:hover {
	background-color: #1E295E !important;
	color:  #FFF !important;
}

#extend {
	min-height: 1200px !important;
}
.pulsante:hover {
	background-color: #1E295E !important;
	color:  #FFF !important;
}
.pulsante2:hover {
	background-color: #EA0063 !important;
	color:  #FFF !important;
}
.pulsante3:hover {
	background-color: #EA0063 !important;
	color: #1E295E !important;
}
.pulsante4:hover {
	background-color: white !important;
	color: #1E295E !important;
}
/* .form-control:focus {
	border-color: transparent;
	box-shadow: none
  } */
#a_login:hover {
	color: black !important
}
.alert {
	text-decoration: none !important;
}
.alert:hover {
	color: black !important;
}
.mytable {
	width: 100%;
	border-width: thin !important;
	border-color: black !important;
}
#tabella th {
	font-size:13px !important;
	color: #FFF !important;
	background-color:#182885 !important;
	padding-top:15px !important;
	padding-bottom:15px !important;
}
#tabella a {
	font-size:13px ;
	color:black ;
}
.overlay {
	height: 100% ;
	width: 0px;
	position: fixed;
	z-index: 1010;
	left: 0;
	top: 0;
	overflow-x: hidden;
	transition: 0.5s;
}
.overlay ul{
	list-style-type: none;
	margin: 0px !important;
	padding: 0px
}
.overlay li{
	padding-left: 20px;
	text-decoration: none !important
}
.pd-double li {
	margin: 0px !important;
	padding-left: 45px
}
.overlay li::marker{
	color: black;
}
.overlay-content {
	position: relative;
	top: 5%;
	width: 100%;
	text-align: left;
	margin-top: 15px;
}
.overlay-content li:hover{
	background-color: #FFF; 
	color:  #7aaaf5 !important;
}
.overlay-content a:hover{
	background-color: #FFF; 
	color:  #7aaaf5 !important;
}
.overlay-content li:hover button{
	background-color: #FFF; 
	color:  #7aaaf5 !important;
}
.overlay-content li:hover a{
	background-color: #FFF; 
	color:  #7aaaf5 !important;
}
.overlay a {
	padding: 8px;
	text-decoration: none !important;
	font-size: 18px;
	color: #FFF;
	display: block;
	transition: 0.3s;
}
.overlay a:hover {
	color:  #7aaaf5 !important;
}
.overlay .closebtn {
	position: absolute;
	top: 20px;
	left: 280px;
	cursor: pointer;
}
.overlay .home {
	position: absolute;
	top: 20px;
	left: 220px;
	cursor: pointer;
}
.centerd {
	text-align: center;
} 
.fixed {
	position: fixed;
	top: 0;
	z-index: 999
}
.linea-spessa {
	border-style:solid !important; 
	border-bottom-width: 4px !important;
	opacity: 1
}
.linea-media {
	border: 2px solid #1E295E;
	opacity: 1
}
.linea-normale {
	border: 1px thin white;
	opacity: 1
}
.linked {
	color: #3f53b8
}
.page-link {
	border-color: black;
}
.page-link:hover {
	background-color: #182885;
	color:#FFF !important; 
}
.page-item.active .page-link {
	background-color:#7aaaf5; 
	border-color: black; 
	color: black !important
}
.page-item.active .page-link:hover {
	color: black !important; 
}
#tabella td a {
	font-size:16px;
	color:black;
	font-weight: 500;
}
#tabella th a {
	color: #FFF;
}
.drop {
	border-style: dashed;
	border-color:  #178b48;
	border-width: 5px
}
.drop2 {
	border-style: solid;
	border-color:  #178b48;
	border-width: 5px
}

.bs-placeholder {
	font-size: 14px;
	background:#178b48; 
	border: none;
	border-radius: 5;
	width: 168px;
}
.filter-option-inner-inner:hover   {
	color: black
}
.filter-option-inner-inner   {
	color:black;
	width: 220px !important;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: black;
} 
.btn.btn-primary.btn-md.ml-5 {
	padding: 3px;
	padding-left: 12px ;
	padding-right: 12px;
	margin-bottom: 4px;
}
.form-check {
	margin-bottom:10px;
}
.btn.dropdown-toggle.btn-light.bs-placeholder {
	background:#7aaaf5 !important; 
	border-color:#7aaaf5 !important; 
	/* color:black !important; */
	height: 38px;
	width: 210px;
}  
.btn.dropdown-toggle.btn-light {
	background-color: #DAE0E5 !important;
	border-color:#DAE0E5 !important;
}

.btn.dropdown-toggle.btn-light:hover {
	color: white!important
}

.bs-actionsbox .btn-group button {
	width: 50% !important;
}
.dropdown-item {
	width: 310px !important;
}
.my_check {
	width: 1.25em;
	height: 1.25em;
	margin-right: .75em;
}
.my_check:checked {
	background-color: #1E295E !important;
	border-color: #1E295E !important;
}
.my_check:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
#reader {
	max-width: 40% !important;
}
#drops:hover {
	border-color: black !important;
}
#reader__scan_region {
	max-height: 100% !important;
	max-width: 100% !important;
}
#div_id_scansiona {
	display:none !important
}
#id_profile_picture {
	display:none !important
}
#view {
	width:5% !important;
	text-align: center !important;
}
#full_name {
	width:35% !important
}
#category, #date {
	width:20% !important
}
#chk, #module {
	width:10% !important;
	text-align: center !important;
}
.form-check-input:checked {
    background-color: #1E295E;
    border-color: #1E295E;
}
.form-check-input {
    width: 1.3em;
    height: 1.3em;
}
.testo-interlinea {
    line-height: 1.75 !important; /* Imposta l'interlinea a 1.5 volte l'altezza del carattere */
  }
::placeholder {
	font-size: 16px; /* Imposta la dimensione del carattere del placeholder */
	color: black !important;
  }
.natural-select .btn.dropdown-toggle.btn-light {
    background-color: white !important;
    border: 1px solid #ced4da !important;
    width: 100%; /* Assicurati che il bottone occupi il 100% della larghezza */
    }
.natural-select .btn.dropdown-toggle.btn-light:focus {
        border-color: #80bdff;
        outline: none !important;
        box-shadow: 0 0 0 .25rem rgba(0,123,255,.25);
    }
.natural-select .filter-option-inner-inner {
        color: black;
        width: 100% !important;
    }
.natural-select .dropdown-item {
        width: 100% !important;
    }
.natural-select .btn.dropdown-toggle.btn-light.bs-placeholder {
        color: black;
        width: 100% !important;
    }
.menu-toggle-btn {
	display: none; /* Inizia nascosto */
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1030;
	background-color: white;
	border: none;
	padding: 10px 15px;
	border-radius: 50%;
	cursor: pointer;
}
.capo {
	max-width: 100%;
	word-wrap: break-word !important; /* Per IE */
	overflow-wrap: anywhere !important; /* Per browser moderni */
	white-space: normal !important; /* Impedisce al testo di andare fuori dal contenitore */
	word-break: break-word !important; /* per Safari che non supporta overflow-wrap
	/* word-break: break-all; /* Forza la rottura delle parole lunghe nei link */
}
.redclass {
	color:red;
}

/* ---------------------------------------------------
CARICAMENTO
----------------------------------------------------- */
.no-vis {
	display:none;
}
.opacity {
	opacity:0.3;
}