@charset "utf-8";
/* CSS Document */

@import "nav.css";
@import "account.css";
@import "login.css";

:root {
	--colour-1 : #6c3470;
	--colour-2 : #86468B;
	--colour-3 : #8f5094;
	--colour-4 : #9e62a3;
	--colour-5 : #9a6c9e;
}



html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
body {
	background-color: #fefefe;
	padding-top: 80px;
	scrollbar-color: #ccc transparent;
	scrollbar-width: thin;
	
}

body::-webkit-scrollbar {
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}
body::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd ;
  border-radius: 6px;
}


.iclogo {
	width: 409px;
	height: 96px;
	left: 15px;
	top: 20px;
	position: absolute;
	z-index: 10;
	
	cursor: pointer;
	
}
@media (max-width: 680px){
	
	.iclogo {
		width: 70% !important;
		height: auto;
		max-width: 70%;
	}
}
.mtop-25 {
	margin-top: 25px;
}
.pbot-10 {
	padding-bottom: 10px;
}
h1,h4 {
	text-align: center;
	width: 100%;
}
.error {
	color: #F00;
	position: absolute;
	margin: 0px 275px;
	background-color: #ECECEC;
	padding: 8px 20px;
	border-radius: 5px;
}
.error:nth-child(2n) {
	margin: 63px 275px;
}
.forgot {
	float: left;
	width: 100%;
	color: var(--ic-orange);
	font-size: 14px;
	text-align: center;
}

.or {
	
	margin-top: 250px;
	font-size: 16px;
}
.entry-log-mob {
	display: none;
}
.entry-log-dt {
	display: block;
}
@media (max-width: 680px){
	.entry-log-mob {
		width: 100%;
		float: left;
		margin-bottom: 15px;
		border-radius: 5px;
		background: #fff;
		padding: 0px;
		height: auto;
		display: block !important;
	}
	.entry-log-row {
		width: 100%;
		height: auto;
		padding: 5px 10px;
		min-height: 32px;
		clear: both;
	}
	.entry-log-col {
		width: 50%;
		float: left;
		height: auto;
		font-weight: bold;
	}
	.entry-log-row .entry-log-col:last-child {
		color: var(--colour-1);
		text-align: right;
		
	}
	
	.entry-log-dt {
		display: none !important;
	}
	.form {
		background: transparent !important;
		padding-bottom: 20px;
		border-bottom: 1px solid #fff;
		border-radius: 0 !important;
		margin-bottom: 25px;
	}
	.form input {
		width: 100%;
		margin-bottom: -10px;
		padding: 6px;
		border-radius: 5px;
		text-align: center;
	}
	/*.form button {
		width: 100%;
		margin-bottom: 5px;
		border: 2px solid #fff;
		padding: 6px 0;
		border-radius: 5px;
		background: #1BA332;
		color: #fff;
	}
	*/
}

.home-icon {
	
	font-size: 60px !important;
	text-align: center;
	
}

.btn:hover {
	color: #fff !important;	
}

.btn-c1 {
	background: var(--colour-1);
	color: #fff;
}
.btn-c1:hover {
	background: var(--colour-2);
}
.btn-c2 {
	background: var(--colour-2);
	color: #fff;
}
.btn-c2:hover {
	background: var(--colour-3);
}
.btn-c3 {
	background: var(--colour-3);
	color: #fff;
}
.btn-c3:hover {
	background: var(--colour-4);
}
.btn-c4 {
	background: var(--colour-4);
	color: #fff;
}
.btn-c4:hover {
	background: var(--colour-5);
}
.btn-c5 {
	background: var(--colour-5);
	color: #fff;
}
.btn-c5:hover {
	background: var(--colour-4);
}

.btn-inline {
	padding: 0 5px 2px 5px;
	line-height: normal;
	margin-top: -3px;
}