.Button
{
	background-color:#0B4136;
	color: white;
	font-size: 12px;
	border: 0;
	margin: 5px;
	padding: 10px 25px;
	
	border-radius: 3px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    user-select: none;

	
	transition: 0.25s;
}

.Button:hover
{
	background-color:orange;
	color: black;
}

.Button:disabled
{
 opacity:0.25;
}

.TextField
{
	background-color: WHITE;
	color: #666;
	font-size: 12px;
	border: 0;
	margin: 4px;
	padding: 5px 15px;
	border-radius: 0px;
	
	border-color: rgba(255,255,255,1.0);
	border-style: solid;
	border-width: 0px;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
 

}

.TextField:disabled
{
 opacity:0.5;
}

.TextField:focus
{
	padding: 3px 13px;
	border-width: 2px;
	background-color: rgba(255,255,255,1.0);
	color: black;
	border-color: orange;
}

.PlusButton
{
	font-family: 'Rubik', sans-serif;
	width:40px; height:40px;
	padding:10px;
	background-color:#0B4136;
	position: absolute; right: 20px; top: 20px;
	border-radius: 100%;
	transition: 0.2s;
	user-select: none;

}

.PlusButton:hover
{
	width:50px; height:50px;
	padding:5px;
	background-color:#F80;
}

.CloseButton
{
	font-family: 'Rubik', sans-serif;
	width:30px; height:30px;
	padding:5px;
	background-color:#F00;
	position: relative; left: 3px; top: 5px;
	border-radius: 100%;
	transition: 0.2s;
	user-select: none;

}

.CloseButton:hover
{
	width:40px; height:40px;
	padding:0px;
	background-color:#F80;
}

.CircleButton
{
	width:25px;
	margin:0; padding:5px;
	border-radius: 100%;
	background-color:#0B4136;
	z-index:100;
	transition: 0.1s;
	user-select: none;

}


.CircleButton:hover
{
	width:35px;
	margin:0px; padding:0px;
}



.ImgButton
{
	width:25px;
	margin:0;
	user-select: none;

}


.ImgButton:hover
{
width:29px;
margin:-2px;
}


.TopBarButton
{
	width:20px;
	padding: 10px;
	margin:-10px -10px -10px 1px;
	transition: 0.1s;
	user-select: none;


}



.TopBarButton:hover
{
	background-color: #F80;
	width:24px;
	padding: 8px;
}


.TopBarButtonBeeFriendly
{
	width:20px;
	padding: 10px;
	margin:-10px -10px -10px 1px;
	user-select: none;
	
	animation-name: BeeFriendlyBlink;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
}

@keyframes BeeFriendlyBlink {

 0% {
    background: orange;
  }   
    
   50% {
    background: red;
    	width:40px;
	padding: 0px;
  }
 
   100%{
    background: orange;
  }
}

.TopRightButton
{
	font-family: 'Rubik', sans-serif;
	width:40px; height:40px;
	padding:10px;
	background-color:#0B4136;
	position: absolute; right: 20px; top: 20px;
    border-radius: 5px;
   transition: 0.2s;
	user-select: none;

}

.TopRightButton:hover
{
	width:50px; height:50px;
	padding:5px;
	background-color:#F80;

}