/*FONT FACE*/
@font-face {
	font-family: Poppins-Bold;
	src: url("../fonts/Poppins-Bold.ttf") format("truetype");
}

@font-face {
	font-family: Poppins-Light;
	src: url("../fonts/Poppins-Light.ttf") format("truetype");
}

@font-face {
	font-family: Poppins-Medium;
	src: url("../fonts/Poppins-Medium.ttf") format("truetype");
}

@font-face {
	font-family: Poppins-Regular;
	src: url("../fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
	font-family: Poppins-SemiBold;
	src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
}

body {
	font-family:Poppins-Regular;
}

.container-fluid
{
	display:block;
	float:left;
	width:100%;
}

.login-form
{
	display:block;
	margin:0 auto;
	width:30%;
	font-family:Poppins-Regular;
	position:relative;
}

.d-menu.subMainMenu
{
	right:1px;
	margin-right:-31px;
}

.h-menu
{
	background-color:#e6b800;
}

.menuContainer
{
	font-family: Poppins-Regular;
	padding-left:2% !important;
	padding-right:2% !important;
	float:left;
	width:100%;
	margin-bottom:1% !important;
	background-color:#e6b800;
}

.subMainMenu
{
	font-family: Poppins-Regular;
	background-color:#e6b800;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

#storeExpenseForm
{
	position:fixed;
	width:400px;
	left:50%;
	margin-left:-200px !important;
	top:10%;
	z-index:15;
}

.logo-menu
{
	height:35px;
	margin-top:5px;
}

.mif-menu
{
	color:black;
}

.frameBox
{
	width:80%;
	clear: both;
}

.framePicker
{
	height:40px;
	width:100px;
	float:left;
}

.removeFrameBtn
{
	float:left;
	margin-left:10px;
	height:40px;
	margin-top:10px;
}

.cell :hover
{
	cursor:pointer;
	opacity:0.5;
}

.hiveOrder
{
	margin-right:1%;
	margin-bottom:1%;
	width:150px;
	float:left;
}

.dataCard
{
	float:left;
	width:30%;
	clear:both;
}

.notificationIcon
{
	position:absolute;
	bottom:0;
	left:2%;
}

.queenIconFront
{
	float:left;
	margin-left:2%;
}

.hiveFramesContainer
{
	margin-bottom:230px;
}

.hiveOrder
{
	width:20%;
}

#chartContainer
{
	width: 75%;
	height: 350px;
}

.hiveNavigationLink
{
	font-size: 12px;
}

/* MOBILE */
@media only screen and (max-width: 600px) {
	.login-form
	{
		width:80%;
	}

	.framePicker
	{
		width:70px;
		float:left;
	}

	.frameBox
	{
		width:100%;
		clear: both;
	}

	.removeFrameBtn
	{
		width:90px;
		margin-left:0px;
		margin-top:5px;
		clear:both;
	}

	#storeExpenseForm, #addQueenForm
	{
		width:90%;
		margin-left:0px !important;
		left:initial;
	}

	.dataCard
	{
		width:100%;
	}

	.d-menu li a, .v-menu li
	{
		padding: 0 2rem 0 0.5rem;
	}

	.hiveFramesContainer
	{
		margin-bottom:130px;
	}

	.hiveOrder
	{
		width:49%
	}

	#chartContainer
	{
		width: auto;
		height:250px;
		overflow: hidden;
		overflow-x: scroll;
	}

	.container-fluid
	{
		padding-left: 5px;
		padding-right: 5px;
	}

	#storeActionForm .remark
	{
		margin: 0px;
		padding: 5px;
	}
}