/* Librairies */

@import 'normalize';
@import 'awesome';
@import 'variables';
@import 'functions';

/* Pages */

@import 'template';
@import 'logon';
@import 'products';
@import 'orders';

/* Global Classes */

body {
	color: $color_main;
	font-family:Arial;
	font-size:12px;
	box-sizing: border-box;
	background:$color_bg;
}

:focus {
    outline: 0;
}

a, a:visited, a:active {
	color: $color_main;
}
a:hover {
	color: $color_comp;
}

/* Global Classes - Button */

input, textarea, button, .button {
	color: $color_main;
	background:$color_bg_alt;
	border:none;
	padding:0.5em;
	margin:0;
	@include round(3px, 3px, 3px, 3px);
}

input[type=button], input[type=submit], button, .button {
	border:none;
	cursor:pointer;
	background:$color_main;
	color:$color_bg;
	font-weight: bold;
	display:inline-block;
}
input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover {
	background:$color_comp;
	color:$color_main;
}

input[type=button].no_bg, input[type=submit].no_bg, button.no_bg, .button.no_bg {
	background:none;
	color:$color_main;
}
input[type=button].no_bg:hover, input[type=submit].no_bg:hover, button.no_bg:hover, .button.no_bg:hover {
	background:none;
	color:$color_comp;
}

.button .fa + .value {
	margin-left:0.5em;
}

input[type=button].no_text, input[type=submit].no_text, button.no_text, .button.no_text {
	font-size:$size_big;
}

.button.no_text .fa + .value {
	display: none;
}

/* Global Classes - Feedback */

.feedback {
	padding:1em;
	background:$color_bg_alt;
}

.feedback.global {
	font-size:$size_med;
	position:absolute;
	top:0;
	left:calc(20% - 1em);
	width:60%;
	margin:auto;
	margin-top:1em;
	@include roundall(3px);
}

.feedback.success {
	color:green;
}
.feedback.warning {
	color:orange;
	background-color:$color_warning_bg;
}
.feedback.error {
	color:red;
}