@charset "utf-8";

body,html{
    font-family: 'Prompt', sans-serif;
	font-size: 0.9rem;
	height: 100%;
}
.prompt-font{
	font-family: 'Prompt', sans-serif;
}
.text-losscost{
	color: #5ff4ff;
} 

/* Extra Small Devices, Phones4 */ 
@media only screen and (min-width : 320px) {
	.img-block-1{
		width: 50px;
	}
	.block1-odd-border-right{
		border-right: 2px #0e0b26 solid;
		border-bottom: 2px #0e0b26 solid;
	}
	.block1-even-border-right{
		border-right: none;
		border-bottom: 2px #0e0b26 solid;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media only screen and (min-width: 576px) {
	.img-block-1{
		width: 50px;
	}
	.block1-odd-border-right{
		border-right: 2px #0e0b26 solid;
		border-bottom: 2px #0e0b26 solid;
	}
	.block1-even-border-right{
		border-right: none;
		border-bottom: none;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) {
	.img-block-1{
		width: 50px;
	}
	.block1-odd-border-right{
		border-right: 2px #0e0b26 solid;
		border-bottom: none;
	}
	.block1-even-border-right{
		border-right: 2px #0e0b26 solid;
		border-bottom: none;
	}
}

/* Large devices (desktops, 992px and up)*/
@media only screen and (min-width: 992px) {
	.img-block-1{
		width: 50px;
	}
	.block1-odd-border-right{
		border-right: 2px #0e0b26 solid;
		border-bottom: none;
	}
	.block1-even-border-right{
		border-right: 2px #0e0b26 solid;
		border-bottom: none;
	}
}

.bg-navbar{
	background-color: #1a1b37 !important;
	color: #ffffff !important;
}
.bg-home{
	background-color: #0e0b26 !important;
	color: #000000 !important;
}
.bg-home-block-1{
	background-color: #272952 !important;
	color: #ffffff !important;
}
.bg-chart{
	background-color: #260063 !important;
	color: #ffffff !important;
}
.bg-farm{
	background-color: #39d4c4 !important;
	color: #ffffff !important;
}
.bg-alert{
	background-color: #39d4c4 !important;
	color: #ffffff !important;
}
.bg-lightyellow{
	background-color: #fff6a1 !important;
	color: #020080;
}
.bg-lightgray{
	background-color: #e4e4e4 !important;
	color: #000000;
}
.bg-black{
	background-color:#000 !important;
}
.border-violet{
	border-color:#2e255f !important;
}
.border-green{
	border-color:#548235 !important;
}
.border-blue{
	border-color:#0070c0 !important;
}
.border-farm{
	border-color:#39d4c4!important;
}
.textunit1{
	font-size: 1rem;
	color: #39d4c4;
}
.textunit2{
	font-size: 1.1rem;
	color: #39d4c4;
}
.textdata{
	font-size: 1.5rem;
	color: #39d4c4;
}
.textdata2{
	font-size: 1rem;
	color: #39d4c4;
}
.rem0-5{
	font-size: 0.5rem;
}
.rem0-6{
	font-size: 0.6rem;
}
.rem0-7{
	font-size: 0.7rem;
}
.rem0-8{
	font-size: 0.8rem;
}
.rem0-9{
	font-size: 0.9rem;
}
.rem1{
	font-size: 1rem;
}
.rem1-1{
	font-size: 1.1rem;
}
.badge-farm{
	color:#fff;
	background-color:#39d4c4
}
.badge-lightgray{
	color:#39d4c4;
	background-color:#e4e4e4
}
.btn-farm{
	color:#fff;
	background-color:#39d4c4;
	border-color:#39d4c4
}
.btn-farm:hover{
	color:#fff;
	background-color:#b84f0e;
	border-color:#39d4c4
}
.btn-farm.focus,.btn-farm:focus{
	box-shadow:0 0 0 .2rem #b84f0e
}

th.rotate {
	/* Something you can count on */
	white-space: nowrap;
}

td.rotate > div {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg); /* Safari/Chrome */
	-moz-transform: rotate(270deg); /* Firefox */
	-o-transform: rotate(270deg); /* Opera */
	-ms-transform: rotate(270deg); /* IE 9 */
}
td{
	vertical-align: middle;
}

.text-shadow{
	text-shadow: 2px 2px #000000;
}
.bg-growth{
	text-shadow: 2px 2px #25266b;
	background: linear-gradient(-45deg, #01a2ff 0%, #44ffe6 100%);
	color: #ffffff;
}
.bg-tthen{
	text-shadow: 2px 2px #14751c;
	background: linear-gradient(-45deg, #2ffd7e 0%, #91ff00 100%);
	color: #ffffff;
}
.bg-species{
	text-shadow: 2px 2px #8b1a12;
	background: linear-gradient(-45deg, #ee3c1d 0%, #ff468d 100%);
	color: #ffffff;
}
.bg-startdate{
	text-shadow: 2px 2px #927944;
	background: linear-gradient(-45deg, #e6890f 0%, #f0dc29 100%);
	color: #ffffff;
}
.bg-locationTemp{
	background: linear-gradient(-45deg, #ff8248 0%, #ffb049 100%);
}
.bg-locationHum{
	background: linear-gradient(-45deg, #4897ff 0%, #49e4ff 100%);
}
.bg-locationWind{
	background: linear-gradient(-45deg, #03a31e 0%, #98ff54 100%);
}
.bg-temperature{
	background-color: #F4511E !important;
	color: #ffffff;
}
.bg-humidity{
	background-color: #1E88E5 !important;
	color: #ffffff;
}
.color-test{
	background-color: #ffd001 !important;
	color: #b68a05;
}
.button:disabled, input:disabled, select:disabled {
    cursor: not-allowed;
}

/* width */
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px 555555; 
	border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #313c6d; 
	border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #313c6d; 
}

.bg-chart-grinding{
	background: linear-gradient(-45deg, #0e0b26 10%, #270d03 50%, #0e0b26 90%);
	color: #7e0023;
	opacity: 0.9;
}
.border-chart-grinding{
	border: 3px solid transparent;
    border-image: linear-gradient(-45deg, #8f2800 10%, #36065c 50%, #ff9046 90%);
    border-image-slice: 1;
	border-radius:.25rem;
}

.bg-chart-mixing{
	background: linear-gradient(-45deg, #0e0b26 10%, #022b02 50%, #0e0b26 90%);
	color: #7e0023;
	opacity: 0.9;
}
.border-chart-mixing{
	border: 3px solid transparent;
    border-image: linear-gradient(-45deg, #078507 10%, #36065c 50%, #50ff50 90%);
    border-image-slice: 1;
	border-radius:.25rem;
}

.bg-chart-pelleting{
	background: linear-gradient(-45deg, #0e0b26 10%, #3d0525 50%, #0e0b26 90%);
	color: #7e0023;
	opacity: 0.9;
}
.border-chart-pelleting{
	border: 3px solid transparent;
    border-image: linear-gradient(-45deg, #740a46 10%, #36065c 50%, #ff5df7 90%);
    border-image-slice: 1;
	border-radius:.25rem;
}

.bg-chart-packing{
	background: linear-gradient(-45deg, #0e0b26 10%, #040e46 50%, #0e0b26 90%);
	color: #7e0023;
	opacity: 0.9;
}
.border-chart-packing{
	border: 3px solid transparent;
    border-image: linear-gradient(-45deg, #07176d 10%, #36065c 50%, #53b9f8 90%);
    border-image-slice: 1;
	border-radius:.25rem;
}

.bg-table{
	background: linear-gradient(180deg, #0e0b26 10%, #0e4242 50%, #0e0b26 90%);
	color: #7e0023;
	opacity: 0.9;
}
.border-table{
	border: 3px solid transparent;
    border-image: linear-gradient(180deg, #38ffff 10%, #0e0b26 50%, #38ffff 90%);
    border-image-slice: 1;
	border-radius:.25rem;
}