/* EarthCam Global CSS Customizations for MYEC go here */

@font-face {
    font-family: Roboto;
    src: url("/myearthcam/css/Roboto-Regular.ttf");
}
@font-face {
  font-family: Roboto;
  src: url('/myearthcam/css/Roboto-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: Roboto;
  src: url('/myearthcam/css/Roboto-Bold.ttf');
  font-weight: bold;
}

*{
	/* border: 1px solid red; */
	font-family: Roboto,Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-family: Roboto,Arial,sans-serif !important; }
a {
    color: #1d63a2;
}
a.blackLink {
	color: #000000;
	text-decoration: underline;
}
body{
	z-index: 2;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	--bs-gutter-x: 30px;
}
.row {
	--bs-gutter-x: 30px;
}
.g-0, .gx-0 {
    --bs-gutter-x: 0;
}

/*Scrollbar code*/
html {
  --scrollbarBG: #CFD8DC;
  --thumbBG: #1D63A2;
}
body::-webkit-scrollbar {
  width: 12px;
}
body {
  scrollbar-width: thick;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
}

h1 {
	font-size: 40px;
}
@media( min-width: 576px ) {
	h1{
		font-size: 45px;
		line-height: 50px;
	}
}
p, li, li a, label, h1, h2, h3, h4, h5, h6 {
	color: #000000;
}
.sky-form header, label, .reg-page label {
	color: #000000 !important;
	font-weight: 500;
}
label:not(.radio){ margin-bottom: 0; }
label.blueLabel {
	font-size: 20px;
	color: #1d63a2 !important;
	margin-bottom: 5px;
}
.headline, .headline h2, .headline h3, .headline h4 {
	border-bottom: none;
	text-align: center;
	color: #1d63a2;
	font-size: 15px;
	font-weight: 700;
}
.questionCont .headline h2 {
	font-size: 25px;
}
@media( min-width: 576px ) {
	.headline, .headline h2, .headline h3, .headline h4 {
		font-size: 25px;
	}
}
.greyLink { color: #888888 !important; text-decoration: none !important; }
.whiteLink { color: #FFFFFF !important; text-decoration: none !important; }

.header-fixed .header-v3.header-fixed-shrink .navbar-brand img {
  width:auto;
  height: 90%;
}
.footer-logo{
	margin-top:0;
}

.checkbox, .radio{
	margin-top: 0;
}

.formToolTip{
	color:#999;
	font-style:italic;
}

.darkBlue { color: #1D63A2; }

.subheaderDiv{ text-align: center; margin-bottom: 20px; }
.subheaderButton{
	background: #EEEEEE;
	border-bottom: 5px solid #1D53A2;
	color: #1D63A2;
	display: flex;
	flex-direction: column;
	font-size: 22px;
	font-weight: 700;
	height: 150px;
	line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
	width: 100%;
	max-width: 500px;
}
.subheaderButton:focus{
	color: #1D63A2;
}
.subheaderButton.shortened{
	font-size: 18px;
	height: 50px;
	width: 100%;
	/* max-width: 350px; */
	max-width: 500px;
}
@media( max-width: 575px ) {
	.accountHeaderCont { margin-bottom: 0px; }
	.subheaderDiv{ margin-bottom: 15px; }
	.accountHeaderCont > .subheaderDiv:nth-child(odd) { padding-left: 30px; padding-right: 10px; }
	.accountHeaderCont > .subheaderDiv:nth-child(even) { padding-left: 10px; padding-right: 30px; }
	.subheaderButton { width: 95%; }
	.smallestBreak { word-break: break-all; }
	.mobileFullWidthFlex { flex-wrap: wrap; }
	.mobileFullWidthFlex > button { flex-basis: 100%; }
}
@media( min-width: 576px ) {
	.subheaderButton { width: 95%; }
	.mobileFullWidthFlex > button:nth-child(even) { margin-left: 50px; }
}
.subheaderButton.active, .subheaderButton:hover{
	text-decoration: none;
	color: #FFFFFF;
	background: #1D53A2;
}
.centerItem{
	display: flex;
    align-items: center;
	justify-content: center;
}
.endItem{
	display: flex;
    align-items: flex-end;
	justify-content: flex-end;
}
.content, .title, .headerCont, .footerCont, .likesCont {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1728px;
	/*max-width: 1700px;*/
}
#indexPage .content {
	max-width: 1690px;
}
.title.underTitle {
	width: calc( 100% - 30px );
}
@media( min-width: 576px ) {
	.title.underTitle { width: 95%; }
	.content, .title, .headerCont, .footerCont, .likesCont { width: 90%; }
	.nav-link > .content { width: 100%; }
}
.settingsCont {
	padding-top: 0px;
	margin-top: -35px;
}
.topTitle{
	color: #FFFFFF;
	cursor: default;
	font-size: 45px;
	font-weight: 700;
	line-height: 1.5;
	padding: 30px 40px;
}
.likesCont fieldSet {
	padding-left: 15px!important;
	padding-right: 15px!important;
}
.topTitleBox { background: #1D63A2; }
.underTitleBox {
	background: #EEEEEE;
	color: #000000 !important;
	cursor: default;
	font-size: 14px;
	padding: 0px 30px;
	line-height: 40px;
}
.onboardSection { width: 100%; }
.helpHeaderCont.headerTop { padding: 0 28px; }
@media( max-width: 575px ) {
	.homeSection .content { padding-bottom: 20px; padding-top: 20px; }
	.topTitle{
		color: #1d63a2;
		font-size: 30px;
		text-align: center;
	}
	.topTitleBox { background: none; }
	.underTitleBox { display: none; }
}
@media( min-width: 576px ) {
	.likesCont fieldSet {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
}
@media( min-width: 992px ) {
	.onboardSection { width: calc(100% - 30px); }
	.likesCont fieldSet {
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
}
@media( min-width: 1000px ) {
	.topTitle{
		text-align: left;
		width: 89%;
		margin-left: auto;
		max-width: 1090px;
	}
	.topTitle.help {
		width: 89.5%;
		max-width: 1098px;
	}
	.likesCont fieldSet {
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
}
@media( min-width: 1200px ) {
	.topTitle{
		/* width: 86%; */
		/* max-width: 1090px; */
	}
	.topTitle.help {
		width: 89.5%;
		max-width: 1098px;
	}
	.likesCont fieldSet {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
}
@media( min-width: 1675px ) {
	.topTitle{
		/* width: 85%; */
	}
	.topTitle.help{
		width: 89%;
	}
	.likesCont fieldSet {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
}
@media( min-width: 1921px ) {
	.topTitle{
		/* max-width: 1165px; */
	}
	.topTitle.help{
		max-width: 1210px;
	}
	.largeBackground{
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media( min-width: 2561px ) {
	.topTitle{
		/* max-width: 1285px; */
	}
	.topTitle.help{
		max-width: 1365px;
	}
}
@media( min-width: 3001px ) {
	.topTitle{
		/* max-width: 1375px; */
	}
	.topTitle.help{
		max-width: 1422px;
	}
}
@media( min-width: 3841px ) {
	.topTitle{
		/* max-width: 1415px; */
	}
	.topTitle.help{
		max-width: 1465px;
	}
}
@media( min-width: 992px ) {
	.settingsCont {
		width: 68%;
		max-width: 1313px;
	}
	.questionCont{
		width: 68%;
		max-width: 1267px;
		padding-top: 70px;
	}
	.footerCont {
		width: 81%;
		max-width: 1555px;
	}
	.headerCont, .likesCont {
		width: 90%;
		max-width: 1728px;
	}
	.accountHeaderCont {
		width: 81%;
		max-width: 1542px;
		/*max-width: 1728px;*/
	}
	/*.helpHeaderCont {
		width: 81%;
		max-width: 1728px;
	}*/
	.underTitle.headerCont{
		width: 84%;
		max-width: 1455px;
	}
	.helpHeaderCont, .underTitle.helpHeaderCont{
		width: 84%;
		max-width: 1540px;
	}
}
@media( min-width: 1675px ) {
	.helpHeaderCont:not(.likesCont), .underTitle.helpHeaderCont {
		width: 83.5%;
	}
	.helpHeaderCont.likesCont {
		width: 81%;
	}
	.underTitle.headerCont{
		width: 78.5%;
	}
	/*.helpHeaderCont {
		width: 90%;
	}*/
}
@media( min-width: 1300px ) {
	.settingsCont {
		width: 68%;
	}
}
@media( min-width: 1885px ) {
	.helpHeaderCont.likesCont {
		width: 83.5%;
	}
	.settingsCont {
		width: 69%;
	}
}
.textPad{
	font-size: 18px;
	font-weight: 500;
	padding-top: 20px;
	max-width: 100%;
}
.frontPageAd{
	background: #000000;
	height: 200px;
	margin-top: 15px;
	width: 300px;
}
.frontPageAd.last{
	margin-bottom: 15px;
}
.navbar-toggler {
	background-color: #FFFFFF;
	border: none !important;
	box-shadow: none !important;
	/*padding: 0.5rem;*/
}
.burger {
  display: block;
  border-bottom: .75rem double currentColor;
  border-top: .25rem solid currentColor;
  color: #FFFFFF;
  height: 1.25rem;
  width: 1.5rem;
}
.numBackground {
	background-color: #2ECC71;
	font-size: 40px;
	padding: 0px 21px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 32px;
	width: 64px;
}
.guideImage {
	/* background: #000000; */
	/* box-shadow: 0px 3px 6px #00000029; */
	max-width: 800px;
	width:100%;
}
.guideImage.specialImage1 {
	width: 92%;
}
.guideImage.noshadow {
	box-shadow: none;
}
div.guideImage {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
@media( max-width: 991px ) {
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl {
		padding-right: 40px !important;
		padding-left: 40px !important;
	}
	.rowMarg > div {
		margin-bottom: 20px;
	}
}
@media( max-width: 575px ) {
	.top40 { margin-top: 20px!important; }
	.bottom10 { margin-bottom: 20px!important; }
}
@media( min-width: 576px ) {
	.textPad {
		font-size: 20px;
		width: 85%;
		padding: 20px;
	}
	.guideImage {
		width: 80%;
	}
	.guideImage.specialImage1 {
		width: 74%;
	}
}
@media( min-width: 992px ) {
	.guideImage {
		width: 90%;
	}
	.homeSection > div > div:nth-child(odd) > .guideImage {
		margin-left: 10%;
	}
	.homeSection > div > div:nth-child(even) > .guideImage {
		margin-right: 10%;
	}
	.tab-pane > .homeSection > div > div > .guideImage {
		margin-left: 0%;
		margin-right: 10%;
	}
	.guideImage.specialImage1 {
		width: 83%;
		margin-right: 12% !important;
	}
}
#obs_key_3 {
	display: block !important;
}
@media( min-width: 576px ) {
	#obs_key_3 {
		margin-top: 10px;
		padding-top: 18px;
		justify-content: space-evenly;
		display: flex !important;
	}
	#obs_key_3 > label {
		display: inline-block;
	}
}
#filename {
	border: 1px solid #dddddd;
	font-size: 20px;
	height: 55px;
	/*margin-right: 20px;*/
	margin-top: 10px;
	min-width: 100px;
	/* max-width: 300px; */
	width: 100%;
	padding: 13px 10px;
	position: relative;
}
#filename::-webkit-calendar-picker-indicator {
	display: none !important;
}
#filenameContainer { text-align: center; }
.datalist-arrow {
	cursor: default;
	pointer-events: none;
	position: relative;
	width: 100%;
	/* max-width: 300px; */
	z-index: 1;
}
.datalist-arrow:after {
	background-color: white;
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	top: 20px;
    left: 88%;
    content: "\f107";
}
.error {
	color: red;
	font-size: 15px;
	min-height: 24px;
}
.solsticeError {
	min-height: 40px;
}
.solsticeError > .error {
	font-size: 13px !important;
}
@media( min-width: 415px ) {
	/* .datalist-arrow { max-width: calc( 50% + 150px ); } */
}
@media( min-width: 575px ) {
	/* .datalist-arrow { max-width: calc( 50% + 175px ); } */
}
@media( min-width: 776px ) {
	#filenameContainer {
		/* text-align: left; */
	}
	.datalist-arrow { /* max-width: 300px; */ }
}
@media( min-width: 1200px ) {
	.datalist-arrow:after {
		/* left: 175px; */
	}
	#filename { /* width: 200px; margin-right: 20px; */ }
	#eapSubmit { /* width: 200px !important; */ }
	#filenameContainer {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media( min-width: 1600px ) {
	.datalist-arrow:after {
		/* left: 275px; */
	}
	#filename { /* width: 300px; */ }
	#eapSubmit { /* width: 300px !important; */ }
}
#myTabOuter{
	border-bottom: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}
#myTabOuter .nav-item {
	width: 100%;
}
#myPillsInner {
	padding-top: 30px;
	padding-left: 60px;
	padding-right: 60px;
	justify-content: center;
}
#myPillsInner > li > .nav-link {
	/* border: 1px solid #707070!important; */
	border-radius: 0!important;
	/* background-color: #1d63a2!important; */
	background-color: #eeeeee!important;
	/* color: #FFFFFF!important; */
	color: #000000!important;
	font-size: 20px!important;
	font-weight: 700!important;
	text-align: center;
	width: 210px;
}
#myPillsInner > li > .nav-link.active {
	/* background-color: #FFFFFF!important; */
	/* color: #1d63a2!important; */
	color: #1d63a2!important;
	text-decoration: underline;
}
@media( min-width: 576px ) {
	#myPillsInner > li:not(:first-of-type) > .nav-link { margin-left: 30px; }
}
@media( min-width: 776px ) {
	#myTabOuter .nav-item {
		border: 5px solid #eeeeee;
		border-bottom: 0px;
		max-width: calc( 50% - 30px );
		margin-left: 15px;
		margin-right: 15px;
		/*font-size: 14px;*/
		/*font-weight: 700;*/
	}
	#myTabOuter.accountHeaderCont {
		width: 90%;
	}
}
@media( min-width: 992px ) {
	#myTabOuter.accountHeaderCont {
		width: 81%;
	}
}
#myTabOuter .nav-link {
	border-radius: 0px;
	height: 100%;
}
@media( min-width: 776px ) {
	#myTabOuter .nav-link { margin: -1px; }
}
.nav-tabs .nav-link {
	border: none;
}
.nav-tabs .nav-link.active {
	background-color: #eeeeee;
	color: #000000;
}

/* Homepage Items */
.homeSection {
	min-height: 400px;
	position: relative;
}
.homeSection.joinSection { min-height: 200px; }
.homeSection.titleSection { min-height: 75px; }
.homepageIcon {
	background-image: url("https://static.earthcam.com/camshots/512x288/0b4021e1d12a15c15e69027eaccbf8fe.jpg");
	background-repeat: no-repeat;
	border-radius: 50%;
	background-size: 68%;
	background-position: center;
	position: absolute;
	transform: translate( -50%, -50% );
}
.altColor .homepageIcon {
	/* -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); */
	/* filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); */
}
.homepageIcon.leftIcon {
	width: 20%;
	bottom: 15%;
	right: -20%;
}
.homepageIcon.rightIcon {
	width: 20%;
	bottom: 15%;
	left: 0%;
}
@media( max-width: 575px ) {
	.homepageIcon.leftIcon { right: -14%; }
	.homepageIcon.rightIcon { left: 3%; }
}
.altColor {
	background-color: #eeeeee;
}
.homeSection .frontImage {
	bottom: 27px;
	/* bottom: -5px; */
	position: absolute;
	text-align: center;
	width: 100%;
	transform: translateY(50%);
}
.homeSection .largeTopTitle {
	font-size: 45px;
	font-weight: bold;
    line-height: 1.4;
}
.homeSection .headerText {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}
.homeSection .sectionHeading, .homeSection .sectionSmallerHeading {
	/*font-family: Roboto-bold,Arial,sans-serif;*/
	color: #1D63A2;
	font-size: 45px;
	font-weight: 700;
	margin: 20px 0px 50px;
	text-align: center;
	width: 100%;
}
.homeSection .textPad .sectionHeading {
	margin: 0px;
	text-align: left;
}
.homeSection .sectionSmallerHeading {
	margin: 0px;
	font-size: 25px;
	text-align: initial;
}
.lineHeightAdjust {
	line-height: 1.3;
}
.sectionSmallerHeading.blackColor {
	color: #000000 !important;
}
.homeSection .homeLink {
	font-size: 20px;
	font-weight: 700;
	color: #1D63A2 !important;
	text-align: center;
	text-decoration: none !important;
}
.homeSection.topSection {
	background-color: #F2F5F9;
	min-height: 575px;
	/* margin-bottom: 100px; */
	 padding-bottom: 50px;
}
.homeSection.topSection > div.blueBack {
	background-color: #1D63A2;
	min-height: 450px;
	color: #FFFFFF !important;
	padding-top: 0px;
	position: relative;
	text-align: center;
}
.homeSection .homeLink span.linkText {
	transition: 0.5s;
}
.homeSection .homeLink:hover span.linkText {
	margin-right: 10px;
}
.homeSection .homeLink span.linkArrow {
	display: none;
}
.textPad > .innerText {
	margin-bottom: 5px;
}
.textPad button {
	margin-top: 10px;
}
.textPad .step_title {
	font-size: 30px;
}
.instructions {
	font-size: 20px;
	margin: 0px;
	padding-top: 50px;
	text-align: center;
}
.adsbygoogle {
	background-color: black;
}
#indexPage .altColor {
	background-color: #F2F5F9;
}
#indexPage .textPad > .innerText, #quicktour .textPad > .innerText {
	line-height: 1.4;
}
@media( max-width: 450px ) {
	.homeSection.topSection { min-height: 565px; }
}
@media( max-width: 575px ) {
	.homeSection .textPad .sectionHeading {
		font-size: 35px;
		line-height: 1.2;
	}
}
@media( min-width: 576px ) {
	.homeSection.joinSection { min-height: 300px !important; }
	.homeSection.titleSection { min-height: 75px !important; }
	.homeSection .sectionHeading { margin: 50px 0px 90px; }
	.homeSection .largeTopTitle { font-size: 60px; }
	.homeSection .headerText { font-size: 22px; }
	.homeSection .homeLink { font-size: 25px; }
	.homeSection {
		min-height: 550px;
		position: relative;
	}
	.instructions, .homeSection .sectionSmallerHeading { font-size: 40px; }
	.lineHeightAdjust { line-height: 1.6; }
	.homeSection.topSection { min-height: 940px; }
	.homeSection.topSection > div.blueBack { min-height: 640px; padding-top: 10px; }
	.homeSection .homeLink { text-align: left; }
	.homeSection .homeLink span.linkArrow { display: inline; }
	#indexPage .homeSection:not(.topSection) {
		min-height: 520px;
	}
	#indexPage .homeSection .textPad, #quicktour .homeSection .textPad { font-size: 25px !important; }
	.homeSection .frontImage { bottom: 45px; }
}
@media ( min-width: 991px )
{
	.homeSection .largeTopTitle { font-size: 70px; }
	.homeSection .headerText { font-size: 25px; }
}


/*Color Buttons*/
.btn:disabled {
	cursor: not-allowed;
}
.btn-u {
	color: #FFFFFF;
	background-color: #1d63a2 !important;
	font-weight: 700;
}
.btn-u:hover{
	background-color: #3f85c4 !important;
}
.btn-u:disabled{
    color: #FFFFFF;
}
.btn-u-default{
	color: #FFFFFF;
	background-color: #95a5a6 !important;
}
.btn-u-red, .btn-u-red:focus{
	color: #FFFFFF;
	background-color: #af2020 !important;
}
.btn-u-red-reverse{
	color: #af2020;
	background-color: #FFFFFF !important;
}
.btn-u-red:hover, .btn-u-red:focus:hover{
	background-color: #cf4242 !important;
}
.btn-u-red-reverse:hover{
	color: #cf4242;
	background-color: #FFFFFF !important;
}
.btn-u-green{
	color: #FFFFFF;
	background-color: #26A55C !important;
}
/*.btn-u-green.blueBack {
	border: 1px solid #1D63A2;
}
.btn-u-green.blackBack {
	border: 1px solid #26A55C;
	border-left: none;
}
.btn-u-green.greyBack {
	border: 1px solid #eeeeee;
	border-left: none;
}*/
.btn-u-default:hover{
	background-color: #CBCBCB !important;
}
.btn-u-green:hover{
	background: #67BC5F !important;
}
/*.btn-u-green.blueBack:hover{
	color: #FFFFFF;
	background-color: #1D63A2 !important;
	border: 1px solid #FFFFFF;
}
.btn-u-green.blackBack:hover {
	color: #FFFFFF;
	background-color: #000000 !important;
	border: 1px solid #FFFFFF;
	border-left: none;
}
.btn-u-green.greyBack:hover {
	color: #26A55C;
	background-color: #eeeeee !important;
	border: 1px solid #26A55C;
}*/

/*.btn-red{
	color:#fff;
	background-color:#e74c3c;
}
.btn-red:hover{
	color:#fff;
	background-color:#c0392b;
}*/
.btn-u-white {
	color: #26A55C;
	background-color: #FFFFFF !important;
}
.btn-u-white:hover {
	color: #26A55C;
	background-color: #FFFFFFED !important;
}
.btn-u-yellow {
	color: #000000 !important;
	background-color: #ffc439 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
}
.btn-u-yellow:hover {
	color: #000000 !important;
	background-color: #ffd54a !important;
}

/* Form styling override */

.sky-form .row { margin: 0 !important; }
.sky-form a:not(.earthcam_title) {
	color: #1d63A2 !important;
}
.alert > a.alert-link { text-decoration: underline; color: #721c24 !important; }
div.100_spacer {
	width: 100px;
}
.btn-u-lg {
	padding: 5px 20px;
	min-width: 180px;
	min-height: 55px;
}
.btnContainer {
	display: inline-block;
}
@media( max-width: 991px ) {
	.btn-u-lg.adjust {
		font-size: 15px;
		padding: 5px 20px;
		min-width: 130px;
		min-height: 40px;
	}
}
@media( max-width: 767px ) {
	.btn-u-lg.adjust {
		font-size: 15px;
		padding: 5px 20px;
		min-width: 100px;
		min-height: 30px;
	}
	.btn-u-lg.md-below-single {
		display: block;
		margin-bottom: 5px;
		margin-left: auto;
	}
}
@media ( min-width: 576px ) {
	#hof_full_image_container .btn-u:not(:last-child), .modal .btn-u:not(:last-child) { margin-right: 25px; }
}
@media( min-width: 768px ) {
	.smImageFlexGroup { display: flex; justify-content: start; align-items: flex-end; }
}
.sky-form section {
	position: relative;
}
.sky-form .state-error:not(.checkbox)+em {
	cursor: default;
	display: block;
	font-size: 13px !important;
	position: absolute;
	top: -3px;
	right: 0px;
}
#amazon_input > em {
	top: 13px !important;
	left: 0px !important;
}
.col-xl-6 > .state-error+em {
	right: 15px !important;
}
.form-control, .sky-form .radio i, .sky-form .checkbox i, .sky-form .input input, .sky-form .select select, .sky-form .textarea textarea, .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend, #embed_url {
	border: none !important;
	background: #EEEEEE !important;
	color: #000000 !important;
}
.checkbox.large, .radio.large {
	font-size: 20px !important;
}
.radio.large {
	margin-bottom: 20px !important;
}
.checkbox.large {
	margin-top: 3px;
	transform: scale(1.3);
}
.sky-form .inline-group .checkbox.large { margin-right: 15px !important; }
.radio.small {
	font-size: 13px !important;
}
.reg-header, .reg-form, .sky-form {
	border: none !important;
	box-shadow: none !important;
}
.inputAdjust {
	display: block;
	width: 100%;
}
@media( min-width: 576px ) {
	.inputAdjust {
		display: inline-block!important;
		width: calc( 100% - 207px )!important;
	}
	.sky-form .state-error+em {
		font-size: 15px !important;
	}
}
.sky-form .input{
	position:relative;
	display:block;
}
.sky-form input::placeholder{
	color: #8e979f!important;
}
.sky-form input.form-control.invalid {
	background-color: #ffc6c6!important;
}
.sky-form input.form-control.invalid::placeholder {
	color: #FFFFFF!important;
}
.sky-form .checkbox{
	font-size: 13px !important;
	/*line-height: 1.6;*/
}
.sky-form .radio, .sky-form .checkbox {
	line-height: 20px !important;
}
.sky-form .select i {
	background-color: #eeeeee!important;
}
.sky-form .select i:after, .sky-form .select i:before {
	right: 0px!important;
}
.sky-form .radio i {
	border: #000000 1px solid !important;
}
.sky-form .radio i, .sky-form .checkbox i {
	top: 0px !important;
}
.sky-form .radio i, .sky-form .checkbox i, .sky-form .checkbox input+i:after {
	height: 20px !important;
	width: 20px !important;
	font: 15px FontAwesome !important;
}
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
	font-size: 18px !important;
}
.sky-form .radio input+i:after {
	background-color: #1D63A2 !important;
	height: 14px !important;
	width: 14px !important;
	top: 2px !important;
	left: 2px !important;
}
.sky-form .eye-group {
	/*display: inline-block;*/
	font-size: 18px !important;
	padding: 6px 13px;
	position: absolute;
    top: 17px;
    right: -42px;
}
#forgotPass { text-align: right; }

.top_text { font-weight: 500; margin-bottom: 35px; }
.flipItems{ display: flex; justify-content: center; }
.footRow { display: flex; padding-top: 95px !important; }
.rightExtraPad { padding-left: 0px; }

@media( max-width: 575px ) {
	.top_text { margin-bottom: 25px; }
	.footRow { padding-top: 40px !important; padding-bottom: 0px !important; }
	.flipItems{ display: flex; flex-direction: column-reverse; padding: 0; }
	h1.darkBlue { font-size: 35px; }
	.btn-u-lg:not(.adjust) { margin-top: 5px; width: 100%; }
	.btnContainer { width: 100%; }
	.btn-u-green.pull-right, .btn-u-green.full-sm { float: none; margin-top: 15px; }
	.btn-u-green.pull-right, .btn-u-green.full-sm { width: 100%; }
	.smCenter { text-align: center; }
	#loginform { padding-bottom: 0px; }
	#forgotPass { text-align: left; }
}
@media( min-width: 992px ) {
	.leftExtraPad { padding-left: 45px; }
	.rightExtraPad { padding-right: 45px; }
}

.sky-form .select i.downArrowOnly:before { content: none; }
.sky-form .select i.downArrowOnly:after { top: initial; content: "\f107"; font-family: 'FontAwesome'; font-size: 20px; font-style: normal; border-top: none; bottom: -13px; color: black; }

select .form-control { -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; }

.sky-form a.helpWidget { background-color: #B8B8B8; border-color: #DADADA; border-radius: 8px; display:inline-block; color: white!important; font-size: 10px; height: 16px; width: 16px; padding: 0; text-decoration: none; }
.sky-form a.helpWidget:hover, .sky-form a.helpWidget:hover:focus { background-color: #969696 !important; border-color: #A7A7A7 !important; box-shadow: 0 0 0 0.1rem rgba(164,172,179,.5) !important; }
.sky-form a.helpWidget:focus { box-shadow: none !important; }
.popover { background-color: #1D63A2; color: white !important; }
.popover > .popover-arrow::after, .popover > .popover-arrow::before{ border-right-color: #1D63A2 !important; }
.popover-body { background-color: #1D63A2; color: white !important; }

#hashkey { width: calc( 100% - 38px ); }
#refresh_key { /*padding: .25rem .75rem;*/ }
.eyePass { display: inline-block !important; width: calc( 100% - 48px ) !important; }
#eye1 { cursor: pointer; }
#eye1.hidden { color: grey; }
#embedMessage { color: green; height: 35px; transition: 0.2s; }
#delete_image_message { color: black; font-size: 22px; margin-top: 20px; margin-left: 30px; }
#ui-id-1 { z-index: 10000; background-color: white; border: 1px solid #eeeeee; border-top: none; list-style-type: none; padding-left: 0px; }
#ui-id-1 > li { /*padding-left: 10px;*/ line-height: 2; }
#ui-id-1 > li > div.ui-state-active { background: #007fff !important; border-color: #003eff !important; }
#ui-id-1 > li:hover { background-color: #1D63A2; color: white; cursor: pointer; }


/*Panels*/

.accordion-toggle:after {
	font-family: FontAwesome;
	position: absolute;
    right: 50px;
    content: "\f107";
}
.accordion-toggle.collapsed:after {
    content: "\f105";
}
@media( max-width: 330px ){
	.questionCont .accordion-toggle:after {
		content: none !important;
	}
}
.acc-v1 .panel-heading a{
	background: #EEEEEE;
}
.panel, .panel-default>.panel-heading, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border: none;
	box-shadow: none;
}
.acc-v1 .panel-heading a, .acc-v1 .panel-heading a:hover {
	text-decoration: none;
	color: #000000;
}
.panel-title{
	position: relative;
}
.panel-title, .acc-v1 .panel-heading a {
	font-size: 20px;
	font-weight: 700;
}
.acc-v1 .panel-heading a {
	padding: 20px 65px;
}
.panel-body{
	color: #000000;
	font-size: 20px !important;
	padding: 15px 100px;
}

/*EAP Page*/
.step_num, .step_text {
	display: inline-block;
}
.step_text {
	max-width: calc( 100% - 75px );
}
.step_num {
	/* color: #1d63a2; */
	color: #c4d2df;
	font-size: 120px;
	line-height: 1;
	min-width: 70px;
	vertical-align: top;
}
.step_title {
	color: #1d63a2;
	font-weight: 700;
}
.force_break {
	word-break: break-all;
}
.extraBottomMargCols > div {
	margin-bottom: 15px;
}
@media( min-width: 992px ) {
	.extraLeftPadding {
		padding-left: 45px;
		padding-right: 15px;
	}
	.extraRightPadding {
		padding-left: 15px;
		padding-right: 45px;
	}
}

/*Register & Login Pages*/
.underTop { font-size: 25px; }
.twentyText { font-size: 20px; text-align: left; font-weight: 400; }
form .twentyText, .reg-header .twentyText { text-align: center; }
@media( max-width: 575px ) {
	#loginPage h1.darkBlue {
		font-size: 25px;
	}
	#loginPage .underTop {
		font-size: 18px;
	}
	#loginPage .twentyText {
		font-size: 13px;
	}
	#loginPage .reg-page {
		padding-bottom: 0px;
	}
	#loginPage .container.content, #authPage .container-fluid.content, #authPage .container.content {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	#loginPage hr, #authPage hr {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.submitAdjust {
		margin-top: 30px !important;
	}
}

/*Modals*/
@media screen and (min-width: 768px) {
	.modal-dialog {
		margin-top:200px;
		max-width: 700px;
	}
}

.modal-header .btn-close { font-size: 11px; font-weight: 700; }

.modal.fade .modal-dialog {
    /*! disable sliding from left/right/top/bottom */
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-footer>* {
	margin: 0;
}

.modal-footer-empty{
	border-top:0;
	padding:3px;
}


/*buttons for file upload*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
#pageSetup .btn-u-green:not(.btn-u-lg) {
	margin-top: 15px;
}

.success{
	color:green;
}
.warning{
	color:yellow;
}
.error{
	color:red;
}
.info{
	color:purple;
}


/*Header customizations*/
.header-v3 {
	border: none;
	/*min-height: 100px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
	z-index: 1;
}
.header-v3 .navbar-default {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
}
@media (max-width: 991px) {
  body.fixedHeader {
	overflow: hidden;
    /*margin-top: 100px;*/
  }
  /*#navbarNav.show {
	height: calc( 100vh - 100px );
  }
  .header-v3{
	max-width: 100vw;
    position: fixed;
    right: 0;
    left: 0;
    border-radius: 0;
    top: 0;
  }  */
}
#logo-header {
	height: 30px;
	margin-top: 12px;
}
@media (max-width: 991px){
	.header-v3 .navbar-nav>li {
		min-height: 50px;
	}
	.header-v3 .navbar-nav>li>a {
		width: 100vw;
	}
	#navbarNav, .header-v3 .navbar-nav>li, .header-v3 .navbar-nav>li>a {
		max-width: 100%;
	}
}
@media (min-width: 992px){
	#logo-header {
		height: 40px;
		margin-top: 10px;
	}
	#loginAdjust { padding-right: 15px; }
	#startingAdjust { padding-left: 15px; }
}
@media (min-width: 1200px){
	#logo-header {
		height: 60px;
		margin-top: 0px;
	}
}
.header-v3 .navbar-default .navbar-nav > li > a, .header-v3 .navbar-default .navbar-nav > li > a:focus{
	text-decoration: none !important;
	text-transform: none;
	color: #1D63A2;
	/*font-family: Roboto-bold,Arial,sans-serif;*/
	font-size: 15px;
	font-weight: 700;
	padding: 15px 30px;
}
.header-v3 .navbar-default .navbar-nav > li.joinCont {
	display: flex;
	align-items: center;
}
.header-v3 .navbar-default .navbar-nav > li > a.join {
	background: #1D63A2;
	color: #FFFFFF;
	height: 40px;
	padding: 4px 34px;
}
.header-v3 .navbar-default .navbar-nav > li > a:hover{
	color: #26A55C;
}
.header-v3 .navbar-default .navbar-nav > li > a.join:hover{
	background: #26A55C;
	color: #FFFFFF;
}
.header-v3 .dropdown-menu{
	border: none;
	min-width: 55px;
	/*margin-top: 0px;*/
	transition: height 0.1s ease;
}
.header-v3 .dropdown-menu li a{
	color: #1D63A2;
	font-size: 14px;
	font-weight: 500;
	padding: 20px 40px;
}
@media( min-width: 576px ) {
	.header-v3 .dropdown-menu{
		border: 1px solid #eeeeee;
	}
	.header-v3 .dropdown-menu li a{
		color: #1D63A2;
		font-size: 14px;
		font-weight: 500;
		padding: 20px 20px;
	}

}
@media( min-width: 991px ) {
	.header-v3 .dropdown-menu{
		/*margin-top: -25px;*/
	}
	.header-v3 .navbar-default .navbar-nav > li > a.join {
		height: 30px;
	}
}
.header-v3 .dropdown-menu.show{
	position: relative;
	top: 0px;
}
.header-v3 .dropdown-menu.select{
	min-width: 150px;
}

.header-v3 .dropdown-menu li>a:hover{
	background: #1D63A2!important;
	color: #FFFFFF;
}
.header-v3 .mega-menu .dropdown {
	/*position: relative;*/
}

.header-v3 .navbar-collapse.collapse.show {
	display: block !important;
}

.header-v3 .navbar-brand{
	padding-top: 0;
	padding-bottom:0;
	height: 50px;
}
.header-v3 .dropdown>a:after {
	font-size: 13px;
	position: relative;
	top: 0;
	right: -10px;
}
.header-v3 .navbar-default .navbar-nav>li a {
	display: block;
	text-decoration: none;
}
@media( max-width: 330px ) {
	.header-v3 .navbar-brand{
		margin-right: 0px;
	}
}
@media( min-width: 992px ) {
	.header-v3 .navbar-brand{
		margin-top: -30px;
	}
}
@media( max-width: 991px ) {
	.header-v3 .navbar-collapse.collapse.in { overflow: hidden !important; }
	.header-v3 .dropdown>a:after {
		border-top: 0px;
		/*display: none;*/
		top: 3px !important;
	}
	.header-v3 .navbar-default .navbar-nav>li a, .header-v3 .navbar-default .navbar-nav > li > a:focus {
		/*border-bottom: none;*/
		font-size: 20px;
	}
	.header-v3 .mega-menu .dropdown-menu>li a, .header-v3 .mega-menu .dropdown.show>a{
		border-bottom: none;
	}
	.header-v3 .dropdown-menu.show{ border-bottom: solid 1px #eee; }
}
@media (max-width: 991px) and (min-width: 767px) {
	.header-v3 .navbar>.container .navbar-brand, .header-v3 .navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
}

.navbar-toggler span {
   display: block;
   background-color: #1d63a2;
   height: 3px;
   width: 20px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 1;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 17px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 1;
}

.close {
	line-height: 20px;
}
.btn-close, .btn-close:hover, .btn-close:focus, .btn-close:hover:focus {
	color: transparent;
	box-shadow: none;
}

.reg-header{
	text-align:left!important;
}

.reg-header:nth-of-type(1){
	text-align:center!important;
}

.error_section { min-height: 10px; }

.breadcrumbs{
	display:none;
}

/*weather section*/
.weatherSection {
	background: white;
}
.ecAdItem {
	margin-top: 5px;
	margin-bottom: 5px;
}
.ecAdItem img {
	max-width: 280px;
}
@media( min-width: 576px ) {
	.error_section { min-height: 20px; }
	.ecAdItem img {
		max-width: 310px;
	}
}

/*footer customizations*/
#accordion-footer .panel:not(:last-child) {
	border-bottom: 1px solid #FFFFFF;
}
.footer-v6 .footer {
	padding-left: 30px;
	padding-right: 30px;
}
.footer-v6 .accordion-toggle:after {
	right: 5px;
}
.footer-v6 p, .footer-v6 .footer-link-list li a, .footer-v6 .copyright .terms-menu li, .footer-v6 .copyright .terms-menu li a, .footer-v6 .panel-body a{
	color: #FFFFFF !important;
	font-family: Roboto, Arial, sans-serif !important;
}
.footer-v6 .panel-body a{
	text-decoration: none !important;
}
.footer-v6 .footer-link-list li a:hover, .footer-v6 .panel-body a:hover {
	text-decoration: none !important;
	color: #B8B8B8 !important;
}
.footer-v6 .footer-link-list li {
	border: none;
}
.footer-v6 .panel-body {
	font-size: 14px !important;
	padding: 10px 0px;
}
.footer-v6 .heading-footer {
	margin-bottom: 12px;
}
.footer-v6 .heading-footer:after {
	width: 0px;
}
.footer-v6 .acc-v1 .panel-heading a {
	background: #161616;
	font-size: 18px;
	font-weight: 500;
	padding: 5px 0px;
}
.footer-v6 .acc-v1 .panel-heading a, .footer-v6 .heading-footer h2 {
	font-family: Roboto, Arial, sans-serif !important;
	font-weight: 700;
	color: #FFFFFF;
}
.footer-v6 .copyright {
	background: #161616;
}
.footer-v6 .terms-menu li.copyrightText {
	color: #B2B2B2 !important;
	line-height: 1.5;
}
.footer-v6 .terms-menu li.copyrightText > a {
	color: #FFFFFF !important;
}
.footer-v6 .btn-u{
	background-color: #26A55C;
}
.footer-v6 .btn-u:hover{
	background-color: #26A55C;
}
@media( max-width: 991px ) {
	.footer-v6 .footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.footer-v6 .sm-margin-bottom-40{
		margin-bottom: 40px;
	}
}
.btn-u.footerButton {
	margin-left: 10px;
	padding: 8px 13px;
}
@media( max-width: 575px ) {
	.footer .input-group>.form-control, .footer .input-group>.input-group-btn {
		width: 100%;
	}
	.btn-u.footerButton {
		margin-left: 0px;
		margin-top: 10px;
		padding: 8px 13px;
		width: 100%;
	}
}

#footerIcons {
	display: flex;
	padding-top: 38px;
	justify-content: left;
	padding-left: 5px;
}
@media( min-width: 992px ) {
	#footerIcons {
		padding-top: 63px;
	}
}
@media( min-width: 1200px ) {
	#footerIcons {
		justify-content: left;
	}
	.header-v3 .navbar-collapse {
		margin-right: -15px;
	}
}
@media( min-width: 1255px )
{
    #footerIcons {
        padding-top: 39px;
    }
}
#footerIcons > a {
	background-color: #FFFFFF;
	border-radius: 20px;
	color: #333 !important;
	font-size: 24px;
	margin: 0px 4px;
	max-height: 38px;
	text-align: center;
	transition: background-color 0.1s linear, color 0.1s linear;
	width: 40px;
}
@media( min-width: 576px ) {
	#footerIcons > a {
		margin: 0px 7px;
	}
	.footerBrand { justify-content: start; }
}
@media( min-width: 1200px ) {
	#footerIcons > a {
		margin: 0px 10px;
	}
}
#footerIcons > a:hover {
	background-color: #B8B8B8;
	color: black !important;
}
#footerIcons > a.youtube {
	font-size: 23px;
	line-height: 38px;
}