@font-face {
    font-family: 'funny-calc';
    src:    url('font/funny-calc.eot?1eqgio');
    src:    url('font/funny-calc.eot?1eqgio#iefix') format('embedded-opentype'),
        url('font/funny-calc.ttf?1eqgio') format('truetype'),
        url('font/funny-calc.woff?1eqgio') format('woff'),
        url('font/funny-calc.svg?1eqgio#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'funny-calc' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-beerSmall:before {
    content: "\e903";
}
.icon-beer:before {
    content: "\e900";
}
.icon-cider:before {
    content: "\e901";
}
.icon-champaigne:before {
    content: "\e905";
}
.icon-margarita:before {
    content: "\e906";
}
.icon-martiny:before {
    content: "\e907";
}
.icon-rum:before {
    content: "\e908";
}
.icon-short:before {
    content: "\e90a";
}
.icon-whiskey:before {
    content: "\e90b";
}
.icon-wine:before {
    content: "\e90c";
}
.icon-remove:before {
    content: "\e909";
}
.icon-drinks:before {
    content: "\e902";
}
.icon-day:before {
    content: "\e90d";
}
.icon-weekAlt:before {
    content: "\e90f";
}
.icon-month:before {
    content: "\e90e";
}
.icon-year:before {
    content: "\e910";
}

body, #all{
	background-color: #f7f7f7;
	overflow-x: hidden;
}
.md-header-items{
	background-color: #388E3C;
	/*background-color: #2E7D32;*/
}
#header{
	text-align: center;
}
.content-envelope{
	display: flex;
}
.content{
	/*max-width: 820px;*/
	display: flex;
}

#items-list{
	padding: 18px;
}

#items-list h3{
	padding: 10px 5px 0px 25px;
}

#items-list .content{
		flex-flow: row wrap;
}

#item-detail .content{
		flex-flow: column;
		width:100%;
		padding: 5px 20px 20px 20px;
}
.md-toolbar-tools a{
	margin: 0px;
}
.itemslist {
  	margin: 50px 7px 0px 7px;
  	background-color: #E8F5E9;
  	max-height:250px;
  	overflow: auto;
}
.content-envelope div{
	max-width: 700px;
}
#calculator .md-button{
	min-width: 0px;
	margin: 0px;
	padding: 13px 0px;
	color: white;
	font-size: 22px;
}
.bg-beer{
	background-color: #FFC107;
}
.bg-options{
	background-color: rgba(0, 0, 0, 0.07);
}
#result{
    margin: 10px 0px 5px 0px;
}
#act_result{
    margin: 5px 0px 10px 0px;
}
#result, #act_result{
	font-size: 28px;
	color:#5D5D5D;
}
#div_result{
	border-top: #5D5D5D 2px solid;
	text-align: center;
}