@import (less) "./functions.less";
@import (less) "./colors.less";

.loading-container{
	position: absolute;
	width: 100%;
	height: 100%;

	left: 0;
	top: 0;

	background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;

	z-index: 99998;

	cursor: default;

	& > i{
		position: fixed;
		left: ~"calc( 50% - 9px )";
		top: ~"calc( 50% - 10px )";
		line-height: initial;

		color: @COLOR_PRIMARY_DARK;

		z-index: 99999;
	}
}

.pass {
	color: rgb(84, 84, 84);
    cursor: default;
    background-color: rgb(235, 235, 228);
}

.item-list{
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;

	tr{
		&:nth-of-type(2n+0){ background-color: #F6F6F6; }
		th{
			text-transform: uppercase;
			font-size: 12px;
			padding-bottom: 10px;

			background-color: #FFFFFF;
		}
		td, th{
			padding: 8px;
			&:first-of-type{ padding-left: 0; }
			&:last-of-type{ padding-right: 0; }
		}
	}
}

.page-container{
	position: relative;
	clear: both;
	width: 100%;
	height: 27px;
	margin-bottom: 20px;
	background-color: @COLOR_PRIMARY_DARK;
	color: #FFFFFF;

	.page-products-amount-container{ float: right; position: relative; right: 8px; }
	.page-link-container{ float: left; position: relative; left: 8px; }

	.page-products-amount-container div, .page-link-container div{
		float: left;
		padding: 4px;
		&.page-products-amount, &.page-link{ 
			cursor: pointer; 
			&.selected{
				font-weight: bold;
				text-decoration: underline;
			}
		}
	}

	.page-link-container{
		& > i{ float: left; height: 27px; line-height: 27px; cursor: pointer; }
		& > p{ float: left; margin: 0;height: 27px; line-height: 27px; padding: 0 8px; }
	}
}

.alu-button{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;

	background-color: @COLOR_SECONDARY;
	color: #FFFFFF;

	text-align: center;
	cursor: pointer;
}

.alu-select{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;

	box-sizing: border-box;
	border: 1px solid @COLOR_PRIMARY_LIGHT;

	outline: none;

	option{
		padding: 4px 0;
	}
}

.alu-input{
	letter-spacing: 1px;
	font-size: 12px;

	box-sizing: border-box;
	border: 1px solid @COLOR_PRIMARY_LIGHT;

	outline: none;
}

#cookie-policy{
	position: relative;

	padding: 20px 0;

	z-index: 999999;

	#cookie-policy-container{
		position: relative;
		width: 980px;
		margin: auto;
		text-align: center;

		font-size: 14px;
	}

	& > i{
		position: absolute;
		right: 5px;
		top: 5px;
		font-size: 20px;

		cursor: pointer;

		color: @COLOR_PRIMARY;
	}

	border-bottom: 1px solid @COLOR_PRIMARY_DARK;
}