@import "bootstrap.min.css";
@import "icons.css";
@import "stylesheet.css";
@import "styling.css";
@import "uniform.css";

html { height: 100%; }
body {
   
    font-family: Segoe UI, sans-serif;
    font-size: 13px;
    background: url('../../../CompanyImages/companyBackgroundImage.jpg') no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    /*background-image: url('../../img/Dussmann-login-bg.jpg');*/
}
#userName {
    background: url('../../../CompanyImages/login-user.png') no-repeat;
    background-position: 6px center;
padding-left: 30px;
    
}
#password{
     background: url('../../../CompanyImages/user-password.png') no-repeat;
   background-position: 6px center;
padding-left: 30px;
}
#errorMessage {
    color: red;
    font-size: 13px;
    line-height: normal; 
    text-align:center;
    display:block;
    width:100%;  
   
}
#successMessage {
    color: #13c823;
    font-size: 12px;
    line-height: normal; 
    text-align:center;
    display:block;
    width:100%;  
}
.textBorder {
   border: 1px solid red !important;
}
.message-success {
    color: #13c823;
    font-size: 12px;
    line-height: normal; 
    text-align:center;
    display:block;
    width:100%;  
}
.forgetDiv{
    display:block;width:100%;
    text-align:right;
}
.logoRyna {
    margin-top: 10px;
    float: right;
}
.forgetDiv a{
   text-align: center;
font-size: 14px;
margin-top: 13px;
display: block;
width: 100%;
color:#337ab7;
text-decoration:none;
}
.forgetDiv a:hover{
    text-decoration:underline;

}
#btnSubmit {
    display: block;
width: 100%;
margin-top: 9px;
font-size: 18px;
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px; background: #e2001a; color: #FFF; border:1px solid #d2d2d3; text-shadow: none; margin-bottom: 3px;
}

.login1 {
   max-width: 300px;
    padding: 15px;
    margin: 40px auto;
    text-align: center;
    background:#ffffff;
    -moz-box-shadow: 0 0 5px 5px #dddddd;
    -webkit-box-shadow: 0 0 5px 5px#dddddd;
    box-shadow: 0 0 5px 5px #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

@media all and (max-width: 500px) and (min-width: 320px) {
    .login1{
       width: 100%;
left: 0px;

display: block;


background:#FFF;
    background-position:top center;
padding: 17px;


      -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;

    }
    .container{
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }
}
@media all and (max-width: 1280px) and (min-width: 768px) {
    body {
        background: url('../../../CompanyImages/companyBackgroundImage.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
  
}
@media all and (max-width: 800px) and (min-width: 501px) {
    .login1{
       width: 400px;
margin: 40% auto !important;
position: static;

display: block;


padding: 17px;
background: #FFF;
    background-position:top center;

      -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;

    }
     .container{
        width:auto;
      
    }
     .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: auto;
}
    
}
#newpost {
    display: block;
    width: 100%;
    font-size:13px;
    color:#333;
    font-weight:400;
    margin-top:5px;
}
.bigbutton {
    border-radius: 0;
    padding: 10px 0 10px 0;
}