/* CSS Document */
html, body, ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-repeat: repeat-x;
	background-position: right top;
	font: 12px verdana, arial, sans-serif;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	/* background: white; */
	text-align: center;
	font: 11px verdana, arial, sans-serif;
}

img {
	border: 0px;
}

table, td, th {  
	font-size: 14px;
}

/* Return to top Styles*/
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

/* Site styles */
.breadcrumbs {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.headerbar {
	background: #9295d3;
	color: #ffffff;
}

.inverse {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.inverse a {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0;
}

.inverse a:hover {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
}

input[type=text] {
  padding: 2px 2px;
  margin: 3px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  font-size: 14px;
}

input.login[type=text]:focus, input.login[type=password]:focus {
  border: 3px solid #555;
}

input.login[type=text], input.login[type=password]{
  width: 80%;
  padding: 12px 20px;
  margin: 4px 0;
  box-sizing: border-box;
  border: 3px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  font-size: 18px;
}

input.loginsm[type=text] {
  width: 25%;
  padding: 12px 20px;
  margin: 4px 0;
  box-sizing: border-box;
  border: 3px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  font-size: 16px;
}

input.styled[type=submit], input.styled[type=button] {
	cursor: pointer;
}

.styled {
    border: 0;
    line-height: 2;
    padding: 0 8px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px 000;
    border-radius: 12px;
    background-color: rgba(53,113,220,1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.styledGrey {
    border: 0;
    line-height: 2;
    padding: 0 8px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px 000;
    border-radius: 12px;
    background-color: rgba(53,113,220,.4);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

select {
  position: relative;
  /*Don't really need this just for demo styling*/
  /*Original settings
  padding: 12px 20px;
  margin: 4px 0;
  box-sizing: border-box;
  border: 3px solid #ccc;
  font-size:16px;
  height: 50px;*/
  padding: 3px 3px;
  margin: 4px 0;
  box-sizing: border-box;
  border: 3px solid #ccc;
  font-size:14px;
  height: 30px;
}

.select:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  position: absolute;
  pointer-events: none;
}

/* Mobile Add-ons */
#inv_logofade {
	background-image: url("/images/inv_logofade.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 400px;
}

.TFtable{
	width:100%; 
	border-collapse:collapse; 
}

.TFtable td{ 
	padding:7px; border:#4e95f4 1px solid;
}

/* provide some minimal visual accomodation for IE8 and below */
.TFtable tr{
	background: #b8d1f3;
}
/*  Define the background color for all the ODD background rows  */
.TFtable tr:nth-child(odd){ 
	background: #b8d1f3;
}
/*  Define the background color for all the EVEN background rows  */
.TFtable tr:nth-child(even){
	background: #dae5f4;
}

.bigger{
	width: 8em; 
	height: 3em;
	font-size:14px;
	font:bold;
}