html {
	color: #444;
	font-family: 'Roboto', sans-serif;
	font-size: 62.5%;
	min-height: 100%;
}

body {
	font-size: 13px;
	font-size: 1.3rem;
	background: #e9e9e9;
	line-height: 160%;
	background: #fff;
	overflow: auto;
	overflow-x: hidden;
}

a, h2, .adviceTermsOfService {
	color: #18689a !important;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

a {
	font-size: 14px;
}

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4,
	h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0;
}

::-moz-selection {background: transparent;}
::selection {background: transparent;}

main {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 1;
    overflow: auto;
}

form {
	border: 1px solid #D8D8D8;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px;
}

h2.form-title {
	color: #666;
	font-weight: 400;
	font-size: 14px;
	-webkit-flex: 1 100%;
	-ms-flex: 1 100%;
	flex: 1 100%;
	margin: 25px 0;
	text-align: center;
}

div.links {
	position: relative;
	text-align: center;
	display: inline-block;
	line-height: 2;
	height: auto;
	width: 100%;
}

div.links a {
    font-size: 14px;
}

form div.row {
	border-radius: 6px;
	width: 100%;
	height: 34.56px;
	margin-bottom: 5px;
	background-color: #5294c7;
}

input[type=email], input[type=number], input[type=password], input[type=search],
	input[type=tel], input[type=text], input[type=url] {
	outline: 0;
	width: 100%;
	max-width: 375px;
}

input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}



a[role=button] {
	cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    line-height: 22px;
    background-color: #f5f6f7;
    border-color: #ccd0d5;
    color: #4b4f56 !important;
    transition: 200ms cubic-bezier(.08, .52, .52, 1) background-color, 200ms cubic-bezier(.08, .52, .52, 1) box-shadow, 200ms cubic-bezier(.08, .52, .52, 1) transform;    
    box-sizing: content-box;
    font-size: 12px !important;
    -webkit-font-smoothing: antialiased;    
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
}

input.invalid-field {
	background: url(/images/error-triangle.png) 98% center no-repeat;
	padding-right: 22px;
	outline: #d94850 solid 1px;
}

input.row-input {
	border: none;
	height: 34.56px;
	border-radius: 6px;
	padding: 8px 8px;
	box-sizing: border-box;
/*	text-align: center; */
}

.row.recaptcha {text-align: center;padding: 9px;overflow: hidden;}

#recaptcha, #recaptcha > div {
    text-align: center;
    overflow: hidden;
}
#recaptcha iframe{
}

.submit-button {
	box-sizing: border-box;
	background-color: rgb(0, 143, 208);
	border: 0px;
	color: #ffffff;
	cursor: pointer;
	font-weight: normal;
	line-height: 2;
	height: 34px;
	max-height: 34px;
	font-size: 14px;
	border-radius: 6px;
	width: 100%;
	max-width: 375px;
	overflow: hidden;
	padding: 0;
}

.submit-button div {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #a5060600;
	padding: 0px 0;
	border-radius: 6px;
	box-sizing: border-box;
	text-align: center;
}

.submit-button span.submit-button-ico {
    background-image: url(../media/sso/logo-koolsite-34x34.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    background-size: 25px;
    padding: 2px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    float: left;
}

.submit-button span.submit-button-text {
	font-weight: normal;
	color: white;
	position: absolute;
	left: 0;
	right: 0;
	font-size: 15px;
	line-height: 34px;
}

.signin-button:hover, .submit-button:hover, .customBtn:hover {box-sizing: content-box;border-radius: 6px;box-shadow: 0 0 3pt 0pt #7cc8ec;}

.w2ui-lock {
	display: none;
	position: absolute;
	z-index: 9999991;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity = 4);
	background-color: #fff;
}

.w2ui-lock-msg {
	display: none;
	position: absolute;
	z-index: 1400;
	top: 45%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 200px;
	height: 80px;
	padding: 30px 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 13px;
	opacity: .8;
	filter: alpha(opacity = 80);
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	border: 2px solid #444;
}

.w2ui-lock-msg .w2ui-spinner {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -3px 8px -7px -10px;
}

.w2ui-spinner {
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image:
		url(data:image/gif;base64,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);
}

section {
	max-width: 320px;
	margin: auto;
}

section.provider-box{
    background-color: #18689ae0 !important;
    margin-bottom: 1px;
    margin-top: 1px;
    border-radius: 6px;
}
section.logo-page {
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

section.page-title {
	position: relative;
	text-align: center;
	padding: 5px;
}
section.page-title h2{
	 color: white;
}

section.section-separator ul{
	position: relative;
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
	width: 100%;
	height: 15px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}
section.section-separator ul li{
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 6px 3%;
	width: 33.3%;
}
section.section-separator ul li.middle{
	left: 30.3%;
	right: 0;
	overflow: hidden;
	line-height: 0;
	text-align: center;
}
section.section-separator ul li.left{left: 0;}
section.section-separator ul li.right{right: 0;}
section.section-separator ul li.left > div, 
section.section-separator ul li.right > div{
	width: 100%;
	height: auto;
	background-color: #b6def2;
	padding: 1.2px 0;
	margin: auto;
	border-radius: 4px;
}
section.section-separator ul li span{
	font-size: 11px;
	white-space: nowrap;
	color: #18689a !important;
}

form {
  	 border: none;
}
img.logo-page {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    /* padding: 3px 10px; */
}

h2.form-title {
    color: white;
    font-weight: normal;
}

label.label {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    vertical-align: middle;
    color: #f5f6f7 !important;
    font-size: 12px;
    font-weight: normal;
    justify-content: center;    
}

label.label:hover {
	text-decoration: underline;
	cursor: pointer;
}

body.login div.options {
	display: inline-block;
	margin-bottom: 0 !important;
}

body.login div.options .rememberme * {
    white-space: nowrap;
    height: auto;
    line-height: 2;
    padding: 2px;
}

body.login div.options div.rememberme {
	position: relative;
	float: left;
	display: block;
	background-color: #f5f6f708;
	padding: 5px;
	cursor: pointer;
	height: 34px;
	box-sizing: border-box;
}

body.login div.options div.forgot-password {
    position: relative;
    float: right;
    padding: 7px;
    background-color: #f5f6f708;
}
body.login div.options div.forgot-password a{
   color: white !important;
   text-decoration: none;
   font-size: 14px;
}

body.login div.options div.forgot-password a:hover {
	text-decoration: underline;
}

.locale-combo * {
	user-select: none;
}

/** COMBO LOCALE **/
.locale-combo {
    position: fixed;
    z-index: 999999;
    top: 1px;
    right: 1px;
    bottom: auto;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.25);
}
.locales-item-selector {
   cursor: pointer;
   box-sizing: content-box;
   display: inline-block;
   position: relative;
   padding-right: 3px;
}
.locale-combo-select {
	background-color: #f5f6f7;
    display: inline-block;
}

ul.locales-container {
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 100%;
    list-style: none;
    box-sizing: border-box;
    border-top: 3px solid #f5f6f7f0;
}

li.locale-item {
    width: 100%;
    height: 20px;
    background-color: #f5f6f7;
    border-bottom: 1px solid #b8babe42;
    padding: 5px;
    cursor: pointer;
}

li.locale-item:hover {
	background-color: #a4e4ff;
}

img.locale-icon {
    display: inline-block;
}

span.locale-caption {
    display: inline-block;
    color: #4c4f57;
}
span.flag-icon {margin: 3px;}

.chevron-down {
    position: relative;
    line-height: 2;
    padding: 5px;
    background-color: #f5f6f7;
    border-left: 1px solid #0029410f;
    box-sizing: border-box;
    cursor: pointer;
}
div.chevron-down-rotate:before {
    
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);

}
/** COMBO LOCALE **/
.abcRioButton.abcRioButtonBlue, .abcRioButton.abcRioButtonLightBlue {
    width: auto!important;
}

div.adviceTermsOfService {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: center;
}
div.adviceTermsOfService * {
	font-size: 9px;
	line-height: 1;
}	
.sso-container-row {padding: 1em;}		
.sso-border {margin: 0;position: relative;height: 100%;width: 100%;box-sizing: border-box;align-items: center;justify-content: center;}
div.sign-in-wrapper {
	position: relative;
	padding: 0;
	width: 100%;
	          /* WebKit-based browsers will ignore this. */
	  /* Mozilla-based browsers will ignore this. */
}
.customBtn {
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	background: #4285F7;
	max-width: 375px;
	position: relative;
	display: inline-block;
	width: 100%;
	height: 34px;
	padding: 0;
	border-radius: 6px;
	box-sizing: border-box;
}
.customBtn:hover {
  cursor: pointer;
}
span.label {font-weight: normal;}
span.icon {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  float: left;
}

div.buttonText {
 	text-align: center;
 	position: relative;
 	width: 100%;
 	height: 34px;
 	box-sizing: border-box;
 	line-height: 34px;
 	cursor: pointer;
}

div.buttonText span{
  font-weight: lighter;
  color: white;
  font-size: 15px;
  position: absolute;
  left: 0;
  right: 0;
}
   
div.icon {
  width: 40px;
  height: 40px;
  position: relative;
  padding: 0;
  display: inline-block;
  white-space: nowrap;
}

span.icon.google{
  background: url('../media/sso/google-normal.png');
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  background-size: 30px;
  padding: 2px;
}

span.icon.linkedin{
  background: url('../media/sso/lkn-normal.png');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFFFFF;
  background-size: 30px;
  padding: 2px;
}

div.ssl-trust-cert {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	width: 100%;
	height: 100%;
}

div.ssl-trust-cert * {
	color: white;
}

/** sso img button **/

.google-sso-image {
	 background: url('../media/sso/google_signin_buttons/web/1x/btn_google_signin_light_normal_web.png');
	 background-repeat: no-repeat;
	 background-size: contain;
	 background-position: center;
}
.linkedin-sso-image {
	 background: url('../media/sso/signin_with_linkedin-buttons/Non-Retina/Sign-in-Large---Default.png');
	 background-repeat: no-repeat;
	 background-size: contain;
	 background-position: center;
}

.linkedin-btn {
    background: #2967b2;
}

/** sso img button **/
/* Extra small devices (phones, 390px and down) */
@media only screen and (max-width: 390px) {}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.wrapper {
		top: 0;
		left: 0;
		right: 0;	
        -webkit-transform: inherit;
	    -moz-transform: inherit;
	    -ms-transform: inherit;
	    -o-transform: inherit;
	    transform: inherit;
	    max-width: none;
	    min-width: 100%;
	    width: 100%;
	    height: 100%;
	    padding: 0;
	    margin: 5px auto !important;
	}
	section {padding: 0;margin: initial;}
	section.logo-page {
		margin-top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(0);
	    -moz-transform: translateX(-50%) translateY(0);
	    -ms-transform: translateX(-50%) translateY(0);
	    -o-transform: translateX(-50%) translateY(0);
	    transform: translateX(-50%) translateY(0);
		text-align: center;
	}

	form {padding: 5px;}
	h2.form-title {margin: 5px 0;}
	div.sign-in-wrapper {padding: 0;overflow: hidden;position: relative;display: block;}
	div.buttonText span, .submit-button-text {font-size: .9em !important;}
	.submit-button-ico {visibility: hidden;}
	div.links {line-height: 2;}
	div.adviceTermsOfService {white-space: inherit;}
	.sso-container-row {padding: 5px;}
    .submit-button {margin-top: 0;}
    section.page-title, 
    section.provider-box, 
    section.section-separator, 
    section.provider-box, 
    section.copyright, 
    section.redirectToNewAccount, 
    section.termsofservice, 
    section.sslTrustCert, 
    section.redirectToLogin,
    section.recaptcha{
    	 position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
	    -moz-transform: translateX(-50%) translateY(0);
	    -ms-transform: translateX(-50%) translateY(0);
	    -o-transform: translateX(-50%) translateY(0);
	    transform: translateX(-50%) translateY(0);
    }

    body.login div.options {
        text-align: center;
        background: #3b7ba7;
        height: auto;
    }
    body.login div.options div.forgot-password, body.login div.options div.rememberme {
    	float: none;
    	clear: both;
    	background: transparent;
    }
}
	
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	h2.form-title {margin: 10px;}			
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}
div.kscaptcha {
	flex: inherit !important;
    -webkit-flex: block !important;
    display: block !important;
    padding: 3px !important;
    margin: 0 7px !important;
}
div.kscaptcha div.kscaptcha-border {
	position: relative;
    display: flex;
}
div.kscaptcha img {
	width: 100%;
    height: 100%;
    border-radius: 2px;
}
div.kscaptcha a.kscaptcha-target-reload {
    font-size: 11px;
    font-weight: bold;
    text-decoration: unset;
    text-align: right;
    display: block;
    color: #f5f6f7;
    background-color: #f5f6f700;
    padding: 0;
    margin: 1px;
    border-radius: 2px;
}
div.kscaptcha input.row-input {
	width: 100%;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    background-color: #ffff6c;
    color: #4a4a4a;
}


.form-messages span{
	margin: auto;
	position: relative;
	display: block;
	height: auto;
	color: white;
	border-radius: 6px;
}

.form-messages.form-messages-success span{
	background-color: green;
}

.form-messages.form-messages-error span{
	background-color: red;
}

.behavior-hidden {
	display: none !important;
	visibility: hidden !important;
}
.verified-behavior {
	display: block !important;
	visibility: visible !important;
}

.wrapper {
    margin: 5px;
    max-width: 385px;
    margin-left: auto;
    margin-right: auto;
}

.apple-btn {
	height: 34.56px;
	border-radius: 6px !important;
	background: transparent;
}

#comodoTL {
	padding: 0 !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 33px;
}

#developed-url {font-size: 9px;text-decoration: none;color: silver !important;position: relative;left: 0;right: 0;}
#termsofservice, #privacy {font-size: 11px;}
.row.form-messages.form-messages-error {
    background: transparent !important;
    margin: 0;
    text-align: center;
    overflow: hidden;
    height: 100%;
    padding: 5px 0;
}

section.recaptcha {
    background-color: transparent !important;
    margin-bottom: 1px;
    margin-top: 1px;
    border-radius: 6px;
}