/* ===========================================================
 * Filename: custom.css
 * Version: 0.1
 * Project:	glasanje.web360.com.hr
 * Author: web360 (Marino Dedic, Ban Domesic)
 * =========================================================== */

#login_register { position: fixed; left: 50%; top: 20%; width: 250px; margin-left: -125px; box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.5); text-align: center; color: #fff;}
#button_switch { position: absolute; left: auto; right: auto; bottom: 0; width: 100%; text-align: center; height: 60px;}
#button_switch a{ height: 35px; display: inline-block; padding-top: 5px; color: #fff;}
.form { width: 100%; text-align: center; float: left; padding-bottom: 70px;}
.form input { float: none;}
#message { position: fixed; left: 50%; top: 5%; width: 220px; padding: 5px 15px; box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.5); margin-left: -125px; text-align: center; color: #fff; }
.shadow { box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.5);}
.referendum { padding: 50px;}

.input_hidden { visibility: hidden;}
label { cursor: pointer;}

input[type="radio"]:checked + label h4 { background-color: #74819B; color: #fff; }
#submit_button { padding-top: 40px;}

#success { position: fixed; left: 50%; top: 20%; width: 500px; margin-left: -250px; box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.5); text-align: center; color: #fff;}
#success h3 { padding: 50px; background-color: #fff; color: #000;}

#font_size { position: absolute; right: 20px; top: 20px; background-color: yellow; padding: 10px;}

.spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
} 

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}