:root {
  --color-level-A: #e0e0e0;
	--color-level-B: #c0c0c0;
	--color-level-C: #a0a0a0;
}


.w3-theme-l5 {color:#000 !important; background-color:#e9fffd !important}
.w3-theme-l4 {color:#000 !important; background-color:#b7fff8 !important}
.w3-theme-l3 {color:#000 !important; background-color:#6efff1 !important}
.w3-theme-l2 {color:#000 !important; background-color:#26ffe9 !important}
.w3-theme-l1 {color:#fff !important; background-color:#00dcc6 !important}
.w3-theme-d1 {color:#fff !important; background-color:#008578 !important}
.w3-theme-d2 {color:#fff !important; background-color:#00766a !important}
.w3-theme-d3 {color:#fff !important; background-color:#00685d !important}
.w3-theme-d4 {color:#fff !important; background-color:#005950 !important}
.w3-theme-d5 {color:#fff !important; background-color:#004a43 !important}

.w3-theme-light {color:#000 !important; background-color:#e9fffd !important}
.w3-theme-dark {color:#fff !important; background-color:#004a43 !important}
.w3-theme-action {color:#fff !important; background-color:#004a43 !important}

.w3-theme {color:#fff !important; background-color:#6D8DB5 !important}
.w3-text-theme {color:#009688 !important}
.w3-border-theme {border-color:#009688 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#009688 !important}
.w3-hover-text-theme:hover {color:#009688 !important}
.w3-hover-border-theme:hover {border-color:#009688 !important}

.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#6D8DB5!important}

.w3-redisl{
	@extend .w3-red;
	background-color:#6D8DB5;
  color:white;
  }

tr:nth-child(even) {
  background-color: #dddddd;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.containerTabDetail {
  padding: 20px;
}

.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  color: white;
}

.sticky {
  position: fixed;
  z-index: 10;
  top: 0;
  width: 99%;
  
}

.sticky .dropdownLiLogo{
  display: block !important;
}



.stickyPubbl {
  position: fixed;
  top: 0;
  width: 99%;
  z-index: 1;
}
.stickyPubbl label {
  font-size: 4px;
}
.stickyPubbl img  {
  /*width: 50% !important ;*/
  opacity: 0.1;
}


.divHeader {
  background-color: white;
  width: 99%;
  padding: 4px;
  text-align: center;
  color: #6D8DB5;
  display: block;margin-left: auto;margin-right: auto;padding-bottom: 5px;
  transition: ease-out 0.3s;  
}
.divHeader img {
  width: 99%;
}


.divFooter {
  position: relative;
  background-color: #6D8DB5;
  width: 99%;
  padding: 4px;
  text-align: center;
  color: white;
  font-size: small;
  display: block;margin-left: auto;margin-right: auto;padding-bottom: 5px;
}
.divFooterL {
  position: absolute;
  bottom: 0;
  left:  0;
  text-align: left;
  vertical-align: text-bottom;
  padding: 4px;

}
.divFooterR {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  vertical-align: text-bottom;
  padding: 4px;
}
.divFooter label {
  font-size: x-small;
}
.divFooter a {
  text-decoration: none;
}



.divMain {
  width: 99%;
  padding: 4px;
  text-align: left;
  color: #6D8DB5;
  font-size: 80%;
  display: block;margin-left: auto;margin-right: auto;padding-bottom: 5px;
}



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

.menuBar {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}
.linkNavigationBar {
  font-size: 80%;
  padding: 0;
}

.divConMenuSx_Menu {
  float: left;
  width: 20%;
  /*
  border: solid;
  border-color: #6D8DB5  ;
  */
  padding: 10px;
  vertical-align: top;
  text-align: left;
}
.divConMenuSx_Contenuto{
  float: left;
  width: 80%;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

.divConMenuSx_Menu a {
  text-decoration: none;
}
.divConMenuSx_Menu ul{
  list-style-type: square;
  margin: 1;
  padding: 0;
  padding-left: 2px;
}



.divContenuto{
  width: 99%;
}

.divCentrato60 {
  width: 60%;
  margin: 0 auto;
}

.divPubblCopertina {
  float: left;
  z-index: 4;
  
}
.divPubblTitolo {
  float: left;
  z-index: 4;
}

.navbarISL {
  background-color: transparent;
}

.navbarISL .icon {
  display: none;
}
.navbarISL .dropdownLiLogo{
  float: left;
  display: none;
  width: 40px;
}


@media screen and (min-width: 801px) {
  .divHeader {
    font-size: 20px;
  }.divMain {
    font-size: large;
  }
}
@media screen and (max-width: 800px) {
  .divHeader {font-size: 10px;}
  .divMain {font-size: small;}
  h1 {font-size: 24px;}
  h2 {font-size: 20px;}
  h3 {font-size: 18px;}
  h4 {font-size: 14px;}
  h5 {font-size: 12px;}
  .navbarISL .dropdownLiLogo{width: 20px;}
  .divContenuto, .divConMenuSx_Menu, .divConMenuSx_Contenuto{font-size: small;}
  
  /*
  .navbarISL a.icon {
    float: right;
    display: block;
  }
  .navbarISL.responsive {
    position: absolute;
    right: 0;
    top: 0;
  }*/
}