.center-item {
	margin: 0 auto;
}

#mc4wp-form-1 input[type=submit] {

font-size:18px !important
}


#mc4wp-form-2 input[type=submit] {

font-size:18px !important
}

     
      .form-container-left {
          padding-top: 10px;
          float: left;
          width: 45%;
      }
      .form-container-right {
          padding-top: 10px;
          padding-left: 20px;
          float: right;
          width: 45%;
      }
      
      .form-container-full input {
          padding-top: 10px;
          width: 100% !important;
      }
      
      .clearfix:after {
         content: " "; /* Older browser do not support empty content */
         visibility: hidden;
         display: block;
         height: 0;
         clear: both;
      }
      
      div#signup input {
          padding: 10px;
          width: 100%;
          border: 1px solid #cccccc;
          font-family: open sans;
          font-weight: 400;
          font-size: 12px;
          line-height: 22px;
          color: #555;
          background-color: #F9F9F9;
      }
      
			div#signup select#signup-location.signup-select-override {
				border: 1px solid #cccccc !important;
				display: block;
				width: 100%;
			}

      div#signup select {
          padding: 10px;
          width: 100%;
          border: 1px solid #cccccc !important;
          font-family: open sans;
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          color: #555;
          background-color: #F9F9F9;
          box-shadow: 0px 0px 0px rgba(0,0,0,0.16) !important;
          -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.16) !important;
          transition: all .2s linear;
          -webkit-transition: all .2s linear;
      }
      
      div#signup select option {
          font-size: 16px;
      }
      
      div#signup .form-container-full select {
          width: 100%;
					display: block;
				  border: 1px solid #cccccc !important;
      }
      
      
      div#signup label {
          font-family: Roboto;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 14px;
          letter-spacing: 1.71429px;
          text-transform: uppercase;
          color: #333333 !important;
          opacity: 0.7;
      }
      
      #signup-header p {
          font-family: Roboto;
          font-style: normal;
          font-weight: normal;
          font-size: 24px;
          line-height: 32px;
          color: #B1B1B1;
          text-align: center;
      }
          
      #signup-button-back {
              margin-left: 1px;
      }
      
      .signup-button-single {
              margin: auto !important;
              float: none !important;
      }

      div#signup-button-container button:disabled {
              color:#333;
              background-color: #aaa;
              cursor: not-allowed;
              border: 2px solid rgb(122, 127, 141);
      }

      div#signup-button-container button {
              color: rgb(255, 255, 255);
              border: none;
              background-color: rgb(5, 121, 255);
              font-family: "Open Sans", sans-serif; 
              font-weight: 700; font-style: normal; 
              font-size: 16px; 
              line-height: 1.5; 
              text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
              padding: 0px; 
              display: block; 
              width: 100%; 
              height: 49px; 
              box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px inset; 
              cursor: pointer;
              border: 2px solid rgb(16, 67, 207);

              float: left;
              width: 180px;
              border-radius: 25px;
      }

      div#signup div#signup-button-container button {
        margin-left: 25px;
      }

      div#signup-full div#signup-button-container button {
        margin-left: 0;
        margin-right: 25px;
      }

      .signup-error {
          border: 1px solid red !important;
      }
      
      .signup-error-message {
          color: red;
				  font-family: Lato;
          font-size: 16px;
          font-style: normal;
				  text-transform: uppercase;
						font-weight: 400;
      }
      
      .signup-general-error {
          display: none;
          color: red;
      }
      
      /* Center the loader */
      #signup-loader {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 3;
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
      }
      
      @-webkit-keyframes spin {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
      }
      
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      
      /* Add animation to "page content" */
      .animate-bottom {
        position: relative;
        -webkit-animation-name: animatebottom;
        -webkit-animation-duration: 1s;
        animation-name: animatebottom;
        animation-duration: 1s
      }
      
      @-webkit-keyframes animatebottom {
        from { bottom:-100px; opacity:0 } 
        to { bottom:0px; opacity:1 }
      }
      
      @keyframes animatebottom { 
        from{ bottom:-100px; opacity:0 } 
        to{ bottom:0; opacity:1 }
      }
      
      #signup-overlay {
        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;
        background-color: rgba(255,255,255,0.5); /* Black background with opacity */
        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 */
      }
      
      button-center
      {
          margin:auto;
          text-align:center;
      }
      
      
      .purchase-option-container {
        min-height: 85px;
      }
      
      /* step indicator (progressbar) */
      .progress-container {
          width: 450px;
          margin: 40px auto;
          padding-bottom: 75px;
      }
      .progressbar {
          counter-reset: step;
      }
      .progressbar li {
          list-style-type: none;
          width: 17%;
          float: left;
          font-size: 12px;
          position: relative;
          text-align: center;
          text-transform: uppercase;
          color: #7d7d7d;
          line-height: 15px;
      }
      .progressbar li:before {
          width: 30px;
          height: 30px;
          content: counter(step);
          counter-increment: step;
          line-height: 30px;
          border: 2px solid #7d7d7d;
          display: block;
          text-align: center;
          margin: 0 auto 10px auto;
          border-radius: 50%;
          background-color: white;
      }
      .progressbar li:after {
          width: 100%;
          height: 2px;
          content: '';
          position: absolute;
          background-color: #7d7d7d;
          top: 15px;
          left: -50%;
          z-index: -1;
      }
      .progressbar li:first-child:after {
          content: none;
      }
      .progressbar li.active {
          color:rgb(5, 121, 255);
      }
      .progressbar li.active:before {
          border-color: rgb(5, 121, 255);
      }
      .progressbar li.active + li:after {
          background-color: rgb(5, 121, 255);
      }
      
      /* fancy radio buttons */
      .rbcontainer {
        display: block;
        position: relative;
        padding-left: 35px;
        padding-top: 5px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        float: left;
      }
      
      /* Hide the browser's default radio button */
      .rbcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
      }
      
      /* Create a custom radio button */
      .rbcheckmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        border-radius: 50%;
      }
      
      /* On mouse-over, add a grey background color */
      .rbcontainer:hover input ~ .rbcheckmark {
        background-color: #ccc;
      }
      
      /* When the radio button is checked, add a blue background */
      .rbcontainer input:checked ~ .rbcheckmark {
        background-color: #2196F3;
      }
      
      /* Create the indicator (the dot/circle - hidden when not checked) */
      .rbcheckmark:after {
        content: "";
        position: absolute;
        display: none;
      }
      
      /* Show the indicator (dot/circle) when checked */
      .rbcontainer input:checked ~ .rbcheckmark:after {
        display: block;
      }
      
      /* Style the indicator (dot/circle) */
      .rbcontainer .rbcheckmark:after {
            top: 9px;
          left: 9px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: white;
      }
      
      #signup-login-link-container {
        text-align: center;
        padding: 18px;
      }
    

div.signup-card-container .select2-selection {
	background-color: #F9F9F9 !important;
}

      /* SCHEDULER CALENDAR GRID */

      .signup-time-select-button {
        color: black;
        padding: 6px 6px 6px 6px;
        text-decoration: none;
        display: inline-block;
        margin-right: 14px;
        border-radius: 6px;
        border: solid 1px transparent;

        font-size: 12.06px;
        line-height: 14px;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
        
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(347.57deg, #FF00FF -6.03%, #169DFF 101.34%);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 2px 1000px 1px #fff inset;        

        float: right;
      }
      
      .signup-time-unavailable-button {
        background-color: #B1B1B1;
        border: 2px solid #B1B1B1;
        color: black;
        padding: 6px 6px 6px 6px;
        text-decoration: none;
        display: inline-block;
        margin-right: 14px;
        border-radius: 6px;
        border: solid 1px transparent;
        width: 49px;
        font-size: 12.06px;
        line-height: 14px;
        align-items: center;
        text-align: center;
        text-transform: uppercase;

        box-shadow: 2px 1000px 1px #B1B1B1 inset;        

        float: right;
      }

    #signup-next-week.disabled {
        color: lightgray;
        cursor: default;
    }
    #signup-prev-week.disabled {
        color: lightgray;
        cursor: default;
    }
    .signup-time-select-button {
        cursor: pointer;
    }
    .signup-time-unavailable-button {
        cursor: not-allowed;
    }

      .signup-calendar-header .bbvr_col {
        padding: 15px 0 15px 0;
        background-color: #F1F1F1;
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #828282;
      }

      #signup-calendar-body .signup-time-available {
        padding: 15px 0 15px 0;
        text-align: center;
        border-bottom: 1px solid #D4D4D4;
        font-size: 14px;
        line-height: 17px;
      }

      #signup-calendar-body .signup-time-unavailable {
        padding: 15px 0 15px 0;
        text-align: center;
        border-bottom: 1px solid #D4D4D4;
        font-size: 14px;
        line-height: 17px;
      }

      /*  SECTIONS  */
      .bbvr_section {
        clear: both;
        padding: 0px;
        margin: 0px;
      }

      /*  COLUMN SETUP  */
      .bbvr_col {
        display: block;
        float:left;
        margin: 1% 0 1% .3%;
      }
      .bbvr_col:first-child { margin-left: 0; }

      /*  GROUPING  */
      .bbvr_group:before,
      .bbvr_group:after { content:""; display:table; }
      .bbvr_group:after { clear:both;}
      .bbvr_group { zoom:1; /* For IE 6/7 */ }

      /*  GRID  */
      .bbvr_span_7_of_7 {
        width: 100%;
      }

      .bbvr_span_6_of_7 {
          width: 85.64%;
      }

      .bbvr_span_5_of_7 {
          width: 71.28%;
      }

      .bbvr_span_4_of_7 {
          width: 56.92%;
      }

      .bbvr_span_3_of_7 {
          width: 42.57%;
      }

      .bbvr_span_2_of_7 {
          width: 28.21%;
      }

      .bbvr_span_1_of_7 {
          width: 13.72%;
      }

      /*  GO FULL WIDTH BELOW 480 PIXELS */
      @media only screen and (max-width: 480px) {
        .bbvr_col {  margin: 1% 0 1% 0%; }
        .bbvr_span_1_of_7, .bbvr_span_2_of_7, .bbvr_span_3_of_7, .bbvr_span_4_of_7, .bbvr_span_5_of_7, .bbvr_span_6_of_7, .bbvr_span_7_of_7 { width: 100%; }
.signup-prev-day {display: none}
}


.required-indicator {
	color:red !important;
	font-weight:bold !important;
}

     .signup-stage-warn-bar {
          border: 2px black solid; 
          text-align: center; 
          width: 100%; 
          padding: 5px; 
          color: white; 
          background-color: red; 
      }
      .signup-stage-warn-stage {
          color: black; 
          border: 2px black solid;
          background-color: turquoise;
          padding-top: 1px;
          padding-bottom: 1px;
          padding-left: 5px;
          padding-right: 5px;
      }
      .signup-stage-warn-test-user {
          color: white; 
          border: 2px black solid;
          background-color: green;
          padding-top: 1px;
          padding-bottom: 1px;
          padding-left: 5px;
          padding-right: 5px;
      }
      span.signup-stage-warn-test-user a {
          color: white; 
          text-decoration: none;
      }
      span.signup-stage-warn-test-user a:visited {
          color: white; 
          text-decoration: none;
      }

      span.signup-stage-warn-stage a {
          color: black; 
          text-decoration: none;
      }
      span.signup-stage-warn-stage a:visited{
          color: black; 
          text-decoration: none;
      }

.signup-little-button {
        color: rgb(255, 255, 255);
        border: none;
        background-color: rgb(5, 121, 255);
        font-family: "Open Sans", sans-serif; 
        font-weight: 700; font-style: normal; 
        font-size: 14px; 
        line-height: 1.5; 
        text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
        padding: 0;
        margin: 0 0 0 0; 
        display: block; 
        width: 80px; 
        height: 25px; 
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px inset; 
        cursor: pointer;
        border: 2px solid rgb(16, 67, 207);
        float: left;
        border-radius: 25px;
      }

      #signup-sales-confirm-container {
        width: 100%;
        margin-top: 20px;
        max-height: 500px;
        display: none;
      }

/* new 06/18/20 */
      .signup-sales-select-prompt {
				font-size: 12px;
        padding-left: 5px; 
        font-weight: bold; 
        display: inline-block; 
        width: 80px;
      }

      .signup-sales-select-prompt-small {
        padding-top: 4px;
        padding-left: 5px;
        font-size: 10px; 
        font-style: italic;
      }

      .signup-vcenter-container { 
        height: 110px;
        position: relative;
        border: 1px solid gray;
				font-size: 14px;
				line-height: 16px;
      }

      .signup-vcenter {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }

      button.signup-little-button:focus {
        outline: none;
        border: none;
      }

      div#signup-button-container button:focus {
        outline: none;
        border: none;
      }      

      button.signup-little-button:disabled {
        color:#333;
        background-color: #aaa;
        cursor: not-allowed;
        border: 2px solid rgb(122, 127, 141);
      }

      .sales-partner-data-container {
        float: left;
        width: 90%;
      }
      .sales-partner-select-button-container {
        float: right;
      }

.signup-schedule-confirm-button {
        background: rgba(255, 255, 255, 0.5);
        border: 2px solid #B1B1B1;
        color: white;
        margin-top: 25px;
        padding: 6px 6px 6px 6px;
        text-decoration: none;
        display: inline-block;
        border-radius: 6px;
        border: solid 1px transparent;
        width: 49px;
        font-size: 14px;
        line-height: 14px;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
        /* box-shadow: 2px 1000px 1px #B1B1B1 inset; */
        width: 90%;
        height: 30px;
    }

    .signup-schedule-agree-container {
        margin-top: 15px;
    }

    #signup-schedule-popup-liability-label a {
        color: white;
    }

    #signup-schedule-confirm-button.disabled {
        background: grey;
    }

    .signup-popup-close {
        float: right;
        height: 25px;
        text-decoration: none;
        color: white;
        font-weight: bold;
        font-size: 14px;
    }

    #signup-schedule-popup-location {
        font-size: 16px;
    }

    #signup-schedule-popup-date {
        font-size: 14px;
    }

    #signup-schedule-popup-time {
        font-size: 14px;
    }


    .signup-popup-close a {
        float: right;
        height: 25px;
        text-decoration: none;
        color: white;
        font-weight: bold;
        font-size: 14px;
    }

    #signup-schedule-popup-liability-label {
        font-size: 12px;
    }

    #signup-schedule-confirm-popup {
        display: none;
        color: white;
        position: fixed;
        z-index: 3;
        padding: 10px;
        top: 50%;
        left: 50%;
        margin-top: -150px;
        margin-left: -140px;
        width: 280px;
        height: 218px;
        background: linear-gradient(324.97deg, #FF00FF -6.03%, #169DFF 101.34%);
        opacity: 0.8;
        border-radius: 6px;
        text-align: center;
        line-height: 22px;
    }
    #signup-schedule-error-popup {
        display: none;
        color: white;
        position: fixed;
        padding: 10px;
        z-index: 50;
        top: 50%;
        left: 50%;
        margin-top: -150px;
        margin-left: -140px;
        width: 280px;
        height: 535px;
        background: linear-gradient(324.97deg, #FF00FF -6.03%, #169DFF 101.34%);
        opacity: 0.8;
        border-radius: 6px;
        text-align: center;
        line-height: 22px;
    } 

div.signup-green-callout {
      background-color: #7ED321;
      padding: 10px 20px 10px 20px;  
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 19px;
      text-align: center;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 10px;
      border: 1px solid gray;
    }

#signup-forcepw-popup {
    display: none;
    color: white;
    position: fixed;
    padding: 10px;
    z-index: 3;
    top: 25%;
    left: 50%;
    margin-top: 0;
    margin-left: -140px;
    width: 280px;
    height: 414px;
    background: linear-gradient(324.97deg, #FF00FF -6.03%, #169DFF 101.34%);
    opacity: 1;
    border-radius: 6px;
    line-height: 22px;
}
div#signup-forcepw-popup input {
    padding: 10px;
    width: 100%;
    border: 1px solid #cccccc;
    font-family: open sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color: #F9F9F9;
}