@import url(//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);
* {
	font-family: 'Lato', sans-serif;
	line-height: 130%;
}

b, strong, label {
	font-weight: 700;
}

* {
	margin: 0;
	padding: 0;
}
body {
}
#inner {
	padding-top: 130px;
	padding-left: 130px;
	width: 330px;
}
h1 {
	margin-bottom: 20px;
	border: 0;
	padding-left: 37px;
	font-size: 20px;
	font-weight: normal;
	height: 50px;
	margin-top: 50px;
}

body.EURO h1, body.GBNI h1, body.TEMP h1 {
	padding-left: 125px !important;
	background: url("/images/flags/coloradmin/4x3/gb-ie.svg") no-repeat;
	background-size: 92px;
}
body.FRNC h1, body.EXFR h1, body.TCFR h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/fr.svg") no-repeat;
	background-size: 40px;
}
body.SWIT h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/ch.svg") no-repeat;
	background-size: 40px;
}
body.NETH h1, body.TCNL h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/nl.svg") no-repeat;
	background-size: 40px;
}
body.TCES h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/es.svg") no-repeat;
	background-size: 40px;
}
body.TCDE h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/de.svg") no-repeat;
	background-size: 40px;
}
body.TCIT h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/it.svg") no-repeat;
	background-size: 40px;
}
body.TCBE h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/be.svg") no-repeat;
	background-size: 40px;
}
body.TCSE h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/se.svg") no-repeat;
	background-size: 40px;
}
body.TCIE h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/ie.svg") no-repeat;
	background-size: 40px;
}
body.TCHR h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/hr.svg") no-repeat;
	background-size: 40px;
}
body.TCPL h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/pl.svg") no-repeat;
	background-size: 40px;
}

body.NZD h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/nz.svg") no-repeat;
	background-size: 40px;
}

body.USA h1, body.HALL h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/us.svg") no-repeat;
	background-size: 40px;
}

body.PDCA, body.NZWL h1 {
	padding-left: 65px !important;
	background: url("/images/flags/coloradmin/4x3/au.svg") no-repeat;
	background-size: 40px;
}







body.dev h1 {
	padding-left: 0;
}
#wrapper {
	width: 410px;
	height: 410px;
	border-radius: 50%;
	margin: 150px auto 0 auto;
	padding: 55px 70px 60px 40px;
	min-height: 230px;
	background: rgba( 255, 255, 255, 0.90 );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF,endColorstr=#D9FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF,endColorstr=#D9FFFFFF);   /* IE6 & 7 */

	-webkit-box-shadow: 0 0 30px 0 #888;
	-moz-box-shadow: 0 0 30px 0 #888;
	box-shadow: 0 0 30px 0 #888;

}
body.dev #wrapper {
	background: rgba( 255, 255, 255, 0.90 ) url("/images/dev.png") 0 0 repeat-x;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF,endColorstr=#D9FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF,endColorstr=#D9FFFFFF);   /* IE6 & 7 */
}
#wrapper h1 {
	font-weight: 700;
	margin-bottom: 12px;
}
input.input_login {
	width: 280px;
}
#user_avatar {
	position: relative;
	right: 110px;
	top: 10px;
}
.hexagon {
	clip-path: polygon(52.58819% 1.70371%, 56.02146% 1.09833%, 59.50769% 1.09833%, 62.94095% 1.70371%, 66.21694% 2.89607%, 69.2361% 4.63918%, 71.90671% 6.88009%, 93.11991% 28.09329%, 95.36082% 30.7639%, 97.10393% 33.78306%, 98.29629% 37.05905%, 98.90167% 40.49231%, 98.90167% 43.97854%, 98.29629% 47.41181%, 90.53172% 76.38958%, 89.33936% 79.66557%, 87.59624% 82.68473%, 85.35534% 85.35534%, 82.68473% 87.59624%, 79.66557% 89.33936%, 76.38958% 90.53172%, 47.41181% 98.29629%, 43.97854% 98.90167%, 40.49231% 98.90167%, 37.05905% 98.29629%, 33.78306% 97.10393%, 30.7639% 95.36082%, 28.09329% 93.11991%, 6.88009% 71.90671%, 4.63918% 69.2361%, 2.89607% 66.21694%, 1.70371% 62.94095%, 1.09833% 59.50769%, 1.09833% 56.02146%, 1.70371% 52.58819%, 9.46828% 23.61042%, 10.66064% 20.33443%, 12.40376% 17.31527%, 14.64466% 14.64466%, 17.31527% 12.40376%, 20.33443% 10.66064%, 23.61042% 9.46828%);
}
.login_form {
	position: relative;
	bottom: 100px;
}
p {
	margin-bottom: 20px;
	font-size: 14px;
}
p a {
	padding: 2px;
}
p a:link, p a:visited {
	color: #2F4798;
}
p a:hover, p a:active {
	color: #000;
}

/* >Forms
-----------------------------------------------------------*/

label {
	display: block;
	margin-bottom: 4px;
}
label.label-inline {
	display: inline;
}
input {
	font-size: 20px;
}
.input-text, input {
	font-size: 18px;
	padding: 2px;
	width: 100%;
	background: rgba( 255, 255, 255, 0.50 );
}


input.ck-button {
	white-space: nowrap;
	border-collapse: collapse;
	text-decoration: none;
	width: auto;
	height: auto;

	display: inline-block;
	padding: 6px 6px;
	margin: 0;
	text-align: center;
	vertical-align: center;
	cursor: pointer;
	border-bottom-color: #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;

	border: 1px solid #62a60a;

	color: white;
	text-shadow: 0 -1px 0 #55830c;
	border-color: #62a60a #62a60a #4d9200;
	background: #69b10b;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#9ad717),to(#69b10b));
	background-image: -webkit-linear-gradient(top,#9ad717,#69b10b);
	background-image: -o-linear-gradient(top,#9ad717,#69b10b);
	background-image: linear-gradient(to bottom,#9ad717,#69b10b);
	background-image: -moz-linear-gradient(top,#9ad717,#69b10b);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ff9ad717',endColorstr='#ff69b10b');
}

input.ck-button:hover {
	text-decoration: underline;
	color: #eee;
	border-color: #529600 #529600 #3d8200;
	background: #59a100;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#8ac707),to(#59a100));
	background-image: -webkit-linear-gradient(top,#8ac707,#59a100);
	background-image: -o-linear-gradient(top,#8ac707,#59a100);
	background-image: linear-gradient(to bottom,#8ac707,#59a100);
	background-image: -moz-linear-gradient(top,#8ac707,#59a100);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ff8ac707',endColorstr='#ff59a100');
}

input.ck-button:active {
	text-decoration: underline;
	color: #eee;
	border-color: #3d8200 #3d8200 #529600;
	background: #59a100;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#59a100),to(#8ac707));
	background-image: -webkit-linear-gradient(top,#59a100,#8ac707);
	background-image: -o-linear-gradient(top,#59a100,#8ac707);
	background-image: linear-gradient(to bottom,#59a100,#8ac707);
	background-image: -moz-linear-gradient(top,#59a100,#8ac707);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ff59a100',endColorstr='#ff8ac707');
}




/* >Flash Messages
-----------------------------------------------------------*/

#flash {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px;
}
.error#flash {
	color: #BF2E0A;
}
.notice#flash {
	color: #6EA833;
}

/* >Error message
-----------------------------------------------------------*/

#error h1 {
	color: #BF2E0A;
}
#error #message {
	min-height: 150px;
}
#error #message p {
	font-size: 16px;
}
#error #message .error-id {
	color: #BF2E0A;
}


/*>Development
-----------------------------------------------------------*/

#txmt_controls {
	background: #000;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 4px 4px 7px 4px;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
}
#txmt_controls ul {
	margin: 0;
	padding: 0;
	float: left;
}
#txmt_controls ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	color: #fff;
}
#txmt_controls ul a {
	margin: 0 5px;
	font-size: 10px;
	text-decoration: none;
}
#txmt_controls ul a strong {
	font-weight: normal;
	font-size: 7px;
}
#txmt_controls ul a:link, #txmt_controls ul a:visited {
	color: #fff;
}
#txmt_controls ul a:hover, #txmt_controls ul a:active {
	color: #FFA900;
}

/* Override coloradmin splash image to use object-fit: cover */
.login.login-with-news-feed .news-image img {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	max-height: none;
	min-width: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Message panel login layout */

.signin-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.signin-background-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.signin-background-caption {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 8px 16px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	z-index: 0;
}

.signin-layout {
	display: flex;
	max-height: 90vh;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.has-message-panel {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.signin-layout-wrapper {
	position: relative;
	z-index: 1;
	max-width: 1000px;
	width: 100%;
}

.signin-card {
	width: 33.333%;
	min-width: 380px;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.signin-card-inner {
	width: 100%;
	max-width: 340px;
	padding: 40px 30px;
}

.signin-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.signin-logo {
	max-width: 180px;
	object-fit: contain;
}

.signin-card-heading {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 6px;
	border: 0;
	padding: 0;
	background: none;
	line-height: 1.3;
}

.signin-card-subheading {
	font-size: 14px;
	opacity: 0.7;
	margin-bottom: 28px;
}

.signin-form .form-group {
	margin-bottom: 16px;
}

.signin-form p {
	margin-bottom: 18px;
	font-size: 13px;
}

.signin-form p a {
	opacity: 0.7;
}

.signin-form p a:hover {
	opacity: 1;
}

.btn-signin-panel {
	border-radius: 4px;
	font-size: 16px;
	padding: 10px 20px;
	border: 1px solid transparent;
	cursor: pointer;
	transition: opacity 0.2s;
}

.btn-signin-panel:hover {
	opacity: 0.9;
}

.signin-privacy {
	margin-top: 16px;
	text-align: center;
}

.signin-privacy a {
	font-size: 12px;
	opacity: 0.5;
}

.signin-panel-link {
	display: none;
	margin-top: 16px;
}
.signin-panel-link a {
	font-size: 13px;
}

/* Message panel (right 2/3) */

.signin-message-panel {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 40px;
}

.signin-panel-inner {
	max-width: 600px;
	width: 100%;
}

.signin-badge {
	display: inline-block;
	padding: 4px 14px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}

.signin-badge i {
	font-size: 11px;
}

.signin-heading {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 16px;
	line-height: 1.3;
	border: 0;
	padding: 0;
	background: none;
}

.signin-description {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 24px;
	opacity: 0.9;
}

.signin-media {
	margin-bottom: 16px;
	border-radius: 8px;
	overflow: hidden;
}

.signin-media img {
	width: 100%;
	height: auto;
	display: block;
}

.signin-video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.signin-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.signin-caption {
	font-size: 13px;
	opacity: 0.7;
	margin-bottom: 24px;
}

.signin-cta {
	display: inline-block;
	padding: 12px 28px;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid transparent;
	transition: opacity 0.2s;
	cursor: pointer;
}

.signin-cta:hover {
	opacity: 0.9;
	text-decoration: none;
	color: #fff;
}

.signin-cta-clicked {
	opacity: 0.8;
	cursor: default;
}

/* Carousel nav (hidden on desktop) */
.signin-carousel-nav {
	display: none;
	justify-content: center;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.signin-carousel-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	cursor: pointer;
	transition: background 0.2s;
}
.signin-carousel-dot.active {
	background: #fff;
}
.signin-carousel-arrow {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
}

/* Responsive: carousel on mobile */
@media (max-width: 992px) {
	.signin-layout-wrapper {
		margin: 16px;
		max-width: none;
	}

	.signin-layout {
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		border-radius: 12px;
		min-height: 0;
		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	}
	.signin-layout::-webkit-scrollbar { display: none; }

	.signin-card,
	.signin-message-panel {
		min-width: 100%;
		width: 100%;
		flex-shrink: 0;
		scroll-snap-align: start;
		align-items: flex-start;
		overflow-y: auto;
	}
	.signin-card { min-height: auto; padding-bottom: 44px; }
	.signin-message-panel { display: flex; padding-bottom: 44px; }

	.signin-carousel-nav { display: flex; }
	.signin-panel-link { display: block; }

	body.has-message-panel {
		align-items: flex-start;
	}
}