/* mmikic */
*{font-family:Roboto,sans-serif}body,html{background-color:#FFF8E1;background-image:url(../img/bg.png);background-repeat:repeat;margin:0;padding:0}#okvir{background-color:#FFF;box-shadow:0 5px 10px #CCC;width:650px;margin:5% auto}@media (max-width:700px){#okvir{width:100%;margin:0;box-shadow:none;border-bottom:3px solid #EFEFEF}}#okvir h1{color:#121212;background-color:#FFD54F;font-size:24px;font-weight:400;margin:0;padding:30px}#traka{background-color:#FFD54F}#traka h1{font-size:16px;font-weight:400;margin:0;padding:20px}label{display:block;font-size:16px;margin-bottom:5px}label[for=r_student],label[for=r_staff]{display:inline-block;margin-right:30px;cursor:pointer}div.explain{color:#999;font-size:14px;line-height:20px;margin-bottom:10px;width:100%;text-align:justify}input[type=text],option,select,textarea{border:1px solid #CCC;border-radius:2px;box-shadow:0 3px 6px #EFEFEF inset;padding:5px;font-size:18px;margin:0;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}textarea{max-width:100%;min-width:100%;min-height:120px;max-height:240px}.input{padding:10px 20px}.input.greska{background-color:#FFCDD2;transition:.5s all ease}.input.greska label{color:#D32F2F}.poruka{margin:0;padding:20px;line-height:25px;text-align:justify;overflow:auto}.poruka h3{margin:0 0 10px;padding:0;font-weight:400;font-size:18px}.poruka img{float:left;margin-right:20px}.req{color:#D32F2F}.tip{background-color:#F9F9F9;color:#666;padding:20px;font-size:12px;margin-bottom:10px}.submit{background-color:#F9F9F9;padding:20px;text-align:right}.submit a,.submit input[type=submit]{background-color:#FFD54F;box-shadow:0 2px 0 #FFC107;color:#121212;text-decoration:none;border:0;border-radius:2px;font-size:16px;text-transform:uppercase;padding:10px 20px;cursor:pointer;transition:all 1s;margin:0;display:inline-block}.submit a:hover,.submit input[type=submit]:hover{background-color:#FFC107;box-shadow:0 2px 0 #FFC107}hr{border:0;border-bottom:1px solid #E5E5E5}.bad-input,.formular,.mail,.max,.multi-token,.ok,.token{display:none}#modal{background:#FFD54F;z-index:888;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:0;transition:1s all cubic-bezier(0,1,.5,1)}.spinner{z-index:999;top:40%;left:50%;position:absolute;margin-left:-50px;display:none}.spinner>div{width:18px;height:18px;background-color:#121212;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}