body {background:#f5f5f5;}
body * {font-family: 'Montserrat', sans-serif;}
img {max-width:100%;}
.ombrafull {background-color:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:absolute; top:0; left:0;}
.reset-padding {padding:0;}
.content {width:100%; display:block; float:right; transition:all 0.5s; padding:15px; margin-top:54px;}
.content h1 {font-size:25px; margin-bottom:10px;}
.content a.action, .content button.action {background:#003173; color:#fff; padding:10px 20px; border-radius:30px; font-size:14px; margin-bottom:25px; display:inline-block;}
.box-white {background:#fff; padding:15px; border:1px solid #ddd; box-shadow:0 0 10px 0 #eee;}
table {font-size:14px;}
table i.fa-check {color:green;}
table i.fa-times {color:red;}
table a {display:inline-block; margin-right:10px; color:#242424; font-size:14px;}
table img {width:100px;}
form {max-width:700px;}
form input, form textarea, form select {width:100%; height:40px; border:1px solid #c0c0c0; border-radius:3px; padding:5px; font-size:14px;}
form input.red-border, form textarea.red-border, form select.red-border {border:2px solid #c03;}
form textarea {min-height:200px;}
form .ck-editor__editable {min-height:400px;}
form input[type="submit"] {background:#003173; border-color:#003173; color:#fff; height:45px;}
form .form-group {margin-bottom:20px;}
form .form-group label {margin:0; font-size:12px;}
form input[type="checkbox"] {width:25px; height:25px; display:block; margin-top:5px;}
form .anteprima {width:200px; max-width:50%; display:block; margin:20px 0 10px 0;}
form .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {top:54px!important;}
#alert-cache {display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 100;}
#alert-cache .alert {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; background-color: #fff; width: 100%; margin: 0;}
#alert-cache .alert #text-alert-cache {display: block; padding-right: 15px;}
#alert-cache .alert #close-alert-cache {position: absolute; top: 10px; right: 15px; background: transparent; border: 0; outline: 0; font-size: 20px;}
@media only screen and (min-width: 768px) {
  .content {padding:15px 30px;}
  .content h1 {font-size:30px;}
}
@media only screen and (min-width: 1200px) {
  .content {width:85%; padding:15px 50px;}
  .content.full {width:100%;}
  .content h1 {font-size:35px;}
}header {z-index:9; position:fixed!important; top:0; left:0;}
header .firstbar {background:#003173; color:#fff; padding:15px; z-index:9;}
header .firstbar i {font-size:20px; cursor:pointer;}
header .firstbar span {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:12px; line-height:14px; width:75%; text-align:center;}
header .firstbar #cache {font-weight:500;position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); background-color: #fff; border: 1px solid #242424; border-radius: 3px; padding: 5px 10px; outline: 0;}
header .firstbar #cache:active {box-shadow: inset 0 0 10px 0 #ccc;}
header .vocimenu {position:fixed; bottom:0; height:calc(100% - 54px); left:-75%; background:#fff; border-right:1px solid #ddd; width:75%; z-index:8; transition:all 0.5s; overflow:auto; padding:15px;}
header .vocimenu.show {left:0;}
header .vocimenu ul {margin:0;padding:0;}
header .vocimenu ul li {padding:10px 0; border-bottom:1px solid #eee;list-style:none;}
header .vocimenu ul li a {display:block; color:#242424;}
header .vocimenu ul li a i {width:25px;}
@media only screen and (min-width: 768px) {
  header .vocimenu {width:25%; left:-25%;}
}
@media only screen and (min-width: 1200px) {
  header .firstbar span {position:inherit; left:0; top:0; font-size:16px; margin-left:15px; width:auto;}
  header .vocimenu {width:15%;}
  header .vocimenu {left:0;}
  header .vocimenu.show {left:-15%;}
  /* header .vocimenu ul li.exit {position:absolute; bottom:0; background:#ddd; left:0; width:100%; padding:15px;} */
  header .vocimenu ul li.exit {bottom: 0;left: 0px;right: 0;width: 100%;padding: 15px;margin: 0;margin-left: -15px;margin-top: 30px;}
}
.login {width:100%; height:100vh; background-image:url("../img/sfondo-login.jpg"); background-size:cover; background-position:center;}
.login .ombrafull {background: rgba(0, 0, 0, 0.5);;}
.login form {background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:350px; padding:30px; border-radius:5px; text-align:center; z-index:99;}
.login form h1 {display:block; width:100%; font-size:25px; margin-bottom:30px;}
.login form input {border:1px solid #c0c0c0; width:100%; margin-bottom:10px; height:40px; padding:5px; border-radius:3px; font-size:14px;}
.login form input[type="submit"] {background:#003173; color:#fff; border-color:#003173; font-weight: 700; letter-spacing:1px; margin:0; margin-top:20px; height:45px;}
.login form .alert {font-size:14px;}