.spin_inner{
    fill:var(--ter-hue-light);
}
.spin_mid{
    fill:var(--ter-hue);
}
.spin_outer{
    fill:var(--ter-hue-dark);
}

.data_div{
    display:none;
}

.pri-nav{
    background: var(--pri-hue);
}

.sec-nav{
    background: var(--sec-hue);
}

/* default
---------------------------- */
.btn-custom {
    color:var(--ter-contrast);
    background-color:var(--ter-hue);
    border-color:var(--ter-hue);
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.btn-custom:focus {
    color:var(--ter-contrast);
    background-color:var(--ter-hue);
    border-color:var(--ter-hue);
}
.btn-custom:hover {
    color:var(--ter-contrast);
    background-color:var(--ter-hue-dark);
    border-color:var(--ter-hue-dark);
}
.btn-custom:active {
    color:var(--ter-contrast);
    background-color:var(--ter-hue-dark);
    border-color:var(--ter-hue-dark);
}

.btn-custom-inverse {
    color:var(--ter-hue);
    background-color:var(--ter-contrast);
    border-color:var(--ter-hue);
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.btn-custom-inverse:focus {
    color:var(--ter-hue);
    background-color:var(--ter-contrast);
    border-color:var(--ter-hue);
}
.btn-custom-inverse:hover {
    color:var(--ter-hue-dark);
    background-color:var(--ter-contrast);
    border-color:var(--ter-hue-dark);
}
.btn-custom-inverse:active {
    color:var(--ter-hue-dark);
    background-color:var(--ter-contrast);
    border-color:var(--ter-hue-dark);
}

.btn-outline-custom {
    color:var(--ter-hue);
    background-color:#fff;
    border-color:var(--ter-hue);
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.btn-outline-custom:focus {
    color:var(--ter-hue);
    background-color:#fff;
    border-color:var(--ter-hue);
}
.btn-outline-custom:hover {
    color:var(--ter-hue-dark);
    background-color:#fff;
    border-color:var(--ter-hue-dark);
}
.btn-outline-custom:active {
    color:var(--ter-contrast);
    background-color:var(--ter-hue-dark);
    border-color:var(--ter-hue-dark);
}
.btn-outline-custom.active,
.btn-outline-custom.active:hover {
    color:var(--ter-contrast);
    background-color:var(--ter-hue);
    border-color:var(--ter-hue);
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}





.pri-nav-item{
    padding-left: 10px;
}
.product-container{
    margin-top: 20px;
}
.account-link,
.account-link:hover{
    color: var(--pri-contrast);
    text-decoration: underline;
}
.menu-nav .nav-item a{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.menu-nav > .nav-item > a{
    color: var(--sec-contrast) !important;
}
.menu-nav > .active > a{
    font-weight: 900;
}




/* -- Shopping Cart --*/
#cart_row{
    position:relative !important;
}
.shopping-cart {
	 margin: 20px 0;
	 float: right;
	 background: white;
	 width: 320px;
     position: absolute;
     border:1px solid rgba(0,0,0,.125);
	 border-radius: 3px;
     padding: 20px;
     z-index:999;
     right:15px;
     top:-20px;
     display:none;
}
.shopping-cart .shopping-cart-header {
	 border-bottom: 1px solid #e8e8e8;
	 padding-bottom: 15px;
}
.shopping-cart .shopping-cart-header .shopping-cart-total {
	 float: right;
}
.shopping-cart .shopping-cart-items {
     padding:0px;
}
.shopping-cart .shopping-cart-items li {
     list-style:none;
     border-bottom:1px solid #e8e8e8;;
}
.shopping-cart .shopping-cart-items img {
	 float: left;
	 margin-right: 12px;
}
.shopping-cart .shopping-cart-items .item-name {
	 display: block;
	 font-size: 16px;
}
.shopping-cart .shopping-cart-items .item-price {
	 color: #6394f8;
	 margin-right: 8px;
}
.shopping-cart .shopping-cart-items .item-quantity {
	 color: #abb0be;
}
.shopping-cart:after {
	 bottom: 100%;
	 left: 89%;
	 border: solid transparent;
	 content: " ";
	 height: 0;
	 width: 0;
	 position: absolute;
	 pointer-events: none;
	 border-bottom-color: white;
	 border-width: 8px;
	 margin-left: 0px;
}
.cart-icon {
	 color: #515783;
	 font-size: 24px;
	 margin-right: 7px;
	 float: left;
}
.cart-clearfix:after {
	 content: "";
	 display: table;
	 clear: both;
}
.fa_light {
    color: white;
}
.fa_header_contrast{
    color:var(--pri-contrast) !important;
}
.fa_accent_contrast{
    color:var(--sec-contrast) !important;
}

.navbar-dark .navbar-toggler-accent {
    border-color:var(--sec-contrast) !important;
}

.cart_popout_img{
    width:100px;
}


/*Loading Wheel*/
.loading-wheel-container {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 50px;
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    z-index: 99999;
    background-color: rgba(0,0,0,.5);
}
.loading-wheel {
    width: 20px;
    height: 20px;
    margin-top: -40px;
    margin-left: -40px;
    
    position: absolute;
    top: 50%;
    left: 50%;
    
    border-width: 30px;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
}
.loading-wheel-message {
    width: 60%;
    height: 40px;
    text-align:center;
    position: absolute;
    top: 35%;
    left: 20%;
    color:#fff;
    font-size: 1rem;
}
.loading-wheel-style .loading-wheel {
    border-style: double;
    border-color: #ccc transparent;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}



/*
Auth Modal 
*/
.modal-backdrop.show{
    opacity:0.8;
}
.modal-backdrop{
    background-color:#ffffff;
}



/*
set Font-Awesome sizing
*/
.fa-lg{
    font-size:22px;
}
.fa-2x{
    font-size:32px;
}
.fa-3x{
    font-size:48px;
}
.fa-4x{
    font-size:64px;
}
.fa-5x{
    font-size:80px;
}


/*
Cart page
*/
#cart_alert_row{
    display:none;
}


/*
Checkout Steps
*/
.checkout_steps_container {
    height:80px;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-top:0px;
  }

  .checkout_steps{
    columns: 3;
    column-gap: 0px;
    padding:0px;
    margin:0px;
  }

  .checkout_steps_line {
    border-top:4px solid #ccc;
    height:20px;
    margin-top: 35px;
  }

  .checkout_steps_dot {
    width: 1.75em;
    height: 1.75em;
    text-align: center;
    border-radius: 1em;
    background:#ccc;
    margin: 0 auto;
    position: relative;
    display:block;
    margin-top:-35px;
    color:#fff;
    font-weight: bold;
    font-size:20px;
    border:4px solid #ccc;
    line-height: 24px;
  }

  .checkout_steps li {
    list-style: none;
    text-align: center;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    display: table !important;
    width: 100% !important;
  }

  .checkout_steps_text {
    list-style: none;
    text-align: center;
    font-size:16px;
  }
  
  .checkout_steps li.active .checkout_steps_dot {
    background:var(--ter-hue);
    border:4px solid var(--ter-hue);
  }

  .checkout_steps li.active .checkout_steps_line {
    border-top:4px solid var(--ter-hue);
  }
  
  .checkout_steps li.complete .checkout_steps_dot {
    background:#fff;
    border:4px solid var(--ter-hue);
    color: var(--ter-hue);
  }

  .checkout_steps li.complete .checkout_steps_line {
    border-top:4px solid var(--ter-hue);
  }

  @media only screen and (max-width: 300px) {
    .checkout_steps_text {
    font-size:12px;
    }
  }

  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--ter-hue);
    background-color: var(--ter-hue);
  }

/*Membership Renewals*/
.profile-my-level-class{
    padding:10px;
    background-color:#befaa2;
    border-left:8px solid #2e9100;
    margin-bottom:1.25rem;
}
.generic-level-class{
    padding:10px;
    border-left:8px solid #BBB;
    border-top:1px solid #BBB;
    border-right:1px solid #BBB;
    border-bottom:1px solid #BBB;
    margin-bottom:1.25rem;
}
.my-level-title-class p{
    padding:5px;
    background-color: #fff;
}
.termAddToCartBox {
    padding:10px;
    background-color: #fff;
    margin-bottom:8px;
}
.termAddToCartRow {
    margin:0px;
}
.termAddToCartRow div {
    padding:0px;
}
.termAddToCartRow div p {
    padding-top:4px;
}


.membership-level-type-btn {
    font-size: 1em;
    padding:10px;
    margin-bottom: 10px;
    padding-left:15px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}
.active-level-type {
    background-color: var(--ter-hue);
    color: var(--ter-contrast) !important;
}
.ui-datepicker th {
    text-align: center;
}