:root {
    --tfgg_gold: #f9b233;
    --tfgg_gold_faded: #ebcc98;
    --tfgg_brown: #3f1c16;
    --tfgg_brown_faded: #79514a;
    --tfgg_orange: #f26532;
    --tfgg_orange_faded: #f8a98c;
  }


  .tfgg-text-color-orange {
    color: var(--tfgg_orange);
}

a.tfgg-text-color-orange:hover{
    color: var(--tfgg_gold);
}

.tfgg-text-color-gold {
    color: var(--tfgg_gold);
}

a.tfgg-text-color-gold:hover,
a.tfgg-text-color-brown:hover {
    color: var(--tfgg_orange);
}

.tfgg-text-color-brown {
    color: var(--tfgg_brown);
}

.registration-container {
    max-width:500px;
}

.demo2-container {
    padding: 28px 0px  0px 50px;
    max-width:450px;
}

.account-overview-appt-cancel-button {
    float:right;
    font-size:0.6em !important;
    padding:0px 5px 0px 5px !important;
    margin:5px;
    font-weight:400 !important;
}

input.account-overview-input, label.account-overview-label {
    display:block;
    font-size:0.8em !important;
    padding-right:5px;
}

.account-overview-survey-input {
    display:inline-block !important;
}

.account-overview-survey-label {
    margin-left:5px !important;
    margin-top: -5px !important;
    margin-right:10px !important;
}

input[type="radio"] {
  margin-top: 0px;
  vertical-align: middle;
}

input[type="checkbox"] {
  margin-top: 0px;
  vertical-align: middle;
}

.account-overvier-survey-option-title {
    font-weight: 700;
    font-size:0.9em !important;
}

.account-overview-input {
    font-size:1em !important;
    width:100%;
    font-weight:700 !important;
}

.select2-selection__rendered {
    font-size:1em !important;
    font-weight:700 !important;
    line-height: 32px !important;
}

.account-overview-survey-options-container {
    padding-left: 10px !important;
}

.account-overview-input-double {
    flex-grow:1;
    margin-right:0px;
    padding-left:5px;
    padding-right:5px;
}

.account-overview-input-single {
    flex-grow:1;
    padding-left:5px;
    padding-right:5px;
}

.account-overview-input-single-left {
    flex-grow:1;
    max-width:450px;
}

.account-overview-input-single-survey {
    flex-grow:1;
    min-width:250px;
}

.read-only {
    border-width:0px !important;
    border-bottom-width: 1px !important;
    border-radius: 0px !important;
    border-color:#ccc !important;
}

.radio-label {
    padding-left:5px;
    display: inline;
    font-size: 1em !important;
    font-weight: 700;
}

.radio-button {
    display: inline;
}

.check-label {
    padding-left:5px;
    display: inline;
    font-size: 0.8em !important;
    font-weight: 700;
}

.check-button {
    display: inline;
}

.account-overview-button {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	font-size:0.8em;
	font-weight:normal;
	padding:5px;
	text-decoration:none;
	padding-left:25px;
	padding-right:25px;
}

.account-overview-standard-button {
    background-color:#FCAF41;
    border:1px solid #FCAF41;
}

.account-overview-standard-button-nohover,
.account-overview-standard-button-nohover:hover {
    background-color:#FCAF41;
    border:1px solid #FCAF41;
    cursor: default;
}

.paypal-standard-button {
    background-image:url('../images/paypal_logo.png');
    background-size: contain;
    background-position:center;
    background-repeat: no-repeat;
    background-color:#FCAF41;
    border:1px solid #FCAF41;
}

.paypal-standard-button-nohover,
.paypal-standard-button-nohover:hover{
    background-image:url('../images/paypal_logo.png');
    background-size: contain;
    background-position:center;
    background-repeat: no-repeat;
    background-color:#FCAF41;
    border:1px solid #FCAF41;
    cursor: default;
}


.account-overview-standard-button:hover,
.account-overview-standard-button-active{
    background-color:#F16631;
    border:1px solid #F16631;
    color:#fff;
}

.paypal-standard-button:hover,
.paypal-standard-button-active{
    background-image:url('../images/paypal_logo.png');
    background-size: contain;
    background-position:center;
    background-repeat: no-repeat;
    background-color:#F16631;
    border:1px solid #F16631;
}

.cart-standard-button-paynow {
    background-color:#5AAC44;
    border:1px solid #5AAC44;
    color:white;
    font-weight: bold !important;
}

.cart-standard-button-paynow:hover {
    background-color:#407830;
    border:1px solid #407830;
    color:#fff;
    font-weight: bold !important;
}

.cancel-button {
    float:right;
    padding-top:4px;
}

.registration-container {
    display: flex;
    flex-flow: row wrap;
    margin-bottom:10px;
}

.registration-container-main {
    display: flex;
    flex-flow: row wrap;
    margin-bottom:20px;
}

.login-container {
    display: flex;
    flex-flow: row wrap;
    margin-bottom:10px;
    max-width:340px !important;
}

.registration-link {
    color:#F16631;
    font-weight:bold;
    font-size:0.8em;
    text-decoration: underline;
}

.reset-password-message {
    font-size:0.9em;
    font-weight:700;
}

@media only screen and (max-width: 526px) {
    .account-overview-input-double {
        flex-grow:1;
        margin-right:0px!important;

    }

    .container {
        width:100% !important;
    }
}

@media only screen and (max-width: 980px) {
    .demo2-container {
        padding: 0px 0px  0px 0px;
    }
}

/* 2019-09-30 CB V1.0.0.6 - increase all font sizes for mobile devices per customer request*/
@media only screen and (max-width: 640px){
    .account-overview-appt-cancel-button {
        font-size:0.7em !important;
    }

    input.account-overview-input, label.account-overview-label {
        font-size:0.9em !important;
    }

    .account-overvier-survey-option-title {
        font-size:1.0em !important;
    }

    .account-overview-input {
        font-size:1.1em !important;
    }

    .select2-selection__rendered {
        font-size:1.1em !important;
    }


    .radio-label {
        font-size: 1.1em !important;
    }

    .check-label {
        font-size: 0.9em !important;
    }

    .account-overview-button {
        font-size:0.9em;
    }

    .registration-link {
        font-size:0.8em;
    }

    .reset-password-message {
        font-size:1.0em;
    }

    .account-overview-button {
        font-size:0.8em;

    }

    .dialog-close-button{
        font-size: 0.9em !important;
    }

    .password-hints {
        font-size: small;
    }

    .account-overview-appt-book-button {
        font-size:0.9em !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1405px) {
    .my-services-item-details{
        font-size: 0.8em;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1215px) {
    .col-5.my-services-item-details{
        max-width: 50%;
        flex: 0 0 50%;
    }
}

@media only screen and (min-width: 995px) and (max-width: 1571px) {

    .account-overview-button {
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        border-radius:0px;
        display:inline-block;
        cursor:pointer;
        font-size:0.7em;
        font-weight:normal;
        padding:5px 10px 5px 10px;
        text-decoration:none;
    }

}

@media only screen and (min-width: 1400px){
    .my-appt-item-details{
        font-size: 0.9em;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .my-appt-item-details{
        font-size: 0.9em;
        padding-left: 5px;
    }
}

@media only screen and (min-width: 1080px){
    .col-sm-4.col-5.my-appt-item-details{
        padding-right: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1080px) {
    .my-services-item-details{
        font-size: 0.8em;
    }

    .my-appt-item-details{
        font-size: 0.75em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .my-appt-item-details{
        font-size: 0.9em;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px){

}

@media only screen and (max-width: 325px) {
    .tfgg-mid-screen-break{
        display:block;
        padding-bottom: 5px;
    }
}

@media only screen and (min-width: 180px) and (max-width: 575px) {
    #card_my_account_body, #card_my_account_body_child{
        padding: 0.75em;
    }
    .col-sm-7.col-6.my-appt-item-details{
        padding-left:0px;
    }

    .my-appt-item-details {
        font-size: 0.7em;
    }

    .my-services-item-details{
        font-size: 0.7em;
    }

    .col-5.my-services-item-details {
        min-width: 45%;
        flex: 0 0 45%;
    }
}

/*DIALOG STYLE*/

.dialog-buttons{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: content-box;
}

.dialog-close-button{
    float: right;
    margin-right:15px;
    margin-bottom:15px;
    font-size: 0.8em !important;
}

.loading-image {
    margin: auto;
}

.password-hints {
    color: #979797;
    font-size: x-small;
    /*padding-left:10px;*/
    margin-bottom:-10px;
}

.select2 {
    width:100%!important;
    margin: 0px !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select-container {
    min-width:175px !important;
    width:100% !important;
    box-sizing: border-box;
    margin:0px !important;

}

.scaled-checkbox {
    /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
}

.reg-checkbox-container {
    padding: 0px 0px 5px 5px !important;
}


.account-overview-appt-book-button {
    font-size:0.8em !important;
    padding:0px 10px 0px 10px !important;
    float:right;
    font-weight:400 !important;
}

/* CART CLASSES */

.overlay{
    position: fixed;
    top: 0;
    right: 0;
    width: 375px;
    height: 100%;
    z-index: 99999;
    background-color: rgba(37, 37, 37, 0.973);
  }

  #overlay-totals-container {
    width: 100%;
    box-sizing: border-box;
    height:220px;
    position:fixed;
    bottom:0;
    padding:10px;
  }

  #overlay-totals-content {
      width:100%;
      height:100%;
      box-sizing: border-box;
      background-color: #fff;
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
      border-radius:3px;
  }

  #overlay-totals-content-labels-container {
    width:100%;
    height:130px;
    padding:20px 10px 10px 10px;
  }

  .overlay-totals-content-label {
      font-size:1.3em;
      font-weight: 700;
      line-height:30px;
  }

  .overlay-totals-content-value {
      font-size:1.3em;
      float:right;
      font-weight: 700;
      line-height:30px;
  }

  .overlay-totals-content-total-line {
      color:#000 !important;
  }

  .overlay-button-container{
      width:100%;
      padding-left:10px;
      padding-right:10px;
  }

  .overlay-checkout-button {
      width:100%;
      height:50px;
      font-size:1.4em !important;
      font-weight: 700;
  }

  #overlay-items-container {
      width:100%;
      margin-top:20px;
      padding: 50 10 10 10;
      height: -webkit-calc(100% - 260px);
      height:    -moz-calc(100% - 260px);
      height:         calc(100% - 260px);
  }

  .promo-code-entry-label{
      cursor:pointer;
      text-decoration: underline;
  }

  .overlay-items-item-container {
      display:flex;
      flex-direction:column;
      flex-wrap:nowrap;
      width:100%;
      min-height:110px;
      padding:0px 10px 10px 10px;
  }

  .overlay-items-item{
      background-color: #fff;
      width:100%;
      height:100%;
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
      border-radius:3px;
      padding:10px;
}

.overlay-items-item-description{
    font-size:1.1em;
    font-weight: 700;
}

.overlay-items-item-price{
    font-size:1.1em;
    font-weight: 700;
    float:right;
}

.overlay-items-item-quantity-label {
    font-size:0.8em;
    line-height: 0.5;
}

.overlay-items-item-quantity-value {
    font-size: 0.8em;
    font-weight: 700;
    line-height: 0.5;
}

.overlay-items-item-buttongroup {
  float:right;
}

.overlay-items-item-service-buttongroup {
    position: absolute;
    bottom: 0;
    right:0;
    margin-right:15px;
    margin-bottom:15px;
}

.overlay-items-item-link {
    /*color:#F16431;*/
    font-size:1em;
    font-weight: 700;
}

#cart-items-left {

   margin-bottom: 30px;
}

#cart-items-right {
    border-left: solid 1px rgb(194, 194, 194);
    height:100%;

}

.cart-items-item{
    background-color: #fff;
    width:100%;
    height:100%;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:10px;
    border: solid 1px rgb(194, 194, 194);
}

#cart-totals-content-labels-container {
    width:100%;
    height:100px;
    padding:0px 10px 10px 10px;
    margin-top:0px !important;
  }

  .cart-items-header {
      padding-left:10px;
  }

  .cart-totals-content-label {
    font-size:1.1em;
    font-weight: 700;
    line-height:25px;
}

.cart-totals-content-value {
    font-size:1.1em;
    float:right;
    font-weight: 700;
    line-height:25px;
}

#cart-totals-container {
    width: 100%;
    box-sizing: border-box;
    height:220px;
    position:fixed;
    bottom:0;
    padding:0px;
  }

#cart_payment_container,
#cart_payment_items_container  {
    padding:10px;
}

.cart-payment-value {
    font-weight: 700;
}


.cart-parment-detail {
    float:right;
}


.services-items-item{

   margin:0px;
    padding:0px !important;
}

.services-inner-container {
    background-color: #fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:10px;
    border: solid 1px rgb(194, 194, 194);
    box-sizing: border-box;
    margin:5px;
    width: -webkit-calc(100% - 10px);
    width:    -moz-calc(100% - 10px);
    width:         calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
    height:    -moz-calc(100% - 10px);
    height:         calc(100% - 10px);

}

.services-items-membership{
    background-color: #fff;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:10px;
    border: solid 1px rgb(194, 194, 194);
   box-sizing: border-box;
   margin:0px;
}

.cart-banner {
    position: absolute;
    background-color:rgba(203, 193, 193, 0.34);
    padding: 10px;
    box-sizing: border-box;
    width:100%;

}

#cart_banner_button_container {
    position: absolute;
    right:0;
    top:0;
    margin:8px;
}

.overlay-checkout-group-button {
    width:100%;
    font-size:1em !important;
    font-weight: 700;
    border-radius:0px !important;
}

.button-container {
    border-top: solid 1px #d1d0d0;
    margin-top:5px;
    margin-bottom:5px;
}

.btn-light {
    font-weight: 700 !important;
    color: #5AAC44 !important;
}

.services-item-details-container {
    width:100%;
    box-sizing: border-box !important;
    position: relative;
}

.services-image-container {
    box-sizing: border-box !important;
    display: inline-block;
    width:33%;
    vertical-align:top;
    padding:8px 15px 0px 0px;

}

.services-details-container {
    box-sizing: border-box !important;
    display: inline-block;
    vertical-align:top;
}

.admin-service-value {
    margin-top :4px !important;
    width: -webkit-calc(100% - 50px);
    width:    -moz-calc(100% - 50px);
    width:         calc(100% - 50px);

}

.tfgg-card-log-results{
    cursor:pointer;
}

.tfgg-card-log-results:hover{
    text-decoration:underline;
}

.clickable-header:hover{
    cursor: pointer;
}

.btn-outline-tfgg-orange, .btn-outline-tfgg-orange-dead{
    color: var(--tfgg_orange) !important;
    border-color: var(--tfgg_orange) !important;
}

.btn-outline-tfgg-orange-dead{
    opacity: 0.25;
}

.btn-outline-tfgg-orange:hover, .btn-outline-tfgg-orange.active{
    background-color: var(--tfgg_orange) !important;
    color: white !important;
}

.btn-outline-tfgg-orange-dead.active{
    opacity: 1;
    background-color: var(--tfgg_orange) !important;
    color: white !important;
}

.btn-outline-tfgg-orange:focus{
    box-shadow: 0 0 0 .2rem var(--tfgg_orange) !important;
}

.appt_item_detail:hover, .appt_item_detail:focus {
    border-color: var(--tfgg_orange) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px var(--tfgg_gold) !important;
    cursor: pointer;
}

.divScrollable{
    height: 50vh;
    overflow-y: scroll;
    overflow-x: hidden;
}