@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url(../css/font-awesome.min.css);
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,object,embed{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent;font-weight:normal}
ol,ul{list-style:none}
a img,img{border:0 none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left}
table,td,th{vertical-align:middle}
/*normalize*/
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}

/*generali*/
html { box-sizing:border-box; overflow-x:hidden; height:100%;}
body { overflow-x:hidden; width:100%; font-family:"Open Sans",Helvetica,Arial,sans-serif; font-size:14px; line-height:1.5; color:#666; font-weight:400; height:100%; background:url(bg.jpg) center / cover no-repeat;}
*, *:before, *:after { box-sizing:inherit;}
.clearfix:before, .clearfix:after, .row:before, .row:after { content:" "; display:table;}
.clearfix:after, .row:after { clear:both;}
img { display:block; max-width:100%;}
strong, b { font-weight:600;}
a { text-decoration:none; color:#199cd2;}
input { border:0;}
.mr5 { margin-right:5px;}

#container { min-height:calc(100% - 20px); margin:10px; position:relative;}
#access_panel { width:100%; max-width:800px; box-shadow:0 1px 40px 0 rgba(0, 0, 0, 0.3); background:#fafafa; border-top:10px solid #199cd2; position:absolute; right:50%; top:50%; transform:translate(50%,-50%);}
#access_head { background:#fff; padding:20px; border-bottom:1px solid #ddd;}
#access_head img { max-height:30px;}
#riga { position:relative; margin:20px;}
#form_login label { font-size:18px; margin-bottom:5px; display:block; color:#999;}
.input_icon { position:relative;}
.input_icon input { padding:0 0 0 42px; line-height:42px; width:100%; color:#666; border:1px solid #ddd; transition:all 0.3s ease-out; background:#fff; margin-bottom:20px;}
.input_icon i { position:absolute; left:0; top:0; line-height:42px; width:42px; text-align:center; transition:all 0.3s ease-out;}
.input_icon input:focus { border-color:#199cd2; transition:all 0.3s ease-out;}
.input_icon input:focus + i { color:#199cd2; transition:all 0.3s ease-out;}
#tips { padding:20px;}
#tips p { font-size:18px; margin-bottom:20px; font-weight:600;}
#tips li { position:relative; padding-left:20px; margin-bottom:10px;}
#tips li:before { content:"\f00c"; font-family:'Font Awesome 5 Free'; font-weight:600; color:#70ca63; position:absolute; left:0;}
#access_foot { background:#f2f2f2; padding:20px; border-top:1px solid #ddd;}
#access_foot input { background:#199cd2;}
#access_foot a { background:#666;}
#access_foot .btn { color:#fff; padding:14px 24px; text-align:center; cursor:pointer; line-height:1; opacity:1; transition:all 0.3s ease-out; display:block; width:100%; margin-bottom:10px;}
#access_foot .btn:hover { opacity:0.8; transition:all 0.3s ease-out;}

/*alert*/
.alert { margin:0 20px 20px 20px; color:#fff; border:1px solid rgba(0, 0, 0, 0.1); position:relative; padding:12px 12px 12px 42px;}
.alert i { position:absolute; left:15px; top:15px;}
.alert-danger { background:#ed7764;}

.row { margin-left:-20px; margin-right:-20px;}
.col { padding-left:20px; padding-right:20px; float:left;}
.col-xxs-12 { width:100%;}
.col-xxs-11 { width:91.66666667%;}
.col-xxs-10 { width:83.33333333%;}
.col-xxs-9 { width:75%;}
.col-xxs-8 { width:66.66666667%;}
.col-xxs-7 { width:58.33333333%;}
.col-xxs-6 { width:50%;}
.col-xxs-5 { width:41.66666667%;}
.col-xxs-4 { width:33.33333333%;}
.col-xxs-3 { width:25%;}
.col-xxs-2 { width:16.66666667%;}
.col-xxs-1 { width:8.33333333%;}

@media (min-width:320px) {
  #access_foot input { float:right;}
  #access_foot a { float:left;}
  #access_foot .btn { width:auto; margin-bottom:0;}
  .col-xs-12 { width:100%;}
  .col-xs-11 { width:91.66666667%;}
  .col-xs-10 { width:83.33333333%;}
  .col-xs-9 { width:75%;}
  .col-xs-8 { width:66.66666667%;}
  .col-xs-7 { width:58.33333333%;}
  .col-xs-6 { width:50%;}
  .col-xs-5 { width:41.66666667%;}
  .col-xs-4 { width:33.33333333%;}
  .col-xs-3 { width:25%;}
  .col-xs-2 { width:16.66666667%;}
  .col-xs-1 { width:8.33333333%;}
}
@media (min-width:480px) {
  .col-sm-12 { width:100%;}
  .col-sm-11 { width:91.66666667%;}
  .col-sm-10 { width:83.33333333%;}
  .col-sm-9 { width:75%;}
  .col-sm-8 { width:66.66666667%;}
  .col-sm-7 { width:58.33333333%;}
  .col-sm-6 { width:50%;}
  .col-sm-5 { width:41.66666667%;}
  .col-sm-4 { width:33.33333333%;}
  .col-sm-3 { width:25%;}
  .col-sm-2 { width:16.66666667%;}
  .col-sm-1 { width:8.33333333%;}
}
@media (min-width:768px) {
  #riga { margin:20px 0 20px 20px;}
  #riga:after { content:""; height:100%; width:1px; background:#ddd; position:absolute; right:-20px; top:0;}
  #tips { padding:20px 20px 20px 0;}
  .col-md-12 { width:100%;}
  .col-md-11 { width:91.66666667%;}
  .col-md-10 { width:83.33333333%;}
  .col-md-9 { width:75%;}
  .col-md-8 { width:66.66666667%;}
  .col-md-7 { width:58.33333333%;}
  .col-md-6 { width:50%;}
  .col-md-5 { width:41.66666667%;}
  .col-md-4 { width:33.33333333%;}
  .col-md-3 { width:25%;}
  .col-md-2 { width:16.66666667%;}
  .col-md-1 { width:8.33333333%;}
}