.form-container {
   border: 1px solid #004A65;
   background: #abacc7;
   background: -webkit-gradient(linear, left top, left bottom, from(#57d5dd), to(#35B3BB));
   background: -webkit-linear-gradient(top, #57d5dd, #35B3BB);
   background: -moz-linear-gradient(top, #57d5dd, #35B3BB);
   background: -ms-linear-gradient(top, #57d5dd, #35B3BB);
   background: -o-linear-gradient(top, #57d5dd, #35B3BB);
   background-image: -ms-linear-gradient(top, #57d5dd 0%, #35B3BB 100%);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 1px 0;
   /*font-family: 'Helvetica Neue',Helvetica,sans-serif;*/
   font-family: arial, sans-serif;
   text-decoration: none;
   vertical-align: middle;
   min-width:300px;
   padding:20px;
   width:300px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 150px;
   }

.mobile-container
{
   margin-top: 20px;
  
}

.form-field {
   border: 1px solid #eee;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   width:280px;
   }
.form-field:focus {
border: 1px solid #444;
   background: #fff;
   color: #140c02;
   }
.form-container h2 {
   font-size:24px;
   margin: 0 0 10px 0;
   font-weight:400;
   text-transform: uppercase;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #000000;
   font-size:22px;
   }
.forgot-title {
   margin-bottom:10px;
   color: #000000;
   font-size:20px;
   }

.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
border: 0;
   border-bottom: 3px solid #004A65;
   background: #007D97;
   background: -webkit-gradient(linear, left top, left bottom, from(#008A9E), to(#007D97));
   background: -webkit-linear-gradient(top, #008A9E, #007D97);
   background: -moz-linear-gradient(top, #008A9E, #007D97);
   background: -ms-linear-gradient(top, #008A9E, #007D97);
   background: -o-linear-gradient(top, #008A9E, #007D97);
   background-image: -ms-linear-gradient(top, #008A9E 0%, #007D97 100%);
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   /*text-shadow: #addc7e 0 1px 0;*/
   color: #ffffff;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 16px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border-bottom: 3px solid #004A65;
   text-shadow: #004A65 0 1px 0;
   background: #007D97;
   background: -webkit-gradient(linear, left top, left bottom, from(#008A9E), to(#007D97));
   background: -webkit-linear-gradient(top, #008A9E, #007D97);
   background: -moz-linear-gradient(top, #008A9E, #007D97);
   background: -ms-linear-gradient(top, #008A9E, #007D97);
   background: -o-linear-gradient(top, #008A9E, #007D97);
   background-image: -ms-linear-gradient(top, #008A9E 0%, #007D97 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #004A65 0 1px 0;
   border: 0;
   border-top: 3px solid #004A65;
   background: #004A65;
   background: -webkit-gradient(linear, left top, left bottom, from(#007D97), to(#004A65));
   background: -webkit-linear-gradient(top, #007D97, #004A65);
   background: -moz-linear-gradient(top, #007D97, #004A65);
   background: -ms-linear-gradient(top, #007D97, #004A65);
   background: -o-linear-gradient(top, #007D97, #004A65);
   background-image: -ms-linear-gradient(top, #007D97 0%, #004A65 100%);
   color: #fff;
   }

   /* **************************************** */
   /* Pridano navic k wizardem vygenerovanemu  */
   
   .form-container h3 {
   /*text-shadow: red 0 1px 0;*/
   font-size:14px;
   margin: 0 0 10px 0;
   color:red;
   font-weight:bold;
   text-align:center;
    }
    
/*ikony*/
.logo-form {}
.input-prepend-forgot {border-top: solid 1px #fff; border-bottom: solid 1px #fff;  padding: 20px 0 20px 0; margin: 10px 0}
.input-prepend {border-top: solid 1px #fff; border-bottom: solid 1px #fff;  padding: 40px 0; margin: 10px 0}
.input-prepend .add-on {
    border-radius: 4px 0px 0px 4px;}
.input-prepend .add-on {
    margin-right: -4px;
}
.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 26px;
    min-width: 26px;
    padding: 4px 5px;
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    text-shadow: 0px 1px 0px #FFF;
    background-color: #EEE;
    border: 1px solid #CCC;
    border-right: none;
}
input.span2 {width: 240px; display: inline-block}
.input-prepend input {
    position: relative;
    margin-bottom: 0px;
    vertical-align: top;
    border-radius: 0px 4px 4px 0px;
    background-color: #FFF;
border: 1px solid #CCC;
border-left: none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
float: none;
margin-left: 0px;
height: 26px;
padding: 4px 6px;
line-height: 26px;
color: #555;
font-size: 14px
}

.forgot-pass
{
  width: 280px;
  color: yellow;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:0px;
  font-size:12px;
  text-align: right;
  margin-top:10px;
}

.login-email
{
  width: 280px;
  color: yellow;
  margin-left:0px;
  font-size:14px;
  padding-bottom:10px;
}

.login-newpswinfo
{
  width: 280px;
  color: yellow;
  margin-left:0px;
  font-size:14px;
  padding-bottom:10px;
}


.forgot-pass-err
{
  width: 280px;
  color: white;
  margin-left:0px;
  font-size:14px;
  padding:10px 10px 10px 10px;
  text-align: center;
  background:red;
  border-radius: 5px;
}

.forgot-back
{
  width: 280px;
  color: white;
  text-decoration: underline;
  margin-left:0px;
  font-size:16px;
  padding:5px 0 0 0;
  text-align: center;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
}
.separator {margin: 30px 0}

.separator-forgot {margin: 0px 0}