
.logo{
	display:inline-block;
	width:60px;
	height:60px;
	text-indent:120%;
	white-space:nowrap;
	overflow:hidden;
	padding:0px;
	position:relative;
	background-color:#ffdd00;
	background-position:center;
	background-repeat:no-repeat;
	background-size:70%;
	background-image: url('/assets/image/bws-icon-logo.svg');
	text-decoration:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Alert */
.alert-message{
	background-color: #fcecc6;
	padding: 15px;
}
.alert-message-success{
	background-color: #ccffcc;
	color: #003300;
	font-weight: 700;
}
.alert-message-warning{
	color: #660000;
	font-weight: 700;
}

.alert-message ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.alert-message-title{
	font-weight: 700;
}

/* Auth */
.auth-container{
	padding-top: 44px;
	max-width:380px;
  position: relative;
}
.auth-container-large{
	max-width:500px;
}
.auth-content{
	padding: 25px 25px 25px 25px;
	max-width:340px;
  border-radius: 4px;
  background-color: #eee;
  position: relative;
  z-index: 1;
}
.auth-container-logo{
	position: absolute;
	z-index: 2;
	top:0px;
	left: 0px;
	right: 0px;
	text-align: center;
}
.auth-container-logo .logo{
	width: 60px;
	height: 60px;
}
.auth-content h1{
	border-bottom: 1px solid #ccc;
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 0px;
	text-align: center;
}
.auth-message{
	background-color: #fff;
	padding: 20px;
	border: 2px solid #facb0c;
	border-radius: 4px;
}
.auth-message p{
	margin:	0px;
	padding: 5px 0px;
}
.auth-footer{
	padding: 20px;
}

/* Accesss Denied */
.accesss-denied{
	max-width: 500px;
	background-color: #fff;
	padding: 15px 15px 15px 115px;
	margin:20px;
	position: relative;
	border-radius: 8px;
}
.accesss-denied h1{
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 10px;
}
.accesss-denied:before{
	content:"";
	display:block;
	width:80px;
	height: 80px;
	position: absolute;
	top:50%;
	left: 15px;
	margin-top: -40px;
	background-color: transparent;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='200' height='170' viewBox='0 0 200 170' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.607 2.91499C96.9084 -0.96601 102.538 -0.973041 104.85 2.90221L199.155 161.03C201.514 164.987 198.654 170 194.037 170H5.96286C1.35225 170 -1.50868 165 0.837776 161.043L94.607 2.91499Z' fill='%23FACB0C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M96.6537 13.6999C98.0349 11.3751 101.408 11.3703 102.796 13.6912L188.781 157.492C190.2 159.866 188.485 162.877 185.712 162.877H14.297C11.5293 162.877 9.81293 159.874 11.2234 157.5L96.6537 13.6999Z' fill='%231A1A1A'/%3E%3Cpath d='M98.9926 23.9659C99.4527 23.19 100.578 23.1882 101.041 23.9626L178.722 154.007C179.195 154.798 178.623 155.802 177.699 155.802H22.9157C21.9936 155.802 21.4214 154.802 21.8907 154.01L98.9926 23.9659Z' fill='%23FACB0C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M107.458 69.0895C107.458 66.7946 105.592 64.9343 103.29 64.9343C100.988 64.9343 99.1222 66.7946 99.1222 69.0895V101.143C99.1222 102.127 98.3226 102.924 97.3361 102.924C96.3496 102.924 95.55 102.127 95.55 101.143V71.4638C95.55 69.169 93.684 67.3087 91.3823 67.3087C89.0806 67.3087 87.2147 69.169 87.2147 71.4638V104.111C87.2147 105.095 86.415 105.892 85.4285 105.892C84.4421 105.892 83.6424 105.095 83.6424 104.111V85.71C83.6424 83.4152 81.7765 81.5549 79.4748 81.5549C77.173 81.5549 75.3071 83.4152 75.3071 85.71V123.996C75.3071 136.946 85.8364 147.444 98.8249 147.444C107.129 147.444 114.818 143.077 119.053 135.956L134.701 109.648C135.871 107.682 135.246 105.144 133.295 103.942C131.32 102.724 128.728 103.334 127.506 105.304L120.467 116.655C120.151 117.164 119.365 116.941 119.365 116.343V75.0254C119.365 72.7306 117.499 70.8702 115.197 70.8702C112.896 70.8702 111.03 72.7306 111.03 75.0254V101.143C111.03 102.127 110.23 102.924 109.244 102.924C108.257 102.924 107.458 102.127 107.458 101.143V69.0895Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}
.accesss-denied-content{
	padding: 5px 0px;
}

/* Error 404 */
.error-404{
	max-width: 500px;
	padding: 0px 0px 0px 0px;
	margin:20px;
	position: relative;
}
.error-404 h1{
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: 700;
	padding:0px;
	margin:0px;
}
.error-404-content{
	padding: 10px 0px;
}
.error-404 p{
	padding: 0px;
	margin: 0px;
}
.uk-table-justify th:first-child {
  padding-left: 10px;
}
.uk-table-divider tr.not-divider {
  border: none !important;
}
.uk-table-xsmall th,
.uk-table-xsmall td {
  padding: 4px 6px;
}
.table-icon{
	width:30px;
	display: inline-block;
}
.pointer{
	cursor: pointer;
}

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

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

}

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

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

	.accesss-denied{
		padding: 100px 15px 15px 15px;
		text-align: center;
	}
	.accesss-denied:before{
		width:80px;
		height: 80px;
		position: absolute;
		top:15px;
		left: 50%;
		margin-top: 0px;
		margin-left: -40px;
	}

	.error-404{
		padding: 170px 0px 0px 0px;
		text-align: center;
	}
	.error-404:before{
		width:160px;
		height: 160px;
		top:0px;
		left: 50%;
		margin-top: 0px;
		margin-left: -80px;
	}

}
@media only screen and (max-width: 400px) {
	.logo{
		width:160px;
		height:34px;
	}
	.logo span{
		font-size: .8rem;
	}
	.error-404{
		padding: 110px 0px 0px 0px;
	}
	.error-404:before{
		width:100px;
		height: 100px;
		margin-left: -50px;
	}

}