body{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* LOADER */
#loader {
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*tabella dati*/
table {
  font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
  font-size: 12px;
}
tr, th, td {
  border: 1px solid #dddddd;
  text-align: center;
}
/*tbody td{
  padding: 0 !important;
}*/
tfoot input {
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
	font-size: 10px;
}

/* Formattazione condizionale per tabella dati STATUS */
tr [value="1-Trace Taken"],tr [value="OK"]{
	background-color: #FFFFFA;
}
tr [value="2-In corso"],tr [value="In corso"]{
	background-color: #FFDD99;
}
tr [value="3-Completato"]{
	background-color: #66B3FF;
}
tr [value="4-Da inviare"]{
	background-color: #AB274F;
	color: white;
}
tr [value="5-Consegnato"]{
	background-color: #B3FFD9;
}
tr [value="6-Bloccato"],tr [value="Bloccato"]{
	background-color: #D61818;
	color: white;
}
tr [value="7-Planned"]{
	background-color: #C0C0C0;
}
tr [value="8-Non richiesto"],tr [value="Da fare"]{
  background-color: #465159;
  color: white;
}
tr [value="N/A"]{
	background-color: #E6E6F5;
}

/*tasto modifica record*/
input#database{
	background-color: #428bca;
	color: white;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0.5px solid #357ebd;
	border-radius: 5px;
}
input#database:hover{
  background-color: #3071a9;
}
/*input#database -> button#database*/
button#database{
  background-color: #428bca;
  color: white;
  width: 28px;
  height: 24px;
  padding: 0px;
  margin: 0px;
  border: 0.5px solid #357ebd;
  border-radius: 5px;
  cursor: pointer;
}
button#database:hover{
  background-color: #3071a9;
}
button#database img{
  width: 16px;
  height: 16px;
}
/*tasti interni alla pagina selectdata*/
input.floaty{
	height: 30px;
	float: right;
	background-color: #428bca;
	color: white;
	border: 0.5px solid #357ebd;
	border-radius: 5px;
	margin: 2px;
}
input.floaty:hover{
	background-color: #3071a9;
}

/*form di inserimento record*/
.form-container{
	margin: 0 auto;
	width: 750px;
}

/* Floating column for labels: 50% width */
.col-1 {
  float: left;
  width: 50%;
  margin-top: 10px;
}

/* Floating column for inputs: 50% width */
.col-2 {
  float: left;
  width: 50%;
  margin-top: 10px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.form-container label {
  padding: 5px 5px 5px 0;
  display: inline-block;
}
.form-container input[type=text],.form-container input[type=date], .form-container input[type=password], .form-container select, .form-container textarea{
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/*option sidenav*/
.sidenav {
	float:left;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
}
.sidenav h2{
	color:#818181;
	padding: 8px 8px 8px 32px;
	font-size: 20px;
	display: block;
}
.sidenav a {
	width: 20px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.sidenav a:hover {
    color: #f1f1f1;
}
/*select font*/
.selectFont{
	margin-left: 30px;
	margin-right: 20px;
    text-decoration: none;
    font-size: 14px;
    color: #818181;
    display: block;
    /*transition: 0.3s;*/
    float:left;
}
input.selectFont{
  margin-left: 10px;
  background-color: #428bca;
  color: white;
  border: 0.5px solid #357ebd;
  border-radius: 5px;
}
input.selectFont:hover{
  background-color: #3071a9;
}

/* FORM DI LOGIN*/
.wrapper {
  margin-top: 100px;
  margin-bottom: 100px;
}
.form-login {
  max-width: 380px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);  
}
.form-login-heading{
  margin-bottom: 30px;
  text-align:center;
}
.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
}
.form-login input[type=text] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-login input[type=password] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* BUTTON DATATABLES */
/*button.dt-button{
  color: #fff;
  background-color: #428bca !important;
  background-image: none !important;
  border-color: #357ebd;
  margin-bottom: 10px;
}*/
/* SEARCHBAR DATATABLES*/
div.dataTables_filter input{
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
/* FOOTER DATATABLES */
.footer-input{
  border: 0px solid !important;
}

/***** NUOVE MODIFICHE 2020 *****/
.container input[type=text], .container input[type=date], .container input[type=password], .container select, .container textarea,
.container-fluid input[type=text], .container-fluid input[type=date], .container-fluid input[type=password], .container-fluid select, .container-fluid textarea{
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: none;
}
/*riga customizzata di bootstrap*/
.myRow{
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 45px;
}
.myRow input[type=button]{
  margin-left: 15px;
}
/*form di caricamento template csv*/
#loadData{
  margin-left: 15px;
}
/*box di testo*/
.my-form-control{
  font-size: 15px !important;
}

/*formattazione condizionale per tabella dati STATUS sd_content */
tr [value="01-Plan"], tr [value="10-New"]{
  background-color: rgb(255, 255, 255);
}
tr [value="20-Req."]{
  background-color: rgb(248, 203, 173);
}
tr [value="26-Req.compl."]{
  background-color: rgb(226, 239, 218);
}
tr [value="60-VT"]{
  background-color: rgb(255, 217, 102);
}
tr [value="63-VT compl."]{
  background-color: rgb(169, 208, 142);
}
tr [value="90-Released"]{
  background-color: rgb(0, 176, 80);
}