body {
	font-family:"Arial";
    overflow-y:scroll;
}

a:link {outline:none;text-decoration: none;color:black;}
a:visited {outline:none;text-decoration: none;color:black;}
a:hover {outline:none;text-decoration: none;color:black;}
a:active {outline:none;text-decoration: none;color:black;}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.flightdatatop {
	border:1px solid blue;
}
.flightdataline {
	/*border-bottom:1px solid blue;*/
}
.flightdataline hr {
	width:100%;
	border:0.5px solid blue;
	margin: 0px;
}
.flightdatalinefreeze {
	/*border-bottom:1px solid blue;*/
}
.flightdatalinefreeze hr {
	width:100%;
	border:0.5px solid red;
	margin: 0px;
}
.flightdatalinepending {
	/*border-bottom:1px solid blue;*/
}
.flightdatalinepending hr {
	width:100%;
	border:0.5px solid orange;
	margin: 0px;
}
.othersflightdatatop {
	color:grey;
	border:1px solid grey;
}
.othersflightdataline {
	/*border-bottom:1px solid grey;*/
}
.othersflightdataline hr {
	width:100%;
	border:0.5px solid grey;
	margin: 0px;
}
.shadowflightdatatop {
	border:1px solid lightgrey;
	color:lightgrey
}
.shadowflightdataline {
	/*border-bottom:1px solid lightgrey;*/
}
.shadowflightdataline hr {
	width:100%;
	margin: 0px;
	border:0.5px solid lightgrey;
}
.redTimeLine {
	color:red;
}
.manualchanged {
	background:red;
	width:10px;
	float:left;
}
.manualswap {
	background:orange;
	width:10px;
	float:left;
}

.datepicker-months>.table-condensed {
	width:150px;
}
.datepicker-years>.table-condensed {
	width:180px;
}
.divborder {
	border:1px solid black;
}


.navbar-default {
    background:white;
	border-color: white;
}

.navbar-default .navbar-nav>li>a {
	color:black;
	font-size:larger;
}
.nav>li>a {
	padding:10px 10px;
}

.navbar-default .navbar-nav>li>a:hover {
	color:white;
    background:#222222;
}
.navbar-message {
	margin-left:20px;
	width:100%;
	border-bottom: 1px solid #999999;
}
.navbar-message img {
	position:relative;
	top:-3px;
	left:5px;
}

.tablestyle div {
	border: 1px solid black;
}

.section {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 100%;
    position: relative;
}

.fillincolor {
	background:#CCFFFF;
}

.userfill {
	color:#0000FF;
	font-weight:normal;
}


.flightlist {
	padding-top:2px;
	height:34px;
	display: flex;
  	align-items: center;
}
.col-xs-1 {
	padding-left:0px;
	padding-right:0px;
}
.row {
	border: 0px solid black !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left:0px;
	margin-right:0px;
	width: 100%;
}

.rotatetext {
	border: 0px solid black;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	width:130px;
}
.rotatetextmd {
	transform-origin: 62px 62px;
}
.rotatetextsm {
	transform-origin: 58px 66px;
}
.rotatetextxs {
	transform-origin: 62px 64px;
}
.formPerformance {
	height: 130px;
}


.ierlinks a:hover {
	text-decoration:underline;
}


.positions {
	color:black;
	background:limegreen;
	border: 1px solid black;
	display: block;
	width: auto;
	text-align: center;
	vertical-align: middle;
	box-shadow: 
        inset 0 2px 3px rgba(255,255,255,0.3), 
        inset 0 -2px 3px rgba(0,0,0,0.3),
        0 1px 1px rgba(255,255,255,0.9);
    border-radius: 8px;
    margin: 10px;
    margin-bottom: 0px;
    padding: 0px;
}
.positions h4 {
	font-weight: bold;
}
.positions .glyphicon-play {
	font-size:50px;
	color:#009900;
}
.positions .glyphicon-stop {
	font-size:50px;
	color:red;
}
.positions .glyphicon-remove {
	font-size:50px;
	color:#FFCC00;
}


.login {
	max-width: 450px;
	padding: 15px;
	margin: 0 auto;
}

.login .buttons {
	border: 1px solid black;
}

.login>h3 a {
	color:black;
	text-decoration:underline;
}

.registration>h1 {
	text-align: center;
	padding-top:50px;
	padding-bottom:50px;
	font-size:3vw
}

.viewier {
	cursor:pointer;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

ul.dash {
    list-style: none;
    margin-left: 25px;
    padding-left: 1em;
}
ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
     z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.cellgreen {
	color:white;
	background-color:green;
}
.cellred {
	color:white;
	background-color:red;
}
.cellorange {
	color:white;
	background-color:orange;
}
.cellwhite {
	color:black;
	background-color:white;
}
.cellblack {
	color:black;
	background-color:black;
}
.cellgrey {
	color:black;
	background-color:	#B0C4DE;
}

.textf {
	width: 100%;
	padding:5px;
	border-style: solid;
	border-color:#000;
	border-width: 1px;
	border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
}

.error {
	text-align:left;
	font-size:smaller;
	color:#F00;
	font-weight:bold;
}
.errorbg {
	background:#F00;
	transition:background-color 0.5s ease;
}
.required {
	color:#F00;
}
.blinkred {
	background:red;
}
.blinkorange {
	background:orange;
}
.greyout {
	background:#808080;
}
.borderonly {
	border-style: solid;
	border-color:#000;
	border-width: 1px;
	border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
}
.textfieldnoborder {
	border-width: 0px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;     
	box-sizing: border-box;
	width:90%;
}
.buttonstyle {
	text-align:center;
	border: 1px solid black;
	border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
}
.buttons {
	display:block;
	text-align:center;
	border: 1px solid black;
	border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
	min-width:100px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	float: left;
	margin: 5px;
	padding-left:5px;
	padding-right:5px;
}
.buttons a {
	display: block;
	color: black;
	text-decoration:none;
}

.bootboxlargebut {
	font-size:2em;
}

#mask {
	position:fixed;
    display:none;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#FFF;
	width: 100%;
	height: 100%;
	opacity:.70;
 	filter:alpha(opacity=70);
	z-index:9998;
}

#mask img {
	background-color:#FFF;
	z-index: 9999;
}

.individualmask {
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#FFF;
	width: 100%;
	height: 100%;
	opacity:.70;
 	filter:alpha(opacity=70);
	z-index:9998;
	display:none;
}
.fixheader th {
	position:sticky;
	top:0;
	background:white;
}
.individualmask img {
	background-color:#FFF;
	z-index: 9999;
	width:10%;
}