@charset "UTF-8";
/* usual styles */
/* LESS - http://lesscss.org style sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=31g0q0kHZAviRSkrHLOGomVNzac */
/* Feel free to copy&paste color codes to your application */
/* MIXINS */
/* As hex codes */
/* Main Primary color */
/* Main Secondary color (1) */
/* Main Secondary color (2) */
/* As RGBa codes */
/* Main Primary color */
/* Main Secondary color (1) */
/* Main Secondary color (2) */
/* Generated by Paletton.com ├é┬® 2002-2014 */
/* http://paletton.com */
/* line 1, ../sass/_viewport.scss */
#interactive.viewport {
  width: 640px;
  height: 480px;
}

/* line 6, ../sass/_viewport.scss */
#interactive.viewport canvas, video {
  float: left;
  width: 640px;
  height: 480px;
}
/* line 10, ../sass/_viewport.scss */
#interactive.viewport canvas.drawingBuffer, video.drawingBuffer {
  margin-left: -640px;
}

.DataOggi
{
    font-size: 18px;
    color: black;
}

.intestazione
{
    text-align: center; 
    height: 60px; 
    font-size: 36px; 
    color:black; 
    background-color: lightgray;
}

.tabellone
{
    text-align: left; 
    vertical-align: top; 
    height: 70px; 
    width: 80px;
    border: 1px; 
    border-style: solid; 
    border-color: black; 
}

.dettaglio
{
    height: 40px;
    width: 200px;
    background-color: lightgoldenrodyellow;
    text-align: left; 
    padding-left: 20px;
    border: 1px; 
    border-style: solid; 
    border-color: black; 
}

.evento
{
    width: 28px;
    height: 28px;
}

.hidden {display:none;}

.legenda
{
    width: 62px;
    height: 62px;
}

input,select
{
    font-size: 14px; 
    width: 80%;
}

.divradio
{
    vertical-align: central;
    display: inline;
    border-style: solid; 
    border-color: black; 
    border: 1px; 
}

.radio
{
    width: 2em; 
    height: 2em; 
}

#impostazioni
{
    height: 30px;
    font-size: 20px;
}

input.submit, button {
    background-color: blue;
    color: white;
    font-size: 18px;
    border-radius: 15px;
    max-width: 300px;
}


body { 
  height: 100%; 
  font-family: sans-serif;
  font-weight: normal;
}

.tabellaLogin{
    margin-left: auto;
    margin-right: auto;
    width: 20%
}
/* line 24, ../sass/styles.scss */
h1 {
	font-size: 28px
}

/* line 28, ../sass/styles.scss */
header {
  background: #FFC600;
  padding: 1em;
}
/* line 31, ../sass/styles.scss */
header .headline {
  width: 640px;
  margin: 0 auto;
}
/* line 34, ../sass/styles.scss */
header .headline h1 {
  color: #fffa90;
  font-size: 2em;
  margin-bottom: 0;
}
/* line 39, ../sass/styles.scss */
header .headline h2 {
  margin-top: 0.2em;
}

/* line 45, ../sass/styles.scss */
.PannelloSX {
  background: #ededed;
  color: black;
  border-right: 2px solid brown;
  border-bottom: 2px solid brown;
  border-top: 2px solid brown;
  /*border-bottom: 2px solid blue;*/
  padding: 1em 1em 0em;
  position: fixed;
  top: 10%;
  height: 86%; 
  width: 10%; 
  left: 0em;
}
.FiltriPannelloSX {
  background: #ededed;
  color: black;
  /*border-bottom: 2px solid blue;*/
  padding: 0em 0em 0em;
  position: fixed;
  top: 25%;
  height: 50%; 
  width: 9%; 
  left: 1%;
}

.Operazioni
{
    border: 1px solid black;
    width: 100%;
    height: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
/* line 51, ../sass/styles.scss */
#container {
  width: 800px
}

td.TabellaDati
{
    padding:10px;
    border-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

div.Filtri
{
    position: absolute;
    margin-left: 20%;
    margin-right: 20%;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    text-align: left;
    background-color:  #ededed;
    font-size: 20px;
}

.Manutenzione
{
    border-width: 1px;
    border-color: black;
    border-style: solid;
    
}

.blink{
    animation:blink 700ms infinite alternate;
}

@keyframes blink {
    from { opacity:1; }
    to { opacity:0.2; }
};

.Piano{
    border: 1px solid blue;
    height: 100%;
}

.day{
    width: 105px;
    margin-bottom: 0em;
}


.blink{
    animation:blink 700ms infinite alternate;
}

.ui-datepicker-week-end{color:#f00;}

.datepicker{
    font-size: 16px;
    
}

@keyframes blink {
    from { opacity:1; }
    to { opacity:0.2; }
};

table tr td {
    width: 100%;
    border-collapse: collapse; 
    border: none;
}

tr {
	height: 40px
}

img.Logo
{
    width: 150px;
}

thead,tfoot
{
    background-color: blue;
    color: white;
    font-weight: bold;
}

.TabellaIntestazione{
    /*display: block;*/
    
}

.noBorder {
    border:none !important;
}

.CellaIntestazione
{
    /*display:table-cell;*/
    text-align: center;
}
.CellaBody
{
    font-size: 14px;
}
.titoloPagina
{
    text-align: center;
}

.RigaDispari
{
    background: lightgray;
    padding-bottom: 3px;
    padding-top: 3px;

}
.RigaPari
{
    padding-bottom: 3px;
    padding-top: 3px;
}

#PageContainer
{
    margin-left: 12%; 
    width:87%; 
    height: 88%;
    min-height: 88%; /* Minimum height for modern browsers */
    position:absolute;
    overflow:hidden;
}
.Valore
{
    font-style: italic;
    text-align: right;
    padding-right: 10pt;
}
.Error
{
    border: 2px red groove;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    text-align: center;
}

table.dettaglioPrebolle
{
    width: 100%;
    border: 1px solid #666;
}

thead.dettaglioPrebolle
{
    background-color: #666;
}

tr.interattivo:hover
{
    cursor: pointer;
}

a:hover
{
    cursor: pointer;
}
div.MESSAGGIO
{
    border: 2px solid lightblue;
    position: absolute;
    text-align: center;
    background-color: white;
    top: 3%;
    z-index: -100;
    width: 10%;
    right: 20%;
    padding: 10px;
}

.Fatturato{
    font-weight: bold;
    background-color: brown;
    color: white;
    width: 100%;
}

.KPI{   
    text-align: center;
    font-style: italic;
    width: 99%; 
    
    margin-bottom: 10px;
    border: 5px green outset;
}