.colorgraph {

  height: 5px;

  border-top: 0;


  border-radius: 5px;

  background-image: -webkit-linear-gradient(right, #f0776c 0%, #f0776c 20%, #db9dbe 20%, #db9dbe 40%, #c49cde 40%, #c49cde 60%, #669ae1 60%, #669ae1 80%, #62c2e4 80%, #62c2e4);

  background-image: -moz-linear-gradient(right, #f0776c 0%, #f0776c 20%, #db9dbe 20%, #db9dbe 40%, #c49cde 40%, #c49cde 60%, #669ae1 60%, #669ae1 80%, #62c2e4 80%, #62c2e4);

  background-image: -o-linear-gradient(right, #f0776c 0%, #f0776c 20%, #db9dbe 20%, #db9dbe 40%, #c49cde 40%, #c49cde 60%, #669ae1 60%, #669ae1 80%, #62c2e4 80%, #62c2e4);

  background-image: linear-gradient(to left, #f0776c 0%, #f0776c 20%, #db9dbe 20%, #db9dbe 40%, #c49cde 40%, #c49cde 60%, #669ae1 60%, #669ae1 80%, #62c2e4 80%, #62c2e4);

}

.colorgraph-inverse {

  height: 5px;

  border-top: 0;


  border-radius: 5px;

  background-image: -webkit-linear-gradient(left, #f0776c 0%, #f0776c 20%, #db9dbe 20%, #db9dbe 40%, #c49cde 40%, #c49cde 60%, #669ae1 60%, #669ae1 80%, #62c2e4 80%, #62c2e4);

  background-image: -moz-linear-gradient(left, #f0776c 0%, #f0776c 20%, #db9dbe 20%, #db9dbe 40%, #c49cde 40%, #c49cde 60%, #669ae1 60%, #669ae1 80%, #62c2e4 80%, #62c2e4);

  background-image: -o-linear-gradient(left, #f0776c 0%, #f0776c 20%, #db9dbe 20%, #db9dbe 40%, #c49cde 40%, #c49cde 60%, #669ae1 60%, #669ae1 80%, #62c2e4 80%, #62c2e4);

  background-image: linear-gradient(to right, #f0776c 0%, #f0776c 20%, #db9dbe 20%, #db9dbe 40%, #c49cde 40%, #c49cde 60%, #669ae1 60%, #669ae1 80%, #62c2e4 80%, #62c2e4);

}

#sign_up i.glyphicon{font-size: 18px;}

#check_pass2.valid .input-group-addon{background: rgb(191, 1, 19);}

#check_pass2.not-valid .input-group-addon{background: rgb(231, 205, 205);}

.btn-facebook {
    background : #3b5998;
    color: white;
}
.btn-facebook:hover {
    opacity: 0.8;
    color: white;
}