/* -- basic css - do not touch, it is used for all the bootstrap campaigns --*/

body{
  color:#333333;
}
  /* legals */

 #price {
  width:100% !important;
 }

 #disclaimerWrapper {
  font-size: 11px;
}
#lp_warning
{
  line-height: 1 !important;
}
/* end_legals */


/* page_1 */

.step{
  background-color: rgba(255,255,255,0.8);
  -webkit-border-radius:25px;
     -moz-border-radius:25px;
          border-radius:25px;
}

#msisdn {
  padding: 5px;
  font-size: 17px;
  margin-top: 5px;
  width: 64%;
  color:#333333;
}

#msisdn_part{
  color:#333333;
}

#op {
  font-size: 17px;
  margin-bottom: 5px;
  color:#333333;
}

.area{
  color:#333333;
}

#errorMessage,#pin_errorMessage{
  display: none;
  line-height:1;
  padding:10px;
  margin-bottom: 0;
  color: #fff;
  background-color :#FF5722;
}

/* btn */
#submit_button {
  margin:25px 0 25px 0;
}
/* end_btn */


/* end_page_1 */



/* pincode page_2 */

#pinbox, #loading {
  position: relative;
  width: 100%;
  z-index: 4220;
  display: none;
}

#pinsubmit {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2));
  background-image: -moz-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image: -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
  background-repeat: repeat-x;
  border-color: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  display: inline-block;
  color: #ffffff;
  font-family: arial;
  font-size: 24px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  margin-top: 5px;
}

#pinsubmit:hover {
  background-color: #2d6ca2;
  background-position: 0 -15px;
}

input#pincode {
  font-size: 24px;
  font-weight: bold;
  color:#333333;
}

#pintitle {
  display: block;
  font-size: 20px;
  font-weight: bold;
}

/* end_pincode page_2 */


/* thanks */


.getPhone {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  color: #333333;
  font-family: Helvetica;
  font-size: 25px;
  text-align: center;
}

.MOcontainer {
  color: #333333;
  font-size: 30px;
  text-align: center;
  font-family: arial;
  font-weight: bold;
}

div#thanksTextBox {
  padding: 35px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  margin: 10px;
  margin-left: 20px;
  background-color: white;
}

div#confirmTextBox {
  padding: 35px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  margin: 10px;
  background-color: white;
}

div.topLegal, div.bottomLegal {
  color: #000000;
  font-size: 19px;
  text-align: center;
  font-family: arial;
}

div.confirmText, div.confirmTo, div.confirmWhat {
  color: #333333;
  font-size: 20px;
  text-align: center;
  font-family: arial;
  font-weight: bold;
}

div.confirmKeyword, div.confirmShortcode {
  color: #FF0000;
  text-transform: uppercase;
  text-align: center;
  line-height: 95%;
  font-family: arial;
  font-weight: bold;
  /* font-size is set as inline style in application_helper#build_confirm_v2 */
}

/* end_thanks */

#termsagree_wrapper {
    width: 90%;
    margin: auto;
    text-align: justify;
}
#notyetagreedbox {
    color: #333333;
    text-align: center;
}

/* spacers */

.spacer25{
  height:25px;
}

.spacer50{
  height:50px;
}

.spacer75{
  height:75px;
}

.spacer100{
  height:100px;
}

.spacer125{
  height:125px;
}

/* end_spacers */