@import "ctlTextBox.css";
@import "Banner.css";

* 
{
    padding:0px;
}

html 
{
    width:100%;
    height:100%;
}




body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
/*    -webkit-user-select: none; */
    font-family: "HelveticaNeue-Light","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-family: "RobotoRegular","Droid Sans","Segoe UI",Segoe,"San Francisco","Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
    font-size: 12px;
}



h1, h2, h3, h4, h5, .lblH1, .lblH2, .lblH3, .lblH4, .lblH5
{
    color: #000;
    line-height: normal;
    font-weight: bold;
    text-align: center;
    margin:0px;
    text-transform: none;
}

h3, .lblH3 
{
    font-size: 12pt;
    padding: 0px;
}

h4, .lblH4 
{
    font-size: 10pt;
    padding: 0px;
}

input, select, textarea
{
    margin: 3px;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
    background-color: #f6f6f6;
    border: 1px solid #929292;
    vertical-align: middle;
}

input, select
{
    height:20px;
}

input[type="submit"], 
input[type="image"][alt="click"]
{
    padding: 8px 10px;
    border: 1px solid #0000FF;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    overflow: visible;
    box-shadow: 1px 1px 5px #808080;
    background-color:#007DC5;
    color:#FFFFFF;
    font-weight:bold;
    height:50px;
    width:100px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
} 

[myNonSelezionato="true"]
{
    opacity: 0.7;
    moz-opacity:0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    cursor: default !important; 
}


a:link, a:visited, a:hover, a:active
{
    color:#0000FF;
}

table
{
    margin: auto;
    padding: 0px;
    border-style:solid;
    border-color:#007DC5;
    border-width:0px;
    text-align: center;
    border-collapse:separate;
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
}

.tblStandardNoWidth
{
    padding:0px; 
    border-collapse:collapse; 
    border-spacing:0px;
    border-color:#2E4179;
    margin: 0px;
    /* word-break: break-all; */
    word-break:keep-all;
}

td
{
    vertical-align:middle;
}

th, .SimilTh
{
    background-color: #007DC5;
    font-weight: bold;
    color: #FFFFFF;
    border-style:solid;
    border-color:#007DC5;
    border-width:1px;
    border-collapse:collapse;
    margin: 0px;
    padding: 0px;
}

tr:first-child th:first-child,
tr:first-child th:first-child
{
    border-top-left-radius: 5px; 
    -moz-border-top-left-radius: 5px; 
    -webkit-border-top-left-radius: 5px; 
}

tr:first-child th:last-child,
tr:first-child th:last-child
{
    border-top-right-radius: 5px; 
    -moz-border-top-right-radius: 5px; 
    -webkit-border-top-right-radius: 5px; 
}


#DivCenter
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}


.header
{
    margin: 0px;
    width: 100%;
    text-align:center;
    min-height: 55px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#007DC5;
}


.main
{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    min-height: 512px;
    
    position:relative;
    height:100%;
/*
    position: absolute;
    padding-left: 0px;
    width: 100%;
    height: calc(-80px + 100%);
*/
}


.footer
{
    margin: 0px;
    width: 100%;
    text-align:center;
    min-height: 18px;
    height: 18px;
    max-height: 18px;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#007DC5;
    font-size:8pt;
    margin-top: 20px;
}

.DivCenter 
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

.failureNotification
{
    color:#FF0000;
    padding: 10px;
}

div .failureNotification 
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: left;
}

div .failureNotification div
{
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    position: relative;
}

div .failureNotification label
{
    text-indent: 40px;
    display: block;
}

.divInline 
{
    display:inline-block;
}

.confirmNotification
{
    color: #008000;
}

.infoPrenot
{
    color: #000000;
    font-size: 7pt;
}


.tdLblCampo
{
    text-align:right;
    font-weight:bold;
    padding-top:10px;
}

.tdCampo
{
    text-align:left;
    padding-left:5px;
    padding-top:8px;
}

.lblGraficaTxt 
{
    margin: 3px;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-radius: 3px 3px 3px 3px; 
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px;
    height:20px;
    background-color: #f6f6f6;
    border: 1px solid #929292;
    line-height:14pt;
}

.BottonePiccolo
{
    padding:0px !important; 
    margin:0px !important; 
    width:24px !important;
    height:24px !important; 
    text-decoration:none;
    font-size:22px !important; 
    line-height:22px !important; 
} 

.tdBordiStandard
{
    border:1px solid #007DC5;   
}

.divLabel 
{
    text-align:right;
    position:relative;
    float:left;
    left:0px;
    top:0px;
    height:30px;
    line-height: 30px;
    min-height:30px;
    vertical-align:bottom;
}

.divControllo 
{
    text-align:left;
    position:relative;
    float:left;
    left:0px;
    top:0px;    
    height:30px;
    line-height: 30px;
    min-height:30px;
    vertical-align:bottom;
}


.divControlloAltroChk 
{
    text-align:left;
    position:relative;
    float:left;
    left:0px;
    top:0px;    
    line-height: normal;
    min-height:30px;
    vertical-align:bottom;
  /*  display: -ms-flexbox;
    -ms-flex-align: end;
    -ms-flex-pack: start;*/
}

.divNoAltezza
{
    height:auto !important;
}

.lblLabel
{
    
}

.lblLabelValore 
{
    font-weight:bold;
}



/* -- TabStrip ---------------------------------------------------------- */

.tabdiv 
{
    padding:0px 0px;  
    display:inline-block;
}

.tabs
{
    position:relative;
    top:1px;
    z-index:2;
    border-collapse:collapse;
}

    .tab
    {
        background-color:#007DC5;
        border:1px solid #2E4179;
        border-collapse:collapse;        
        color:White;        
		z-index:0; 
        word-break:keep-all;
        white-space: nowrap;
        vertical-align:middle;
        font-weight:bold;
        border-radius: 5px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        margin-top:1px;
        cursor:pointer;
        padding: 8px 10px;
    }

    .tab img
    {
        position:relative;
        top:3px; 
        margin:0 0 0 6px;
        cursor:pointer;
        width:100%;
        height:100%;
    }
    
    .labelrigastandard
    {
        font-size: 9pt;
        cursor:pointer;
    }
        
    .labelrigapiccola
    {
        font-size: 6pt;
        position: relative;
        cursor:pointer;
    }
       
    .selectedtab
    {
        background-color:#fff;
        background-repeat:repeat-x;
        color:black;  
		border-bottom-color: #fff;
		border-bottom-width: 1px;
		border-bottom-style:solid; 
		z-index:5; 
   }
 
.tabtd 
{
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 0px;
}

.tabcontents
{
    border:1px solid #2E4179;
    border-collapse:separate;
    padding:0px 0px 4px 0px;
    background-color:white;         
	position:relative;
	top:-4px;
	box-shadow: 1px 1px 5px #808080;
	border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px; 
	-webkit-border-top-left-radius: 0px;
}

/* -- TblCalendario -- TblListaPosti -------------------------------------------------------- */

#TblCalendario,
#TblListaPosti,
#TblCancellaPrenot, 
#TblPostiRiepilogo,
.BordiArrotonda
{
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
}

#TblCalendario th,
#TblListaPosti th,
#TblCancellaPrenot th,
#TblPostiRiepilogo th,
.BordiArrotonda th
{
    width: 50px;
    height: 20px;
}

#TblCalendario td,
#TblListaPosti td,
#TblCancellaPrenot td,
#TblPostiRiepilogo td,
.BordiArrotonda td,
.divConBordo
{
    border-style:solid;
    border-color:#007DC5;
    border-width:1px;
    border-collapse:collapse;
    margin: 0px;
    padding: 0px;
}

#TblCalendario td
{
    width: 50px;
    height: 50px;
    font-weight: bold;
}

#TblListaPosti td
{
    height: 32px;
}


#TblCalendario tr:last-child td:first-child,
#TblListaPosti tr:last-child td:first-child, 
#TblCancellaPrenot tr:last-child td:first-child,
#TblPostiRiepilogo tr:last-child td:first-child,
.BordiArrotonda tr:last-child td:first-child
{
    border-bottom-left-radius: 5px; 
    -moz-border-bottom-left-radius: 5px; 
    -webkit-border-bottom-left-radius: 5px;
}

#TblCalendario tr:last-child td:last-child,
#TblListaPosti tr:last-child td:last-child, 
#TblCancellaPrenot tr:last-child td:last-child,
#TblPostiRiepilogo tr:last-child td:last-child,
.BordiArrotonda tr:last-child td:last-child
{
    border-bottom-right-radius: 5px; 
    -moz-border-bottom-right-radius: 5px; 
    -webkit-border-bottom-right-radius: 5px; 
}


#tdNoGiorno
{
    background-size: 2px 2px;
    background-color: white;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      -webkit-linear-gradient(0deg, transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    background-image: -moz-linear-gradient(transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      -moz-linear-gradient(0deg, transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    background-image: linear-gradient(transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      linear-gradient(90deg, transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    -pie-background: linear-gradient(transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)) 0 0 / 2px 2px,
                     linear-gradient(90deg, transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)) 0 0 / 2px 2px white;
}

#tdGiorniNoAgenda
{
/*    background-color:#FFFFFF; */

    background-size: 2px 2px;
    background-color: white;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      -webkit-linear-gradient(0deg, transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    background-image: -moz-linear-gradient(transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      -moz-linear-gradient(0deg, transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    background-image: linear-gradient(transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      linear-gradient(90deg, transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    -pie-background: linear-gradient(transparent 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)) 0 0 / 2px 2px,

}

#tdGiorniNoAgendaGenerata
{
    background-color:#FFFFFF; 
}

#tdGiorniOccupatiParziali
{
    background-color: rgba(249, 195, 0, 0.2);
    background-size: 2px 2px;
    background-image: -webkit-linear-gradient(rgba(249, 195, 0, 0.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      -webkit-linear-gradient(0deg, rgba(249, 195, 0, 0.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    background-image: -moz-linear-gradient(rgba(249, 195, 0, 0.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      -moz-linear-gradient(0deg, rgba(249, 195, 0, 0.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    background-image: linear-gradient(rgba(249, 195, 0, 0.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      linear-gradient(90deg, rgba(249, 195, 0, 0.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    -pie-background: linear-gradient(rgba(249, 195, 0, 0.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)) 0 0 / 2px 2px,
                     linear-gradient(90deg, rgba(249, 195, 0, 0.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)) 0 0 / 2px 2px rgba(249, 195, 0, 0.2);

}

#tdGiorniOccupati
{
    background-color: rgba(249, 2, 0,.2);
    background-size: 2px 2px;
    background-image: -webkit-linear-gradient(rgba(249, 2, 0,.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      -webkit-linear-gradient(0deg, rgba(249, 2, 0,.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    background-image: -moz-linear-gradient(rgba(249, 2, 0,.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      -moz-linear-gradient(0deg, rgba(249, 2, 0,.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    background-image: linear-gradient(rgba(249, 2, 0,.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)),
                      linear-gradient(90deg, rgba(249, 2, 0,.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1));
    -pie-background: linear-gradient(rgba(249, 2, 0,.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)) 0 0 / 2px 2px,
                     linear-gradient(90deg, rgba(249, 2, 0,.2) 50%, rgba(130, 130, 130, .1) 50%, rgba(130, 130, 130, .1)) 0 0 / 2px 2px rgba(249, 2, 0,.2);

}

#tdGiorniNoDonatore
{
    background: rgba(153,201,104,.6);
    background: -moz-linear-gradient(-45deg,  rgba(153,201,104,.6) 48%, rgb(0,0,0) 49%, rgb(0,0,0) 51%, rgba(153,201,104,.6) 48%); 
    background: -webkit-linear-gradient(-45deg,  rgba(153,201,104,.6) 48%,rgb(0,0,0) 49%,rgb(0,0,0) 51%,rgba(153,201,104,.6) 48%); 
    background: linear-gradient(135deg,  rgba(153,201,104,.6) 48%,rgb(0,0,0) 49%,rgb(0,0,0) 51%,rgba(153,201,104,.6) 48%); 

}

.tdGiorniOk
{
    background: rgba(153,201,104,.6);
}

.tdGiorniOkClick
{
    cursor: pointer;
}

.tdDataSel
{
    background: rgba(17, 197, 26, 1);
}

.tdOggi
{
    border-width: 2px !important;
}

.BottonePrenota
{
    border: 1px solid #CCCCCC !important;
    background-color:#E6E6E6 !important;
    color:rgba(17, 197, 26, 1) !important;
} 

.triangolo-destra {
    width: 0; 
    height: 0; 
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 27px solid #101010;
    position:relative;
}

.triangolo-destra:after{
    content:'';
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid green;  
    position:absolute;
    top:-15px;
    left:-26px;
}

/* --  ---------------------------------------------------------- */

div.divTrasparente
{
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.7);
    
    padding:2px;
    overflow:hidden;
    border:0px none;

    display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;
    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    /* Safari, Opera, and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    /* W3C */
    display:box;
    box-pack:center;
    box-align:center; 
    
    position: fixed; top: 0; left: 0; bottom: 0; right: 0;
    z-index: 7000;
}

 .hidden 
 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.visible 
{
    visibility: visible;
    opacity: 1;
}

div.divInterno
{
    position:relative;
    overflow:auto;
    margin: auto; /* Center the item vertically & horizontally */
    
    background: rgb(255, 255, 255); 
    background: rgba(255, 255, 255,1);
    vertical-align:middle; 
    width:inherit;
    min-height:300px;
    border:0px none;
    max-height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
    opacity: 0;
}

[hidden] {
    display: none !important;
}

.TuttoSuUnaRiga
{
    float: left;
}




/*-------------------------*/