@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400;1,600&display=swap");

/* Global font settings */

html, body, input, textarea, select, button {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}

/***********/
/* USERBAR */
/***********/

	#userbar a.left, #userbar a.right {
		-webkit-transition: color 0.1s ease-in-out;
		-moz-transition: color 0.1s ease-in-out;
		-ms-transition: color 0.1s ease-in-out;
		-o-transition: color 0.1s ease-in-out;
		transition: color 0.1s ease-in-out;
	}

/******************/
/* NAV CATEGORIES */
/******************/

	nav ul li:hover {
		-webkit-transition: background-color 0.3s ease-in-out;
		-moz-transition: background-color 0.3s ease-in-out;
		-ms-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}

/***************/
/* BLACKSCREEN */
/***************/

	.blackscreen {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 50;
		background: black;
		display: none;
	}

	.message-window {
		position: fixed;
		width: 400px;
		top: 200px;
		left: 0;
		z-index: 51;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
		display: none;
		background: white;
		border-radius: 2px;
		padding: 20px;
	}

	.message-window span:nth-child(1) {
		display: block;
		padding-bottom: 10px;
		font-size: 32px;
		font-weight: 300;
		text-align: center;
	}

	.message-window span:nth-child(2) {
		display: block;
		text-align: center;
	}

/************/
/* MESSAGES */
/************/

	.empty-list, .message-error, .message-ok, .message-alert {
		padding: 10px;
		margin-bottom: 10px;
	}

	.empty-list, .message-alert {
		background: #fcf8e3;
		border:1px solid #faebcc;
		color: #907545;
	}

	.message-error {
		background: #f2dede;
		border:1px solid #ebccd1;
		color: #b45b59;
	}

	.message-ok {
		background: #dff0d8;
		border:1px solid #d6e9c6;
		color: #4f854f;
	}

/*************/
/* ITEM PAGE */
/*************/

	.select-file {
		float: left;
		height: 30px;
		line-height: 30px;
		background-color: white;
		background-image: url("../images/select-file.png");
		background-size: 30px 30px;
		background-repeat: no-repeat;
		cursor: pointer;
		border: 1px solid #43acff;
		padding-left: 40px;
		padding-right: 10px;
		border-radius: 5px;
	}

	.select-file:hover {
		color: #124575;
		background-color: #d6edff;
	}

/**************/
/* USER TABLE */
/**************/

	.uset-table {
		width: 100%;
		padding: 0;
		border-spacing: 0;
	}

	.uset-table tr td {
		padding: 0;
		border-spacing: 0;
	}

	.uset-table .title {
		width: 50%;
	}

	.uset-table .name {
		width: 5%;
		white-space: nowrap;
	}

	.uset-table .value {

	}

	.uset-table .value input[type=text], .uset-table .value input[type=password], .uset-table .value select {
		width: 80%;
		box-sizing: border-box;
	}

/*************/
/* CART PAGE */
/*************/

	.cart-table {
		width: 100%;
		padding: 0;
		border-spacing: 0;
	}

	.cart-table tr td {
		padding: 10px;
		border-spacing: 0;
	}

	.cart-table tr:nth-child(2) td:nth-child(1) {
		width: 50px;
	}

	.cart-table tr td:nth-child(1) div {
		width: 50px;
		height: 38px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 10px;
	}

	.cart-table tr td:nth-child(2) span {
		display: block;
	}

	.cart-table .end td:nth-child(2), .cart-table .end td:nth-child(3) {
		text-align: right;
	}

	.cart-table .buttons td {
		text-align: right;
	}

	.cart-table .buttons td select {
		margin-left: 10px;
	}

	.cart-table .count span {
		display: inline-block;
	}

	.cart-table .order-data {
		margin: 0;
	}

/**********/
/* SLIDER */
/**********/

	.sliderLarge, .sliderSmall {
		position: relative;
	}

	.sliderLarge a, .sliderSmall a {
		display: block;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/***********/
/* LOADING */
/***********/
	
	.loading {
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		display: none;
	}

/************/
/* 18 POPUP */
/************/
	
	/* Blackscreen */

	#enter-div-black {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.9);
		display: none;
	}

	/* Enter DIV */

	#enter-div {
		background: white;
		position: fixed;
		top: 0;
		left: 0;
		left: 50%;
		width: 600px;
		margin-left: -300px;
		margin-top: 50px;
		padding: 20px;
		z-index: 100;
		border-radius: 5px;
		display: none;
	}

	#enter-div .buttons {
		margin-top: 20px;
	}

	#enter-div .buttons input {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}	

	#enter-div .buttons a {
		display: block;
		width: 200px;
		margin: 0 auto;
		text-align: center;
	}