html, body {
	height: 100%;
}

body {
	font-family:Tahoma, sans-serif;
	font-size:11px;
	background-color:lightblue;
}

div.pagination li.active a {
	font-weight:bold;
	color:black;
}

ul.questionaire label {
    display:block;
    font-weight: normal;
}
ul.questionaire {
    list-style: none;
    display: block;
}
ul.questionaire li {
    float: left;
    display: block;
    width: 85px;
    text-align: center;
}

table.flightprices input[type=text] {
	width:50px;
}

/*table {
	border-collapse:collapse;
}

table td, table th {
	padding:3px;
	padding-left:5px;
	padding-right:5px;
}

table tr:nth-child(even) td {
	background-color:#e6e6e6;
}

table.nocolor tr:nth-child(even) td {
	background-color:white;
}

table th {
	background-color:#d5d5d5;
}

table.licences td, table.licences th, table.stats td, table.stats th {
	border-left:1px solid black;
	border-right:1px solid black;
}

table.stats {
	margin-top:10px;
	margin-bottom:10px;
}

table.stats a {
	color:black;
}*/

table.licences a {
	color:black;
}

a img.icon {
	border:none;
	width:10px;
	height:10px;
}

.menu .expired {
    color:red;   
}

.menu .onemonth {
    color: #ff682d;
}

.menu .twomonth {
    color: yellow;
}

.licences .expired {
	background-color:red;
	font-weight:bold;
}

.licences .onemonth {
	background-color:#ff682d;
}

.licences .twomonth {
	background-color:yellow;
}

.licences .intime {
	background-color:lightgreen;
}

.inventory .expired {
    background-image: linear-gradient(to bottom, #ff7f7f 0px, #ff3b3b 100%);
    font-weight:bold;
}

.inventory .onemonth {
    background-image: linear-gradient(to bottom, #ffa27d 0px, #ff682d 100%);
}

.inventory .twomonth {
    background-image: linear-gradient(to bottom, #fff9b6 0px, #f8ff50 100%);
}

.inventory .intime {
    background-image: linear-gradient(to bottom, #acffa9 0px, #6EFF74 100%);
}

/*.tooltip {
	background-color:white;
	border:1px solid black;
	font-weight:bold;
	padding:5px;
}*/

.error {
	font-weight:bold;
	color:red;
}

.success {
	font-weight:bold;
	color:green;
}

div.mycontainer {
	background-color:lightblue;
	display: flex;
	flex-direction: row;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}

.mycontainer .menu-outer {
	margin-right: 10px;
}

.mycontainer .content-outer {
	flex-grow: 1;
	margin-left: 10px;
	position: relative;
}

div.mymenu {
	background-color:#F7FEFF;
	font-size:11px;
	min-height:200px;
	height:100%;
	margin-top:10px;
	margin-bottom:10px;
}

.mycontent {
	background-color:white;
	padding: 1em;
	min-height:200px;
	height:100%;
	margin-top:10px;
	margin-bottom:10px;
}

div.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.menu {
	padding:5px;
	
}

ul.menu li {
	margin-left:10px;
	list-style-type:none;
	
}

ul.menu li.superseparator {
	margin-left:5px;
	padding-top:15px;
	font-weight:bold;
	font-size:12px;
	list-style-type:none;
}

ul.menu li.separator {
	font-weight:bold;
	padding-top:10px;
	list-style-type:none;
}

ul.menu li.logout {
	padding-top:10px;
}

ul.menu li.logout a {
	color:red;
}

table span.separator {
	float:left;
	padding-right:5px;
	font-weight:bold;
}

table hr {
	display:none;
}

table td.key {
	color:grey;
}

div.mycontent h1.smaller {
	font-size:20px;
	margin:0px;
}

table.mytable {
	font-size:11px;
}

div.overflow {
	overflow-x:auto;
}

div.overflow-stats {
	overflow-x: auto;
	overflow-y: visible;
	margin-left: 15.3em;
}

div.overflow-stats .stats .sticky-plate {
	position: absolute;
	width: 9em;
	left: 1em;
	top: auto;
	border-top-width: 1px;
	/*only relevant for first row*/
	/*margin-top: -1px;*/
	/*compensate for top border*/
}

div.overflow-stats .stats tr:nth-of-type(odd) td {
	background-color: #f9f9f9;
}

div.overflow-stats .stats .sticky-model {
	position: absolute;
	width: 8em;
	left: 10em;
	top: auto;
	border-top-width: 1px;
	/*only relevant for first row*/
	/*margin-top: -1px;*/
	/*compensate for top border*/
}

input .myinput {
	-moz-box-sizing:content-box;
}

table.chargeaccs tr.yearchange td {
	border-top:5px solid black;
}

ol.thread {
	list-style: none;
	padding-left:0px;
}

ol.thread>li {
	border-radius: 5px;
	border:1px solid #E0E0E0;
	margin-bottom: 10px;
}

ol.thread>li .post-header {
	padding: 10px;
	background-color: #F7F7F7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

ol.thread li .post-header .post-header-text, ol.thread li .post-header .post-header-text .timestamp  {
	color:#999;
}

ol.thread li .post-header .post-header-text strong{
	color:#555;
}

ol.thread li .post-content {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

ol.thread li .post-content {
	color:#333;
}

/* I need this to have floating form inputs side by side */
.form-float > .input-group, .form-float > .help-block {
	float:left;
}

.form-float > .help-block {
	width:20px;
}

.form-float > .input-group.hm {
	width:70px;
}

img.profile {
	width: 100%;
}

.fsratings .r0 {
	background-image: linear-gradient(to bottom, #ff7f7f 0px, #ff3b3b 100%);
}

.fsratings .r1 {
	background-image: linear-gradient(to bottom, #fff9b6 0px, #f8ff50 100%);
}

.fsratings .r2 {
	background-image: linear-gradient(to bottom, #acffa9 0px, #6EFF74 100%);
}

.fsratings .mybutton {
	text-shadow: none;
}

.fsratings .mybutton:hover {
	background-position: 0 0;
}

.fsratings ol.thread li .post-header .post-header-text, ol.thread li .post-header .post-header-text .timestamp  {
	color:rgb(69, 69, 69);
}

.fsratings .addition {
	font-size: 11px;
	color: dimgrey;
}

.flightreservations.widget .past {
	opacity: 0.5;
}

.flightreservations p.created {
	margin-top: 0.5em;
	color:grey;
	font-size: 0.7em;
	font-style: italic;
}

.flightreservations.widget .flightreservation, table.calendar div.date.flightreservation {
	background-color: rgba(255, 137, 0, 0.17);
}

.flightreservations.widget .flightreservation.repair, table.calendar div.date.flightreservation.repair {
	background-color: rgba(255, 0, 22, 0.17);
}

.flightreservations.widget .list-group-item-text i {
	white-space: pre;
}

table.documents .not-available td {
	background-color: #ff5a5d;
}

table.documents .available td {
	background-color: #ff9634;
}

table.documents .checked td {
	background-color: #60ff97;
}

.panel-heading-with-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.flex-spacer {
	flex: 1 1 auto;
}