/** removing controls from form **/
#lite_mode_check {
	display:none;
}


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('../fonts/roboto/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../fonts/roboto/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('../fonts/roboto/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

html{
	font-size:1em;
	margin:0;
	padding:0;
	width:100%;
	height:100%; /* size of logo + margin (x2 - top/bottom) */
}

body {
	font-family:'roboto', 'san-serif';
	background-image: linear-gradient(to top right, #3793c3, #99d1ed);
	overflow-x:hidden;
	margin:0px;
	/*width:100%;*/
	height:100%;
	padding:0px;
	color:#101c22;
	background-attachment: fixed;
}

#policy_banner {
	text-align:right;
	color:#ccc;
	padding: 0.3em 1em;
	z-index:2;
	position:relative;
	width:calc(100% - 2em);
}
#policy_banner a {
	text-decoration:underline;
	color:#3793c3;
	font-weight:600;
}
#header_logo {
    width:100%;
	z-index:2;
	border:0;
	margin:0.5em;
	display:inline-block;
    position:relative;
    text-align:center;
}
.bthome_topleft {
    width: 16em;
}

@media (max-width: 670px) {
	#header_logo {
		display:none;
	}
}

#table{
	display:table;
	height:calc(100%);
	width:100%;
}
#table-cell{
	position:relative;
	display:table-cell;
    vertical-align:middle;
}

#wrapper{
	position:realtive;
	margin:auto;
	display:block;
	background-color:#fff;
	padding:1.2em;
	max-width:60vw;
/*	width:16em;*/
}
input[type="submit"],input[type="text"], input[type="password"],input[type="date"], select{
	margin:1em 0;
	font-size:0.9em;
	text-align:center;
	padding:0.5em 0.1em;
}
input[type="text"], input[type="password"],input[type="date"], select{
	width:calc(100% - 4px - 0.2em);
	border:2px solid #fff;
	border-bottom:0.4em solid #d0d6d9;
}
input[type="submit"]{
	width:100%;
	text-align:center;
	border:0px solid #6bb4d9;
	background-color:#6bb4d9;
	color:#fff;
	font-size:0.9em;
	padding:0.8em 0;
}

input[type="submit"]:hover {
	cursor:pointer;
}

input[type="radio"],
input[type="checkbox"] {
    height: 20px;
    width: 20px;
    vertical-align: middle;
	margin: 0.2em 0.4em 0.4em 0;
    border: 2px solid #543d38;

    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;

}

/* border radius for radio*/
input[type="radio"] {
    -webkit-border-radius:100%;
    border-radius:100%;
}

/* border radius for checkbox */
input[type="checkbox"] {
    -webkit-border-radius:2px;
    border-radius:2px;
}

/* hover state */
input[type="radio"]:not(:disabled):hover,
input[type="checkbox"]:not(:disabled):hover {
    border-color:#8f7d77;

}

/* active state */
input[type="radio"]:active:not(:disabled),
input[type="checkbox"]:active:not(:disabled) {
    border-color:#8f7d77;
}

/* focus state */
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline:none;

}

/* input checked border color */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    border-color:#8f7d77;
    background-color: #8f7d77;
}

/* radio checked */
input[type="radio"]:checked:before {
	display: block;
	height: 0.4em;
	width: 0.4em;
	position: relative;
	left: 0.4em;
	top: 0.4em;
	background: #fff;
	border-radius: 100%;
	content: '';
}

/* checkbox checked */
input[type="checkbox"]:checked:before {
	content: '';
	display: block;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 5px;
	margin-top: 1px;
}

/* disabled input */
input:disabled {
opacity: .6;
box-shadow: none;
background: rgba(0, 0, 0, 0.1);
box-shadow:none;
}

/* style label for disabled input */
input:disabled + label {
opacity: .6;
cursor:default;
-webkit-user-select: none;
}

a{
	color:#3793c3;
	text-decoration:none;
}
a:hover{
	color:#6bb4d9;
}

hr {
    border: 0.25em solid #ededed;
}

.helpful_links, .login_modes{
	text-align:center;
	font-size:0.65em;
}

.login_modes{
	padding:0.8em 0;
}
.checkbox{
	margin:0 1.2em;
}

/** Notification PHP Class classes **/
.msg{
	background-color:#c3c2c2;
	color:#424649;
	text-align:center;
	font-size:0.7em;
	padding:0.2em 0;
}
.info a, .important a{
	text-decoration:underline;
	color:#fff;
}
.important, .info{
	text-align:center;
	font-size:0.6em;
	color:#fff;
	padding:0.3em;
}
.important{
	background-color:#aa5454;
}
.info{
	background-color:#2e6c8c;
}

#wrapper.signup_form {
	margin: 1em auto;
}

.signup_form label{
	display:block;
	font-size:0.9em;
	margin-top:1em;
	margin-bottom:0.5em;
	font-weight:500;
}

.signup_form input {
	margin:0;
}

.signup_form .checkbox label {
	display:initial;
}

.signup_form .info {
	background-color:inherit;
	color:inherit;
}
.error, .errorList, .error input, .error select {
	color: #C3374D;
	border-color: #C3374D;
}
div.error{
	background-color:#F0CDD3;
	border: 0.2em solid #F0CDD3;
	border-radius:0.2em;
	margin: 0.5em 0.05em;
	padding: 0.5em;
}

div.error ul{
	font-size:0.75em;
}

.required {
	display:none;
}


#email_address_wrapper #username {
	display:inline-block;
	max-width:calc(100% - 0.7em - 120px);
}



/** --------------------------------------------- **/
/** --------------------------------------------- **/
/** --------------------------------------------- **/
#account_plans {
	overflow:auto;
}
.plan_wrapper {
	display:inline-block;
	width:calc(100% - 0.4em - 4em);
	background-color:#fff;
	margin:1em;
	padding:1em;
}

.plan_wrapper .button {
	margin:0.5em auto;
	padding:0.5em 0;
	font-size:1.3em;
	background-color: #6bb4d9;
	border:0.2em solid #6bb4d9;
	width:calc(100% - 2em);
	color:#fff;
}

.plan_wrapper.selected .button {
	background-color: #3793c3;
	border:0.2em solid #3793c3;
	width:100%;
}

.plan_wrapper a {
	color:#3793c3;
	text-decoration: underline;
	display:block;
}

.plan_wrapper h1 {
	color: #3793c3;
}

.plan_wrapper ul {
	margin:auto;
	display:inline-block;
}

.plan_wrapper li {
	text-align:left;
	padding:0.5em 0;
}

.plan_wrapper li .fas {
	color: #3793c3;
	font-size:1.2em;
}

.plan_wrapper li.unavailable_feature,
.plan_wrapper li.unavailable_feature .fas {
	color:#abb5bb;
}