body{
	padding:0px;
	margin:0px;
	background-color: #e6f7ff;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight: 300;
	color: #333;
    position: relative;
}

.short-footer {
    position:fixed;bottom:0;width:100%;padding:0.5rem;
    font-size:0.75em;
}
.short-footer#footer {
    padding-bottom:0.5rem;
}
li.pdf
{
	//list-style-image: url(images/pdf-exist.gif);
	list-style: none;
}

a.pdf
{
	color: #006699;
	text-decoration: none;
}

.center {text-align:center;}
.right {text-align:right !important;}
.left {text-align:left !important;}
.smallText {font-size: 80%;}

select
{
	font-size: 80%;
}

select.normal
{
	font-size: 100%;
}

table.control {background-color: #E8F1F7; width: 70%; font-size: 1em; border:1px; border-color:#006699; border-collapse:separate; border-spacing:2px;}
table.control th {background-color: #006699; font-weight: bold; font-size: 14px; color: #ffffff; text-align: center; padding:2px; }
table.control th.subtitle {background-color: #D3E4EE; font-weight: bold; font-size: 12px; color: #006699; text-align: center; padding:2px;}
table.control th.cat {background-color: #f2fbff; font-weight: bold; font-size: 10px; color: #006699; text-align: center; padding:2px;}
table.control td {background-color: #ffffff; font-size:10px; color: #000000; text-align: left; padding:2px;}
table.control td.center { text-align: center; }

table.pdf {background-color: #E8F1F7; width: 70%; font-size: 1em; border:1px; border-color:#006699; border-collapse:separate; border-spacing:2px;}
table.pdf th {background-color: #006699; font-weight: bold; font-size: 14px; color: #ffffff; text-align: center; padding:2px; }
table.pdf th.subtitle {background-color: #D3E4EE; font-weight: bold; font-size: 12px; color: #006699; text-align: center; padding:2px;}
table.pdf th.cat {background-color: #f2fbff; font-weight: bold; font-size: 10px; color: #006699; text-align: center; padding:2px;}
table.pdf td {background-color: #ffffff; font-size:10px; color: #000000; text-align: left; padding:2px;}
table.pdf td.center { text-align: center; }
table.pdf .inactive td {color:gray; font-style:italic; }
table.pdf td.dis { white-space:nowrap; background-color: rgb(255,255,190); }
table.pdf td.alt { white-space:nowrap; background-color: rgb(210,210,255); }
table.pdf td.may { white-space:nowrap; background-color: rgb(255,230,200); }
table.pdf td.YES { white-space:nowrap; background-color: rgb(190,255,190); }
table.pdf td.dis a { color: black; text-decoration: none; font-weight:medium; }
table.pdf td.alt a { color: black; text-decoration: none; font-weight:medium; }
table.pdf td.may a { color: black; text-decoration: none; font-weight:medium; }
table.pdf td.YES a { color: black; text-decoration: none; }

.mr-3 {margin-right:1rem;}

#left {
    position: absolute;
    text-align:left;
    left: 2%;
    width: 22%;
    height: 80%;
    top: 10px;
    border: 1px solid #006699;
}
#content {
    position: absolute;
    left: 25%;
    width: 50%;
    height:100%;
    text-align:center;
    top: 10px;
    overflow: auto;
}


#right {
   position: absolute;
   left: 76%;
   height:80%;
   text-align:center;
   width: 22%;
   top: 10px;
   overflow: auto;
   border: 1px solid #006699;
}
.box_up {
	padding: 2px 15px;
	height:27%;
	/*background-color:#cce0e9;*/
	border-bottom: 1px solid #9EB1C9;
	margin: 0 0 0px 0;
}

.box_middle {
	padding: 2px 15px;
	height:20%;
	/*background-color:#cce0e9;*/
	border-bottom: 1px solid #9EB1C9;
	margin: 0 0 0px 0;
}

.box_down {
	padding: 0px 15px;
	height:50%;
	/*background-color:#cce0e9;*/
	/*border-top: 1px solid #9EB1C9;*/
	margin: 0 0 0px 0;
}

.box_up2 {
	padding: 2px 15px;
	height:29%;
	/*background-color:#cce0e9;*/
	border-bottom: 1px solid #9EB1C9;
	margin: 0 0 0px 0;
}

.box_down2 {
	padding: 0px 1px;
	height:70%;
	/*background-color:#cce0e9;*/
	/*border-top: 1px solid #9EB1C9;*/
	margin: 0 0 0px 0;
}

span.Years {font-size:80%}
span.Years a {color:yellow;}

.email {
  color: #c52d2f;
}
.email a {
  color: #c52d2f;
}

.cursor-pointer {
  cursor: pointer !important;
}

/* Styling of competition links on main page */
.index-complink-container {
  display: flex;
  cursor: pointer;
}
.index-complink {
  margin-left: 10px;
  font-size: 18px;
  margin-bottom: 25px;
}
.index-complink-smallertext {
  margin-left: 10px;
  font-size: 16px;
  margin-bottom: 10px;
}
.index-complink-bold {
  font-weight: 400;
}
.index-complink-subtext {
  color: #787878;
}

/* Styling of ad divs */

.ad-container {
  display: flex;
    padding-bottom:8rem;
}
.ad-left {
  flex: 0 0 160px;
}
.ad-remaining-right {
  flex: 1;
}
.ad-fullsize {
  text-align: center;
}
.ad-mobile {
  display: none;
  text-align: center;
}

/* Styling of select boxes in TourList */
.selectContainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin-top: 10px;
}
select#countryid, select#comptime, select#Year {
   -webkit-appearance: none;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(images/selectarrow.jpg), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 5px;
   overflow: hidden;
   padding: 5px 30px 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 250px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
@media all and (max-width: 1024px) {
  .ad-left {
    display: none;
  }
  .ad-fullsize {
    display: none;
  }
  .ad-mobile {
    display: inherit;
  }
    /* disable fade in for mobile */
    .fadeInDown {
        animation-name: none !important;
    }
}
@media all and (max-width: 900px) {
  select#countryid, select#comptime, select#Year {
    width: 200px;
  }
}
@media all and (max-width: 600px) {
  .flexContainer {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }
  select#countryid, select#comptime, select#Year {
    width: 300px;
  }
  #resetButton {
  	margin-left: 100px;
  	margin-right: 100px;
  }
}

/* Styling of reset filter button in TourList */
.resetButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
    margin: 5px 0px 5px 0px;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.resetButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.resetButton:active {
	position:relative;
	top:1px;
}
input#timeType {
    display: initial;
}

.hidden-div {
  display: none;
}

.RoundedButton {
    border-radius: 1em;
}
.RoundedButton.Left {
    float:left;
}
.RoundedButton.Right {
    float:right;
}

.Alert {
    background-color: #ffb0b0;
}

tr.ianseo td {background-color:#e0e0ff;}
tr.yellow td {background-color: yellow;}
tr.red td {background-color: red;}
tr.orange td {background-color: orange;}
tr.pending td {background-color: #80ff80;}