body {
    font-family: "San Francisco Display Semibold";
}

.center_div{
    margin: 0 auto;
    width:80% ;/* value of your choice which suits your alignment */
}

.glyphicon-check {
    color: greenyellow;
    cursor: pointer;
}

.glyphicon-unchecked {
    color: #666;
    cursor: pointer;
}

h1 {
  color: #333;
  font-weight:normal;
  font-size:5vw;
}

.error{
 color:red;
}

@font-face {
  font-family: "San Francisco Display Semibold";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.svg#San Francisco Display Semibold") format("svg")
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display: table;
  margin: 0 auto;

}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#partnerRegistrationContainer .input-group {
  padding-bottom: 25px;
}

#partnerRegistrationContainer .input-group label.error {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

#partnerRegistrationContainerSuccess,
#partnerRegistrationContainerFail {
  width: 60%;
  margin: 30px auto;
}