/*
GENERALE
*/

body { font-family: 'Nunito Sans', sans-serif; font-size: 14px; color: #222; background-color: #FFF;  }
h1, h2, h3, h4, h5 { font-weight: 700; letter-spacing: 1px; color: #444; }

/*
BOTTONI
*/

.btn.btn-primary {
  color: #444;
  background-color: #12a19a;
  border-color: #14B8AF;
  color: #FFF;
}
.btn.btn-primary:hover {
  background-color: #14B8AF;
  border-color: #14B8AF;
}
.btn.btn-grey {
  color: #444;
  background-color: #EEE;
  border-color: #DDD;
}
.btn.btn-grey:hover {
  background-color: #DDD;
  border-color: #CCC;
}

/*
HEADER
*/

nav .navbar-header { padding: 10px 0; }
nav .navbar-header .logo { height: 60px; }
.navbar-nav>li>a { line-height: 80px; padding-top: 0; padding-bottom: 0; }

/*
HEADING
*/

h1 { margin-bottom: 25px; font-size: 32px; }
h2 { font-size: 28px; }
h2.sub { font-size: 22px; margin-top: -15px; margin-bottom: 25px; }

/*
CONTAINER
*/
.app-container { padding-top: 40px; padding-bottom: 40px; }

/*
FORM
*/

form { margin: 0; padding: 0; }
input.form-control { border-color: #DDD; }
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="input"],
select,
textarea {
  display: block;
  width: 100%;
  padding: 4px 6px;
  box-sizing: border-box;
  border: 1px solid #DDD;
  background: #FAFAFA;       
}
textarea {
  height: 120px;
}
input[readonly]{
  background: #EEE;
  color: #999;
}
.form-inline .form-group { margin-right: 10px; }
.btn-submit-row { height: 40px; }

/*
BOTTONI
*/

.btn-default { background: #EEE; border-color: #DDD; }

/*
MARGINI
*/

.mt-0 { margin-top: 0px; }
.mb-0 { margin-bottom: 0px; }
.mt-5 { margin-top: 5px; }
.mb-5 { margin-bottom: 5px; }
.mt-10 { margin-top: 10px; }
.mb-10 { margin-bottom: 10px; }
.mt-15 { margin-top: 15px; }
.mb-15 { margin-bottom: 15px; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.mt-25 { margin-top: 25px; }
.mb-25 { margin-bottom: 25px; }


/*
PAGE HEAD
*/
.page-head h1 { font-size: 38px; color: #1070bb; }
.page-head p { background-color: #1070bb; color: #FFF; font-size: 16px; padding: 5px; }

/*
HOME
*/

.elenco-fornitori .list-group-item:first-child,
.elenco-prodotti .list-group-item:first-child { border-top: 0; }
.elenco-fornitori .list-group-item:hover,
.elenco-prodotti .list-group-item:hover { background-color:#EEE; }

/*
TDS e COA
*/
.tds-coa-head-foot { height: 160px; background-color: #EEE; }

/*
DECLARATIONS BUILDER
*/

#lista-a, #lista-b {
  border: 2px solid #CCC;
  background-color: #EEE;
  width: 100%;
  min-height: 80px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 0;
}
#lista-a li, #lista-b li {
  margin: 0 10px 10px 10px;
  padding: 5px;
  border:  2px dashed #CCC;
  background-color: #FFF;
}

/*
DECLARATIONS:  ELENCO FRASI
*/

.sentences { list-style-type: none; margin: 0; padding: 0; }
.sentences li { position: relative; padding: 10px 0; border-bottom: 1px solid #DDD; }

/*
DOSSIER
*/
.table.doc-table th, .table.doc-table td { vertical-align: middle !important; }
.doc-exclude th, .doc-exclude td { background-color: #EEE; color:#999 }

/*
VARIE
*/

.rosso { font-weight: bold; color: #CC0000; }
.verde { font-weight: bold; color: #339900; }
.nologo { width: 170px; height: 170px; line-height: 170px; border: 1px solid #DDD; background-color: #EEE; text-align: center; }
.click { cursor: pointer; }
.link { cursor: pointer; text-decoration: underline; }

/*
ICONE COLORATE
*/

.glyphicon.rosso,
.glyphicon.verde { font-weight: normal; }

/*
TYPEHEAD
*/

.dropdown-menu { width: 100%; }

/*
SORTABLE
*/

.spostami { position: absolute; top: 25px; left: -15px; display: inline-block; width: 30px; height: 60px; line-height: 60px; text-align: center; color: #999; border: 1px solid #DDD; border-right: 0; cursor: pointer; }
.spostami:hover { background-color: #FFFF00 }
.sortable-placeholder { height: 55px; margin-bottom: 15px; background-color: #EEE; }

/*
RESPONSIVE
*/

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width : 768px) {

    nav h1 { margin-left: 15px; }

}

@media only screen and (max-width: 640px) {
    
  table.elenco-clienti td,
  table.elenco-clienti th {
    width: 50%;    
  }
	table.elenco-clienti td:nth-child(2),
	table.elenco-clienti th:nth-child(2),
	table.elenco-clienti td:nth-child(3),
	table.elenco-clienti th:nth-child(3) {
	 display: none;
	}
	
}