@import 'naturalcrit/styles/reset.less';
@import 'naturalcrit/styles/elements.less';
@import 'naturalcrit/styles/animations.less';
@import 'naturalcrit/styles/colors.less';
@import 'naturalcrit/styles/tooltip.less';

@import 'font-awesome/css/font-awesome.css';

html,body, #reactContainer, .naturalCrit{
	min-height : 100%;
}

@sidebarWidth : 250px;

body{
	background-color : #eee;
	font-family      : 'Open Sans', sans-serif;
	color            : #4b5055;
	font-weight      : 100;
	text-rendering   : optimizeLegibility;
	margin           : 0;
	padding          : 0;
	height : 100%;
}

.admin{

	header{
		background-color : @red;
		font-size: 2em;
		padding : 20px 0px;
		color : white;
		margin-bottom: 30px;
		i{
			margin-right: 30px;
		}
	}



}

/*.homebrewAdmin{
	margin-bottom: 80px;
	.brewTable{
		table{

			th{
				padding     : 10px;
				font-weight : 800;
			}
			tr:nth-child(even){
				background-color : fade(@green, 10%);
			}
			tr.isEmpty{
				background-color : fade(@red, 30%);
			}
			td{
				min-width  : 100px;
				padding    : 10px;
				text-align : center;

				&.preview{
					position : relative;
					&:hover{
						.content{
							display : block;
						}
					}
					.content{
						position         : absolute;
						display          : none;
						top              : 100%;
						left             : 0px;
						z-index          : 1000;
						max-height       : 500px;
						width            : 300px;
						padding          : 30px;
						background-color : white;
						font-family      : monospace;
						text-align       : left;
						pointer-events   : none;
					}
				}
			}
		}
	}
	.deleteButton{
		cursor: pointer;
	}
	button.clearOldButton{
		float : right;
	}
}
*/