#page{margin:0px!important; width:100%!important;}
#branding,
.emptydiv,
#page-title{display:none;}

.clear{clear:both;}

.purchase-header-wrapper{ 
    width:100%;
    padding:0 4%;
    box-sizing:border-box;
    height:65px;
    border-bottom: 1px solid #d4d5d7;
    box-shadow: 1px 0px 3px #d4d5d7;
    background:#FFFFFF;
    position:fixed;
    top:0px;
    z-index:300; 
}

.purchase-header-logo-wrapper{
    overflow:hidden;
    min-height:20px;
    margin-top:18px;
}

.purchase-header-home-wrapper{
    width:25px;
    height:25px;
    float:right;
    margin-top:20px;
}

.purchase-title-wrapper{  
    width: 92%;
    margin:auto;
    height:60px;
    margin-top:80px;
}

.purchase-title-inner-wrapper{
    float:left;
    width:80%;
    margin-left:10%;
    height:46px;
    margin-top:10px;
    position:relative;
}

/*Breadcrumb css*/
.purchase-crumb-each-wrapper{
    position: absolute;
    width: 150px;
    height: 34px;
}

.purchase-crumb-last-wrapper{
    position: absolute;
    width: 70%;
    height: 30px;
    background:#d9d9d9;
    border-radius:6px;
    right:0px;
    border:2px solid #f4f5f7;
}

/*Breadcrumb arrow construction----*/
/*Normal------*/
.arrow_box {
  position: relative;
  background:#d9d9d9;
  border: 2px solid #f4f5f7;
  height: 30px;
  border-radius: 6px;
  line-height: 30px;
  color: #ffffff;
  font-size: 12px;
  text-align:center;
}
.arrow_box:after, .arrow_box:before {
  left: 98%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(217, 217, 217, 0);
  border-left-color: #d9d9d9;
  border-width: 15px;
  margin-top: -15px;
}
.arrow_box:before {
  border-color: rgba(244, 245, 247, 0);
  border-left-color: #f4f5f7;
  border-width: 17px;
  margin-top: -17px;
}

/*High lighted------*/
/*Single app selected--------*/
.single_arrow_box {
  position: relative;
  background: #249bc4;
  border: 2px solid #f4f5f7;
  height: 30px;
  border-radius: 6px;
  line-height: 30px;
  color: #ffffff;
  font-size: 12px;
  text-align:center;
}
.single_arrow_box:after, .single_arrow_box:before {
  left: 98%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.single_arrow_box:after {
  border-color: rgba(36, 155, 196, 0);
  border-left-color: #249bc4;
  border-width: 15px;
  margin-top: -15px;
}
.single_arrow_box:before {
  border-color: rgba(244, 245, 247, 0);
  border-left-color: #f4f5f7;
  border-width: 17px;
  margin-top: -17px;
}

.purchase-content-wrapper{
    width:92%;
    margin:auto;
}

.purchase-content-inner-wrapper{
   float:left;
   width:80%;
   margin-left:10%;
   min-height:50px;
}

.back-icon-button{float:left; width:24px; height:24px; background: url("../images/back-icon.png") no-repeat;}
.proceed-btn{ 
    float:right;
    height:30px;
    padding:0px 50px;
    line-height:30px;
    border-radius:5px;
    letter-spacing:0.5px;
    font-size:12px;
    cursor:pointer;
}

.close-this {
    float:right;
    margin-top: -14px;
    cursor:pointer;
}

.highlight-error{ border:1px solid #FF0000 !important; background-color:#FFDADA; }

.condition-title{ float:left;width:100%; font-size:17px; text-align:center; line-height:25px;  }

.condition-content{float:left; width:100%; padding:15px 35px; box-sizing:border-box; background:#FFFFFF; min-height:200px; font-size:11px; line-height:16px;}

.condition-rows-1{float:left; width:100%;text-decoration:underline;text-align:center; font-size:15px; line-height:20px;margin:10px 0px;}

.condition-rows-2{float:left; width:100%; text-align: justify; color:#6A6A6A; margin-bottom:20px;}
.condition-rows-2 ul,.condition-rows-2 ul li{list-style:disc!important; padding-left:10px!important;margin-left:10px; margin-bottom:5px;}
