/*
    body {
  font-size: 12px;
  background: trasparent;
}

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Titillium+Web:wght@200&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; }

body {
    font-family: 'Titillium Web', sans-serif;
    color: #000;
    font-size:14px;
    font-weight:bold;
    line-height: 150%;
}

H1 {
   color: #111;
   font-weight: bold;
   font-size: 140%;
   margin: 10px;
   padding: 0;
}

H2 {
   color: #111;
   font-weight: bold;
   font-size: 130%;
   margin: 0;
   padding: 16px 0px 6px 0px;
}

form {
   margin: 0;
   padding: 0;
}

p {
   margin: 0;
   padding: 0;
}

a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}


a:visited {
	color: #000;
	font-weight: bold;
}
a:active {
	color: #000;
	font-weight: bold;
}
a:link {
	color: #000;
	font-weight: bold;
}
a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
img {
	border: 0;
	}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color:  none;
    opacity: 0.7;
}

.container {
    width:100%;
}
.navbar {
    position: relative;
    min-height: 35px;
    margin-bottom: 8px;
    border: 1px solid transparent;
}

.navbar-nav>li>a {
    padding-top: 6px;
    padding-bottom: 6px;
}

.navbar-inverse {
    border:solid 1px #850128;
    background-color:#b20135;
    color:#fff;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #99002d;
}

.navbar-inverse .navbar-brand {
  color: #e6e6e6;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #e6e6e6;
}
.navbar-inverse .navbar-nav > li > a {
  color: #e6e6e6;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #99002d;
}


.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eaeaea;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fafafa;
}

.Disabilitato {
    background-color: #fcd2cf;
}

/* INIZIO  css per l'ordinamento delle liste con Drag & Drop*/
li.placeholder,tr.placeholder {
  position: relative;
  /** More li styles **/
}
li.placeholder:before,tr.placeholder:before {
  position: absolute;
      content: "";
      width: 0px;
      height: 0px;
      margin-top: 0px;
      left: -5px;
      top: -4px;
      border: 5px solid transparent;
      border-left-color: red;
      border-right: none; 
  
}
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}
.form-group {
    margin-bottom: 0px;
}

.row-striped:nth-of-type(odd){
  background-color: #fafafa;
}

.row-striped:nth-of-type(even){
  background-color: #eaeaea;
}

/* FINE */


.paletta {
    top:40%;
    left: 20%;
}


/**/

element.style {
    opacity: 1;
    height: 56px;
}

.resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
}

.txt {
    font-size: 8pt;
    border: 1px solid #cccccc;
}

textarea {
    font-family: Courier New;
    font-size: 10pt;
    border: 1px solid #cccccc;
}

textarea {
    padding: 2px 0px 0px 2px;
}

input:not([type="image" i]), textarea {
    box-sizing: border-box;
}

textarea {
    font-family: monospace;
    border-color: rgb(169, 169, 169);
}

textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}


/**/



.form-control {
    height: 22px;
    padding: 3px 2px;
    font-size: 12px;
}


/* INIZIO Stili per i testi*/

.TitoloReparto{
    border-top:8px solid #fff;
    color:#fff;
    font-size:14px;
}


.verde {
    color:green;
}
.ColArchivio {
    color: orange;
}

.BoxFiltri {
    background-color:aliceblue;
    padding: 8px;
}

.centro {
    text-align:center;
}
.destra {
    text-align:right;
}.Font12 {
    font-size:12px;
}
.Font14 {
    font-size:14px;
}
.Font16 {
    font-size:16px;
}/* FINE Stili per i testi*/


.Pagina {
	position: relative;
	background: #fff;
	width: 100%;
	padding:12px;
}
.Riga{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	margin-bottom: 2px;
	height: 32px;
    float:left;
}
.DescRiga{
	position: relative;
	width: 45%;
	text-align: right;
	float:left;
}
.ContRiga{
	position: relative;
	padding-left:12px;
	float:left;
}
.Intestazione {
	position: relative;
	width: 100%;
	height:36px;
	left: 0px;
	top: 0px;
	text-align: center;
	color: #000;
    margin-top:15px;
}

.TestataWhoIam {
	position: relative;
	color: #013c64;
    background-color:#fff;
	text-align: left;
	width: 34%;
	left: 0px;
	top: 8px;
    float:left;
}
.TestataLogo {
	position: relative;
	color: #013c64;
    background-color:#fff;
	text-align: center;
	width: 33%;
	height: 32px;
	left: 0px;
	top: 0px;
    float:left;
}

.TestataData {
	position: relative;
	color: #013c64;
    background-color:#fff;
	text-align: right;
	width: 32%;
	left: 0px;
	top: 8px;
    float:left;
}


.Testata {
	position: relative;
	background: #FFF;
	width: 1000px;
	height: 20px;
	left: 0px;
	top: 0px;
}

.Singola {
	position: relative;
	left: 0px;
	top: 0px;
}

.Condominio {
	position: relative;
	left: 0px;
	top: -82px;
}


.input-group-addon {
    padding: 0px 6px; 
}


.PosLabel {
     text-align:right;
     padding-top:4px;
}

.PosCentro {
     text-align:center;
}

/* INIZIO Tool Tip  descrizione*/
.ToolTipDescrizione {} 
.ToolTipDescrizione a{ position:relative; /*questa č fondamentale*/
    z-index:24;color: #000;
    text-decoration: none}
.ToolTipDescrizione a:hover{ z-index: 25;text-decoration: underline;}
.ToolTipDescrizione a span{display: none}
.ToolTipDescrizione a:hover span{ /*lo span verrā mostrato solo sullo stato :hover */
    display: block; 
	position:absolute;
	background-color: #fff6b5; color:#000;
    bottom: 1.5em; 
	left: -0.5em;
	min-width:30em;
	padding:8px 16px 8px 16px;
    border: 1px solid #ccbb49; 
    text-align: left;
	}
/* Fine Tool Tip  Proprietario */

.btn {
	background-color:#286090;
	border-radius: 0px;
	font-family:Segoe UI Light,Helvetica Neue,Segoe UI,Segoe WP,sans-serif;
	color:#ffffff;
}

.btn:hover,
.btn:focus {
	background-color:#214e75;
	color:#ffffff;
}
.btn.active {
  background-color: #286090;
  border-color: #ffffff;
}
.btn-nuovo {
	font-family:Segoe UI Light,Helvetica Neue,Segoe UI,Segoe WP,sans-serif;
	padding-bottom:12px;
	padding-top:12px; 
	padding-left:32px; 
	padding-right:32px; 
}
.btn-Appuntamento {
	font-family:Segoe UI Light,Helvetica Neue,Segoe UI,Segoe WP,sans-serif;
	background: #9c7bb5 url(../../immagini/accesso/AppuntamentoBig.png) top no-repeat;
	width:55px;
	height:55px;
}
.btn-Appuntamento:hover,
.btn-Appuntamento:focus {
	background-color:#7b4f9d;
}

.btn-cancella {
	font-family:Segoe UI Light,Helvetica Neue,Segoe UI,Segoe WP,sans-serif;
	padding-bottom:12px;
	padding-top:12px; 
	padding-left:32px; 
	padding-right:32px; 
}


.btn-bianco {
	background-color:#FFF;
	font-weight:bold;
	color:#062a68;
}
.btn-bianco:hover,
.btn-bianco:focus {
	background-color:#FFF;
	font-weight:bold;
	color:#062a68;
}

.btn-grigio {
	background-color:#EEE;
	font-weight:bold;
	color:#062a68;
}
.btn-grigio:hover,
.btn-grigio:focus {
	background-color:#EEE;
	font-weight:bold;
	color:#062a68;
}

.btn-grigio2 {
	background-color:#CCC;
	font-weight:bold;
	color:#000;
}

.btn-grigio2:hover,
.btn-grigio2:focus {
	background-color:#DDD;
	font-weight:bold;
	color:#000;
}

.btn-rosso {
	background-color:#F00;
	font-weight:bold;
	color:#fff;
}
.btn-rosso:hover,
.btn-rosso:focus {
	background-color:#cd0101;
	font-weight:bold;
	color:#fff;
}

.btn-verde {
	background-color:#0F0;
	font-weight:bold;
	color:#000;
}
.btn-verde:hover,
.btn-verde:focus {
	background-color:#03d303;
	font-weight:bold;
	color:#000;
}


.btn-ora {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-ora.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-ora:hover,
.btn-ora:focus {
  background-color: #214e75;
  background-position: 0 -15px;
}
.btn-ora:active,
.btn-ora.active {
  background-color: #286090;
  border-color: #979797;
}

.clearB{
	clear:both;
}