.segment{
        padding: 5px;
        /*border: solid 2px #eee;*/
    }
    .ruler-horizontal{
        height: 10px;
        position: absolute;
        width: 100%;
        background-color: white;
        border-bottom: 3px solid #21b864;
        border-top: 3px solid #21b864;
        margin-top: 20px;
    }
    .bubble{
        font-size: 1em;
        display: inline-block;
        color: white;
        text-align: center;
        float: left;
        padding: 0.3em;
        height: 3.5em;
        border-left: solid thin white;
        border-left: 
    }
    .active:after{
        content: '';
        width: 0; 
      height: 0; 
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      margin-left: auto;
      margin-right: auto;
      border-bottom: 10px solid white;
      text-align: center;
    }
    .active{
        background-color: #f09728;
    }
    .no-payment-notification{
        width: 60%;
        min-width: 300px;
        font-size: 1.2em;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        /*height: 400px;*/
        border:solid thin #ccc;
        padding: 30px;
        box-shadow: 2px 2px 10px;
    }
    .applicant-header-bar{
        width: 100%;
        background-color: #f0c08f;
        border-bottom: solid 2px #aca3a3;
    }
    .applicant-header-bar a:hover{
        color:white;
        opacity: 0.8;
    }
    .notification-title{
        display: block;
        background: #ccc;
        font-size: 1.5em;
        text-transform: uppercase;
        padding: 10px;
        color:#a34a51;
    }
    .btn{
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 5px;
    }

/*style for application pre payment*/
  .payment-information{
    padding-left: 15px;
    margin-top: 30px;
  }
  .payment-info-item label{
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 20px;
  }
  .form-container{
    padding-top: 0!important;
  }
  .payment-info-item{
    margin-top: 10px;
    border-bottom: solid thin #eee;
    /*font-size: 1.2em;*/
    padding-bottom: 2px;
   
  }
  a:click{
    color:white;
  }
  #proceedBtn{
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .payment-info-item .item{
    font-weight: bold;
    display: inline-block;
    width:20%;
    min-width: 50px;
    margin-right: 10px;

  }
  .payment-info-item .value{
  }
  .form-control{
    margin-top: 5px;
  }
  #content{
    margin-left: auto;
    margin-right: auto;
    /*width: 60%;*/
  }
    .message{
        border:none;
    }
    .form-group i{
        color: red;
        margin-left: 5px;
        font-size: 1.2em;

    }
  .big-label{
    font-size: 1.5em;
    display: inline-block;
    margin-top: 7px;
    margin-bottom: 8px;
  }
  .form-group{
      width: 49%;
      float: left;
      margin-left: 1%;
  }
.subject-separator{
    font-size: 1.4em;
    /*font-style: italic;*/
    border-bottom: solid #ddd thin;
    clear: both;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #cd3333;
}
.subject-list{
    background-color:#EAEAEA;
}
.continue-btn{
    display: none;
    padding:5px;
    color: white;
    float: right;
    margin-top: -80px;
    margin-right: 30px;
}

/*the printing style for the admission printing pages*/
@media print{
  #sidebar{
    display: none;
  }
  .print{
    display: none;
  }
  #head{
    display: none;
  }
  .header-bar{
    display: none;
  }
  #loading{
    display: none;
  }
  .loading{
    display: none;
  }
  .letter-container{
    border-color:white;
  }
  #footer{
    display: none;
  }
  li{
    list-style: none;
  }
  .underline-block{
    text-decoration: underline;
  }
  .float-right{
    display: inline-block;
    margin-left:5%;
  }
}
.signature-section{
  margin-top:10%;
  margin-left: 70%;
}
.image_box{
  position: absolute;
  left: 0;
  top: 125px;
  width: 150px;
  height: 100px;
}
.form-container{
  position: relative;
}
.form-container form{
  margin-left: auto;
  margin-right: 100px;
}