﻿/* Layout CSS */
body { font-family: sans-serif, Verdana, Roboto, Geneva, Tahoma; font-size:1.0em; margin: auto;	}
.appcontainer { max-width: 1200px;margin: auto;margin-top: 85px;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 }
.titolobrick  { color: #B22222; text-align:center }
.titologrande { color: #B22222; text-align:center; font-size: 120% }
.capitolo     { color: #B22222; font-size: 120%; font-weight:bold }
.paragrafo    { color: #B22222; font-size: 1em; font-weight:bold }
.nobold       { font-weight:normal }
.smallfont    { font-size: small }
.smallbrick   { font-size: small; color:#B22222 }
.smallblack   { font-size: small; color: #000 }

/* Overlay & Wait panel*/
.overlay {position:fixed;top:0;left:0;background-color:rgba(128, 128, 128,0.5);width:100%;height:100%;z-index:9000;}
.waitpnlshadow {position: relative; margin: 85px auto;background-color:white;border:1px solid gray;box-shadow: 0 5px 10px #C0C0C0;
                border-radius: 8px;font-size: medium;width:180px;height:68px;padding-left:4px;padding-top:6px;z-index:9001;}
.waitpaneltext {position:absolute;right:10px;top:25px;z-index:9002;}

/* Standard button */
.stdbtn {color: #E5322C;border: 1px solid gray;border-radius: 10px;cursor:pointer;padding:3px;}
.stdbtn:hover {border: 2px solid firebrick;background-color: rgba(200,200,200,0.4);padding:2px;}
.stdbtn:active {background-color: darkgrey;transform:scale(0.92);}

/* Shadow effect */
.addshadow {box-shadow:0 2px 5px #C0C0C0;}
.addshadow:active {box-shadow:none;}

/* Grid & Button border*/
.noborder_left {border-left: none}
.noborder_right {border-right: none}
.noborder_left_right {border-left: none;border-right: none}
.noborder {border: none}
