/*
!* HSL *!
$color1: hsla(114%, 88%, 94%, 1);
$color2: hsla(14%, 20%, 20%, 1);
$color3: hsla(176%, 13%, 45%, 1);
$color4: hsla(240%, 5%, 36%, 1);
$color5: hsla(39%, 100%, 64%, 1);
*/
/* RGB */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important; }

.time {
  font-weight: bold;
  margin-top: 10px; }

.text-bordered {
  padding: 10px;
  font-weight: bold;
  margin: auto;
  width: 65%;
  border: 1px solid #ffffff; }

.reportPage {
  background-color: #000c40;
  color: #ffffff; }
  .reportPage img#logo {
    width: 300px; }
    @media only screen and (max-width: 320px) {
      .reportPage img#logo {
        width: 50px; } }

.reportTable {
  background-color: #000c40;
  border: #454F94;
  color: #ffffff;
  text-align: center;
  width: 99%;
  table-layout: fixed;
  font-size: 0.8em; }
  .reportTable > tbody > tr > td, .reportTable > tbody > tr > th, .reportTable > tfoot > tr > td, .reportTable > tfoot > tr > th, .reportTable > thead > tr > td, .reportTable > thead > tr > th {
    border: none; }
  .reportTable .border-right {
    border-right: 1px solid #454F94; }
  .reportTable td {
    border-color: #454F94; }
  .reportTable > tbody > tr:nth-of-type(odd) {
    background-color: #111A5B; }
  .reportTable > thead {
    font-weight: bold; }
  .reportTable > thead:first-child > tr {
    font-size: 75%; }
  .reportTable > thead:first-child > tr:first-child > td {
    border-top: 1px solid #454F94;
    border-bottom: 1px solid #454F94;
    vertical-align: middle; }
  .reportTable > thead > tr:first-child > td:first-child {
    border-top: none;
    border-bottom: none; }
  .reportTable thead > tr > td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .reportTable tbody tr:last-child td {
    border-bottom: 1px solid #454F94; }
  .reportTable tbody tr:last-child td:first-child {
    border-bottom: none; }
  .reportTable tbody tr td:first-child {
    text-align: left;
    border-top: none; }
  .reportTable tbody tr td {
    border-bottom: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 3px; }
  .reportTable > tbody > tr > td.danger {
    background-color: #FE0000;
    color: #000c40;
    font-weight: bold; }
  .reportTable > tbody > tr > td.warning {
    background-color: #FDBF01;
    color: #000c40;
    font-weight: bold; }

.smaller {
  font-size: 75%; }

.grigliaGrande {
  height: 500px; }

/**
TABELLE
 */
body {
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

a {
  color: #B23534; }

a:hover {
  color: #6C342F; }

.wrapper {
  margin: 0 auto;
  padding: 40px;
  max-width: 800px; }

.table {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table; }

@media screen and (max-width: 580px) {
  .table {
    display: block; } }
.tableRow {
  display: table-row;
  color: white;
  background: #80807E; }

.tableRow:nth-of-type(odd) {
  background: #464A42; }

.tableRow.header {
  font-weight: 900;
  color: #ffffff;
  background: #6C342F; }

@media screen and (max-width: 580px) {
  .tableRow {
    padding: 8px 0;
    display: block; } }
.cell {
  padding: 6px 12px;
  display: table-cell; }

@media screen and (max-width: 580px) {
  .cell {
    padding: 2px 12px;
    display: block; } }
/**
FINE TABELLE
 */
.autore-alfabeto {
  display: block;
  float: left;
  width: 35px;
  margin-right: 10px;
  font-size: larger;
  cursor: pointer;
  color: white; }

.autore-alfabeto:hover {
  color: #D2382E; }

.autore-alfabeto.selezionato {
  font-weight: 700;
  text-decoration: underline;
  color: #6C342F; }

/**
LOGIN
 */
#login-dp {
  min-width: 250px;
  padding: 14px 14px 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8); }

#login-dp .help-block {
  font-size: 12px; }

#login-dp .bottom {
  background-color: rgba(255, 255, 255, 0.8);
  border-top: 1px solid #ddd;
  clear: both;
  padding: 14px; }

#login-dp .social-buttons {
  margin: 12px 0; }

#login-dp .social-buttons a {
  width: 49%; }

#login-dp .form-group {
  margin-bottom: 10px; }

.btn {
  background-color: #B23534; }

.btn-fb {
  color: #fff;
  background-color: #3b5998; }

.btn-fb:hover {
  color: #fff;
  background-color: #496ebc; }

.btn-tw {
  color: #fff;
  background-color: #55acee; }

.btn-tw:hover {
  color: #fff;
  background-color: #59b5fa; }

@media (max-width: 768px) {
  #login-dp {
    background-color: inherit;
    color: #fff; }

  #login-dp .bottom {
    background-color: inherit;
    border-top: 0 none; } }
.background {
  background: url("../images/background/back.jpg");
  position: relative; }

.layer {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.navbar-default {
  background-color: #B23534;
  color: #e4fde1; }
  .navbar-default .navbar-brand {
    color: #e4fde1; }
    .navbar-default .navbar-brand:hover {
      background-color: #6C342F;
      color: #e4fde1; }
  .navbar-default .navbar-nav > li > a {
    color: #e4fde1; }
  .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: #6C342F;
    color: #e4fde1; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #6C342F;
    color: #e4fde1; }
  .navbar-default .navbar-text {
    color: #000000; }

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color: #80807E; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #464A42;
  color: #FFFFFF; }

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body > .container-fluid {
  padding: 60px 15px 0; }

.container-fluid .text-muted {
  margin: 20px 0; }

.footer > .container-fluid {
  padding-right: 15px;
  padding-left: 15px; }

code {
  font-size: 80%; }

.cell > a {
  font-weight: bold; }

.contenuto-statico {
  margin: 2%;
  padding: 5%; }

.odd {
  color: white;
  background-color: #464A42; }

.even {
  color: black;
  background-color: #80807E; }

.ui-grid-header-cell {
  background-color: #6C342F; }

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #464A42; }

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #80807E; }

.modal-body {
  background-color: #80807E;
  color: white; }

.panel-default > .panel-heading {
  color: white;
  background-color: #B23534;
  border-color: #6C342F; }

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #D2382E;
  background-color: #80807E; }

.list-group-item {
  background-color: #80807E; }

#login-dp .bottom {
  color: #000000; }

@media (max-width: 768px) {
  #login-dp .bottom a {
    color: white; } }
/*

@import "bootstrap_override_color.scss";
@import "../bower_components/bootstrap-sass/assets/stylesheets/_bootstrap-sprockets.scss";
@import "../bower_components/bootstrap-sass/assets/stylesheets/_bootstrap.scss";
*/
