/*

Colors from flightsim-goldengate.jpg using 
http://www.degraeve.com/color-palette/

#5577aa
#668899
#7799cc
#aaccff
#bbddee

whotable CSS from http://www.csstablegenerator.com/
with some modifications

# https://stackoverflow.com/questions/15153613/provide-sass-variables-definitions-on-command-line;
# look at anser using import
Variables defined in importing module:

$body-width (100%, 800px)

*/
@media print {
  a[href]:after {
    content: none !important; } }

body {
  width: 100%;
  font-family: Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto; }

body a, body a:link, body a:visited, body a:active {
  color: #7799cc;
  text-decoration: none; }

.window {
  width: auto; }

#navbar {
  /* padding: 16px 0px 16px 0px; */
  background-color: #aaccff;
  color: black;
  font-size: 120%;
  width: 100%;
  /* Equally sized cells, not good now with 'New: RowingCAS'
  /* table-layout: fixed; */
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px; }

#navbar a, #navbar a:link, #navbar a:visited, #navbar a:active {
  text-decoration: none;
  color: black; }

#navbar-item {
  text-align: center; }

#navbar-item a:hover {
  background-color: #bbddee; }

/* Used in ..-footer.htinc */
footer {
  clear: both; }

#kiss_main {
  width: 75%;
  /* vertical / horizontal */
  padding: 10px 20px;
  vertical-align: top; }

#kiss_sidebar {
  width: 25%;
  padding: 10px 20px;
  vertical-align: top; }

/* For RowingCAS aside screenshots */
.screenshot_aside {
  width: 110%; }

/* For RowingCAS aside screenshots; <p></p> between the images */
/* Including the padding in the image above causes trouble printing... */
.screenshot_space {
  padding-bottom: 100px; }

/* TODO: Somehow factor out the box/shadow/corner stuff between submitbutton
   and whotable */
#submitbutton, #nmeaform {
  /* vertical / horizontal */
  /* As of 2/2015, the shadow doesn't print correctly due to a Chrome
       bug: https://code.google.com/p/chromium/issues/detail?id=174583 .
       AOK using Safari. */
  box-shadow: 10px 10px 5px #888888;
  border: 1px solid #000000;
  border-width: 1px 1px 1px 1px;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px; }

#submitbutton {
  margin: 40px auto;
  width: 80%; }

#nmeaform {
  margin: 10px auto;
  width: 80%; }

/* TODO: header */
header {
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px; }

#rotating-item-wrapper {
  position: relative;
  width: 800px;
  height: 160px;
  margin-left: auto;
  margin-right: auto; }

.rotating-item {
  display: none;
  position: absolute;
  top: 0;
  left: 0; }

@media screen and (max-width: 991px) {
  .whotable-adjusted-width {
    overflow-x: scroll;
    white-space: nowrap; } }

.whotable {
  margin: auto auto;
  width: auto;
  box-shadow: 10px 10px 5px #888888;
  border: 1px solid #000000;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px; }

.whotable table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px; }

.whotable tr:last-child td:last-child {
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.whotable table tr:first-child td:first-child {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px; }

.whotable table tr:first-child td:last-child {
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px; }

.whotable tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.whotable tr:hover td {
  background-color: #ffffff; }

.whotable td {
  vertical-align: middle;
  border: 1px solid #000000;
  border-width: 0px 1px 1px 0px;
  text-align: center;
  padding: 8px;
  font-size: 100%;
  color: #000000; }

.whotable tr:last-child td {
  border-width: 0px 1px 0px 0px; }

.whotable tr td:last-child {
  border-width: 0px 0px 1px 0px; }

.whotable tr:last-child td:last-child {
  border-width: 0px 0px 0px 0px; }

.whotable tr:first-child td {
  border: 0px solid #000000;
  text-align: center;
  border-width: 0px 0px 1px 1px;
  font-size: 110%;
  font-weight: bold;
  color: #ffffff; }

/*
.whotable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	
        background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
*/
.whotable tr:first-child td:first-child {
  border-width: 0px 0px 1px 0px; }

.whotable tr:first-child td:last-child {
  border-width: 0px 0px 1px 1px; }

#rc_tracking_searchbox {
  margin: 15px 15px; }

#rc_tracking_mark {
  margin: 15px 15px; }

.stats-table tr:first-child td:first-child {
  width: 30%; }

/*
 * SASS stuff!
 */
.blue td {
  background: -o-linear-gradient(bottom, #aad4ff 5%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aad4ff), color-stop(1, #ffffff));
  background: -moz-linear-gradient(center top, #aad4ff 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1", endColorstr="$color2");
  background: -o-linear-gradient(top, #aad4ff, #ffffff);
  background-color: #aad4ff; }

.blue tr:first-child td {
  background: -o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f));
  background: -moz-linear-gradient(center top, #005fbf 5%, #003f7f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1", endColorstr="$color2");
  background: -o-linear-gradient(top, #005fbf, #003f7f);
  background-color: #005fbf; }

.green td {
  background: -o-linear-gradient(bottom, #aaffd0 5%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aaffd0), color-stop(1, #ffffff));
  background: -moz-linear-gradient(center top, #aaffd0 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1", endColorstr="$color2");
  background: -o-linear-gradient(top, #aaffd0, #ffffff);
  background-color: #aaffd0; }

.green tr:first-child td {
  background: -o-linear-gradient(bottom, #00bf5f 5%, #007f3f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00bf5f), color-stop(1, #007f3f));
  background: -moz-linear-gradient(center top, #00bf5f 5%, #007f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1", endColorstr="$color2");
  background: -o-linear-gradient(top, #00bf5f, #007f3f);
  background-color: #00bf5f; }

.btn-outlined {
  border: 1px solid #ced4da; }

/* Important that typeahead inputs doesn't get shrinked! */
.twitter-typeahead {
  width: 100% !important; }

.toast {
  width: 100%;
  max-width: 100%; }