/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
 @font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('https://fonts.gstatic.com/s/materialicons/v21/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2') format('woff2');
}

.material-icons {
	font-family: 'Material Icons';
	font-style: normal !important;
	font-weight: normal !important;
}
.button-block button .material-icons-block i.material-icons {
    display: inline-block;
    height: 1em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 18px;
    margin-top:1px;
    margin-right: 3px;
}
.button-block button{
	border: 1px solid #000;
	border-radius: 2px;
	font-size: 13px;
	&.small{
		padding: 9px 10px 7px;
	    min-width: 80px;
	}
	&.medium{
		padding: 12px 16px 10px;
	    min-width: 90px;
	}
	&.large{
		padding: 15px 30px 13px;
	    min-width: 139px;
	}
	span{
		font-weight: normal;
	}
	span.button-text{
		position: relative;
		top: -4px;
	}
	p{
		margin-bottom: 0px;
		margin-top: 0px;
	}
}
.button-block button i.material-icons {
	    margin-right: 3px;
	    margin-top: 1px;
}