@import url('https://fonts.googleapis.com/css?family=Muli:400,700');
body{font-family: 'Muli', sans-serif; font-size:1em; color:#333}

.btn-conferma svg {fill: #fff; width: 14px; height: 14px;} 

.scuro, .bg-dark, .dropdown-menu {background:#2d2d2d !important}
.copia {background-color: #ccffcc;}
.paste{background-color: #ffffcc;}
a,button {text-decoration:none !important; outline:none !important}
.navbar-nav li a {font-size:1.0em; text-transform:uppercase; margin:0  !important; padding: 16px 8px 10px 8px !important}
.rosso{color:#F33}
.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

.hp-cont{border:#2d2d2d 2px solid}
a .hp-button{color:#FFF !important}
.hp-tit{background:#2d2d2d; color:#ff3333; text-align:center; text-transform:uppercase; padding:12px 0 12px 0;}

.hp-button{
	font-size:0.8em;
	border-radius:0; width:80%;
	text-align:left;
	background:#ff3333; text-transform:uppercase; 
	-webkit-transition: background-color 200ms ease-out 100ms;
    -moz-transition: background-color 200ms ease-out 100ms;
    -o-transition: background-color 200ms ease-out 100ms;
    transition: background-color 200ms ease-out 100ms;
	margin:12px;
	padding-top:6px; padding-bottom:6px;
	}
.hp-button:hover{background:#2d2d2d;
	-webkit-transition: background-color 200ms ease-out 100ms;
    -moz-transition: background-color 200ms ease-out 100ms;
    -o-transition: background-color 200ms ease-out 100ms;
    transition: background-color 200ms ease-out 100ms;
	}
.fa-chevron-right{padding-right:12px !important}

hr{background-color: rgba(0,0,0, 1) !important; min-height: 2px;}
/*  ############################## MENU ############################# */
#navigazione {background:none !important}
 #navigazione li a {color:#fff; font-size: 0.9em; }
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler .collapsed {border: 0 !important; box-shadow: none;}
#navigazione .dropdown-toggle{
	text-transform:uppercase; 
	font-size: 0.9em; 
	background:#2d2d2d !important;
	color:#FFF !important;
	-webkit-transition: color 400ms ease-out 200ms;
    -moz-transition: color 400ms ease-out 200ms;
    -o-transition: color 400ms ease-out 200ms;
    transition: color 400ms ease-out 200ms; 
	}
	
#navigazione .dropdown-toggle:hover {
	color:#ff3333 !important;
	-webkit-transition: color 400ms ease-out 200ms;
    -moz-transition: color 400ms ease-out 200ms;
    -o-transition: color 400ms ease-out 200ms;
    transition: color 400ms ease-out 200ms;
	}

/* */

#navigazione .dropdown-menu {
	background-color: #2d2d2d !important;
	border-radius:0 !important;	
	border:0 !important;
	font-size: 0.9em;
}

#navigazione .dropdown-item:hover {
	background:none !important;
	color:#ff3333;
	-webkit-transition: color 400ms ease-out 200ms;
    -moz-transition: color 400ms ease-out 200ms;
    -o-transition: color 400ms ease-out 200ms;
    transition: color 400ms ease-out 200ms;
	}

.dropdown-menu, .dropdown-item {padding:0 !important; margin:0 !important;}	
.dropdown-divider {height:0 !important; border-top:#ff3333 1px dotted !important; margin:0 !important}
.attiva {color:#F33 !important;}
.dropdown-menu li {padding: 0 !important; margin: 0 !important}
  /*
}
.dropdown-menu li{padding:0 !important;
	margin:0 !important;}

.dropdown-menu li a:link, .dropdown-menu li a:visited {
	background:none;
	color:#fff;
	-webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms;
}

.dropdown-menu li a:hover {
	background:none;
	color:#ff3333;
	-webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms;
}
*/

li.divider{border-top:#ff3333 1px dotted; height:0px; background:none !important}
.modal-header{background:#2d2d2d}
.bag-modal-title{color:#ff3333}

label{font-size:0.8em !important; font-weight:bold;}
.btn-close{color: #ff3333 !important}
.btn-conferma{
	border-radius: 0 !important;
	border:0 !important;
	text-transform:uppercase;
	-webkit-transition: background-color 200ms ease-out 100ms;
    -moz-transition: background-color 200ms ease-out 100ms;
    -o-transition: background-color 200ms ease-out 100ms;
    transition: background-color 200ms ease-out 100ms;
	background:#2d2d2d !important; 
	color:#fff !important;
	}
.btn-conferma:hover{
	-webkit-transition: background-color 200ms ease-out 100ms;
    -moz-transition: background-color 200ms ease-out 100ms;
    -o-transition: background-color 200ms ease-out 100ms;
    transition: background-color 200ms ease-out 100ms;
	background:#ff3333 !important;
	color:#fff !important;
	}

.btn-mono{	line-height: 0.5em; }

thead{background:#e7e7e7; color:#999; font-size:0.8em}
th{text-transform:uppercase; text-align:center}
.table-bordered, .table-bordered th, .table-bordered td {border:#ff3333 1px solid !important}
label {color:#ff3333 !important}
.modal-title{color:#ff3333 !important; font-size:1em !important}
.opaco{opacity: 0.3 !important; filter: alpha(opacity=30) !important;}

.panel-body{color:#ff3333; background:#2d2d2d; font-size:0.9em}
.panel-footer{font-size:1.2em;}
.titolo-selezionato {font-size:1.4em; color:#FFF; text-transform:uppercase}
#bottone-ordinamento{display:none}

.alert{font-size:0.9em !important; padding:6px !important; border-radius:0 !important; background:#fff; border:0 !important}
.alert-success{color:#2d2d2d}
.alert-danger{color:#ff3333}

.table-media small {font-size: 0.7em;}


/* X finestre modali */
.close{color:#ff3333 !important; text-shadow:none !important; opacity: 1 !important; filter: alpha(opacity=100) !important;}
.close:hover{color:#fff !important;}

	
/* CSS PER INPUT FILE */

input[type="file"] {
    border: 1px solid #ff3333 !important;
    display: inline-block;
    padding: 6px 12px;
	margin-left:12px;
    cursor: pointer;
	color:#ff3333 !important;
}

input[type="text"], input[type="email"], input[type="date"], textarea, .input-group-prepend, .input-group-text, select {border-radius: 0 !important;}
select{text-transform:uppercase}
option { padding: 6px 6px !important; }


input[type="text"]:focus, input[type="email"]:focus, input[type="date"]:focus, textarea:focus, select:focus {
	border: 1px #ff3333 solid !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 51, 51, 0.6) !important;
  	outline: 0 none !important;
	}
	
.input-group-text{
	color:#fff;
	-webkit-transition: background-color 200ms ease-out 100ms;
    -moz-transition: background-color 200ms ease-out 100ms;
    -o-transition: background-color 200ms ease-out 100ms;
    transition: background-color 200ms ease-out 100ms;
	background:#2d2d2d;
	}
.input-group-text:hover{
	-webkit-transition: background-color 200ms ease-out 100ms;
    -moz-transition: background-color 200ms ease-out 100ms;
    -o-transition: background-color 200ms ease-out 100ms;
    transition: background-color 200ms ease-out 100ms;
	background:#ff3333;
	}
 .mactive{color:#ff3333 !important;}
.fascia-separatore{background:#ff3333; color:#FFF; padding:8px 0 8px 20px}
#iconacont{margin-top:10px}

.data{max-width: 250px}
 #filebrowser{position:fixed; top:50%; right:0; z-index: 10}
  @media (max-width: 768px) {
 #filebrowser span{display: none;}
} 
.filebrowse {text-align: center; padding:4px; margin:4px; border:#c6c5b9 1px solid; display: flex; align-items: center; justify-content: center}
.filebrowse img {max-width: 160px; max-height: 160px; margin: auto}
.filebrowse small{font-size: 0.7em}
.iconafile{font-size: 3em}

/*  ############################## MODAL BOOTSTRAP 4 ############################# */

.modal-content, .modal-header {border-radius:0 !important; border:0 !important}
.txtmini{font-size:0.8em}
h3{text-transform:uppercase; color:#ff3333; font-size:1.5em; margin-bottom: 30px;}
.btn-sm{font-size:0.8em !important}
#ajax-loader {
	display: none;
  background-color: rgba(0,0,0,0.7);
  position: fixed;
  z-index: 1800 !important;
  min-width: 100%;
  min-height:100%;
  height: 100vh;
}
#ajax-loader div {
	display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  min-height:100%;
  height: 100vh;
}
#ajax-loader div img { max-width:140px }

.numero{ text-align:right; }
.errore{color:#ff3333;}
::placeholder { color: #ccc !important; display: none }
:-ms-input-placeholder { color: #ccc !important;}
::-webkit-input-placeholder { color: #ccc !important;}

.logout svg {width: 20px; height: 20px; fill:#ffffff !important}
.logout:hover svg {width: 20px; height: 20px; fill:#ff3333 !important}