﻿/* Layout CSS */
body { font-family: sans-serif, Verdana, Roboto, Geneva, Tahoma; font-size:1.0em; margin: auto;	}
.appcontainer { width: auto;box-sizing: border-box; padding: 0 5px 5px 5px; }
.appcontainer h1,h2,h3,h4 { color:firebrick }

/* Paragrafi */
.titolo, 
.alcentro     { text-align: center }
.adestra      { text-align: right }
.asinistra    { text-align: left }

/* Overlay */
.overlay {position:fixed;top:0;left:0;background-color:rgba(128, 128, 128,0.5);width:100%;height:100%;z-index:11000;}

/*Modal Popup*/
.modalBackground {z-index: 800;background-color: rgba(128,128,128,0.5);}
.modalPopup {background-color: #ffffdd;	border-width: 2px;border-style: solid;border-color: Gray;padding: 2px;width: auto;}

.imgbutton { color: #E5322C; border:1px solid transparent; border-radius: 4px; padding: 3px;cursor:pointer}
.imgbutton:hover {border:1px solid #E5322C;background-color: rgba(200,200,200,0.4); color: black;}
.imgbutton:active {background-color: darkgrey;transform: scale(0.92);}
.imgbuttondisabled { background-image:none; color:gray; border:1px solid lightgray; padding: 1px; border-radius: 4px; }
.grayborder {border:1px solid gray}

/* Standard Button*/
.button {background-color:firebrick;color:white;cursor:pointer; width:80px;height:32px}
.button:hover { background-color:darkblue; }
.button-disabled {background-color:lightgray;cursor:default;}
.button-disabled:hover {cursor:default;}

/*Icon Button*/
.iconbutton {border:none;cursor:pointer;}
.iconbutton:hover {background-color:rgba(200,200,200,0.4);}
.iconbutton:active {background-color:darkgrey;transform:scale(0.92);}

input[type="image"]:focus {outline:none}

.round_corners { border: 1px black solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px }

/* Shadow Box and Button Shadow effect */
.round_shadowbox, .round_lightshadowbox { box-shadow: 0 5px 10px #555; border: 1px solid gray; border-radius: 6px }
.shadowbox, .lightshadowbox {box-shadow:0 5px 10px #555;border: 1px solid gray;}

.addshadow {box-shadow:0 2px 5px #555;}
.addshadow:active {box-shadow:none;}

.head_panel { z-index: 140; position: absolute; margin-top: 0; border-top: transparent; border-left: transparent;   
    border-right: transparent; border-bottom: 1px solid black;}

.tdselect, .displayblock  {display: block;}

/* Wait Panel */
.waitpnl {background-color: white;border: 1px solid black;font-size: medium;width: 170px;height: 64px;z-index:9000;}
.waitpnlshadow {
    position:relative;
    margin:200px auto auto auto;
    background-color: white;
    border: 1px solid black;
    border-radius: 6px;
    box-shadow: 0 5px 10px #555;
    font-size: medium;
    width: 170px;
    height: 64px;
    z-index: 9000;
}
.waitpnlsimple {background-color:white;border:1px solid black;box-shadow: 0 5px 10px #555;width:64px;height:64px;z-index:9000;}
.waitpaneltext {position:absolute;top:24px;right:15px;z-index:9001;}

/*Textbox Watermark*/
.watermarked {padding:2px 0 0 2px;border:1px solid #BEBEBE;background-color:#F0F8FF;color:gray; font-style:italic;text-transform:none!important}

/*Ajax Calendar Extender*/

.calendario .ajax__calendar_container { background-color: #DEF1F4; border: solid 1px #77D5F7;
                                        width:220px; height:220px;}

.calendario .ajax__calendar_header { background-color: #ffffff; margin-bottom: 4px; }

.calendario .ajax__calendar_title,
.calendario .ajax__calendar_next,
.calendario .ajax__calendar_prev { color: #004080; padding-top: 2px;
                                   font-size:12px; }

.calendario .ajax__calendar_body { background-color: #ffffff; border: solid 1px #77D5F7;
                                   width:216px; height:170px; }

.calendario .ajax__calendar_dayname { text-align: center; font-weight: bold; margin-top: 2px; color: #004080;
                                      font-size:12px; padding:4px;margin-bottom: 2px;width:23px;height:23px; }

.calendario .ajax__calendar_day {
    color: #004080;
    text-align: center;
    border: 1px solid transparent;
    font-size:12px;
    padding:2px;
    margin-left: 4px;
    width:16px;height:16px;
}

.calendario .ajax__calendar_hover .ajax__calendar_day,
.calendario .ajax__calendar_hover .ajax__calendar_month,
.calendario .ajax__calendar_hover .ajax__calendar_year,
.calendario .ajax__calendar_active { color: firebrick; font-weight: bold; border:1px solid blue;
                                     width:16px;height:16px;
}

.calendario .ajax__calendar_today { margin-top:2px; font-weight: bold; font-size: 12px; }

.calendario .ajax__calendar_other .ajax__calendar_day,
.calendario .ajax__calendar_hover .ajax__calendar_today { color: firebrick; }

.calendario .ajax__calendar_other .ajax__calendar_day:hover { color:blue; }
.calendario .ajax__calendar_hover .ajax__calendar_title { color: firebrick; }

.calendario .ajax__calendar_invalid .ajax__calendar_day,
.calendario .ajax__calendar_invalid .ajax__calendar_year,
.calendario .ajax__calendar_invalid .ajax__calendar_month {
    color: lightgray;
    font-style: italic;
    cursor: default;
    background-color: transparent;
    border: 1px solid transparent;
}
/* .disableWeekends .ajax__calendar_days table tbody tr td:nth-last-child(-n+2), */
.disableDay { color:lightgray!important; pointer-events: none; cursor: default; }
/* TEST */
.changecolor { color: red; }