@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Lora:400,400italic,700,700italic');

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
figcaption{ display: none !important; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, button, input, select, textarea { font-family: 'Lora',serif, sans-serif; color: #62605e; }
body { margin: 0; font-size: 15px; line-height: 1.4; color:#222; overflow-y: scroll;background: #fff;   font-family: "Lora",serif;text-rendering: optimizeLegibility;}
h1,h2,h3,h4,h5,h6{ margin: 0;  font-weight: normal; font-family: acumin-pro-condensed, sans-serif }
a { color: #64b03f; text-decoration: none; cursor: pointer;}
a:hover { color: #64b03f; text-decoration: underline;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
p, li {
  color: #212328;
  font-size: 13px;
  font-weight: normal;
  line-height: 2;
  letter-spacing: 0.05em;
}
header p, header li,.sidebar li, footer p, footer li{text-shadow:none;}
ul, ol { margin: 1em 0; padding: 0 0 0 25px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0;text-align: left; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

figcaption{display: none;}

.hide { display: none; }

.input:after,
.container:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


/* GENERAL */

/** {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}*/

.error {
  padding: 150px 0;
  text-align: center;
}
.error p{
  font-size: 40px;
  color: #999;
}
.error b{
  color: #444;
}

.language{
  text-align: center;
  font-size:10px;  
}

.language_container{
    position: absolute;
    top: 10px;
    right: 0;
}
.language_container a{
  display: inline-block;
  max-width: 24px;
}
.language_container img{
  max-width: 100%;
}

#container{        
    margin: 0 auto;
}

html,body{
    height:100%;
}

body {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: #222;
  overflow-y: scroll;
  background: #f1f1f1;
  font-family: "Noto Sans",sans-serif;
  text-rendering: optimizeLegibility;
}

header {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
  margin-bottom: 20px;
}

header h1 {
  position: absolute;
  color: #3f5c8e;
  font-family: 'Lora',sans-serif;
  font-size: 25px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  transform: translate(0,-50%);
  right: 0;
}

.container {
    max-width: 1280px;
    background-color: #fff;
    padding: 0 30px 180px;
    min-height: 100vh;
    box-shadow: 0 0 70px rgba(0,0,0,0.1);
    position: relative;}

.toolbar {
  background-color: #f1f1f1;
  padding: 5px;
  margin: 25px 0 5px;
}

.toolbar p {
  margin: 5px 0 0 9px;
  letter-spacing: 0;
  color: #474d57;
  font-size: 13px;
}

.no-p {padding: 0}
.no-l-p {padding-left: 0}
.no-r-p {padding-right: 0}

.btn {
  /* color: #fff; */
  font-family: 'Noto Sans',sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-radius: 0;
  padding: 10px;
  letter-spacing: 0.035em;
}

.btn-success {border:0;
  background-color: #64b03f;}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  border:0;
  background-color: #64b03f;
}

.btn-default {
  color: #474d57;
  background-color: #cfd0d2;
  border: none;
}

.tabellafiles .table > thead > tr > th {
  border: 0;
  background-color: #474d57;
  color: #fff;
  font-family: 'Lora',sans-serif;
  font-weight: normal;
  font-size: 14px;
}

.tabellafiles .table > tbody > tr > td {
  border-top: 3px solid #ffff;
  border-bottom: 3px solid #fff;
  background-color: #f1f1f1;
  vertical-align: middle;
  color: #2a2f38;
  font-size: 13px;
}

.tabellafiles .table > thead > tr > th a {color: #fff;}

.nodownload {position: relative;display: inline-block;}

.tooltipno {
  position: absolute;
  width: 120px;
  background-color: #fff3cd;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  color: #856404;
  border: 1px solid #ffeeba;
  top: 50%;
  -webkit-transform: translate(10%,-65%);
  -moz-transform: translate(10%,-65%);
  transform: translate(10%,-65%);
  right: 90%;
  opacity: 0;
  -webkit-box-shadow: 3px 3px 13px rgba(0,0,0,0.1);
  -moz-box-shadow: 3px 3px 13px rgba(0,0,0,0.1);
  box-shadow: 3px 3px 13px rgba(0,0,0,0.1);
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

.tooltipno.visibile {
  opacity: 1;
  -webkit-transform: translate(0%,-65%);
  -moz-transform: translate(0%,-65%);
  transform: translate(0%,-65%);
}

.login_form {
  border: 1px solid #c5cedd;
  padding: 20px;
  margin: 20px 0;
}

.login_form label {display: none;}

.login_form input {
  border-top: 0 aliceblue;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #8c9dbb;
  border-radius: 0;
  font-family: 'Noto Sans',sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 15px 10px;
  display: block;
  height: auto;
  box-shadow: 0 0 0;
}

.titolo_login {
  margin: 0 0 20px;
}

.titolo_login span {
  display: inline-block;
  vertical-align: middle;
}

.logintitolo {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}

.titolo_login h3 {
  color: #474d57;
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.32;
}

.logintitolo p {
  margin: 0;
  font-style: italic;
  font-family: 'Lora', serif;
  line-height: 0.85;
  opacity: 0.45;
  font-size: 14px;
}

.lock i {color: #dd2551;}
.user i {color: #64b03f;}

.login_form ul.linkprofilo {
  margin: 0;
  list-style: none;
  padding: 0;
}

.login_form ul.linkprofilo li a {
  color: #1082f7;
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 13px;
  padding: 5px 10px;
}

.noaccount {
  background-color: #ebeef3;
  padding: 10px;
  text-align: center;
  margin: 5px 0 0;
}

.noaccount p {
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 12px;
}

.noaccount a {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 0 8px;
}

.azioni_login a {
  display: block;
  font-size: 11px;
  text-align: center;
  line-height: 1;
}

.azioni_login button {
  display: block;
  width: 100%;
  font-size: 13px;
  padding: 15px;
}

.sidebar h3 {
  color: #474d57;
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #f1f1f1;
  padding: 10px;
  line-height: 1.32;
}

.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar a {
  color: #1082f7;
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 13px;
  padding: 5px 10px;
}
.sidebar a.current{
  background-color: #d6eccc;
}

/* ** Registrazione ** */

.form_container {
  margin: 80px auto;
  padding: 0 30px;
  max-width: 930px;
  text-align: center;
}

.form_container h2 {
  color: #64b03f;
  font-family: 'Lora', serif;
  font-size: 28px;
  margin: 0 0 20px;
  text-align: left;
}

.form_container p {text-align: left;}

.form_container form {margin: 25px 0;}
.form_container .form_nolabel label {display: none;}

.form_container input {
  border-top: 0 aliceblue;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #8c9dbb;
  border-radius: 0;
  font-family: 'Noto Sans',sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 15px 10px;
  display: block;
  height: auto;
  box-shadow: 0 0 0;
}

.form_container select {
  border: 1px solid #8c9dbb;
  border-radius: 0;
  padding: 5px;
  font-family: 'Noto Sans',sans-serif;
  width: 100%;
  padding: 10px;
  height: auto;
  margin: 7px 0 0;
}

.aggiornami {
  margin: 0;
  padding: 25px 0;
  text-align: left;
}

.aggiornami span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #8c9dbb;
}

.aggiornami .input.checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}

.aggiornami label {
  color: #3f5c8e;
  font-size: 13px;
  margin: 0;
}

.privacy_container {
  background-color: #ebeef3;
  padding: 10px 20px 15px;
  margin: 0 0 15px;
  text-align: left;
}

.privacy_container .checkbox {margin: 0;}

.privacy_container label {
  font-size: 12px;
  color: #506a98;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0px 0 0 15px;
}

.azioni_form {
  text-align: right;
}

.message {
  position: fixed;
  padding: .75rem 1.25rem;
  margin: 0;
  border: 1px solid transparent;
  border-radius: .25rem;
  display: inline-block;
  font-size: 13px;
  top: 40px;
  left: 50%;
  transform: translate(-50%,0%);
}

.error-message {
  text-align: left;
  font-size: 12px;
  color: red;
  padding: 5px 10px;
}

.message.success {
    color: #21721c;
    background-color: #daecde;
    border-color: #87c783;
}

.message.error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.btn.logout {
  display: block;
  width: 100%;
  margin: 10px 0 0;
  background-color: #dd2551;
  color: #fff;
}

.form_account {margin: 0;}

/* ** FOOTER ** */

footer {
    /*padding: 50px 0;*/
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #ddd;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}

footer p {
  letter-spacing: 0;
  text-align: center;
  color: #262a30;
  font-size: 11px;
  margin: 0;
  line-height: 1.65;
  padding: 10px;
}

footer b, footer a,footer a:hover {color: #3f5c8d; font-weight: normal;}

@media (max-width: 1370px) {}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width: 768px) {

  header h1 {
    position: static;
    text-align: center;
    margin: 20px 0 0;
    font-size: 14px;
  }

  header a {
    display: block;
    width: 100%;
    text-align: center;
  }

  header a img {width: 130px;}

.toolbar {display: none;}

.tabellafiles thead {display: none;}

.tabellafiles  tr {
  background-color: #f1f1f1;
  display: block;
  padding: 15px;
  border-bottom: 4px solid #ffffff;
  border-top: 4px solid #ffffff;
}

.tabellafiles .table > tbody > tr > td {
  display: block;
  background-color: transparent;
  border: 0;
  text-align: left;
  padding: 0;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

.tabellafiles .table > tbody > tr > td:first-child {display: none;}
.tabellafiles .table > tbody > tr > td:last-child {
  border: 0;
  padding: 20px 0 0;
  text-align: center;
}

.form-group {margin: 0 -15px 15px;}
.form_container {padding: 0;}
.aggiornami {padding: 0}
.container {padding: 0 10px;}
.privacy_container {margin: 0 -15px 15px;}
.aggiornami .input.checkbox {
  display: block;
  margin: 10px 0;
}

.azioni_form {
  text-align: right;
  margin: 0 -15px 0;
}

.azioni_form .btn {
  display: block;
  width: 100%;
}

footer {
  position: static;
  padding: 20px 0;
  text-align: left;
}

footer p {text-align: left;}

}


.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    width: 100%;
    margin: 32px 0 0;
    padding: 32px 0 0;
    border-top: 1px solid #ddd;
    flex-wrap: wrap;
}

.pagination li {
    margin: 0;
}

.pagination li.current {
    background-color: #dfdfdf;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #dfdfdf;
    font-weight: bold;
    margin: 0 5px;
}
.pagination span,
.pagination a {
    display: flex;
    background: #eee;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin: 0 5px;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear;
    color: #555;
}

.pagination span{
  background-color: #fff;
}

.pagination a:hover {
    background-color: #e51632;
    color: #fff;
    text-decoration: none;
}