#caa-progress-bar{
  width: 800px;
  width: 100%;
  overflow: hidden;
  height: auto;
}
.step{
  position: relative;
  float: left;
  height: auto;
}
#caa-progress-bar.dtc .step{
  width: 21%;
  padding: 0% 2.5%;
}
#caa-progress-bar.dtc .step.s1{ width: 18.5%; padding-left: 0%;}
#caa-progress-bar.dtc .step.s5{ width: 18.5%; padding-right: 0%;}
#caa-progress-bar.slp .step, #caa-progress-bar.slpa .step{
  width: 25%;
  padding: 0% 3.25%;
}
#caa-progress-bar.slp .step.s1, #caa-progress-bar.slpa .step.s1{ width: 21.75%; padding-left: 0%;}
#caa-progress-bar.slp .step.s4, #caa-progress-bar.slpa .step.s4{ width: 21.75%; padding-right: 0%;}
.step .line{
  width: 100%;
  position: absolute;
  top: 50%;
  border-top: 2px solid #ccc;
}
.dtc .step.s1 .line,
.slp .step.s1 .line,
.slpa .step.s1 .line{
  width: 111%;
  margin-left: 4%;
}
.dtc .step.s5 .line,
.slp .step.s4 .line,
.slpa .step.s4 .line{
  width: 77%;
  margin-right: 23%;
}
.step .img-outer-wrapper{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
.step .img-inner-wrapper{
  position: relative;
  height: 95px;
  width: 87px;
  margin: 0 auto;
  overflow: hidden;
}
.step.s1 img{ margin-left: -20px; }
.step.s2 img{ margin-left: -125px; }
.step.s3 img{ margin-left: -224px; }
.step.s4 img{ margin-left: -323px; }
.step.s5 img{ margin-left: -423px; }
.activate1 .step.s2 img,
.activate1 .step.s3 img,
.activate1 .step.s4 img,
.activate1 .step.s5 img,
.activate2 .step.s3 img,
.activate2 .step.s4 img,
.activate2 .step.s5 img,
.activate3 .step.s4 img,
.activate3 .step.s5 img,
.activate4 .step.s5 img{
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);

}
.activate0 .step.s1,
.activate0 .step.s2,
.activate0 .step.s3,
.activate0 .step.s4,
.activate0 .step.s5,
.activate1 .step.s2,
.activate1 .step.s3,
.activate1 .step.s4,
.activate1 .step.s5,
.activate2 .step.s3,
.activate2 .step.s4,
.activate2 .step.s5,
.activate3 .step.s4,
.activate3 .step.s5,
.activate4 .step.s5{
  opacity: 0.2;
}
.activate1 .step.s2 .line,
.activate1 .step.s3 .line,
.activate1 .step.s4 .line,
.activate1 .step.s5 .line,
.activate2 .step.s3 .line,
.activate2 .step.s4 .line,
.activate2 .step.s5 .line,
.activate3 .step.s4 .line,
.activate3 .step.s5 .line,
.activate4 .step.s5 .line{
  border-color: #111;
}

#caa-progress-bar .left-wrapper, #caa-progress-bar .right-wrapper{
  float: left;
  height: 0px;
  padding-top: 40%;
  font-family: 'Open Sans', sans-serif;
  color: white;
}
#caa-progress-bar .left-wrapper{
  position: relative;
  width: 36%;
}
#caa-progress-bar .left-wrapper .number{
  position: absolute;
  background-color: #002a5c;
  top: 0px;
  right: 0px;
  width: 90%;
  height: 100%;
  font-size: 90px;
  font-size: 80px;
  font-weight: 700;
  text-align: center;
  line-height: 100%;
  border-radius: 0% 0% 0% 55% / 0% 0% 0% 30%;
}
#caa-progress-bar.dtc .left-wrapper .number{
  font-size: 65px;
}
#caa-progress-bar .swoosh{
  position: absolute;
  bottom: 0px;
  width: 87%;
  right: 8%;
  border: 0px solid red;
  overflow: hidden;
}
#caa-progress-bar .step .swoosh img{
  position: relative;
  width: 100%;
  margin-left: 0px;
  margin-bottom: 0px;
  vertical-align: bottom;
}
#caa-progress-bar .right-wrapper{
  position: relative;
  width: 63%;
  margin-left: 1%;
  background-color: #5a9bc7;
}
#caa-progress-bar .right-wrapper .icon{
  position: absolute;
  bottom: 46%;
  left: 0px;
  width: 100%;
  height: auto;
  text-align: center;
}
#caa-progress-bar .right-wrapper .icon i{
  color: white !important;
  margin-right: 0px !important;
  font-size: 36px;
  float: none;
}
#caa-progress-bar.dtc .right-wrapper .icon i{
  font-size: 25px;
}
#caa-progress-bar .right-wrapper .icon-words{
  position: absolute;
  bottom: 16%;
  left: 0px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;

}
#caa-progress-bar.dtc .right-wrapper .icon-words{
  font-size: 12px;
}
#caa-progress-bar.dtc .step.school,
.slp .step.dtc,
.slpa .step.dtc{ display: none; }

.order-summary{
  display: block;
  border: 0px solid black;
  padding: 20px 0px 0px 0px;;
}
.order-summary h2{ margin: 0px; }
.order-summary .row{ margin: 0px; padding-top: 5px; }
.order-summary .label{ font-weight: bold; }

.caa-app-wrapper.dtc .slp,
.caa-app-wrapper.dtc .slpa,
.caa-app-wrapper.slp .dtc,
.caa-app-wrapper.slp .slpa,
.caa-app-wrapper.slpa .dtc,
.caa-app-wrapper.slpa .slp{ display: none; }

.caa-app-wrapper.dtc .dtc,
.caa-app-wrapper.slp .slp,
.caa-app-wrapper.slpa .slpa{ display: block; }
.caa-app-wrapper.dtc .dtc.inline,
.caa-app-wrapper.slp .slp.inline,
.caa-app-wrapper.slpa .slpa.inline{ display: inline-block; }

.caa-app-wrapper.lang .zh-hant,
.caa-app-wrapper.lang .ko,
.caa-app-wrapper.lang .es{ display: none; }
.caa-app-wrapper.zh-hant,
.caa-app-wrapper.ko,
.caa-app-wrapper.es{ display: block; }
.caa-app-wrapper.zh-hant .zh-hant,
.caa-app-wrapper.ko .ko,
.caa-app-wrapper.es .es{ display: block; }
.caa-app-wrapper.zh-hant .blank,
.caa-app-wrapper.ko .blank,
.caa-app-wrapper.es .blank{ display: none; }



@media screen and (max-width: 1100px){
  #caa-progress-bar .left-wrapper .number{ font-size: 62px; }
  #caa-progress-bar.dtc .left-wrapper .number{ font-size: 55px; }
  #caa-progress-bar .right-wrapper .icon i{ font-size: 26px; }
  #caa-progress-bar.dtc .right-wrapper .icon i{ font-size: 20px; }
  #caa-progress-bar .right-wrapper .icon-words{ font-size: 12px; }
  #caa-progress-bar.dtc .right-wrapper .icon-words{ font-size: 11px; }

}
@media screen and (max-width: 900px){
  #caa-progress-bar .left-wrapper .number{ font-size: 52px; }
  #caa-progress-bar.dtc .left-wrapper .number{ font-size: 45px; }
  #caa-progress-bar .right-wrapper .icon i{ font-size: 20px; }
  #caa-progress-bar.dtc .right-wrapper .icon i{ font-size: 20px; }
  #caa-progress-bar .right-wrapper .icon-words{ font-size: 10px; }
  #caa-progress-bar.dtc .right-wrapper .icon-words{ font-size: 9px; }
}
@media screen and (max-width: 740px){
  #caa-progress-bar .left-wrapper .number{ font-size: 44px; }
  #caa-progress-bar.dtc .left-wrapper .number{ font-size: 40px; }
  #caa-progress-bar .right-wrapper .icon i{ font-size: 16px; }
  #caa-progress-bar.dtc .right-wrapper .icon i{ font-size: 15px; }
  #caa-progress-bar .right-wrapper .icon-words{ font-size: 9px; }
  #caa-progress-bar.dtc .right-wrapper .icon-words{ font-size: 8px; }

}

/***************STATUS-BAR STYLES ABOVE****************/

.caa-app-wrapper h2{
  color:#5b9ac7;
}

.caa-page {
    display: none;
    position: relative;
    top: 10px;
    left: 10px;
    margin-top:75px;
    margin-bottom:200px;
    display: flex;
    justify-content: center;
    //align-items: center;
}
.caa-page.p2 {
    display: block;
}
.passport-visa {
    display: none;
}
.nav {
    border-top: 1px solid #ccc;
    padding-top: 0px;
    margin-top: 30px;
}
.next {
    background: #5b9ac7;
    width: 100px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    color: #FFF !important;
    position: absolute;
    right: 0;
}

.next a,.previous a  {
	color: #FFF !important;
	text-transform: uppercase;
}

.previous {
    background: #5b9ac7;
    width: 100px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    position: absolute;
    left: auto;
    color: #FFF !important;
}
.caa-button{
  background: #5b9ac7;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #FFF !important;
  padding: 10px 20px
}
.caa-button a{ color: white; }
.caa-button:hover, .caa-button a:hover{ color: #002b5c !important; }
.caa-button.dark-blue{
    background-color: #002b5c;
}
.caa-button.dark-blue:hover, .caa-button.dark-blue a:hover{
    background: #5b9ac7;
    color: #002b5c;
}
.caa-button-inverse{
  background: #fff;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #5b9ac7 !important;
  padding: 10px 20px;
  border: 1px solid #5b9ac7;
}
.caa-button-inverse a{ color: #5b9ac7; }
.caa-button-inverse:hover{
  background: #5b9ac7;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fff !important;
  padding: 10px 20px
}
.caa-button-inverse:hover a{ color: #fff; }


.floating-button{ display: inline-block; }
.dob_content .previous{ display: none; }
.hide {
    display: none;
}


/*.left-wrapper{
	position: absolute;
	left:0;
	float: left;
	width: 47%;
	padding: 1%;
	font-size:12px;
	border-right: 1px solid #eeeeee;
}*/

.wrapper .right-wrapper {
    position: relative;
    display: flex;
    height: 1300px;
    width: 100%;
    /*padding: 1%;*/
}


.listClass {
    font-size: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.listClass h3 {
    margin: 0 !important;
    padding: 0 !important;
}
.listClass p {
    margin: 0 !important;
    padding: 0 !important;
}
.error-msg {
    color: red !important;
    margin-left: 15%;
}
.error-msg2 {
    color: red !important;
    margin-left: auto;
}
.previous::before {
    content: "< ";
    white-space: pre;
}
.next::after {
    content: " >";
    white-space: pre;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
* html .ui-autocomplete {
    height: 200px;
}
#enterSchool {
    display: none;
}

.left-cont {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  float: left;
  padding: 10px 10px 10px 0px;
  width: 300px;
  height: 100%;
  margin-bottom:100px;
  border-right: 1px solid #ccc;
}
.right-cont {
  position: relative !important;
  top: 0;
  bottom: 0;
  padding-left: 10%;
  padding-top: 10%;
  width: 700px;
  float: left;
  height: auto;
  text-align: left;
  margin-bottom: 100px;
}
.fa-calendar {
    font-size: 55px;
    margin-right: 27.5px;
    color: #5b9ac7 !important;
    /*margin-top: -18.5px !important;*/
    margin-right: 10px;
}
.fa-credit-card {
    margin-top: -15px;
}
.fa-shopping-cart {
    margin-top: -20px;
}

.fa-university{
	margin-top: -25px;
}



h4 {
    color: #002b5c !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
h4.si-i-h2 {
    margin-left: 78px;
    font-size: 20px;
}
#si-schoolId {
    margin-left: 80px;
}
#si-DOB {
    margin-left: 80px;
}
#p-h-h2 {
    margin-left: 78px;
}
#aboutYouInfo{
    padding-bottom: 50px;
}
#p-payInfo {
    margin-left: 80px;
    max-width: 400px
}
.fa-user {
    margin-top: -20px;
}
.fa-medkit {
    margin-top: -20px;
}
h1` {
    color: #002b5c !important;
}
form {
    margin-left: 80px;
    padding: 0;
    border-style: none;
}

#login{
    overflow: hidden; 
    padding-bottom: 20px;
}
.login_content .previous, 
.login_content .next,
.user_dashboard .previous, 
.user_dashboard .next
{ display: none; }

.login_content #no-login.next, .login_content #login-button.next{
    display: flex; 
    position: relative;
}
.login_content #no-login.next{ width: 250px; }
.login_content .nav{ border-top: 0px solid #ccc;}
#login h4,
#forgot-pass-form h4,
#change-pass-form h4,
#change-email-form h4,
#studentInfo h4,
#aboutYouInfo h4,
#p-check h4,
#p-route h4,
.control-label{
	float: left;
	width: 150px;
}
#login input,
#forgot-pass-form input,
#change-pass-form input,
#change-email-form input,
#studentInfo input,
#aboutYouInfo input,
#p-check input,
#p-route input,
.controls input{
	max-width: 250px;
}
#login input,
#studentInfo input,
.control-group{
	margin-bottom: 10px;
}
#login input[type="password"],
#aboutYouInfo input[type="password"]{
	border: 1px solid #d2d2d2;
	height: 29px;
	width: 250px;
}
.receipt-row{
	display: block;
	clear: both;
	padding: 10px 0px;
}
.receipt-label, .receipt-data{
	float: left;
}
.receipt-label{
	font-weight: bold;
	padding-right: 10px;
	color: #002b5c;
}
.receipt-row strong{
	color: #002b5c;
}
.receipt-pdf-receipt{
	margin: 10px 0px;
}
.receipt-pdf-receipt a{
	color: white;
	background-color: #5b9ac7;
	padding: 15px 30px;
	text-transform: uppercase;
}

// REVIEW
.wrapper.dtc .p7 .receipt-row.school,
.wrapper.dtc .p7 .receipt-row.school-dom,
.wrapper.dtc .p7 .receipt-row.school-int,
.wrapper.slp .p7 .receipt-row.dtc,
.wrapper.slp.int .p7 .receipt-row.school-dom,
.wrapper.slp.dom .p7 .receipt-row.school-int{
	display: none;
}
//

.wrapper .caa-page h4{
	font-size: 14px;
}
.wrapper{ padding-top: 40px; }
.left-cont h1{
	margin-top: 0px;
	line-height: 100%;
}
.right-cont{
	padding-top: 0%;
}
.links-of-interest a{
	display: block;
	background-color: #5b9ac7;
	height: auto;
	width: 200px;
	padding: 10px 20px;
	margin: 10px 0px;
	text-align: center;
	color: white;
	text-transform: uppercase;
}
.caa-app-wrapper.logged-in #user-dashboard-link,
.caa-app-wrapper.logged-out #user-dashboard-login,
#cart-link{ display: flex; }
.caa-app-wrapper.logged-out #user-dashboard-link,
.caa-app-wrapper.logged-in #user-dashboard-login{ display: none; }
#startover, #user-dashboard-link, #user-dashboard-login, #cart-link{
  background: #5b9ac7;
  width: 100px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
/*
  position: absolute;
  left: 0;
  right:0;
  margin:auto;
*/
  margin-top: 3% !important;
  color:white;
  border: 0px solid transparent;
  text-transform: uppercase;

  background-color: #ccc;
  width: 200px;
  font-size: 16px;
}
#startover:hover,
.links-of-interest a:hover,
.previous:hover a,
.previous:hover,
.next:hover a,
.next:hover,
.receipt-pdf-receipt a:hover,
#user-dashboard-link:hover,
#user-dashboard-login:hover
#cart-link:hover{
	color: #002b5c !important;
}
#user-dashboard-link,
#user-dashboard-login,
#cart-link{
    background-color: #002b5c;
}
#user-dashboard-link:hover,
#user-dashboard-login:hover,
#cart-link:hover{
    background: #5b9ac7;
	color: #002b5c !important;
}
.caa-app-wrapper.logged-out #cart-add-student-from-dashboard-btn{
    display: none;
}

.order-summary{
	margin-bottom: 20px !important;
}
.pswd_info ul , li {
    margin:0;
    padding:0;
    list-style-type:none;
}

.pswd_info, .hint-box {
    display:none;
    position:relative;
    top:25px;
    width:250px;
    float:none !important;
    padding:15px;
    background:#fefefe;
    font-size:.875em;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
}
.pswd_info, .hint-box.right{
  right:-150px;
}
.hint-box.fullwidth{
  width: 100%;
}
.hint-box.student-gender-hint{ top: 45px; }

.pswd_info h4, .hint-box h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
    position: relative;
      float:none !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

.pswd_info::before, .hint-box::before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}

.invalid {
    /*background:url(../images/invalid.png) no-repeat 0 50%;*/
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}
.valid {
    /*background:url(../images/valid.png) no-repeat 0 50%;*/
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}

/* REVIEW */
.wrapper.dtc h1.school,
.wrapper.school h1.dtc{ display: none; }
.receipt.dtc .note-slp,
.receipt.slp .note-dtc,
.receipt.slp .dtc,
.receipt.slp .receipt-row.dtc,
.receipt.slp.int .slp-dom,
.receipt.slp.dom .slp-int,
.slp .submit .dtc{ display: none; }
.receipt.slp.int .slp-int,
.receipt.slp.dom .slp-dom{ display: block; }



.caa-app-wrapper .submit{ cursor: default; }

@media screen and (min-width: 200px) and (max-width: 800px) {
  .page-id-12045 #main{
  	padding-left: 10px !important;
  	padding-right: 10px !mportant;
  }
  .caa-page{
    flex-direction: column !important;
  }
  .left-cont{
  	width: 250px;
    margin-top:100px;
    /*display: none !important;*/
  }
  .right-cont{
/*  	left: 250px;*/
  	padding-left: 3%;
  	width: 480px;
  }
  #login input, #studentInfo input, #aboutYouInfo input, #p-check input, #p-route input,.controls input{
  	max-width: 230px;
  }
}

.mobile_order{
  display: none;
  width: 100%;
  position: relative;
  padding: 0px !important;
  /*margin-top: 100px;*/
  margin-bottom: -5px !important;
  height: 40px;
  text-align: center;
  font-weight: 300 !important;
  justify-content: center;
  align-items: center;
  background: #5b9ac7;
  z-index: 99;
  font-size: 3vw;
  color:#FFF !important;
}

.close_summary{
  display: none;
  z-index: 9;
  position:absolute;
  left:5px;
  margin-top:5px;
  width: 50px;
  height:auto;
  color:#FFF !important;
}

.user-dashboard-nav{
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px; 
    overflow: hidden;
}
.dashboard-student, #cart-list .student-wrapper,
.receipt .student-wrapper{
    padding: 10px;
    overflow: hidden;
}
.dashboard-student:nth-child(odd){
    background-color: #eeeeee;
}
#cart-list .student-wrapper,
.receipt .student-wrapper{
   border-top: 15px solid #002b5c; 
   position: relative;
}
.receipt .student-wrapper:last-child{
   border-bottom: 15px solid #002b5c;     
}
#cart-list .transaction-wrapper{
    margin-top: 5px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}
#cart-list .transaction-wrapper:first-child{
    margin-top: 0px;
    border-top: 0px solid #ccc;
    padding-top: 0px;
}
#cart-list .student-edit-remove{
    position: absolute;
    top: 10px;
    right: 20px;
}


.section-title{
    font-weight: bold;
    color: #5b9ac7;
}
.section-title.policies-selected{
    margin-btop: 10px;
}
.dashboard-student .info-wrapper{
    padding-right: 10px;
}
.dashboard-student .info-wrapper .name{
    font-weight: bold;
    color: #555;
}
.dashboard-student .info-wrapper .current-coverage-message{

}
.dashboard-student .info-wrapper .coverage-purchase-message{
}

.dashboard-student .renewal-button-wrapper{
}
.dashboard-student .renewal-button-wrapper .purchase-coverage{
    font-weight: bold;
    color: #002b5c;
}
.dashboard-student .renewal-button-wrapper .purchase-coverage:hover{
    cursor: pointer;
    color: black;
}
.cart-summary-line{
    padding: 5px 0px;
    border-bottom: 1px solid #eeeeee;
}
.modifiers-and-dates{
    display: none;
    border-top: 0px solid gray; 
    border-bottom: 0px solid gray; 
    margin-top: 0px;
    padding: 10px 10px 30px 40px;
}

@media screen and (min-width: 200px) and (max-width: 600px) {

    .caa-page{
      flex-direction: column !important;
    }
    .left-cont{
      /*display: none !important;*/
      padding: 0px !important;
      width:100% !important;
      margin-top:15px;
      /*margin-bottom:15px !important;
      margin-top:50px !important;*/
      border-bottom:1px solid #ccc !important;
    }
    .right-cont{
        padding-left:0% !important;
    	width:100%;
    }
    .si-i-h2 {
        font-size:4vw;
    }
    #si-schoolId {
        margin-left:0  !important;
    }
    #si-DOB {
        margin-left:0  !important;
    }
    #p-h-h2 {
        margin-left:0  !important;
    }
    #p-payInfo {
        margin-left:0  !important;
    }
    h4{
        float:none !important;
        margin-left:0  !important;
        padding-right:5px  !important;
        font-size:4vw !important;
        width: auto !important;
    }
    form {
        margin-left: 0px !important;
        padding: 0;
        border-style: none;
    }
    .control-label {
        float:none !important;
    }
    #passNum{
        margin-left:auto;
        width:auto;
    }
    #startover,
    #user-dashboard-link,
    #user-dashboard-login,
    #cart-link{
        background: #5b9ac7;
        width: 19%;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
        /* margin-top: 3% !important; */
        color: white;
        border: 0px solid transparent;
        text-transform: uppercase;
        background-color: #ccc;
        /* width: 200px; */
        font-size:2.8vw;
        padding: 10px 20px;
        margin-top:0px !important;
        margin-right: 1%;
    }
    #user-dashboard-link,
    #user-dashboard-login,
    #cart-link{
        background-color: #002b5c
    }
    .links-of-interest{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .links-of-interest a {
        display: block;
        background-color: #5b9ac7;
        height: 65px;
        width: 19%;
        /* padding: 10px 20px; */
        margin-right: 1%;
        text-align: center;
        color: white;
        display: flex;
        justify-content: center;
        font-size:2.8vw;
        align-items: center;
        text-transform: uppercase;
    }
    .order-summary {
        padding: 15px !important;
        position:absolute;
        background: #FFF;
        z-index: 90;
        width:95%;
        margin-left:1.20%;
        box-shadow: 0px 0px 5px #111;
        display: none;
        margin-top:-10px;
        margin-bottom:25px;
        //padding-bottom:25px;
    }
    #desktop_order{
      display: none;
    }
    .mobile_order{
      display: flex;
      color:#FFF;
    }
    .receipt-pdf-receipt a {
      font-size: 3vw;
    }
    /*/ PROGRESS BAR /*/
    body #caa-progress-bar { -webkit-transition: all 0.25s linear;}
    body #caa-progress-bar.slp, body #caa-progress-bar.slpa{ width: 250%; margin-bottom:35px;}
    body #caa-progress-bar.slp.activate1, body #caa-progress-bar.slpa.activate1{ margin-left: 30%; }
    body #caa-progress-bar.slp.activate2, body #caa-progress-bar.slpa.activate2{ margin-left: -35%; }
    body #caa-progress-bar.slp.activate3, body #caa-progress-bar.slpa.activate3{ margin-left: -100%; }
    body #caa-progress-bar.slp.activate4, body #caa-progress-bar.slpa.activate4{ margin-left: -160%; }

    body #caa-progress-bar.dtc{ width: 310%; }
    body #caa-progress-bar.dtc.activate1{ margin-left: 30%; }
    body #caa-progress-bar.dtc.activate2{ margin-left: -40%; }
    body #caa-progress-bar.dtc.activate3{ margin-left: -105%; }
    body #caa-progress-bar.dtc.activate4{ margin-left: -170%; }
    body #caa-progress-bar.dtc.activate5{ margin-left: -235%; }
}

.flywire-checkout-button{
    background: #5b9ac7;
    /*width: 100px;*/
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    left: auto;
    color:white;
    cursor:pointer;
    opacity:0.5;
    pointer-events:none;
}

.flywire-checkout-button p{
    margin:0 !important;
    color:white;
}