/*---------------------------------------*/

/* Font */

/*---------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto');





/*---------------------------------------*/

/* Register Form */

/*---------------------------------------*/





.signup-form {

  font-family: "Roboto", sans-serif;

  

  margin:0px auto;

  background:linear-gradient(to right, #ffffff 0%, #fafafa 50%, #ffffff 99%);

  border-radius: 10px;

}



/*---------------------------------------*/

/* Form Header */

/*---------------------------------------*/

.form-header  {

  background-color: #00002e;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

}



.form-header h1 {

  font-size: 20px;

  text-align:center;

  color:white;

  padding:0px 0;

  border-bottom:1px solid #cccccc;

}



/*---------------------------------------*/

/* Form Body */

/*---------------------------------------*/

.form-body {

  padding:0px 0px;

  color:#666;

}



.form-group{

  margin-bottom:20px;

}



.form-body .label-title {

  color:#811bba;

  font-size: 15px;

  font-weight: ;

}



.form-body .form-input {

    font-size: 17px;

    box-sizing: border-box;

    width: 100%;

    height: 34px;

    padding-left: 10px;

    padding-right: 10px;

    color: #333333;

    text-align: left;

    border: 1px solid #d6d6d6;

    border-radius: 4px;

    background:#f6f6f6;

    outline: none;

}







.horizontal-group .left{

  float:left;

  width:49%;

}



.horizontal-group .right{

  float:right;

  width:49%;

}



input[type="file"] {

  outline: none;

  cursor:pointer;

  font-size: 17px;

}



#range-label {

  width:15%;

  padding:5px;

  background-color: #1BBA93;

  color:white;

  border-radius: 5px;

  font-size: 17px;

  position: relative;

  top:-6px;

}





::-webkit-input-placeholder  {

  color:#d9d9d9;

}



/*---------------------------------------*/

/* Form Footer */

/*---------------------------------------*/

.signup-form .form-footer  {

  background-color: white;

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

  padding:10px 40px;

  text-align: right;

  border-top: 1px solid #cccccc;

  clear:both;

}



.form-footer span {

  float:left;

  margin-top: 10px;

  color:#999;  

  font-style: italic;

  font-weight: thin;

}



.btn {

   display:inline-block;

   padding:10px 20px;

   background-color: #811bba;

   font-size:17px;

   border:none;

   border-radius:5px;

   color:#bcf5e7;

   cursor:pointer;

}



.btn:hover {

  background-color: #169c7b;

  color:white;

}