.page-top {
	margin-top: 1.5rem;
}

h1, h2, h3, h4 {
  font-family: 'Raleway', sans-serif;
}

.page-heading {
	text-shadow: 2px 4px 2px #000;
}

.sticky-sidebar {
	top: 85px;
	z-index: 1020;
}

.navbar-gradient {
	background: #224; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#6A2070, #224); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6A2070, #224); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6A2070, #224); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6A2070, #224); /* Standard syntax */
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.navbar-bg {
	background: #224 url('/web2/images/navbar-bg3.jpg') repeat-x center top;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.nav-link-light {
	color: #F0F0F0;
	text-transform: uppercase;
}

.navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: .5rem;
}

ul.nav-tabs li.nav-item .nav-link.active {
	background-color: rgb(248, 249, 250) !important;
	border-bottom-color: rgb(248, 249, 250) !important;
}

nav.nav-tabs a.nav-item.nav-link {
	color: #333;
	border-top: rgb(221, 221, 221) solid 1px;
	border-right: rgb(221, 221, 221) solid 1px;
	border-left: rgb(221, 221, 221) solid 1px;
	background: #EEE;
	background: -webkit-linear-gradient(#EEE, #FFFFFF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#EEE, #FFFFFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#EEE, #FFFFFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EEE, #FFFFFF); /* Standard syntax */
}

nav.nav-tabs a.nav-item.nav-link:hover {
	background: #FFF;
}

nav.nav-tabs a.nav-item.nav-link.active {
	background: rgb(209, 236, 241);
	background: -webkit-linear-gradient(#CEE, #FFFFFF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CEE, #FFFFFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CEE, #FFFFFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CEE, #FFFFFF); /* Standard syntax */
	border-bottom-color: white;
}

.nav-link-light:hover, .nav-link-light.active {
	/* color: #0275d8; */
	color: #FFF;
	background: rgba(255,255,255,0.2);
	text-shadow: 0 2px 2px #000;
}

.teal {
	color: #17CACD;
}

ul.stars {
	list-style-image: url('/images/star.gif');
}

.tag-success {
	background: #17CACD;
}

.a-row {
	color: darkslategray;
	text-decoration: none;
}
.a-row:hover {
	color: black;
	background: white;
	text-decoration: none;
}

.btn {
	line-height: inherit;
}

.fb-comments, .fb-comments * {
    width:100% !important;
}

.btn-success {
	background: #17CACD;
	background: -webkit-linear-gradient(#17CACD, #14b3b6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#17CACD, #14b3b6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#17CACD, #14b3b6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#17CACD, #14b3b6); /* Standard syntax */
	border-color: #14b3b6 !important;
}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus {
	background: #14b3b6;
	background: -webkit-linear-gradient(#17CACD, #0275d8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#17CACD, #0275d8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#17CACD, #0275d8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#17CACD, #0275d8); /* Standard syntax */
	border-color: #14b3b6;
}

.navbar-toggler-right {
	right: 0;
}

.btn-outline-success {
	color: #17CACD !important;
	border-color: #17CACD !important;
}
.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, .show>.btn-outline-success.dropdown-toggle {
	color: white !important;
	background: #14b3b6;
	background: -webkit-linear-gradient(#17CACD, #0275d8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#17CACD, #0275d8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#17CACD, #0275d8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#17CACD, #0275d8); /* Standard syntax */
	border-color: #14b3b6 !important;
}
.btn-outline-success:focus {
	box-shadow: 0 0 0 2px rgba(92, 180, 184, .5);
	-webkit-box-shadow: 0 0 0 2px rgba(92, 180, 184, .5);
}


.btn-navbar {
	color: #F0F0F0;
	border-color: #17CACD !important;
	background: transparent;
	line-height: 1;
}
.btn-navbar:hover, .btn-navbar:active, .btn-navbar:focus, .btn-navbar:active:hover, .btn-navbar:active:focus, .btn-navbar:active.focus, .btn-navbar.active:hover, .btn-navbar.active:focus, .btn-navbar.active.focus, .show>.btn-navbar.dropdown-toggle {
	color: #FFF;
	background: rgba(255,255,255,0.2);
	text-shadow: 0 2px 2px #000;
	border-color: #14b3b6 !important;
}
.btn-navbar:focus {
	box-shadow: 0 0 0 2px rgba(92, 180, 184, .5);
	-webkit-box-shadow: 0 0 0 2px rgba(92, 180, 184, .5);
}

.table-sm td {
	border-top:0;
}

.logo-image {
	max-width: 180px;
	flex: 0 0 auto;
	object-fit: scale-down;
}

.card-img-top {
	flex: 0 0 auto;
	object-fit: scale-down;
}

.dropdown-menu-right { 
    right: 0; 
    left: auto; 
}

.footer {
	padding: 2rem 0;
}

.on-sale {
	background: white url('/images/onsale.png') no-repeat right;
	background-size: contain;
}

.bg-transparent {
	background: rgba(255,255,255,0.9);
}

.bg-transparent-light {
	background: rgba(255,255,255,0.4);
}

.bg-transparent-light:hover {
	background: rgba(255,255,255,0.9);
	text-decoration: none;
}

.bg-transparent-dark {
	background: rgba(34,34,68,0.9);
}

.bg-fixed {
	background-attachment:fixed;
}

a.horizontal-bars {
	background: linear-gradient(white, white, #f7f7f7);
    border: 1px solid #CCC;
    border-radius: .25rem;
	color: darkslategray;
}

a.horizontal-bars:hover {
	background: white;
    border-color: #17CACD;
    text-decoration: none;
    color: black;
}

a.horizontal-bars-dark {
	background: rgba(195, 195, 195,0.1);
    border: 1px solid #AAA;
    border-radius: .25rem;
    color: white;
}

a.horizontal-bars-dark:hover {
	background: rgba(195, 195, 195,0.4);
    border-color: #17CACD;
    text-decoration: none;
    color: white;
}

.box {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.bg-pink {
	background: url('/web2/images/pink.png') repeat-x bottom;
}

.bg-pink-flip {
	background: url('/web2/images/pink-flip.png') repeat-x top;
}

.bg-gradient-pink {
	background: url('/web2/images/white-pink.png') repeat-x;
}

.bg-gradient-teal {
	background: linear-gradient(#CEE, #FFFFFF);
}

.bg-gradient {
	background: linear-gradient(#F5E5FA, #F5E5FA, #e5e5f5);
}

.bg-gradient-bottom {
	background: linear-gradient(white, white, #f7f7f7);
}

.bg-gradient-dark {
	background: linear-gradient(#29323A, #35424C);
}

.bg-pattern {
	background: url('/web2/images/shattered.jpg') center;
	background-color: #f7f7f7;
}

.bg-aurora {
	background: black url('/images/aurora.jpg') repeat-x fixed center top;
}

.bg-fireworks {
	background: black url('/images/fireworks.jpg') repeat-x fixed center top;
}

.bg-sparkle {
	background: black url('/images/jumbo-sparkle.jpg') repeat-x fixed center top;
}

.bg-stars-black {
	background: #04040C url('/web2/images/stars.png') repeat-x fixed;
}

.bg-stars {
	background: #224 url('/web2/images/stars.png') repeat-x fixed;
}

.bg-footer {
	background: linear-gradient(#F5E5FA, #224);
	background-image: url('/web2/images/stars.png');
}

.bg-stars2 {
	background: black url('/web2/images/starfield-bg.jpg') repeat-x center top;
	background-attachment:fixed;
	background-position:center 50px;
}

ul.starz {
	list-style: none;
	padding: 0;
}
ul.starz li {
	padding-left: 1.3em;
	padding-bottom: 1em;
}
ul.starz li:before {
	content: "\f006"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}

.bg-white {
	background-color: white;
}

h1 {
  display:inline;
}

.scroll-box {
	height: 470px;
	overflow-y: scroll;
}

.card {
    background: none;
}

.card .card-header>h5>a:focus .caret{
        transform:rotate(-90deg);
        transition:all 0.3s ease-in-out; //for smoothness
    }

.fire {
	/* background-color: #FFE5E5; */
	color: #000;
  }
  a.fire {
		border-bottom: 2px solid #FFE5E5;
    text-decoration: none;
  	color: #000;
    }
    a:hover.fire {
			background-color: #FFE5E5;
      }

.air {
	color: #000;
  }
  a.air {
		border-bottom: 2px solid #fbfbcc;
  	color: #000;
    text-decoration: none;
    }
    a:hover.air {
			background-color: #fbfbcc;
      }

.water {
	color: #000;
  }
  a.water {
		border-bottom: 2px solid #E6E8FF;
  	color: #000;
    text-decoration: none;
    }
    a:hover.water {
			background-color: #E6E8FF;
      }

.earth {
	color: #000;
  }
  a.earth {
		border-bottom: 2px solid #E7FADE;
  	color: #000;
    text-decoration: none;
    }
    a:hover.earth {
			background-color: #E7FADE;
      }

.term {
	border-bottom: 2px solid #eeeeee;
	color: #000000;
  }
  a.term {
    color: #000;
    text-decoration: none;
    }
    a:hover.term {
			background-color: #eeeeee;
      }

ul.subnav {
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-top: 2px solid #CCC;
  list-style-type: none;
  line-height: 16px;
  }
  ul.subnav li a {
    margin: 0px;
    display: block;
    padding: 4px 4px;
  	color: #63636b;
  	font-size: 12px;
  	font-weight: bold;
    border-bottom: 2px solid #CCC;
    text-decoration: none;
		transition:background-color 1s, color 1s;
		-moz-transition:background-color 1s, color 1s; /* Firefox 4 */
		-webkit-transition:background-color 1s, color 1s; /* Safari and Chrome */
		-o-transition:background-color 1s, color 1s; /* Opera */
    }
    ul.subnav li a.subnav {
    	color: #63636b;
      background-color: #EFEFEF;
      text-decoration: none;
      }	
      ul.subnav li a:hover.subnav {
      	color: #FFFFFF;
        background-color: #4f70b5;
        text-decoration: none;
        }
    ul.subnav li a.action {
      /* padding-left: 24px; */
      /* background: url(/images/buttons/arrowRed.gif) no-repeat 4px center; */
    	color: #63636b;
      background: #EFEFEF url('/images/action_arrow.png') no-repeat 98% 50%;
      }	
      ul.subnav li a:hover.action {
      	color: #FFFFFF;
        text-decoration: none;
        background: #4f70b5 url('/images/action_arrow.png') no-repeat 98% 50%;
				}
    ul.subnav li a.gold {
      /* padding-left: 24px; */
      /* background: url(/images/buttons/arrowRed.gif) no-repeat 4px center; */
    	color: #63636b;
      background: #EFEFEF url('/images/members/MyASTROGRAPH-Gstar-sm.png') no-repeat 98% 50%;
      }	
    ul.subnav li a:hover.gold {
      	color: #FFFFFF;
        text-decoration: none;
        background: #4f70b5 url('/images/members/MyASTROGRAPH-Gstar-sm.png') no-repeat 98% 50%;
				}
    ul.subnav li a.current {
    	color: #4f70b5;
      background-color: #CCC;
      text-decoration: none;
      }	
      ul.subnav li a:hover.current {
      	color: #FFFFFF;
        background-color: #4f70b5;
        text-decoration: none;
        }

/* rounded rectangle */
.box-grad {
	color: #333;
	padding: 0 10px 10px 10px;
	border: 2px solid #F0F0F0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(245, 245, 245)));
	background: -moz-linear-gradient(top, #FFFFFF, #F5F5F5);
}

.button-grad {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	line-height: 14px;
	padding: .3em 2em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button-grad:hover {
	text-decoration: none;
}
.button-grad:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	border-radius: 3em;
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	text-shadow: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* blue */
.blue {
	color: #fff;
	border: solid 1px #0076a3;
	/*text-shadow: -1px -1px 1px rgba(0,0,0,.3);*/
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	color: #fff;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.sidebarTitleWhite {
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0;
  }
  a.sidebarTitleWhite {
	  color: #ffffff;
    text-decoration: none;
    }
    a:hover.sidebarTitleWhite {
    	color: #ffffff;
      text-decoration: underline;
      }


div.tabs {
	border: 1px solid #4f70b5;
  display:none;
  overflow-x:hidden;
}

ul.tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
  }
	ul.tabs a {
		float: left;
		margin: 0 2px 0 0;
		text-decoration: none;
		display: block;
		line-height: 2em;
		padding: 0 1em 0 1em;
		font-weight: bold;
		color: #4f70b5;
		border: 1px solid #4f70b5;
		border-bottom: 0.5em solid white;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
    }
	ul.tabs a.meter {
		border: 1px solid #A52F2F;
		border-bottom: 0.5em solid white;
		background: white;
		color: #A52F2F;
	}
	ul.tabs a.edit {
		border: 1px solid #CCC;
		border-bottom: 0.5em solid white;
		float: right;
		margin: 0 0 0 2px;
		color: #AAA;
	}
	ul.tabs li.selected a {
		color: white;
		border-color: #4f70b5;
		background-color: #4f70b5;
	}
	ul.tabs li.selected a.meter {
		border-color: #A52F2F;
		background-color: #A52F2F;
	}
	ul.tabs li.selected a.edit {
		border-color: #CCC;
		background-color: #CCC;
	}
	ul.tabs a:hover {
		border-color: #4f70b5;
		/* #f80; */
	}
	ul.tabs a.meter:hover {
		border-color: #A52F2F;
	}
	ul.tabs a.edit:hover {
		border: 1px solid #CCC;
		border-bottom: 0.5em solid #CCC;
	}

a.topbar {
	display:block;
	/* height:100%; */
	line-height: 20px;
	font-weight: bold;
	/* color: #AAA; */
}

a.topbar:hover {
	color: #4f70b5;
	text-decoration: none;
	background-color: rgba(255,255,255,0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.topbar-dark {
	display:block;
	/* height:100%; */
	line-height: 20px;
	font-weight: bold;
	/* color: #AAA; */
}

a.topbar-dark:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.mobile-nav {
	display:block;
	/* height:100%; */
	line-height: 20px;
	font-weight: bold;
	color: #D8D8D8;
}

a.mobile-nav:hover {
	color: #FFFFFF;
	background: rgba(255,255,255,0.2);
	text-shadow: 0 2px 2px #000;
	text-decoration: none;
}

.text-muted-light {
	color:#f0f0f0;
}

.text-muted-light:hover {
	color:#CCC;
}

#apple-pay-button {
    display: none;
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100%;
    height: 44px;
    padding: 10px 0;
    border-radius: 10px;
  }

.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.rounded-bottom {
	-moz-border-radius:0 0 4px 4px;
	-khtml-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border-bottom: rgb(221, 221, 221) solid 1px;
	border-right: rgb(221, 221, 221) solid 1px;
	border-left: rgb(221, 221, 221) solid 1px;
}

a.calday {
	color:#333;
}

a.caltoday, td.caltoday, div.caltoday, a.calday:hover {
	color:#333;
	background-color:#17CACD;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-decoration: none;
}

.day-next-month {
	color:#999;
}

.accordion-caret a:hover {
        text-decoration: none;
    }
    .accordion-caret a:hover span,
    .accordion-caret a:hover strong {
        text-decoration: underline;
    }
    .accordion-caret a:before {
        font-size: 25px;
		padding-right:4px;
    }
    .accordion-caret a:not(.collapsed):before {
        content: "▾";
        margin-right: 0px;
    }
    .accordion-caret a.collapsed:before {
        content: "▸";
        margin-right: 0px;
    }


.card-header .accordion-toggle {
  transition: .3s transform ease-in-out;
}
.card-header .collapsed .accordion-toggle {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/*
	MATCH
*/
div.bar {
	height: 27px;
	background: url(/images/meter/shadow.png) repeat-x center;
	border: 1px solid #ccc;
	position: relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div.bar span {
	display: block;
	height: 27px;
	padding: 0px;
	white-space: nowrap;
	position: absolute;
	left: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/*-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;*/
}

div.romantic span {
	background: #a52f2f url(/images/meter/3d.png) repeat-x left center;
}

div.money span {
	background: #00a60e url(/images/meter/3d.png) repeat-x left center;
}

div.comm span {
	background: #f2c200 url(/images/meter/3d.png) repeat-x left center;
}

div.dteal span {
	height: auto;
	background: #17CACD url(/images/meter/3d.png) repeat-x left center;
}

div.career span {
	background: #965b25 url(/images/meter/3d.png) repeat-x left center;
}

div.long span {
	background: #2DB8B8 url(/images/meter/3d.png) repeat-x left center;
}

div.avg span {
	background: blue url(/images/meter/3d.png) repeat-x left center;
}