/* LightMode */
body {
  background-color:#f0f0ef;
  background-image: url("../images/aws_wallpaper.lm.gif");
  background-size: 270px 270px;
  background-attachment: fixed;
  color:#4B4B4D;
}
/* DarkMode */
body.dark {
  background-color:#1d2c2a;
  background-image: url("../images/aws_wallpaper.dm.gif");
  background-size: 270px 270px;
  background-attachment: fixed;
  color:#b4b4b9;
}
/* Fonts */
body {font-family: "Segoe UI", sans-serif}
h1,h2,h3,h4,h5,h6,.w3-bar,.w3-bar-block,button {font-family: "Roboto", sans-serif}
.breadcrumb {font-family: "Consolas", monospace}
/* Special links colors (with attribute 'onclick') */
.greenlink {color: #4B8B4D;}
.orangelink {color: #D1844D;}
.lightbrownlink {color: #c79a08;}
.footerlink {color: #b4b4b9;}
/* Special */
.w3-dropdown-hover:hover > .w3-button:first-child {
  background-color:#97B799
}
/* jQuery UI */
.ui-dialog > * {font-size:11px;}
/* Links */
a:link {text-decoration: none; color: #537474;}
a:visited {text-decoration: none;	color: #537474;}
a:hover {text-decoration: none;	color: #48887B;}
a:active {text-decoration: none; color: #48887B;}
a.footer:link {text-decoration: none; color: #b4b4b9;}
a.footer:visited {text-decoration: none;	color: #b4b4b9;}
a.footer:hover {text-decoration: none;	color: #b4b4b9;}
a.footer:active {text-decoration: none; color: #b4b4b9;}
a.breadcrumb:link {text-decoration: none; color: #D1844D;}
a.breadcrumb:visited {text-decoration: none;	color: #D1844D;}
a.breadcrumb:hover {text-decoration: none;	color: #E68845;}
a.breadcrumb:active {text-decoration: none; color: #E68845;}
a.helpbc:link {text-decoration: none; color: #4B8B4D;}
a.helpbc:visited {text-decoration: none;	color: #4B8B4D;}
a.helpbc:hover {text-decoration: none;	color: #5BAB5D;}
a.helpbc:active {text-decoration: none; color: #5BAB5D;}
/* Highlighted text (or subtitle) */
.highlighted {color: DarkCyan;}
/* Lists */
ul.instructions {list-style-type: circle;}
ul.instructions>li {padding-bottom:14px;}
/* Footer settings */
html {min-height: 100%; position: relative;}
body {margin: 0; margin-bottom: 57px;}
/* Footer */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #4B4B4D;
}