/*
 * Copyright (C) DairyWindow 2018
 * admin@dairywindow.com
 */

/* Custom DairyWindow CSS */

/* v=2.10 */

body {
	padding-top: 50px; /* for top navbar */
}

@media print {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.fixedtotop {
	position: fixed;
	top: 50px;
}

.tableFloatingHeaderOriginal{
    top:50px;
}

*[role="presentation"] {
	white-space: nowrap; /* for tabs */
}

.bs-callout{
	padding:5px;
	margin:5px;
	border:1px solid #eee;
	border-radius:3px
}

ul.sample_list {
	list-style-image: url('images/sample.png');
	margin-bottom: 0px;
}
ul.sample_list:hover{
	.text-primary();
}
@media all and (min-width: 768px) {
	.restrict_width {
		display: inline;
		max-width: 145px;
	}
}

.panel{
	background-color: rgba(255, 255, 255, 0)!important;
}

.col-sm-1{
	padding: 0;
}
.col-sm-2{
	padding: 0;
}

.w57{
	max-width: 61px;
	display: inline;
	padding: 0;
}

.bg-warning{
	padding: 15px;
}

.th_limit{
	color: red;
}
.login{
	margin-top: 20%;
}
.slider-selection {
	background-color: #BABABA;
	background: #BABABA;
	color: #BABABA;
}
.debug{
	margin-top: 25px;
}
.btn-sql{
	z-index: 1031;
	position: absolute;
}
.image-combo{
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}
.image-combo:hover{
	background-color: #dddddd;
}
.reminder:before{
	content: url(images/reminder.png);
}
.retest:before{
	content: url(/images/retest.png);
}
.retestdiv{
	display:inline;
}
.retest{
	display:inline-block;
	cursor: pointer;

	background-image: url(/images/retest.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.nobr{
	white-space: nowrap;
}
/* Results page */
	.table-condensed > tbody > tr {
		border-top: 1px solid #ddd;
	}
	.table-condensed > tbody > tr > th {
		border: 0px;
	}
	.table-condensed > tbody > tr > td {
		padding: 0px;
		margin: 0px;
	}
	@media only print{
		.screen-only{
			display: none;
		}
	}
	.result_input{
		border: none;
		/*background: none;*/
		background-color: rgba(0,0,0,0);
        cursor: cell;
	}
	.readonly{
		background-color: #eee;
		opacity: 1;
	}
div.container > .coa > .form-horizontal > div.form-group {
	margin-bottom: 0px;
}
.italic{
	font-style: italic;
	font-size: small;
}
.hidden{
	display: none;
}
#holder {
	height:200px;
	border: 10px dashed #ccc;
}
#holder.hover {
	height:200px;
	border: 10px dashed #32A5E7 !important; /*blue*/
}
.dropped {
	height:200px;
	border: 10px dashed #0c0 !important; /*green*/
}
.no-padding{
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
.bottom-right{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1040;
}
.avg{
	text-align: center;
	white-space: nowrap;
}
.text-center{
	text-align: center;
	text-align-last: center;
}
.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 75vh;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}
.anychart-credts{
	display:none !important;
}
.scrollspy-example {
	position: relative;
	margin-top: 10px;
	overflow: auto;
}
/*
@media screen and (max-width:1000px){
	.scrollspy-example {
		max-height: 250px;
	}
}
@media screen and (min-width:1000px){
	.scrollspy-example {
		max-height: 750px;
	}
}
*/
.scrollspy-example {
	height: 100%;
}
/* iphone 5 */
@media (min-height: 568px) {
	.scrollspy-example {
		height: 250px;
	}
	.nav-tabs>li>a{
		font-size:10px;
		padding:5px;
	}
}
/* galaxy s3/s5 */
@media (min-height: 640px) {
	.scrollspy-example {
		height: 350px;
	}
	.nav-tabs>li>a{
		font-size:10px;
		padding:5px;
	}
}
/* iphone 6 */
@media (min-height: 667px) {
	.scrollspy-example {
		height: 380px;
	}
	.nav-tabs>li>a{
		font-size:10px;
		padding:5px;
	}
}
/* nexus 5x */
@media (min-height: 732px) {
	.scrollspy-example {
		height: 450px;
	}
	.nav-tabs>li>a{
		font-size:10px;
		padding:5px;
	}
}
/* iphone 6 plus */
@media (min-height: 736px) {
	.scrollspy-example {
		height: 450px;
	}
	.nav-tabs>li>a{
		font-size:10px;
		padding:5px;
	}
}
/* stanard defintion */
@media (min-height: 768px) {
	.scrollspy-example {
		height: 530px;
	}
	.nav-tabs>li>a{
		font-size: 14px;
		padding: 10px 15px;
	}
}
/* MDPI */
@media (min-height: 800px) {
	.scrollspy-example {
		height: 540px;
	}
	.nav-tabs>li>a{
		font-size: 14px;
		padding: 10px 15px;
	}
}
/* HiDPI */
@media (min-height: 900px) {
	.scrollspy-example {
		height: 650px;
	}
	.nav-tabs>li>a{
		font-size: 14px;
		padding: 10px 15px;
	}
}
/* ipad */
@media (min-height: 1024px) {
	.scrollspy-example {
		height: 720px;
	}
	.nav-tabs>li>a{
		font-size: 14px;
		padding: 10px 15px;
	}
}
/* 1080p */
@media (min-height: 1080px) {
	.scrollspy-example {
		height: 750px;
	}
	.nav-tabs>li>a{
		font-size: 14px;
		padding: 10px 15px;
	}
}
.blue{
	/* for shift notes */
	background-color: rgba(153, 210, 243, 0.5); /* blue with 50% transparency */
}
/*for cypher.php */
.glow-fade {
	animation: fadein 3s;
	-moz-animation: fadein 3s; /* Firefox */
	-webkit-animation: fadein 3s; /* Safari and Chrome */
	-o-animation: fadein 3s; /* Opera */
}
@keyframes fadein {
	from{ text-shadow: 0 0 10px yellow; }
	to  {  text-shadow: none; }
}
@-moz-keyframes fadein { /* Firefox */
	from{ text-shadow: 0 0 10px yellow; }
	to  {  text-shadow: none; }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from{ text-shadow: 0 0 10px yellow; }
	to  {  text-shadow: none; }
}
@-o-keyframes fadein { /* Opera */
	from{ text-shadow: 0 0 10px yellow; }
	to  {  text-shadow: none; }
}
.strikethrough{
	text-decoration: line-through;
}
.strike{
	text-decoration: line-through;
}
@media print {
	/* stops printing the url */
  a[href]:after {
    content: none !important;
  }
}
.saved{ /* this is for shift notes */
	padding: 10px;
	background-color: #DFF0D8; /* green */
	box-shadow: 1px 5px 15px 1px #888888;
	border-radius: 5px;
	border: 1px solid #D6E9C6;
	display: none;
	margin: auto;
	position: fixed;
	z-index: 100;
}
#clist .row .col-md-3, #clist .row .col-md-9{ /* this is for the unit list in shift notes when adding in a new sample */
	margin-bottom: 0px;
}
#ads{
	display:none;
}
/* for issue tracker (/issue.php) */
#issuescreenshot img:last-child{display:none}
#issuescreenshot:hover img:first-child{display:none}
#issuescreenshot:hover img:last-child{display:inline-block}

.pseudoa{ /* this is for 'plant' in menu */
	background-color:		rgba(0,0,0,0);
	box-sizing:				border-box;
	clear:					both;
	color:					rgb(51,51,51); /* might need to change this */
	cursor:					pointer;
	display:				block;
	font-size:				14px;
	font-weight:			normal;
	height:					auto;
	line-height:			20px;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	padding:				3px 10px 3px 10px;
	text-align:				left;
	text-decoration:		none;
	/*text-size-adjust:		100%;*/
	white-space:			nowrap;
	width:					auto;
}

.pseudob{ /* this is for 'plant' in menu */
	background-color:		rgb(47,164,231);
	background-image:		linear-gradient(rgb(51,122,183) 0px, rgb(46,109,164) 100%);
	box-sizing:				border-box;
	clear:					both;
	color:					rgb(255,255,255); /* might need to change this */
	cursor:					pointer;
	display:				block;
	filter:					none;
	font-size:				14px;
	font-weight:			normal;
	height:					auto;
	line-height:			20px;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	outline-color:			rgb(255,255,255);
	outline-style:			none;
	outline-width:			0px;
	padding:				3px 10px 3px 10px;
	text-align:				left;
	text-decoration:		none;
	/*text-size-adjust:		100%;*/
	white-space:			nowrap;
	width:					auto;
}
.menu-main{
	font-size: 16px;
	padding-left: 5px;
}
.menu-sub{
	color: gray;
	font-size: 12px;
}
.menu-sub:before{
	content: '\a';
	white-space: pre;
}
.format2, .format5, .format6, .format8 {
	text-align: center;
	text-align-last: center;
}
.has-warning{
	text-align: center;
	/*width: 100%;*/
}
/* for feedback form */
@media only screen and (max-width: 500px) {
	.slider{
		width: 330px;
	}
	.sev_label{
		/* width calculated by js */
		font-size: 80%;
		display: inline-block;
	}
	.sev_center{
		text-align: center;
	}
	.sev_right{
		text-align: right;
	}
}
@media only screen and (min-width: 500px) {
	.slider{
		width: 500px;
	}
	.sev_label{
		/* width calculated by js */
		display: inline-block;
	}
	.sev_center{
		text-align: center;
	}
	.sev_right{
		text-align: right;
	}
}

.map_popup{
	text-align: center;
}

.select2-container {
		display: table!important;
		table-layout: fixed!important;
		.selection {
				height: 100%;
				float: left;
				width: 100%;
		}
}

#lightbulb{
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 1030;
}
#idea{
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
	background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
	z-index: 1031;
}
.calendar-add-spec{
	position:relative;
	top:-10px;
}
.selected{
	font-weight: bold;
}
.sortable{
	padding-left: 0;
}
.sorttable th{
    cursor: ns-resize;
}
li.data{
	cursor: move;
}
li.data:hover{
	background-color: #eff0f1; /*grey*/
}
li.row{
	list-style-type: none;
}
.new-feature::before{
	content: "New feature: ";
}
.new-feature{
	text-shadow: 0px 0px 20px yellow;
	position: absolute;
	right: 10px;
	top: 60px;
}
.close:hover{
	color: #ff0000;
}
#logalert{
    width:200px;
    position: absolute;
    bottom: 10px;
    right: 20px;
    border: 3px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #888888;
    background-color: #fafefa;
}
#help-top{
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.5;
    z-index: 1050;
    position: absolute;
    background-color: black;
    overflow: hidden;
}
#help-left{
    left: 0;
    opacity: 0.5;
    z-index: 1050;
    position: absolute;
    background-color: black;
    overflow: hidden;
}
#help-right{
    opacity: 0.5;
    z-index: 1050;
    position: absolute;
    background-color: black;
    overflow: hidden;
}
#help-bottom{
    left: 0;
    width: 100%;
    opacity: 0.5;
    z-index: 1050;
    position: absolute;
    background-color: black;
    overflow: hidden;
}
#help-text{
    top: 0;
    width: 100%;
    z-index: 1051;
    position: fixed;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}
.navbar{
    box-shadow: 0 8px 15px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.19);
}

input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}