/*html { height: 100% }*/
/*body { height: 100%; margin: 0; padding: 0;  }*/

#map_canvas { height: 70% }

#info {

/* width:100%; */
height:30%;
/* bottom:0px; */
/* right:0px; */
/* top:0px; */
background-color: white;
border-left:1px #666 solid;
font-family:Helvetica;
overflow-y:auto;
}

#info {
padding:0px;
padding-left:0px;
margin:0px;
}

#info div h1 {
margin-top:10px;
font-size:16px;
}

#info div p {
/* font-size:14px; */
/* color:#333; */
}

.rightPanel {
background-color:#57677A !important;
color:#fff !important;
}

#geninfo {
color:#fff !important;
}

#selinfo {
color:#fff !important;
}
/* #list { */
	/* min-height:20px; */
/* } */
.listing_row {
	padding:0px;
	font-size:0.8em;
	/* width:200px; */
	/* height:auto; */
	/* padding-bottom:20px; */
	/* border:1px dashed #DEDDDA; */

}
.listing_cell {
	width:90%;
	float:left;
	padding-right:0px;
}
.listing_cell:after {
	clear:both;
}





/* DivTable.com */
/*
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
*/
div.blueTable {
  /*font-family: Arial, Helvetica, sans-serif;*/
  border: 0px solid #1C6EA4;
  background-color: #132e47;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  color:#fff;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
  border: 1px solid #0e2234;
  /* padding: 3px 2px; */
  padding:10px;
}
.divTable.blueTable .divTableBody .divTableCell {
  font-size: 13px;
}
.divTable.blueTable .divTableRow:nth-child(even) {
  background: #132e47;
}
.divTable.blueTable .divTableHeading {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #287BB2 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #287BB2 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #287BB2 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #0e2234;
}
.divTable.blueTable .divTableHeading .divTableHead {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  border-left: 0px solid #0e2234;
}
.divTable.blueTable .divTableHeading .divTableHead:first-child .divTableHead:last-child {
  border-left: 0px solid #0e2234;
}

.blueTable .tableFootStyle {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #0e2234;
  background: -moz-linear-gradient(top, #132E47 0%, #132E47 10%, #0e2234 100%);
  background: -webkit-linear-gradient(top, #132E47 0%, #132E47 10%, #0e2234 100%);
  background: linear-gradient(to bottom, #132E47 0%, #132E47 10%, #0e2234 100%);
  border-top: 0px solid #0e2234;
}
.blueTable .tableFootStyle {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.blueTable .tableFootStyle .links {
	 text-align: right;
}
.blueTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #000;
  padding: 2px 8px;
  border-radius: 5px;
}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  /* padding: 3px 5px;  */
  padding:10px;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
.selected-row {
	/* background-color:#000 !important; */
	/* color:#fff; */
}
historyLabel {
	position:relative;
	/* margin-top:-15px; */
	top:-100px;
	z-index:100000;
}


.WifiAssocBeacon {
	background-color:#48f442 !important;
	color:#000 !important;
}
.WifiSearchBeacon {
	background-color:#f4bf42 !important;
	color:#000 !important;
}
.RoomTemp {
	background-color:#41caf4 !important;
	color:#000 !important;
}
.OutsideTemp {
	background-color:#41f4c4 !important;
	color:#000 !important;
}
.OWeatherData {
	background-color:#000 !important;
	color:#fff !important;
}
/*.433BOT {*/
/*	background-color:#aeb2ba !important;*/
/*	color:#000 !important;*/
/*}*/
.EPSStatus {
	background-color:#414ff4 !important;
	color:#fff !important;
}
.LightningBeacon {
	background-color:#1d4077  !important;
	color:#fff  !important;
}
.LightningsStats {
	background-color:#52af1f  !important;
	color:#fff  !important;
}
.ISMSensorBeacon {
	background-color:#41f4eb !important;
	color:#000 !important;
}
.SwitchStatus {
	background-color:#f441ac !important;
	color:#fff !important;
}
.AirplaneADSBeacon {
	background-color:#ebf441 !important;
	color:#000 !important;
}
.AirplaneADSBeaconStats {
	background-color:#e9ff00 !important;
	color:#000 !important;
}
.WifiLinks {
	background-color:#8e0000 !important;
	color:#fff !important;
}
.APClients {
	background-color:#0165bc !important;
	color:#fff !important;
}
.RFBOT {
	background-color:#b70165 !important;
	color:#fff !important;
}
.bssidObj {
	background-color:rgba(16, 39, 61, 0.8) !important;
	color:#fff !important;
}
.columnCell {
	background-color:rgba(16, 39, 61, 0.8) !important;
	color:#fff !important;
    margin-bottom:0px;
    padding-bottom:0px;
    border-bottom:1px dashed rgba(19, 46, 71, 1);
}
.nopadding {
    padding:0px;
    margin:0px;
}
.lineText {
	padding-left:5px;
}

.panelDetails {
    color:#fff !important;
    background-color:rgba(16, 39, 61, 0.8) !important;
    border-bottom:1px dashed rgba(19, 46, 71, 1);
}
#messages{
	/* position: fixed; */
	/* top: 0; */
	/* width: 100%; */
	padding:0px 0px 5px 0px;
	color:#fff;
	font-size:0.85em;
	height:auto;
	z-index:10000;
	overflow:hidden;

	/* border-bottom:1px rgba(0,0,0,0.8) solid; */
	line-height:23px;
}
.msgRows {
	border-bottom:1px rgba(0,0,0,0.2) solid;
	background-color:rgba(18, 43, 66,0.6);
	font-size:1em;
}
#output	{


	color:#fff;
	font-size:1em;

}
#background_humm {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1%;
	background-color: #0E80A7;
	// max-height:15px;

}
#background_temp {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1%;

	background-color: #70D389;
	z-index:100000;
}
#background_temp_txt {
	position: absolute;
	left: 0;
	width: 60px;
	color:#fff;
	background-color: #000;
	// z-index:100001;
}
#background_humm_txt {
	position: absolute;
	left: 0;
	width: 60px;
	color:#fff;
	background-color: #000;
	// z-index:100002;
}
#payloadType {
	position: relative;
	left: -5px;
	top: -5px;
	padding:5px;
	width: 100%;
	color:#fff;
	background-color: #000;
}
#preatyJSON {
	position: fixed;
	padding:5px;
	top: 32%;
	// max-width: 25%;
	width:23%;

	max-height:65%;
	z-index:10000;
	overflow:auto;
	border:1px #fff solid;
}
.preatyJSON {
	/* position: fixed; */
	/* top:32%; */
	/* left:25%; */
	/* width:28%; */
	/* max-height:66%; */
	/* z-index:10000; */
	/* overflow:auto; */
	/* border:1px #fff solid; */
	overflow:hidden;
	background-color:rgba(40, 123, 178, 1);
}
pre {
	background-color:rgba(19, 46, 71, 1);
	border:none;
	color:#fff;
}
#rightColumn {
	position: fixed;
	padding:5px;
	top: 32%;
	right:0px;
	width:45%;
	max-height:65%;
	border:1px #fff solid;
	// height:auto;
	z-index:10000;
	overflow:hidden;
	overflow-wrap: normal;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;

}
.colorHistory {
	float:left;
	/* width:20px; */
	/* height:20px; */
	width:2.5%;
	height:2.5%;
	border-right:1px solid #000;
	border-bottom:1px solid #000;


}
.historyLine {
	width:100%;
	border-bottom:1px solid #000;
	padding:5px 0px 5px 0px;
	height:23px;
	font-size:1.0em;
}
.list-group-item {

    position: relative;
    display: block;
    padding: 10px 25px;
    /* margin-bottom: -1px; */
    background-color: rgba(16, 39, 61, 1);
    border: 1px solid rgba(0, 0, 0, 0.2);
	width:100%;
	/*font-size:1.5em;*/
	/* margin:10px; */

}
.label-primary {
	letter-spacing: 0.15em;
	font-size:0.7em;
	padding:5px;
}
.list-group {
	margin:0px;
	padding:0px;
}
.leftListRow {
	font-size:0.2em !important;
}
.noSpace {
	padding:0px !important;
	margin:0px !important;
}
.blackBg {
	background-color:rgba(0, 0, 0, 1);
}

.panel-default {
  background-color:rgba(19, 46, 71, 1) !important;
  transition:background-color 0.5s ease;

}

.fadeToOblivion {
  background-color:rgba(19, 46, 71, 1);
}
.navbar-default {
	background: #0e2234;
	background: -moz-linear-gradient(top, #132E47 0%, #132E47 10%, #0e2234 100%);
	background: -webkit-linear-gradient(top, #132E47 0%, #132E47 10%, #0e2234 100%);
	background: linear-gradient(to bottom, #132E47 0%, #132E47 10%, #0e2234 100%);
	border-top: 0px solid #0e2234;

}
.rxtxt {
	margin-right:25px;
}
.preatyPanel {
	padding:0px;
	margin:0px;
}
.progress-bar-danger {
	background-color:rgba(40, 123, 178, 1) !important;
}

.progress {
	background-color:rgba(0, 0, 0, 0.1) !important;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 140px !important;
	overflow:hidden;
}
.panel-title {
    font-size:1em !important;
}
.gm-style-iw {

    background-color: rgba(16, 39, 61, 1) !important;
    border: 1px solid rgba(40, 123, 178, 1);
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(16, 39, 61, 0.6);
    color: rgb(255,255,255) !important;
    text-align: left;
    top: 15px !important;
    /* width: 100% !important; */
    z-index:10000;
}
.gm-style-iw-c {
    /* max-width:400px !important;    */
}
.gm-style-iw:after {
  content:none
}
.gm-style-iw-as {
   background:none !important;
}
button .gm-ui-hover-effect {
    color: rgb(255,255,255) !important;
    outline: rgb(255,255,255) none medium !important;
}
#selectedStation { position:relative; left:10px; top:5px; /*max-height:130px !important;*/ }
.fixed { position:fixed; }

.ui-layout-pane-west, .ui-layout-pane-center, .ui-layout-pane-east , .ui-layout-pane-north {
    border-bottom:none !important;
}
#pano {
    height:100% !important;
}

#logoText {
    font-family: 'Bebas Neue', cursive;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:145px;
    height:30px;
    font-size:2em;
    /* border:1px solid red; */
    text-align:center;
    z-index:10000;
    color: #ffffff;
}
#errorText {
    font-family: 'Bebas Neue', cursive;
    position:absolute;
    top:calc(50% + 100px);
    left:50%;
    transform:translate(-50%,-50%);
    letter-spacing: .2em;
    /*width:auto;*/
    /*height:80px;*/
    font-size:1.2em;
    border:1px solid #132E47;
    background-color: #0D1F31;
    padding: 5px 1px 2px 5px;
    text-align:center;
    z-index:10000;
    /*color: #ffffff;*/
    color: #1C527A;
}
#errorText .ecode {
    color: #1d719c;
}

.modal {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 16, 39, 61, .8 )
                url('http://sampsonresume.com/labs/pIkfp.gif')
                50% 50%
                no-repeat;
}
.modalLoading {
    display:    none;
    position:   absolute;
    z-index:    100000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 16, 39, 61, 1 )
                /*url('img/bg_vodostaj.png')*/
                50% 50%
                no-repeat;
    overflow: hidden;
    /*opacity:0.2;*/
}
.loading {
    overflow: hidden;
}
#riversDropdown {
    display:none;
}
/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .modal {
    display: block;
}
/* .btn-default { */
    /* background-color: rgba(16, 39, 61, 1) !important; */
    /* color: rgb(255,255,255) !important; */
/* } */

.gm-control-active, .gm-bundled-control {
    background-color: rgba(16, 39, 61, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.accordion .glyphicon { margin-right:10px; }
.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse .list-group-item {border-radius:0;}

.panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
.panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
.panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

.panel-collapse div.list-group div.list-group{margin: 0;}
.panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
.panel-collapse .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}

.flex-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-control {
    font-family: 'Bebas Neue', cursive;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: 0.1em;
}

.highcharts-figure {
    min-height: 400px;
}

.chart-loading-mask {
    position:   absolute;
    z-index:    99999;
    height:     calc(100% - 15px);
    width:      calc(100% - 30px);
    background-color: rgba(17, 40, 62, 1);
}
.chart-loading-text {
    text-align: center;
    vertical-align: middle;
    margin-top: 10%;
    font-family: 'Bebas Neue', cursive;
    font-weight: 400;
    font-size: 2em;
    letter-spacing: 0.1em;
    color: rgba(40, 123, 178, 1);
    text-transform: uppercase;
}


.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 1.6rem;
	text-align: left;
	background-color:rgba( 16, 39, 61, .98 );
	/* background-color:#0E2336; */
	/* border: 1px solid #272b30; */
	/* border: 1px solid rgba(0, 0, 0, 0.15); */
	border-radius: 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;

	/* background-image: -webkit-linear-gradient(#0E2234, #132E47 60%, #0E2234); */
	/* background-image: -o-linear-gradient(#0E2234, #132E47 60%, #0E2234); */
	/* background-image: linear-gradient(#0E2234, #132E47 60%, #0E2234); */
	/* background-repeat: no-repeat; */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0E2234', endColorstr='#ff132E47', GradientType=0); */
	filter: none;
	border-color: rgba(0, 0, 0, 0.99);
}

.dropdown-item {
	color: #fff;
}

.btn-primary {
	background-color: rgba( 40, 123, 178, .9 );
	border-color: rgba( 0, 0, 0, .9 );
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	color: #ffffff;
}

.dropdown-item {
	cursor: pointer;
	/* margin-right:unset;
	min-width: auto; */
	/* max-width: auto; */
}

.navbar-brand {
	cursor: pointer;
}


#bodyBottom .info-box-content {
    padding: 5px 10px;
    margin-left: 45px;
}

@media (max-width: 380px) {
	body {
	  overflow: auto;
	}
}
@media (max-width: 400px) {
	#bodyBottom .col-md-12 {
		padding: 0px !important;
	}
}