html, body {
  margin:0;
  padding:0;
  height:100%;
}

@media only screen and (min-device-width : 320px)  and (max-device-width: 480px) {
  html, body{
    height:100%;
    width:100%;
  }

  .navbar-inner{
    height:50px;
  }
}

button{
  outline: 0 none;
}


/*prevent spinners from appearing in number fields*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}


/* Navbar Styles */


.navbar_body_container{
  padding-bottom: 0px;
}


.navbar-inner {
background-image: none;
background-color: rgba(255,255,255,0.9);
border-color: transparent;
height:100px;
}


/* End Navbar Styles */

/* Footer Styles */

.anchor_footer{
position: relative;
}

.footer_text_new{

  margin-left:100px!important;
  margin-right:100px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.footer_link{
  color:#fff;
}

.footer_link:hover{
  color:#C03F96;
}
.footer_link:active{
  color:#72215B;
}

.footer_navbar{
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding-top: 20px;
  /*height: 200px;*/
  font-family: 'Open Sans', sans-serif;
  font-height:28px;

}
.footer_first_section{
/*  padding-top: 20px;*/
}


.footer_links_title{
  font-size: 18px;
  font-weight: 600;
  color: #fff!important;
  font-family: 'Open Sans', sans-serif;
}

.footer_links{
  font-size: 14px;
  font-weight: 300;
  color: #fff!important;
  font-family: 'Open Sans', sans-serif;
}

.footer_left_icons{
  margin-bottom: 5px;
  width: 100%;
  height: 50px;
  position: relative;
  left: 25%;
}

.footer_plushcare_privacy_terms{
  position: absolute;
  bottom: 20px;
}

footer{
  width:100%;
  height:280px;
  position:absolute;

  left:0;
  background-color: #136D92;
  /*background:#ee5;*/
}

.center{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  float:none;
}

/* End Footer Styles */


.container-background{
  margin-top:80px;
  height:initial;
  background-color: #eff0f2;
}


/*Dropdown Menu Styling*/

.dropdown-menu>li>a{
  font-family:'quicksand'!important;
  font-size:14px!important;
  line-height:16px!important;
  padding-top:10px!important; 
  height: 100%!important;
  min-height: 35px!important;
}


.dropdown_menu_bubble {

  position: relative;
  top: 15px;
  background: #fff;
  border: 2px solid #BBBDBF;
}
.dropdown_menu_bubble:after, .dropdown_menu_bubble:before {
  bottom: 100%;
  left: 80%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.dropdown_menu_bubble:before {


  border-color: rgba(187, 189, 191, 0);
  border-bottom-color: #BBBDBF;
  border-width: 19px;
  margin-left: -18px;

  border-left-width: 11px;
  border-right-width: 11px;
}
.dropdown_menu_bubble:after {

  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px;

  border-left-width: 8px;
  border-right-width: 8px;
}

.dropdown_clear_background {
  background-color: transparent!important;
}

#wrapper{
    min-height:100%;
    position:relative;
    background-color: #f4f4f4;
    /*padding-top: 100px;*/
    padding-bottom: 280px;
}

.login_alignment_container {
  text-align:left;
  width:60%;
}

.bottom_link_left {
  display: inline! important;
  text-align: left;
  width: 100px;
  min-height: 35px;
}

.bottom_link_right {
  display: inline! important;
  text-align: left;
  width: 100px;
  min-height: 35px;
}

/* End Dropdown Menu Styling*/

/* Sign In Modal */
.text_box_modal {
  height: 40px;
  border: 1px solid;
  border-radius: 3px;
  border-color: #BBBDBF;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto;
}

.text-box {
  border: 1px solid silver;
  border-radius: 3px;
  /*border-color: #BBBDBF;*/
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  margin-bottom: 20px;
  outline:none;
}

.submit_login_button_modal {
  width:100%! important;
}
.content_background_login_modal {
  margin-top: 0px;
}
.sign_in_container_modal {
  margin-bottom: 40px;
  border:none!important;
}

#login_button{
  background-color: #389CA9;
  border: none;
  color: #fff;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 3px;
  font-family: 'Open sans';
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  height: 40px;
  display: inline;
  position: relative;
  width: 75%;
}

/* End Sign In Modal */

/* Header - used across site */

.content_header{
  text-align: center;
  font-family: 'quicksand', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: 300;
  font-size: 40px;
  line-height: 50px;
}

/* End Header */


.button_newsletter {
  height: 40px! important;
}
.email_newsletter {
  height: 40px! important;
}

.close_button {
  font-family: 'Open sans'! important;
  font-size: 33px! important;
  line-height: 35px! important;
  margin-top: 10px;
  margin-right: 15px;
}

a.app_store {
  margin-top: 20px;
}

.app_store_icon{
  height:100%;
}


a.social_footer_icon{
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    float:left;
    cursor:pointer;
}

a.facebook_logo{
  background-image: url('../img/svgs/facebook.svg');
  margin-right:15px;
}

a.facebook_logo:hover{
  background-image: url('../img/svgs/facebook_hover.svg');
}

a.twitter_logo{
  background-image: url('../img/svgs/twitter.svg');
}

a.twitter_logo:hover{
  background-image: url('../img/svgs/twitter_hover.svg');
}

a{
  outline: 0 none;
}


.std_testing_number {
  display: none;
}

/* Progress Bar */

.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}
.progress_bar_color {
  background-color: #992974;
}

header .progress-bar-section {
  float: right;
}
.progress-bar-section hr{
  margin: 0 auto;
  border-top: 2px solid #ccc;
  width: 75%;
  position: absolute;
  top: 15px;
  left: 12.5%;
}
.progress-bar-section-3 hr{
  margin: 0 auto;
  border-top: 2px solid #ccc;
  width: 60%;
  position: absolute;
  top: 15px;
  left: 20%;
}
.booking-steps .step {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
/*    margin-left: 50px;
width: 25px;*/
}

.booking-steps .step:first-child {
  margin-left: 0;
}

.progress-bar-section [data-step].access-approved {
  cursor: pointer;
}

.booking-steps .icon {
  display: block;
  height: 30px;
  width: 30px;
  border: 2px solid #999;

  position: relative;
  z-index: 1;
  border-radius: 100%;
  background-clip: padding-box;
  background: #fff;
}

.booking-steps .active .icon {

  background:#992873;
  /*border:none;*/

    background:#C03F96;
    /*border:none;*/
}

.booking-steps .active .icon:hover {
    background:#992873;
    /*border:none;*/
}

.step-names .step {
  display: inline-block;
  color:#888;
  font-size:10px;
  text-align: center;
  margin-bottom: 25px;

  font-family: "Quicksand";
  /*width: 75px;*/
}

.step-names .step:first-child {
  /*margin-left: -27.5px;*/
}

.step-names .step p {
  margin: 0;
  white-space: nowrap;
}

.top-rounded{
  border-top-left-radius:3px;
  border-top-right-radius:3px;
}

.bottom-rounded{
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.grey-bordered{
  border: 1px solid #d8d8d8;
  border-radius: 3px;
}

/*custom widths for bootstrap*/

@media (min-width: 992px){
  .col-md-25 {
      width: 20.8%;
      float:left;
  }

  .col-md-15{
    width:4.16%;
    float:left;
  }

  .col-md-offset-25 {
    margin-left: 20.8%;
  }

  .col-md-offset-05{
    margin-left:4.16%;
  }
} 


.col-md-25{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-offset-05{
  margin-left:4.16%;
}

.base-button{
  font-size: 18px;
  text-align: center;
  border: 1px solid #389ca9;
  padding: 6px 25px;
  color: white;
  background-color: #389ca9;
  font-family: 'Open Sans';
  font-weight: 500;
  border-radius: 3px;
 
}

.base-button:hover:enabled{
  background-color: #136D92;
  color:white;
  border-color:#136D92;
}

.reverse-button:hover:enabled{
  background-color: #136D92;
  color:white;
}
.reverse-button{
  font-size: 18px;
  text-align: center;
  border: 1px solid #136D92;
  padding: 6px 25px;
  color: #136D92;
  background-color: white;
  font-family: 'Open Sans';
  font-weight: 500;
  border-radius: 3px;
}
