.panel-primary .panel-body {
    border-top: 2px solid #000000;
    
}

.panel.panel-primary .panel-footer {
    background-color: #777777;
    color: #eeeeee;
}

.panel.panel-primary .panel-heading {
    background-color: #777777;
    color: #eeeeee;
}

.panel.panel-primary .panel-footer .pull-left.btn.btn-link{
    color: #eeeeee;
}


.btn-primary {
    background-color: #000000;
    border-color: #000000;
    color: #eeeeee;
}

.btn-primary:hover {
    background-color: #777777;
    border-color: #777777;
    color: #eeeeee;
}

.btn-primary:disabled {
	background-color: #d0d0d0;
	border-color: #c0c0c0;
	color: #808080;
}

.btn-primary:focus {
    background-color: #000000;
    border-color: #000000;
    color: #eeeeee;
}

.btn-default{
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #000000;
}

.btn-default:hover {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
    color: #000000;
}

.btn-default:focus {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #000000;
}




.btn-link {
	color: #000000;
}


.navbar-inverse {
    background-color: #000000;
}


.navbar-brand {
    height: 40px;
}


.panel-success .panel-heading {
    background-color: #85c744;
    border-color: #85c744;
    color: #ffffff;
}

.panel-warning .panel-heading {
    background-color: #f1c40f;
    border-color: #f1c40f;
    color: #ffffff;
}

.panel-danger .panel-heading {
    background-color: #e73c3c;
    border-color: #e73c3c;
    color: #ffffff;
}

.panel-default .panel-heading {
    background-color: #e6e7e8;
    border-color: #e6e7e8;
    color: #ffffff;
}





/*** Desktop CSS **/
.opticProfile{ 
	display: none;
	
}
#toManyTranceivers {
	display: none;

}


#realtimeVoltage td, #realtimeVoltage th {
	font-size: 14px;
	text-align: right;
	padding-right: 5px;
}
#realtimeVoltage td.voltsValue {
	width: 50px;
	
}

#realtimeCurrent td, #realtimeCurrent th {
	font-size: 14px;
	text-align: right;
	padding-right: 5px;
}
#realtimeCurrent td.ampsValue {
	width: 50px;
	
}

#desktopContentPanes .tab-pane{
	min-height: 300px;
	
}

.hexOutput {
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px;
}


.whenOpticReadyMenu { 
	display: none;
}


.diagnosticHeadline {
		font-size: 24px;
}
.diagnosticHeadlineInformation {
		font-size: 14px;
}

.quadChannel {
	font-size: 10px;
	
}

#logger {
	background: white solid no-repeat;
	
}
.logItem .log-ERROR {color: red;}
.logItem .log-WARN {color: orange;}
.logItem .log-DEBUG {color: blue;}
.logItem .log-INFO {color: green;}

.logItem {
	clear: both;
}


.logItem .dateTime {
	width: 100px;
	font-weight: bold;
	padding-right: 10px;
	float: left;
}

.logItem .severity {
	width: 50px;
	font-weight: bold;
	padding-right: 10px;
	float: left;
}
.logItem .message {
	width: 760px;
	float: left;
	word-wrap: break-word;
}

.highlight {
	text-decoration: underline;
	font-weight: bold;;
	color: red;
}


#logger {
	background: white solid;	
}

.wbRow {
	padding-bottom: 10px;	
}


.tile-nocursor {
	cursor: cursor !important;	
}


option.skuActive {
	color: white !important;
	background-color: green;
}
			
option.skuAvailable {
	color: blue !important;
}

option.skuUnavailable {
	color: #808080;
	background-color: #d0d0d0;
}


.skuInput {
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 90%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

tr.disallowed {
	color: #808080;
	background-color: #d0d0d0;	
}

div.loading {
	width: 100%; 
	height: 100%;
	 margin:auto;
	 align:center;
	 text-align:center;
	 font-size:50px;
	 color: blue !important;
}

table.wavelengthGrid {
	font-size:14px;
}

table.wavelengthGrid tbody tr:hover {
	background-color: #808080;
	color: #dadada;
	cursor:pointer;
}

table.wavelengthGrid tr.clicked {
	background-color: #0080ff!important;
    color:#fff;
}

table.wavelengthGrid tr.selected {
	background-color: #00b75b!important;
    color:#fff;
}