@charset "utf-8";
/* CSS Document */

body { font-family: Roboto, Arial, sans-serif; font-size: 16px; background: url(../images/bg4.jpg) no-repeat; background-size:cover; background-color: #255911; background-attachment: fixed; background-position: top center;}

body.base {  background-image: url(../images/bg5.jpg); background-repeat: no-repeat; }

a { color: #02367E; text-decoration: none}
a:hover { color: #217DFB }

label { font-weight: bold; display: block; }

h3 { font-size: 46px; color: #02367E }
h4 { font-size: 22px; text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);}

input[type=text] { min-width: 200px;}
select { min-width: 100px; }
textarea { }
input , select, textarea {  

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 1px 0 2px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 1px 0 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

}

input[type=checkbox] { width: 20px; min-width: 10px !important; padding: 4px 4px !important }

a.ordine { display: block; padding-right: 20px; background: url(../images/order.png) no-repeat; background-position: right; background-size: contain;}
a.ordine:hover { opacity: 0.7;    filter: alpha(opacity=70);}


input[type="submit"] { font-weight: bold !important; }
input[type="submit"]:hover { background: #0043a2 !important; color: #ffffff}

.button1 a { display: block; width: 80px; height: 18px; padding: 6px 6px 6px 26px; background:url(../images/scheda.png) no-repeat 4px; background-color: #0043a2; background-size:16%; color: #ffffff; text-decoration: none;}
.button1 a:hover { background-color:#60A2FF }

.button2 a { display: block; width: 220px; height: 20px; padding: 10px; font-size: 18px; background: #0043a2; color: #ffffff; text-decoration: none; text-align: center; margin: 0 auto}
.button2 a:hover { background:#60A2FF }

.button3 a { display: block; width: 150px; height: 10px; padding: 10px; font-size: 14px; background: #0043a2; color: #ffffff; text-decoration: none; text-align: center}
.button3 a:hover { background:#60A2FF }

.button4 a { display: block; width: 80px; height: 18px; padding: 6px 6px 6px 26px; margin-top: 4px; background:url(../images/delete-sign.png) no-repeat 4px; background-color:#D47600; background-size:16%; color: #ffffff; text-decoration: none; }
.button4 a:hover { background-color:#FFA93E }

.button5 a { display: block; width: 80px; height: 18px; padding: 6px 6px 6px 26px; margin-top: 4px; background:url(../images/edit.png) no-repeat 4px; background-color: #00B01F; color: #ffffff; background-size:16%; text-decoration: none; }
.button5 a:hover { background-color: #00E528}

.button-pdf { text-align: center}
.button-pdf a { display: block; width: 140px; height: 22px; padding: 8px 6px 8px 26px; margin: 0 auto; margin-top: 4px; background:url(../images/circle-icon.png) no-repeat 4px; background-color: #AD0002; color: #ffffff; background-size:16%; text-decoration: none; }
.button-pdf a:hover { background-color: #E86769}

.button-base { text-align: center}
.button-base a { display: block; width: 140px; height: 22px; padding: 8px 6px 8px 26px; margin: 0 auto; margin-top: 4px; background:url(../images/base.png) no-repeat 4px; background-color: #AD0002; color: #ffffff; background-size:16%; text-decoration: none; }
.button-base a:hover { background-color: #E86769}

#back-top a { display: block; position: fixed; width: 56px; height: 56px; right: calc(50% - 470px); bottom: 20%; background:url(../images/scrollup.png) no-repeat; background-size: contain}
#back-top a:hover { opacity: 0.7;
    filter: alpha(opacity=70); }

.block1 { background: #ffffff; border: solid 4px #0044BD; -webkit-border-radius: 4px; border-radius: 4px; }

.border1 { border: dotted 1px #4D4D4D}

.p100 { width: 80%; color: #000000 !important} 

.maiusc { text-transform: capitalize}

.colorblue { color: #02367E; }

.upper { text-transform: uppercase}

.panel { width: 33%; float:left; margin-right: 2px; font-size: 14px; }

#field { position: relative; width: 400px; height: 371px; background: url(../images/field.png) no-repeat; background-size: cover;}
#field .role {
	position: absolute;
	width: 50px;
	height: 60px;
	background: url(../images/logo_pin.png ) no-repeat;
	background-size: cover;
}