a.disabled {
  pointer-events: none;
}

a:hover {
    
  color: #043f75;
}

a {
  color: #043f75;
}

.side-nav li a:not(.button) {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  background: #043f75;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.side-nav li a:not(.button):hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

header {
    background-color: #043f75;
    color: #FFF;
    font-size: 30px;
    height: 90px;
    line-height: 64px;
    padding: 16px 0px;
    box-shadow: 0px 1px rgba(0, 0, 0, 0.24);
}

header .header-title {
  padding-left:20px;
  padding-top:20px;
}


legend {
  color:#043f75;
}

.row {
  max-width: 80rem;
}

.actions.columns {
  margin-top:1rem;
  /*border-left: 5px solid #043f75;
  /padding-left: 15px;*/
  border-left: 5px solid #445160;
  padding: 32px 20px;
}

.actions.columns h3 {
  color:#043f75;
}

.index table {
  margin-top: 2rem;
  border: 0;
}

.index table thead {
  height: 3.5rem;
}

.header-help {
  float: right;
  margin-right:2rem;
  margin-top: -100px;
  font-size:16px;
}

.header-help span {
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    padding: 0.25rem 0.5rem 0.375rem;
    font-size: 0.8rem;
    /*
    background-color: #0097a7;
    color: #FFF;
    border-radius: 1000px;*/
    background-color: #FFF;
    color: #001E6D;
    border-radius: 0px;
}

.header-help span:hover {
    background-color: #DCDCDC;
}

.header-help a {
  /*color: #fff;*/
   color:#001E6D;
}

ul.pagination li a {
  color: rgba(0, 0 ,0 , 0.54);
}

ul.pagination li.active a {
  /*background: none repeat scroll 0% 0% #DCE47E;*/
  background: #043f75 none repeat scroll 0% 0%;
  color: #FFF;
  font-weight: bold;
  cursor: default;
    
    
}

.paginator {
  text-align: center;
}

.paginator ul.pagination li {
  float: none;
  display: inline-block;
}

.paginator p {
  text-align: right;
  color: rgba(0, 0 ,0 , 0.54);
}

button {
  /*background: #8D6E65;*/
  background: #043f75 none repeat scroll 0% 0%;
}

.form button:hover, .form button:focus {
  /*background: #7A6058;*/
  background-color: #445160;
  /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.26) !important;*/
}

.form button[type="submit"] {
  float: right;
  text-transform: uppercase;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
}

.form .error-message {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  color: rgba(0, 0, 0, 0.54);
}

.required > label {
  font-weight: bold;
}
.required > label:after {
  content: ' *';
  color: #C3232D;
}

select[multiple] {
  min-height:150px;
  background: none;
}
input[type=checkbox],
input[type=radio] {
  margin-right: 0.5em;
}

.date select,
.time select,
.datetime select {
  display: inline;
  width: auto;
  margin-right: 10px;
}

.error label,
.error label.error {
  color: #C3232D;
}

div.message {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-weight: normal;
    position: relative;
    padding: 0.875rem 1.5rem 0.875rem 20%;
    transition: opacity 300ms ease-out 0s;
    /*
    background-color: #DCE47E;
    border-color: #DCE47E;
    color: #626262; */
    background-color: #445160;
    border-color: #445160;
    color: #FFF;
}

div.message.error {
  background-color: #C3232D;
  border-color: #C3232D;
  color: #FFF;
}

div.message:before {
  line-height: 0px;
  font-size: 20px;
  height: 12px;
  width: 12px;
  border-radius: 15px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  left: -11px;
  background-color: #FFF;
  padding: 12px 14px 12px 10px;
  content: "i";
  color: #445160;
}

div.message.error:before {
  padding: 11px 16px 14px 7px;
  color: #C3232D;
  content: "x";
}

.view h2 {
  color: #043f75;
}

.view .columns.strings {
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 87, 167, 0.24);
  margin-right:0.7rem;
}

.view .numbers {
  background-color: #B7E3EC;
  color: #FFF;
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 87, 167, 0.24);
  margin-right: 0.7rem;
}

.view .columns.dates {
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 87, 167, 0.24);
  margin-right:0.7rem;
  background-color:#DCE47E;
  color: #fff;
}

.view .columns.booleans {
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 87, 167, 0.24);
  margin-right:0.7rem;
  background-color: #8D6E65;
  color: #fff;
}

.view .strings p {
  border-bottom: 1px solid #eee;
}
.view .numbers .subheader, .view .dates .subheader {
  color:#747474;
}
.view .booleans .subheader {
  color: #E9E9E9
}

.view .texts .columns {
  margin-top:1.2rem;
  border-bottom: 1px solid #eee;
}


/** Notices and Errors **/
.cake-error,
.cake-debug,
.notice,
p.error,
p.notice {
  display: block;
  clear: both;
  background-repeat: repeat-x;
  margin-bottom: 18px;
  padding: 7px 14px;
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
}

.cake-debug,
.notice,
p.notice {
  color: #000000;
  background: #ffcc00;
}

.cake-error,
p.error {
  color: #fff;
  background: #C3232D;
}

pre {
  background: none repeat scroll 0% 0% #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
  margin: 15px 0px;
  color: rgba(0, 0 ,0 , 0.74);
  padding:5px;
}

.cake-error .cake-stack-trace {
  margin-top:10px;
}

.cake-stack-trace code {
  background: inherit;
  border:0;
}

.cake-code-dump .code-highlight {
  display: block;
  background-color: #FFC600;
}

.cake-error a,
.cake-error a:hover {
  color:#fff;
  text-decoration: underline;
}

.home header {
  width: 100%;
  height: 85%;
  position: relative;
  display: table;
}

.home h1 {
  font-family: "Gill Sans MT", Calibri, sans-serif;
}

.home header .header-image {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.home header h1 {
  color: #fff;
}

.home .checks {
  padding:30px;
  color: #626262;
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
  margin-top:50px;
}

.checks.platform {
  background-color: #B7E3EC;
}

.checks.filesystem {
  background: #DCE47E;
}

.checks.database {
  background-color: #DFF0D8;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.home .checks .success:before, .home .checks .problem:before {
  line-height: 0px;
  font-size: 28px;
  height: 12px;
  width: 12px;
  border-radius: 15px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  left: -11px;
}

.home .checks .success:before {
  content: "✓";
  color: green;
  margin-right: 9px;
}

.home .checks .problem:before {
  content: "✘";
  color: red;
  margin-right: 9px;
}


.back_button {
    background: #C3232D none repeat scroll 0% 0%;
}

.error_td{
    background: rgb(255, 59, 59) none repeat scroll 0% 0%;
}

.solo_data_td{
    width:95px;
}
.data_e_ora_td{
    width:120px;
}
.break-word{
    word-wrap: break-word;
}

.apri-modifica-elimina_td{
    width:175px;
}
.apri-modifica_td{
    width:115px;
}
.apri_td{
    width:50px;
}

.id_technical_sites_td{
    width:130px;
}

.mancanti{
    /*background: #f4bec2 none repeat scroll 0% 0%;*/
    background: rgb(255, 59, 59) none repeat scroll 0% 0%;
    border-radius: 15px;
}
.scaduti{
    background: #FABA43 none repeat scroll 0% 0%;
    border-radius: 15px;
}

.ok{
    /*background: #43FA5F none repeat scroll 0% 0%;*/
    background: rgb(0, 226, 122) none repeat scroll 0% 0%;
    border-radius: 15px;
}

.in_scadenza{
    background: #FAFA43 none repeat scroll 0% 0%;
    border-radius: 15px;
}

.td_colorato{
    padding: 0px;
}
.span_colorato{
    margin: 5px;
    display:block;
    width:90%;
    height:100%;
    padding: 8px;
    text-align: center;
    min-height: 25px;
}

.view .bt_div {
  background-color: #B2CDE5;
  color: #FFF;
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 87, 167, 0.24);
  margin-bottom :1rem;
}

.view .small_div {
  border-radius: 3px;
  margin-top: 10px;
  box-shadow: 1px 2px 4px rgba(0, 87, 167, 0.24);
}

.small_div p, .small_div h6{
  font-size:85%;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}


th{
    background-color: #043f75;
    color:white !important;
}

th a{
    color:white !important;
    font-weight: 600;
    text-decoration: underline;
}
th a::after {
    content: "↑↓";
} 

.strings p, .strings h6,.bt_div p, .bt_div h6{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.uppercase{
    text-transform: uppercase;
}



.equipmentsTypesStats {
  border-radius: 3px;
  margin-top: 10px;
  box-shadow: 1px 2px 4px rgba(0, 87, 167, 0.24);
}




th.report_th_nome {
  background: white !important;
  color: black !important;
  width:250px !important;
  height: 270px;
}

#report .td_report_nome td{
    width:250px !important;
    padding:4px;
}

.report_th {
    background: transparent !important;
    color: black !important;
    -transform: translate(0px, 80px) rotate(-90deg);  /* FF3.5+ */
    -moz-transform: translate(0px, 80px) rotate(-90deg);  /* FF3.5+ */
    -o-transform:  translate(0px, 80px) rotate(-90deg);  /* Opera 10.5 */
    -webkit-transform: translate(0px, 80px) rotate(-90deg);  /* Saf3.1+, Chrome */
    -ms-transform: translate(0px, 80px) rotate(-90deg);  /* IE new*/
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
    vertical-align: top;
    padding: 5px 5px;
    padding-top:100px;
    max-width:80px;
    border: solid 1px #999;
    white-space: nowrap;
} 

report_th, #report_table td  {
  padding: 4px;
  text-align: center;
  border: solid 1px #999;
}
#report_table{
    width:auto;
    table-layout:fixed;
}
#report_table td{
  width:80px;
}

.actions a{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #043f75;
  padding: 6px 6px 6px 6px;
  text-decoration: none;
}

.actions a:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.report_header {
    background-color: #FFF;
    color: #043f75;
    font-size: 30px;
    height: 90px;
    line-height: 64px;
    padding: 16px 0px;
    box-shadow: 0px 1px rgba(0, 0, 0, 0.24);
}



 /* Add a black background color to the top navigation */
.topnav {
    background-color: #043f75;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 7px 16px;
    text-decoration: none;
    font-size: 17px;
}
.topnav_selected {
    color: #043f75 !important; 
    background: white;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
} 


 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .header-help {
    
    visibility: hidden;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
} 

@media screen and (max-width: 1000px) {
  
  .header-title-text
 {
    
    visibility: hidden;
  }
  
  
} 


.pagination .disabled {
    visibility: hidden;
}