body
{
	font-family:verdana,sans;
	font-size:12px;
	margin:0;
	background-color:white;
}
html
{
    margin: 0;
    padding: 0;	
}
ul, li, form, p, h1, h2, h3, h4, h5 ,h6
{
	margin:0;
	list-style:none;
	padding:0px;
}

a, a:hover, a:visited, a:active, a:focus {
    text-decoration: none;
}

.clearfix:after
{
	content:" ";
	clear:both;
	visibility:hedden;
	display:block;
	height:0px;
}
.clsWrapper
{
	width:100%;
	margin:0px auto;
}
.clsSp_txt_wh_lft h1
{
	color:white;
    font-family: 'Fjalla One', sans-serif;
    font-size:40px;
    line-height:50px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_lft h2
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:30px;
    line-height:40px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_lft h3
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:20px;
    line-height:30px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_lft h4
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    line-height:25px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_wh_lft h5
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_wh_lft p
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}




.clsSp_txt_bl_lft h1
{
	color:#000000;
    font-family: 'Fjalla One', sans-serif;
    font-size:40px;
    line-height:50px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_lft h2
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:30px;
    line-height:40px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_lft h3
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:20px;
    line-height:30px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_lft h4
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    line-height:25px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_bl_lft h5
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_bl_lft p
{
	color:#616161;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: left;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}



.clsSp_txt_wh_center h1
{
	color:white;
    font-family: 'Fjalla One', sans-serif;
    font-size:45px;
    line-height:50px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_center h2
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:30px;
    line-height:40px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_center h3
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:20px;
    line-height:30px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_wh_center h4
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    line-height:25px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_wh_center h5
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_wh_center p
{
	color:white;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}




.clsSp_txt_bl_center h1
{
	color:#000000;
    font-family: 'Fjalla One', sans-serif;
    font-size:40px;
    line-height:50px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_center h2
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:30px;
    line-height:40px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_center h3
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:20px;
    line-height:30px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}
.clsSp_txt_bl_center h4
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    line-height:25px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_bl_center h5
{
	color:#000000;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: bold;
}
.clsSp_txt_bl_center p
{
	color:#616161;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    line-height:20px;
    text-align: center;
	padding-bottom:8px 0px;
    font-style: normal;
    font-weight: normal;
}

.clsMenu_top
{
}
.clsMenu_JV.navbar.navbar-default
{
	background:transparent;
	border:0px;
}
.clsMenu_JV.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	background-color: #000000;
    color:white;
	border-radius:1px;
}
.clsMenu_JV.navbar-default .navbar-nav > .active2 > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	background-color: #ff8400;
    color:white;
	border-radius:1px;
}
.clsMenu_JV.navbar
{
	margin:0px;
}
.clsMenu_JV.navbar-default .navbar-nav > li > a 
{
	padding:15px 20px;
	font-size:13px;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	border-radius:0px;
	color:white;
}
.clsMenu_JV.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:white;background-color:#956CDA}

.clsLogo_img
{
	padding:20px;
}

.clsCal_bg_img {
    background: transparent url("../images/icons/cal_ico.png") no-repeat scroll center top;
    height: 200px;
}

.btn-warning.btn_edt {
    background-color: #956CDA;
    border-color: #956CDA;
    color: #fff;
	font-family: 'PT Sans', sans-serif;
	border-radius:8px;
}
.btn-warning.btn_edt2 {
    background-color: #c9002c;
    border-color: #c9002c;
    color: #fff;
	font-family: 'PT Sans', sans-serif;
	border-radius:8px;
}
.btn-warning.btn_edt3 {
    background-color: #f18200;
    border-color: #f18200;
    color: #fff;
	font-family: 'PT Sans', sans-serif;
	border-radius:8px;
}

.clsVid_Bg {
    background: white url("../images/icons/play_ico.png") no-repeat scroll center center;
    border: 6px solid white;
    border-radius: 1px;
}




.clsMargin
{
	margin:4%;
}
.clsPadding_sm
{
	padding:10px 30px;
}
.clsPadding_md
{
	padding:30px 30px;
}
.clsPadding_lg
{
	padding:60px 30px;
}
.clsMenu_bar
{
	background:#919191;
}



.clsBg1
{
	background:transparent url('../images/background/bg1.jpg') no-repeat fixed center top;
}
.clsBg2
{
	background:transparent url('../images/background/bg2.jpg') no-repeat fixed center top;
}
.clsBg_white
{
	background:white;
}
.clsBg_black
{
	background:#000000;
}
.clsBg_yellow
{
	background:#045a96;
}

.paymentbuttons
{
    width:830px;
    max-width:100%;
    text-align: center;
    margin: 0 auto;
    font-family:Arial, Helvetica, sans-serif;
}

.paymentbutton
{
    width:250px;
    height:240px;
    max-width:100%;
    display: inline-block;
    margin: 10px;
    border: 1px solid black;
    border-radius: 10px;
    font-size: 14px !important;
    overflow: hidden;
}

.attention
{
    width:830px;
    max-width:100%;
    text-align: center;
    margin: 20px auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    color:red;
    border: 2px solid red;
    padding:5px;
    
}

.paymentbutton .instructions
{
    padding: 10px;
    height: 110px;
}

.logo {
    height: 60px;
    margin-bottom:5px;
    padding:5px;
    border-bottom: 1px solid black;
}

.paymentbutton img {
    max-width:100%;
    max-height: 100%;
}

.paymentbutton button {
  background-color: #956CDA; /* Green */
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.paymentbutton input[type=submit] {
  background-color: #956CDA; /* Green */
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


.buynow {
  background-color:black; 
  width:500px;
  max-width:100%;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 26px;
  margin: 35px auto;
  cursor: pointer;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/* footer scrolling text */
.scroll-container {
    --gap: 30rem;
    position: relative;
    display: flex;
    user-select: none;
    gap: var(--gap);
    border: 3px solid black;
    border-radius: 5px;
    overflow: hidden;
    background: black;
    font-size: 22px;
    font-weight: bold;
    color:#FBCE05;
  }
  
  .scroll-text {
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
  
    /* animation properties */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    
    -moz-animation: footer-scroll-animation 120s linear infinite;
    -webkit-animation: footer-scroll-animation 120s linear infinite;
    animation: footer-scroll-animation 120s linear infinite;
  }
  
  /* for Firefox */
  @-moz-keyframes footer-scroll-animation {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(calc(-100% - var(--gap)));}
  }
  
  /* for Chrome */
  @-webkit-keyframes footer-scroll-animation {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(calc(-100% - var(--gap))); }
  }
  
  @keyframes footer-scroll-animation {
    from {
      -moz-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -moz-transform: translateX(calc(-100% - var(--gap)));
      -webkit-transform: translateX(calc(-100% - var(--gap)));
      transform: translateX(calc(-100% - var(--gap)));
    }
  }
  /* end footer scrolling text */

/* STT_THEME_V1_BEGIN
   ShareTheTraffic member design
   Founder palette
*/

:root {
  --stt-navy: #051223;
  --stt-blue: #3998D4;
  --stt-purple: #956CDA;
  --stt-light-purple: #D4BFFF;
  --stt-text: #172840;
  --stt-muted: #475569;
  --stt-page: #EDF3F9;
  --stt-white: #FFFFFF;
}

/* Main page and typography */

html,
body {
  background-color: var(--stt-page) !important;
  color: var(--stt-text);
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
  color: var(--stt-navy);
}

a {
  color: #2678AB;
}

a:hover,
a:focus {
  color: #754CB2;
}

/* Top navigation */

.navbar,
.navbar-default,
.navbar-inverse {
  background: var(--stt-navy) !important;
  border-color: #173B5C !important;
}

.navbar .navbar-brand,
.navbar .navbar-nav > li > a,
.navbar .navbar-header a,
.navbar .navbar-text {
  color: #FFFFFF !important;
}

.navbar .navbar-brand:hover,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > .open > a {
  background: #173B5C !important;
  color: var(--stt-light-purple) !important;
}

.navbar .dropdown-menu {
  background: #FFFFFF !important;
}

.navbar .dropdown-menu > li > a {
  color: var(--stt-text) !important;
}

.navbar .dropdown-menu > li > a:hover {
  background: #E7F3FB !important;
  color: #235F8A !important;
}

/* Side navigation */

#sidebar,
.sidebar,
.sidebar-nav,
.left-sidebar,
.main-sidebar {
  background-color: var(--stt-navy);
  border-color: #173B5C;
}

#sidebar a,
.sidebar a,
.sidebar-nav a,
.left-sidebar a,
.main-sidebar a {
  color: #FFFFFF;
}

#sidebar a:hover,
.sidebar a:hover,
.sidebar-nav a:hover,
.left-sidebar a:hover,
.main-sidebar a:hover {
  color: var(--stt-light-purple);
}

/* Cards, panels and readable content */

.panel,
.well,
.thumbnail {
  background-color: #FFFFFF;
  color: var(--stt-text);
  border-color: #D9E4F0;
}

.panel-body,
.well,
.thumbnail .caption {
  color: var(--stt-text);
}

.panel-default > .panel-heading {
  background: #E7F3FB;
  color: #173B5C;
  border-color: #D9E4F0;
}

.panel-primary {
  border-color: var(--stt-blue);
}

.panel-primary > .panel-heading {
  background: var(--stt-navy);
  border-color: var(--stt-blue);
  color: #FFFFFF;
}

.panel-primary > .panel-heading a {
  color: #FFFFFF;
}

/* Advertising and dashboard buttons */

.btn-primary,
.btn-info {
  background: var(--stt-blue) !important;
  border-color: #2678AB !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
  background: #2877AE !important;
  border-color: #205F8C !important;
  color: #FFFFFF !important;
}

.btn-primary:active,
.btn-info:active {
  background: #956CDA !important;
  border-color: #754CB2 !important;
}

.btn-default {
  background: #FFFFFF;
  color: var(--stt-text);
  border-color: #B8C8D9;
}

.btn-default:hover {
  background: #E7F3FB;
  color: #173B5C;
}

.btn:focus {
  outline: 2px solid var(--stt-purple);
  outline-offset: 2px;
}

/* Form readability */

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
select,
textarea {
  background-color: #FFFFFF;
  color: var(--stt-text);
  border-color: #B8C8D9;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--stt-purple);
}

label {
  color: var(--stt-text);
}

/* Tables */

.table {
  background-color: #FFFFFF;
  color: var(--stt-text);
}

.table > thead > tr > th {
  background-color: #E7F3FB;
  color: #173B5C;
  border-color: #D9E4F0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F3F7FC;
}

.table > tbody > tr > td {
  color: var(--stt-text);
  border-color: #E0E8F0;
}

/* Notices and useful highlights */

.alert-info {
  background: #E7F3FB;
  color: #20577F;
  border-color: #B7DDF3;
}

.label-primary,
.badge-primary {
  background-color: var(--stt-purple);
  color: #FFFFFF;
}

/* Footer */

footer {
  background-color: var(--stt-navy);
  color: #FFFFFF;
}

footer a {
  color: var(--stt-light-purple);
}

footer a:hover {
  color: #FFFFFF;
}

/* STT_THEME_V1_END */


/* STT_ROOT_THEME_V2_BEGIN */

:root {
  --stt-navy: #051223;
  --stt-blue: #3998D4;
  --stt-purple: #956CDA;
  --stt-light-purple: #D4BFFF;
  --stt-white: #FFFFFF;
  --stt-muted: #B8CDE0;
}

/* Preserve the existing dark dashboard layout. */

body {
  background-color: #051223;
}

.navbar,
.navbar-default,
.navbar-inverse {
  background-color: #051223 !important;
  border-color: #173B5C !important;
}

/* Real logo sizing. */

.navbar-brand img,
.brand-logo img,
.site-logo img,
.member-logo img,
.header-logo img,
.logo img {
  max-width: 230px;
  max-height: 68px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Blue primary actions, purple highlighted actions. */

.btn-primary,
.btn-info {
  background-color: #3998D4 !important;
  border-color: #2877AE !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-info:hover {
  background-color: #2877AE !important;
  color: #FFFFFF !important;
}

.btn-success,
.btn-lime,
.btn-neon,
.btn-accent {
  background-color: #956CDA !important;
  border-color: #754CB2 !important;
  color: #FFFFFF !important;
}

.btn-success:hover,
.btn-lime:hover,
.btn-neon:hover,
.btn-accent:hover {
  background-color: #754CB2 !important;
  color: #FFFFFF !important;
}

/* Maintain readable forms and content. */

.form-control {
  background: #FFFFFF;
  color: #172840;
  border-color: #8DA7BC;
}

.form-control:focus {
  border-color: #956CDA;
  box-shadow: 0 0 0 2px rgba(149,108,218,.24);
}

.btn:focus-visible,
a:focus-visible {
  outline: 2px solid #D4BFFF;
  outline-offset: 2px;
}

/* Theme panels. */

.panel-primary {
  border-color: #3998D4;
}

.panel-primary > .panel-heading {
  background-color: #173B5C;
  color: #FFFFFF;
}

/* STT_ROOT_THEME_V2_END */

/* STT_FOUNDER_STYLE_V1_BEGIN */

:root{
  --stt-navy:#031427;
  --stt-navy-2:#0A2745;
  --stt-blue:#3F8FD9;
  --stt-blue-2:#61B6FF;
  --stt-purple:#956CDA;
  --stt-purple-2:#C9B2FF;
  --stt-white:#FFFFFF;
  --stt-muted:#C8D9EB;
}

/* Match the founder page mood more closely */
html,
body{
  background:
    linear-gradient(
      90deg,
      #031427 0%,
      #082341 36%,
      #17335F 68%,
      #22396C 100%
    ) !important;
  background-attachment: fixed !important;
  color: var(--stt-white) !important;
}

/* Keep wrapper areas transparent so the gradient shows through */
body,
.main-wrapper,
.wrapper,
.page-wrapper,
.content-wrapper,
.content-area,
.member-layout,
.member-shell,
.member-dashboard,
.dashboard-wrapper,
.dashboard-page,
.app,
.site-wrapper{
  background-color: transparent !important;
}

/* Header / top nav */
header,
.header,
.header-wrap,
.topbar,
.navbar,
.navbar-default,
.navbar-inverse,
.member-topbar{
  background:
    linear-gradient(
      180deg,
      rgba(4,18,35,.96) 0%,
      rgba(6,24,43,.96) 100%
    ) !important;
  border-bottom: 1px solid rgba(149,108,218,.25) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

/* Logo sizing */
.logo img,
.site-logo img,
.brand img,
.brand-logo img,
.navbar-brand img,
.header-logo img{
  max-height: 72px !important;
  max-width: 250px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Sidebar */
.sidebar,
.left-sidebar,
.member-sidebar,
.sidebar-wrap,
.dashboard-sidebar,
aside{
  background:
    linear-gradient(
      180deg,
      rgba(7,24,44,.92) 0%,
      rgba(8,29,50,.97) 100%
    ) !important;
  border-right: 1px solid rgba(149,108,218,.18) !important;
}

/* Main cards / panels */
.card,
.panel,
.box,
.widget,
.stat-card,
.dashboard-card,
.member-card,
.profile-card,
.account-card,
.content-box,
.tile{
  background:
    linear-gradient(
      180deg,
      rgba(12,35,63,.93) 0%,
      rgba(8,26,47,.96) 100%
    ) !important;
  border: 1px solid rgba(86,155,224,.28) !important;
  box-shadow:
    0 0 0 1px rgba(149,108,218,.06),
    0 14px 28px rgba(0,0,0,.16) !important;
  color: #ffffff !important;
}

/* Strong founder-like highlight boxes */
.alert,
.notice,
.info-box,
.hero-box,
.welcome-box,
.dashboard-hero{
  background:
    linear-gradient(
      90deg,
      rgba(16,41,74,.92) 0%,
      rgba(15,38,68,.96) 50%,
      rgba(20,51,91,.94) 100%
    ) !important;
  border: 1px solid rgba(149,108,218,.45) !important;
}

/* Buttons */
.btn-primary,
.btn-info{
  background: #3F8FD9 !important;
  border-color: #3F8FD9 !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-info:hover{
  background: #2D7AC2 !important;
  border-color: #2D7AC2 !important;
  color: #fff !important;
}

.btn-success,
.btn-warning,
.btn-lime,
.btn-neon,
.btn-accent{
  background: #956CDA !important;
  border-color: #956CDA !important;
  color: #fff !important;
}

.btn-success:hover,
.btn-warning:hover,
.btn-lime:hover,
.btn-neon:hover,
.btn-accent:hover{
  background: #7F56C8 !important;
  border-color: #7F56C8 !important;
  color: #fff !important;
}

.btn-default,
.btn-outline{
  background: rgba(9,31,55,.45) !important;
  border-color: rgba(63,143,217,.55) !important;
  color: #ffffff !important;
}

/* Text */
h1,h2,h3,h4,h5,h6,
.title,
.panel-title{
  color: #ffffff !important;
}

p,
small,
.text-muted,
.muted{
  color: #D6E1ED !important;
}

/* Links */
a{
  color: #9ED1FF;
}

a:hover{
  color: #C9B2FF;
}

/* Sidebar active / pills */
.active > a,
.sidebar .active a,
.nav .active a,
.current a,
.menu-active a{
  background:
    linear-gradient(
      90deg,
      rgba(63,143,217,.22) 0%,
      rgba(149,108,218,.20) 100%
    ) !important;
  border: 1px solid rgba(149,108,218,.32) !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(149,108,218,.10) !important;
}

/* Purple badges instead of bright green */
.badge,
.label,
.tag,
.status-pill,
.live-badge,
.new-badge,
.contest-pill{
  border-color: rgba(149,108,218,.45) !important;
}

.badge-success,
.label-success,
.status-success,
.live-badge,
.new-badge{
  background: #956CDA !important;
  color: #ffffff !important;
}

/* Forms */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea{
  background: #0E2440 !important;
  color: #ffffff !important;
  border: 1px solid rgba(95,141,189,.55) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus{
  border-color: #956CDA !important;
  box-shadow: 0 0 0 2px rgba(149,108,218,.20) !important;
}

/* Tables */
table,
.table{
  color: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(odd){
  background: rgba(255,255,255,.02) !important;
}

/* Remove lingering green glow feel */
.glow-green,
.neon-green,
.green-box,
.success-box{
  box-shadow: 0 0 18px rgba(149,108,218,.12) !important;
}

/* STT_FOUNDER_STYLE_V1_END */

/* STT_GREEN_PURGE_V1_BEGIN */

/* Push the member area closer to the founder page look.
   Remove lime/green accents and replace with blue/purple. */

:root{
  --stt-navy:#031427;
  --stt-navy-2:#0A2745;
  --stt-blue:#3F8FD9;
  --stt-blue-2:#63B4FF;
  --stt-purple:#956CDA;
  --stt-purple-2:#C9B2FF;
  --stt-white:#FFFFFF;
  --stt-soft:#D8E5F2;
}

/* Stronger founder-like background */
html,
body{
  background:
    linear-gradient(
      90deg,
      #031427 0%,
      #0A2745 34%,
      #18345E 67%,
      #22396C 100%
    ) !important;
  background-attachment: fixed !important;
}

/* Core cards / content areas */
.card,
.panel,
.box,
.widget,
.tile,
.stat-card,
.dashboard-card,
.member-card,
.profile-card,
.account-card,
.content-box,
.info-box,
.hero-box,
.welcome-box,
.dashboard-hero,
.member-dashboard .card,
.member-dashboard .panel,
.members-page .card,
.members-page .panel{
  background-image:
    linear-gradient(
      135deg,
      rgba(16,42,74,.96) 0%,
      rgba(12,31,56,.97) 54%,
      rgba(28,37,86,.95) 100%
    ) !important;
  background-color: #102A4A !important;
  border-color: rgba(98,155,226,.24) !important;
  box-shadow:
    0 0 0 1px rgba(149,108,218,.06),
    0 14px 30px rgba(0,0,0,.14) !important;
}

/* Remove green-tinted hero/card glow */
.card::before,
.card::after,
.panel::before,
.panel::after,
.box::before,
.box::after,
.widget::before,
.widget::after,
.tile::before,
.tile::after{
  border-color: rgba(149,108,218,.15) !important;
}

/* Buttons */
.btn-success,
.btn-warning,
.btn-lime,
.btn-neon,
.btn-accent,
.btn-green,
button.success,
input.success{
  background: #956CDA !important;
  border-color: #956CDA !important;
  color: #ffffff !important;
}

.btn-success:hover,
.btn-warning:hover,
.btn-lime:hover,
.btn-neon:hover,
.btn-accent:hover,
.btn-green:hover{
  background: #7E56C8 !important;
  border-color: #7E56C8 !important;
  color: #ffffff !important;
}

/* Pills / badges / labels */
.badge-success,
.label-success,
.status-success,
.new-badge,
.live-badge,
.contest-pill,
.traffic-pill,
.status-pill,
.pill-success,
.tag-success,
.badge-new,
.label-new,
.label-live,
.live-activity,
[class*="badge-success"],
[class*="label-success"]{
  background: #956CDA !important;
  border-color: #956CDA !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Little glowing dots / indicators */
.status-dot,
.contest-dot,
.indicator-dot,
.online-dot,
.pulse-dot,
.glow-dot,
[class*="dot"],
[class*="indicator"]{
  background-color: #956CDA !important;
  box-shadow: 0 0 10px rgba(149,108,218,.45) !important;
  border-color: #956CDA !important;
}

/* Success panels and alerts */
.alert-success,
.panel-success,
.panel-success > .panel-heading,
.bg-success,
.success-box,
.green-box{
  background-image:
    linear-gradient(
      135deg,
      rgba(17,45,79,.96) 0%,
      rgba(33,39,88,.95) 100%
    ) !important;
  background-color: #17355C !important;
  border-color: rgba(149,108,218,.40) !important;
  color: #ffffff !important;
}

/* Text that was success-green */
.text-success,
.success-text,
.green-text,
.lime-text,
.available-credits,
.credit-total,
[class*="success-text"]{
  color: #C9B2FF !important;
}

/* Active/selected nav items */
.active > a,
.current > a,
.nav .active > a,
.nav-pills > li.active > a,
.sidebar .active > a,
.sidebar .current > a,
.menu-active > a{
  background-image:
    linear-gradient(
      90deg,
      rgba(63,143,217,.22) 0%,
      rgba(149,108,218,.22) 100%
    ) !important;
  background-color: rgba(63,143,217,.18) !important;
  border-color: rgba(149,108,218,.30) !important;
  color: #ffffff !important;
}

/* Specific dashboard callout look */
.member-dashboard .hero-box,
.member-dashboard .welcome-box,
.member-dashboard .content-box,
.member-dashboard .traffic-exchange,
.member-dashboard .dashboard-card{
  background-image:
    linear-gradient(
      135deg,
      rgba(14,38,66,.96) 0%,
      rgba(13,34,58,.97) 58%,
      rgba(37,40,88,.95) 100%
    ) !important;
}

/* Make green-ish outlines/pills purple */
[class*="success"],
[class*="green"],
[class*="lime"]{
  border-color: rgba(149,108,218,.35);
}

/* STT_GREEN_PURGE_V1_END */

/* STT_FOUNDER_PANEL_TONE_V1_BEGIN */

:root{
  --stt-founder-bg-a:#041427;
  --stt-founder-bg-b:#0B2747;
  --stt-founder-bg-c:#20355F;

  --stt-panel-a:#132A4C;
  --stt-panel-b:#0E223E;
  --stt-panel-c:#1A2E58;

  --stt-panel-soft-a:#142B4E;
  --stt-panel-soft-b:#102440;
  --stt-panel-soft-c:#243662;

  --stt-border:rgba(104,154,225,.22);
  --stt-border-strong:rgba(149,108,218,.30);
  --stt-purple-soft:rgba(149,108,218,.10);
  --stt-blue-soft:rgba(63,143,217,.10);
  --stt-text:#EAF2FB;
  --stt-muted:#BFD0E5;
}

/* overall shells */
html,
body{
  background:
    linear-gradient(
      90deg,
      var(--stt-founder-bg-a) 0%,
      var(--stt-founder-bg-b) 36%,
      var(--stt-founder-bg-c) 100%
    ) !important;
  background-attachment: fixed !important;
  color: var(--stt-text) !important;
}

/* common major panels / cards / boxes */
.card,
.panel,
.box,
.widget,
.tile,
.content-box,
.info-box,
.member-box,
.member-card,
.profile-card,
.snapshot-card,
.dashboard-card,
.hero-card,
.welcome-card,
.campaign-card,
.stats-card,
.auth-card,
.login-card,
.form-card,
.table-card,
.promo-card,
.offer-card,
.feature-card,
.section-card,
.activity-card,
[class*="dashboard-card"],
[class*="campaign-card"],
[class*="profile-card"],
[class*="snapshot-card"],
[class*="member-card"]{
  background:
    linear-gradient(
      135deg,
      var(--stt-panel-a) 0%,
      var(--stt-panel-b) 50%,
      var(--stt-panel-c) 100%
    ) !important;
  border-color: var(--stt-border) !important;
  box-shadow:
    0 0 0 1px rgba(149,108,218,.04),
    0 14px 32px rgba(0,0,0,.16) !important;
  color: var(--stt-text) !important;
}

/* section wrappers and tables */
.table-responsive,
.table-wrap,
.table-container,
.content-panel,
.member-panel,
.dashboard-panel,
.page-panel,
.main-panel,
.sidebar-panel,
.feature-panel,
.campaign-panel,
.stats-panel,
.profile-panel,
.module-panel,
.callout-panel,
.notice-panel,
form,
fieldset{
  background:
    linear-gradient(
      135deg,
      var(--stt-panel-soft-a) 0%,
      var(--stt-panel-soft-b) 52%,
      var(--stt-panel-soft-c) 100%
    ) !important;
  border-color: var(--stt-border) !important;
}

/* remove teal/green decorative tint */
.card::before,
.card::after,
.panel::before,
.panel::after,
.box::before,
.box::after,
.widget::before,
.widget::after,
.dashboard-card::before,
.dashboard-card::after,
.hero-card::before,
.hero-card::after,
.campaign-card::before,
.campaign-card::after{
  background:
    radial-gradient(
      circle,
      rgba(149,108,218,.10) 0%,
      rgba(63,143,217,.08) 45%,
      rgba(0,0,0,0) 72%
    ) !important;
  border-color: rgba(149,108,218,.18) !important;
  box-shadow: none !important;
}

/* login / forgot / auth panels */
.login-wrap,
.login-box,
.login-panel,
.auth-wrap,
.auth-box,
.auth-panel,
.recovery-box,
.recovery-panel,
.reset-box,
.reset-panel{
  background:
    linear-gradient(
      135deg,
      var(--stt-panel-a) 0%,
      var(--stt-panel-b) 52%,
      var(--stt-panel-c) 100%
    ) !important;
  border-color: var(--stt-border-strong) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.18) !important;
}

/* inputs */
input,
select,
textarea{
  background-color: rgba(8,23,43,.92) !important;
  border-color: rgba(90,137,206,.28) !important;
  color: #F4F8FD !important;
}

input::placeholder,
textarea::placeholder{
  color: #9EB5D2 !important;
}

/* table headers / labels / badges */
th,
.table th,
.badge,
.label,
.stat-label,
.small-label,
.muted,
.text-muted{
  color: #C9B7F6 !important;
}

/* keep headings bright */
h1, h2, h3, h4, h5, h6,
.title,
.page-title,
.section-title,
.card-title{
  color: #F5F8FD !important;
}

/* buttons */
.btn,
button,
input[type="submit"],
input[type="button"]{
  box-shadow: none !important;
}

.btn-primary,
.btn-success,
.btn-info,
button.btn-primary,
button.btn-success,
button.btn-info,
input[type="submit"],
input[type="button"]{
  background:
    linear-gradient(
      90deg,
      #8D63D8 0%,
      #A97EE8 100%
    ) !important;
  border-color: #9B73E1 !important;
  color: #FFFFFF !important;
}

.btn-secondary,
.btn-default{
  background:
    linear-gradient(
      90deg,
      #1A355D 0%,
      #224670 100%
    ) !important;
  border-color: rgba(104,154,225,.24) !important;
  color: #F2F6FC !important;
}

/* links */
a{
  color: #86C4FF;
}

a:hover{
  color: #CDB8FF;
}

/* STT_FOUNDER_PANEL_TONE_V1_END */