body{
  font-family: verdana, sans-serif;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  background: #e0692b url(https://nassport.cz/img/background/bg.png);
}

.zap-hes{
  font-size: 14px;
  float: right;
  margin-top: 4px;
  text-decoration: none;
  color: #e0692b;
}

.zap-hes:hover{
  text-decoration: underline;
  color: #ff8140;
}

.auth-box{
  position: fixed;
  width: 400px;
  min-height: 200px;
  background-color: rgba(68, 68, 68, 0.8);
  border-radius: 7px;
  border: 1px solid rgba(60, 60, 60, 0.1);
  box-shadow: inset 0px 0px 20px 2px rgba(20, 20, 20, 0.6), 0px 0px 20px 2px rgba(20, 20, 20, 0.6);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.auth-box .content{
  position: fixed;
  width: calc(400px - 40px);
  min-height: calc(200px - 40px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  padding: 10px; 
  text-align: center;
}

.auth-box .content h1{
  font-size: 20px;
  margin: 8px 0px 18px 0px;
}

.auth-box .content .form-group{
  width: 100%;
  height: 35px;
}

.auth-box .content .form-group label{
  width: 70px;              
  height: 26px;
  line-height: 23px;
  text-align: left;
  float: left;
}

.auth-box .content .form-group input{
  width: calc(100% - 80px);
  height: 20px;
  float: right;
}

.nn-btn{
  border-radius: 3px;
  border: 1px solid transparent;
  display: inline-block;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  padding: 4px 18px;
  text-decoration: none;
  float: left;
  margin-left: 72px;
  transition: background-color 0.5s ease;
}

/* blue */
.nn-btn.blue {
	box-shadow:inset 0px 1px 0px 0px #54a3f7, 1px 1px 8px -5px rgba(68,68,68,0.8);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
  border-color: #124d77;
	color:#eeeeee;
	text-shadow:0px 1px 0px #154682;
}
.nn-btn.blue:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
/* orange */
.nn-btn.orange {
  box-shadow:inset 0px 1px 0px 0px #f9eca0, 1px 1px 8px -5px rgba(68,68,68,0.8);
  background:linear-gradient(to bottom, #f2ab1e 5%, #c78916 100%);
  background-color:#f2ab1e;
  color:#5e3b07;
  text-shadow:0px 1px 0px #d4c146;
}
.nn-btn.orange:hover {
	background:linear-gradient(to bottom, #c78916 5%, #f2ab1e 100%);
 background-color:#c78916;
}
/* green */
.nn-btn.green {
	box-shadow:inset 0px 1px 0px 0px #caefab, 1px 1px 8px -5px rgba(68,68,68,0.8);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color:#77d42a;
	border-color: #268a16;
	color:#1a2e0a;
	text-shadow:0px 1px 0px #aade7c;
}
.nn-btn.green:hover {
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	background-color:#5cb811;
}
/* silver */
.nn-btn.silver {
	box-shadow:inset 0px 1px 0px 0px #ffffff, 1px 1px 8px -5px rgba(68,68,68,0.8);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-color: #dcdcdc;
	color:#777777;
	text-shadow:0px 1px 0px #ffffff;
}
.nn-btn.silver:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
/* Buttons */

.zprava {
  width: calc(100% - 48px);
  padding: 10px;
  top: 10px;
  left: 10px;
  position: absolute !important;
  border-left: 8px solid #bababa;
  background: #ededed;
  color: #a1a1a1;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  -webkit-animation: scale-in-horizontal 0.35s ease-in-out both;
	        animation: scale-in-horizontal 0.35s ease-in-out both;
}

.zprava.success {
  border-color: #2ed573;
  background: rgba(195,243,215,0.8);
  color: #23ad5c
}

.zprava.danger {
  border-color: #ff4757;
  background: #ffe0e3;
  color: #ff4757
}

.zprava.warning {
  border-color: #ffa502;
  background: #ffdb9b;
  color: #ce8500
}

.zprava.info {
  border-color: #71c9ff;
  background: #d7f0ff;
  color: #3eb6ff
}