/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


body {
    margin-top: 100px;
    background-color: white;
    /*background-color: #d3dff2;*/
}

@media(min-width:768px) {
    body {
        margin-top: 50px;
    }
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: white;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;

    }

    #page-wrapper {
        padding: 10px;
    }
}

.page-header{
    font-family: "Myriad Pro Semibold";
    letter-spacing: -0.04em;
}


/* Top Navigation */

.navbar-brand-logo {
  float: left;
  padding-left: 15px;
  padding-top:3px;
  line-height:50px;
}


.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #2b6094;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

.navbar-inverse{
    background: #0f406a ;
    border-color:silver;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}


/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: transparent;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width:225px;
        bottom: 0;
        z-index: 1000;
        display: block;
        background-color: #f0f0f0;
        border-right:1px solid silver;
      }

    .side-nav>li>a {
        width: 225px;
        color: #0f406a !important;
        border-left:10px solid transparent;
    }

}

.side-nav li{ 
border-bottom: 1px solid #e3e3e3;
}


.side-nav li a:hover {
    outline: none;
    background-color: #a9c2dc !important;
    color: #fff !important;
    border-left:10px solid #d8e3ef;
}

.side-nav>li.active > a, .side-nav li a:focus{
    color: white !important;
    background-color: #0f406a !important;
    border-left:10px solid #66adea;
}


.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #959595;
    border-left:10px solid #959595;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}
.badge{
    background-color:#4d6682;
}


/*.panel-blue .panel-heading {
        background-color: #2b6094;
        color: white; }

*/
.panel-default {
  border-color: red;
  border:none;
  /*border-color: #d3dff2;*/
}
.panel-default > .panel-heading {
  background-color: #d3dff2;
  color: #274c74;
  border-color: #d3dff2;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d3dff2;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d3dff2;
}


/*.panel-default{
    background-color:#f2f4f6;
}*/

.breadcrumb{
  background-color: #e7ebf1;
}
.breadcrumb > .active {
  color: #6c8cae;
}


.btn-grayblue {
  color: #979797;
  background-color: #e7ebf1;
  border-color:  #d0d8e4;
}
.btn-grayblue:hover,
.btn-grayblue:focus,
.btn-grayblue:active,
.btn-grayblue.active,
.open > .dropdown-toggle.btn-grayblue {
  color: white;
  background-color: #6c8cae;
  border-color: #6c8cae;
  }
.btn-grayblue:active,
.btn-grayblue.active,
.open > .dropdown-toggle.btn-grayblue {
  background-image: none;
}
.btn-grayblue.disabled,
.btn-grayblue[disabled],
fieldset[disabled] .btn-grayblue,
.btn-grayblue.disabled:hover,
.btn-grayblue[disabled]:hover,
fieldset[disabled] .btn-grayblue:hover,
.btn-grayblue.disabled:focus,
.btn-grayblue[disabled]:focus,
fieldset[disabled] .btn-grayblue:focus,
.btn-grayblue.disabled:active,
.btn-grayblue[disabled]:active,
fieldset[disabled] .btn-grayblue:active,
.btn-grayblue.disabled.active,
.btn-grayblue[disabled].active,
fieldset[disabled] .btn-grayblue.active {
  background-color: #e7ebf1;
  border-color: #d0d8e4;
}
.btn-grayblue .badge {
  color: #fff;
  background-color: #333;
}


.btn-darkblue {
  color: white;
  background-color: #214b73;
  border-color:  #214b73;
}
.btn-darkblue:hover,
.btn-darkblue:focus,
.btn-darkblue:active,
.btn-darkblue.active,
.open > .dropdown-toggle.btn-darkblue {
  color: white;
  background-color: #2b6195;
  border-color: #214b73;
  }
.btn-darkblue:active,
.btn-darkblue.active,
.open > .dropdown-toggle.btn-grayblue {
  background-image: none;
}
.btn-darkblue.disabled,
.btn-darkblue[disabled],
fieldset[disabled] .btn-darkblue,
.btn-darkblue.disabled:hover,
.btn-darkblue[disabled]:hover,
fieldset[disabled] .btn-darkblue:hover,
.btn-darkblue.disabled:focus,
.btn-darkblue[disabled]:focus,
fieldset[disabled] .btn-darkblue:focus,
.btn-darkblue.disabled:active,
.btn-darkblue[disabled]:active,
fieldset[disabled] .btn-darkblue:active,
.btn-darkblue.disabled.active,
.btn-darkblue[disabled].active,
fieldset[disabled] .btn-darkblue.active {
  background-color: #214b73;
  border-color: #214b73;
}
.btn-darkblue .badge {
  color: #fff;
  background-color: #333;
}



.form-control{
	border-color: #d0d8e4;
}

.form-control::-webkit-input-placeholder { color: silver; }

.tab-pane-container{
	background:white;
	border-radius:5px;
	padding:40px;
/*	 border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    
    border-left: 1px solid #6c8cae;
    border-right: 1px solid #6c8cae;
    border-bottom: 1px solid #6c8cae;
   border-top: 1px solid #6c8cae;
   
   z-index:1;
	

-webkit-box-shadow: 0px 4px 9px 2px rgba(215, 212, 212, 0.72);
}


.v-scroll{
	overflow-y:auto; 
	overflow-x:hidden;
	padding-right:0px; /*removes gap with v-scrollbar*/
}

.silver{
	color:silver;
}


.div-table{
	display:table;
}
.div-table-row{
	display:table-row;
}

.nav-tabs {
    margin-bottom: -1px;
    margin-left:3px;
    margin-right:3px;
}


.nav-tabs > li > a:hover {
  border-color: #dce5ed #dce5ed #6c8cae;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 1px solid #6c8cae;
  border-bottom-color: transparent;
  z-index:999;
}



 
.scrollbar-spacer{
	 vertical-align: bottom;
	 background:#1f466b;
}
.scrollbar-spacer > div {
	 border-bottom: 3px solid #ddd;
	 height:10px;
}

th{
	cursor:pointer;
	-webkit-user-select: none;
	font-size:16px;
	font-weight:normal;
	color:white;
	/*background:#4d6682;*/
	background:#1f466b;
}
th>div{
  white-space: nowrap;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 3px solid #ddd;
}


.table > tbody > tr > td {
  border-top: 0;
  border-bottom:1px solid #ddd;

}


/*.col-status{
 min-width: 217px;
}
.col-assay{
 min-width: 217px;
}

.col-plate{
	min-width: 140px;
}
*/

.table-striped > tbody > tr:nth-child(odd) > td{
  background-color: #f7f7f7;
}
.table-hover > tbody > tr:hover > td {
  background-color: #dfe0ff;
}

/* only used to measure the v-scrollbar width off screen */
.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}
/*.v-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 3px;
	background-color: #eeeeee;
}

.v-scroll::-webkit-scrollbar
{
	width: 12px;
	background-color: #eeeeee;
}

.v-scroll::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #c2c2c2;
}*/

.fa.form-control-feedback,
.clearer{
    line-height: 34px; /* @input-height-base; */
}
.clearer{
	float:right;margin-left:-100px; padding-right:15px;
}
.input-sm ~ .fa.form-control-feedback {
    line-height: 30px; /* @input-height-base; */
}
.input-lg ~ .fa.form-control-feedback {
    line-height: 46px; /* @input-height-base; */
}


.has-feedback-left input.form-control {
    padding-left: 34px; /* @input-height-base; */
    padding-right: 12px; /* @padding-base-horizontal */
}

.has-feedback-left .form-control-feedback {
    left: 0; 
}
.form-horizontal .has-feedback-left .form-control-feedback {
    left: 12px; /* @grid-gutter-width / 2 */
}

.has-feedback-left input.input-sm {
  padding-left: 30px;  @input-height-small;
}
.has-feedback-left input.input-lg {
  padding-left: 46px;  @input-height-large;
}

.table tbody>tr>td.v-top{
    vertical-align: top;
}
.table tbody>tr>td.v-bottom{
    vertical-align: bottom;
}
.table tbody>tr>td{
    vertical-align: middle;
}



.color-grayblue{
	color:#6c8cae;
}



.assay-details > table {
	border-top: 1px solid #ddd;
	margin-top: 6px;
	padding:0px;
}

.assay-details  > table>tbody>tr>td{
	padding-right:5px;
	padding-left:5px;
	line-height:14px;
	color: #6a6a6a;
	font-size:14px;
}
.assay-details  > table > tbody > tr:first-child > td{
	line-height:5px;
	height:5px;
	padding:0px;
}
.assay-details  > table > tbody > tr:nth-child(2) > td{
	color: #9f9f9f;
}
.date{
	font-size:11px !important;
	padding-top:3px !important;
	color:#bfbfbf !important;
	white-space: nowrap !important;
}
.date2{
	font-size:11px !important;
	padding-left:0px !important;
	color:#ff8c00 !important;
	white-space: nowrap;
}
.assay-header{
	height:60px;
}

.assay-header > table{
		min-width: 150px;
		margin: 0 auto;
		height:100%;
}
.error-badge {
	 color:#aa0000; font-size:16px;
	white-space: nowrap;
	}
.error-badge .glyphicon {
	padding-right:2px;
}
.assay-header .text-left{
padding-left:5px; 
}

.activity-finished .glyphicon{
		padding-right:5px; color: green; font-size:16px;
}

.activity-aborted .glyphicon{
		padding-right:5px; color:#aa0000;
}

.activity-running >.assay-header {
	padding-left:0px;
}
.activity-running >.assay-header >table{
	min-width:200px;
}
.activity-running >.assay-header  td:first-child{
	width:70px;
}
.activity-running .swf-wrapper{
	height:65px;
	width:80px;
/*	border:1px solid silver;*/
}

.swf{
	display: block;
   width: 100%;
   height: 100%;
}

.tooltip-h1{
	color:white;
	font-size:16px;
	line-height:12px;
	margin-bottom:2px;
}
.tooltip-key{
	color:gray;
	margin-right:3px;
}
.tooltip-value{
	color:#e4e4e4;
}
.tooltip-narrowline{
	line-height:14px;
}
.tooltip-line{
	line-height:12px;
	margin-bottom:7px;
}
.tooltip-date{
		font-size:10px;
}
.overtime{
		color:#ff8c00;
		white-space: nowrap;
}
#tbl-compact, #tbl-detailed,
#tbl-compact-header, 
#tbl-detailed-header{
	table-layout: fixed;
}

.added-time{
	font-size:12px;
}
.added-date{
	font-size:10px;
	color:gray;
}

.col-added{
	width:76px;
	max-width:76px;
}



.sorter-icon{
	font-size:12px;
	padding:0px;
	margin:0px;
/*	color:#adbfd2;*/
	color:#79bdff;
}

.progressbar{
	width:100%;
	height:4px;
	border-radius:3px;
	background:#6c8cae;
}

#DevicesList{
	overflow-y:auto;
}
.device-container{
	padding-left:0px;
	padding-right:0px;
}
.device-info{
	text-align:center;
 	background:white;
	border:1px solid #eaeaea;
	padding:5px;
	margin:2px;
	border-radius:5px;
}
.device-info img{
	width: 175px;
	height:161px;
	-webkit-filter: drop-shadow(4px 5px 7px rgba(128, 128, 128, 0.74));
	margin-bottom:10px;
}

.device-info.idle img{
		 -webkit-filter: grayscale(100%);
	 	 opacity: 0.4;
}
.device-info.idle h3{
	   color:gray !important;  
}
.device-info.idle .badge-device{
	   background: #aaaaaa !important; 
}

.device-name-container{
	display:table;
	width:100%;
	height:50px;
	padding-left:30px;
	padding-right:30px;
	padding-top: 0px;
	padding-bottom:0px;
	margin-bottom:10px;
}

.device-name{
	display: table-cell;
   vertical-align: middle;
	padding:0;
	margin:0;
}
.device-name h3{
	   line-height:25px;
	   padding:0;
	   margin:0;  
}

.badge-device{
	background: #6c8cae;
	margin-top:15px;
	margin-right:3px;
	font-weight: normal;
	position:absolute;
	top:9px;
	right:7px;
}

.device-details{
	line-height:45px;
	height:45px;
	font-size: 14px;
}
.device-details .single-plate{
	text-align: left;
	margin-left:20px;
	margin-right:15px;
}
.device-details .single-plate div{
	line-height:14px;
}
.device-details .id{
	 background-color: #d6dfe8;
	 border-radius: 3px;
	 padding-left:5px;
	 padding-right:5px;
}
.btn-instrumentsToggle{
	margin-left:15px;
	margin-right:5px;
}

.status-filters{
	line-height:35px;
}

.status-filter{
	cursor:pointer;
	-webkit-user-select: none;
	opacity:0.3;
}
.plates-running .glyphicon{
 color: #2b6195; font-size:16px;margin-right:2px;margin-left:10px;
}
.plates-finished .glyphicon{
 color: green; font-size:16px;margin-right:2px;margin-left:10px;
}

.plates-error .glyphicon{
	color:#aa0000; font-size:16px;margin-right:2px;margin-left:10px;
}
.filter{
	opacity:1.0;
}
.counter.badge{
 background:#eff2f6;
 color:#2b6195;
 border-radius:3px;
 margin-left:-25px;
 margin-right:5px;
}

.titleLarge{
	font-family: 'Helvetica LT Roman';
	font-size: 27px;
	color:#2b6195;
	padding-left:17px;
}
.titleLarge>sup{
	font-size:40%;
	top: -20px;
}
.titleMd{
	font-family: 'Helvetica LT';
	font-size: 20px;
	color:#878787;
		padding-left:17px;
}
.vidThumb{
	width:178px;
	height: 100px;
	margin-bottom:0px;
}
.vidThumbBox{
	padding:3px;
	font-size:14px;
	text-align:center;
	display:inline-block;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.30);
	width:184px;
	height: 160px;
	margin:10px;
	position:relative;
	background:white;
}
.vidThumbBox>span{
	position:absolute;
	top:35px;
	left:80px;
	color:white;
	display:none;
}
.vidThumbBox>table{
	height:154px;
	width:178px;
	background-color:white;

}
.vidThumbTblRow1{
	height:100px;
	background:black;
	cursor:pointer;
}
.vidThumbTblRow2{
	height:51px;
}
.vidGroup{
	background: white;
	padding:10px;
	margin-bottom:10px;
}