.w3-theme-green {color:#fff !important; background-color:#008578 !important}
.w3-theme-bl {color:#fff !important; background-color:#000000 !important}

.w3-theme-blue {color:#fff !important; background-color:#005085 !important}
.w3-theme-red  {color:#fff !important; background-color:#85000D !important}
.w3-theme-brown  {color:#fff !important; background-color:#857800 !important}
.w3-text-blue {color:#005085 !important}
.w3-text-red {color:#85000D !important}


/* .w3-theme-light {color:#000 !important; background-color:#e9fffd !important} */
.w3-theme-light {color:#000 !important; background-color:#dddddd !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:#008578 !important}
.w3-text-theme {color:#008578 !important}
.w3-text-teal {color:#008578 !important}
.w3-text-darkgreen,.w3-hover-text-darkgreen:hover{color:#006c66!important}

.w3-border-theme {border-color:#008578 !important}
.w3-border-theme-red {border-color:#85000D !important}
.w3-border-theme-blue {border-color:#005085 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#008578 !important}.
.w3-hover-text-theme:hover {color:#008578 !important}
.w3-hover-border-theme:hover {border-color:#008578 !important}
.footer {position: fixed; bottom: 0; width: 100%; background-color: #008578;  color: white;  text-align: left;} 

 
.btn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
}

/* Green */
.green {
  border-color: #008578;
  color: #008578;
}

.green:hover {
  background-color: #008578;
  color: white;
}

/* Right-aligned section inside the top navigation */
.topnav-right {
  float: right;
}

@media print {
   .w3-sidebar{display:none !important}
   .w3-bar{display:none !important}
   .footer{display:none !important}
   .nav{display:none !important}
   .hide-in-print{display:none !important}
   table, img { page-break-inside: avoid }
}


/* Roboto regular */

@font-face {
    font-family: "Roboto";
    src: url("../webfonts/Roboto-Regular.eot");
    src: url("../webfonts/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
         url("../webfonts/Roboto-Regular.woff2") format('woff2'),
         url("../webfonts/Roboto-Regular.woff") format('woff'),
         url("../webfonts/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Roboto bold */

@font-face {
    font-family: "Roboto";
    src: url('../webfonts/Roboto-Bold.eot');
    src: url('../webfonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Bold.woff2') format('woff2'),
         url('../webfonts/Roboto-Bold.woff') format('woff'),
         url('../webfonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Roboto italic */

@font-face {
    font-family: "Roboto";
    src: url('../webfonts/Roboto-Italic.eot');
    src: url('../webfonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Italic.woff2') format('woff2'),
         url('../webfonts/Roboto-Italic.woff') format('woff'),
         url('../webfonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Roboto light */

@font-face {
    font-family: "Roboto";
    src: url('../webfonts/Roboto-Light.eot');
    src: url('../webfonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Light.woff2') format('woff2'),
         url('../webfonts/Roboto-Light.woff') format('woff'),
         url('../webfonts/Roboto-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}