html {
 	height: 100%;
 }

 body {
 	font-family: 'Arial', sans-serif;
 	font-size: 14px;
 	overflow-x: hidden;
 }

 .category-page {
 	height: 100%;
 	background: linear-gradient(to bottom, white 80%, #bbf);
 }

 #langTab {
 	margin-top: 0px;
 	margin-left: 10%;
 	border: 0px solid black;
 	width: 10%;

 }

 #langCell {
 	border: 0px solid black;
 	width: 20%;
 	margin: 0 0 0 0;
 	padding-left: 0px;
 }

 @media screen and (max-width: 1334px) {

 	#langTab {
 		margin-top: 0px;
 		margin-left: 10%;
 		border: 0px solid black;
 		width: 20%;
 	}

 	#langCell {
 		border: 0px solid black;
 		width: 20%;
 		margin: 0 0 0 0;
 		padding-left: 0px;
 	}

 }

 .language-button {
 	background: none;
 	border: none;
 	color: blue;
 	font-weight: normal;
 	text-decoration: underline;
 	cursor: pointer;
 }

 .language-button-sel {
 	background: none;
 	border: none;
 	color: blue;
 	font-weight: bold;
 	text-decoration: underline;
 	cursor: pointer;
 }

 .columns-container {
 	height: 100%;
 }

 .container {
 	padding-left: 0;
 	padding-right: 0;
 	height: 100%;
 }

 .logo_be {
 	/* width: 600px; */
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 	width: 40%;
 }

 .logo_be_small {
 	width: 100;
 	height: 100px;
 	right: 13%;
 	top: 10%;
 	position: absolute;
 }

 .fade_rule {
 	height: 1px;
 	width: 80%;
 	background-image: linear-gradient(to right, #bbf 50%, white);
 }

 .box-authentication {
 	border: 0px solid #fff;
 	padding: 30px;
 	min-height: 320px;
 }

 .box-authentication>h3 {
 	margin-bottom: 15px;
 }

 .box-authentication label {
 	margin-top: 10px;
 	margin-bottom: 2px;
 }

 .box-authentication .forgot-pass {
 	margin-top: 15px;
 }

 .box-authentication input,
 .box-authentication textarea {
 	border-radius: 0px;
 	border: 1px solid #eaeaea;
 	-webkit-box-shadow: inherit;
 	box-shadow: inherit;
 	width: 50%;
 }

 .box-authentication .button {
 	margin-top: 15px;
 }

 .error {
 	color: red;
 	position: absolute;
 	display: none;
 }

 .error-box {
 	border: 1px solid #ff0000;
 }

 .button {
 	padding: 10px 20px;
 	border: 1px solid #eaeaea;
 	background: #666;
 	color: #fff;
 }

 .col-sm-6 {
 	width: 50%
 }

 .col-md-6 {
 	width: 50%
 }

 .row {
 	margin-right: -15px;
 	margin-left: -15px
 }

 .hidden {
 	display: none;
 }

 .loading_wheel {
 	display: none;
 	z-index: 9999;
 	margin: 0;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 80px;
 	margin-right: -50%;
 	transform: translate(-50%, -50%);

 }

 .loading_wheel img {
 	width: 100%;
 	height: 100%;
 }

 @media only screen and (max-width: 800px) {

 	#langTab {
 		margin-top: 0px;
 		margin-left: 10%;
 		border: 0px solid black;
 		width: 20%;
 	}

 	#langCell {
 		border: 0px solid black;
 		width: 20%;
 		margin: 0 0 0 0;
 		padding-left: 0px;
 	}

 	.col-md-6 {
 		width: 100%;
 	}

 	.col-sm-6 {
 		width: 100%;
 	}

 	.box-authentication input {
 		width: 100%;
 	}

 	.box-authentication button {
 		width: 100%;
 	}

 	.box-authentication {
 		width: 100%;
 	}

 	.logo_be {
 		width: 50%;
 	}

 }