body { 
 height: 100%;
 margin:0 auto;
 background: #f5f5f5;
 font-family:sans-serif;
 color: #0075b0;
}

input[type="submit"]{
 border:1px solid #82aa64;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 font-size:13px;
 font-family:arial, helvetica, sans-serif;
 padding: 10px 20px 10px 20px;
 text-decoration:none;
 display:inline-block;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 font-weight:bold;
 color: #FFFFFF;
 background-color: #5ed225; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#5ed225), to(#40b920));
 background-image: -webkit-linear-gradient(top, #5ed225, #40b920);
 background-image: -moz-linear-gradient(top, #5ed225, #40b920);
 background-image: -ms-linear-gradient(top, #5ed225, #40b920);
 background-image: -o-linear-gradient(top, #5ed225, #40b920);
 background-image: linear-gradient(to bottom, #5ed225, #40b920);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5ed225, endColorstr=#40b920);
}
input[type="submit"]:focus,
input[type="submit"]:hover{
 border:1px solid #82aa64;
 background-color: #63c729; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#63c729), to(#4cb310));
 background-image: -webkit-linear-gradient(top, #63c729, #4cb310);
 background-image: -moz-linear-gradient(top, #63c729, #4cb310);
 background-image: -ms-linear-gradient(top, #63c729, #4cb310);
 background-image: -o-linear-gradient(top, #63c729, #4cb310);
 background-image: linear-gradient(to bottom, #63c729, #4cb310);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#63c729, endColorstr=#4cb310);
}
/*-- FOR VALIDATION LAYOUT --*/
.loader{
    display: none;

}
.error {
width:100%;
padding:6px;
background-color: #de6663;
color:#fff;
background-image: url('../images/icons/delete.png');
background-repeat: no-repeat;
background-position: 5px 6px;
padding-left:35px;
}
.warning {
color:#dc6200;
background:#fff6de;
}
.succes {
width:100%;
padding:6px;
color:#fff;
background-color: #67b168; 
background-image: url('../images/icons/save.png');
background-repeat: no-repeat;
background-position: 7px 8px;
padding-left:35px;
}
/*********************************************************************************/
#main-wrapper{
    padding-top:40px;
    padding-bottom: 40px;
}
#main-wrapper .form-signin {
    margin: 0 auto 20px;
    background-color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.signin{
    padding: 10px 12px;
}
#main-wrapper .form-signin input[type="text"],
#main-wrapper .form-signin input[type="password"] {
    color:#000;
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 8px 10px;
}
#main-wrapper .form-signin input[type="text"]:hover,
#main-wrapper .form-signin input[type="password"]:hover,
#main-wrapper .form-signin input[type="text"]:focus,
#main-wrapper .form-signin input[type="password"]:focus{
border-color: #01aded;
}
.whole-header-wrap{
    background:#f5f5f5;  
}
.whole-header-wrap h1{
    padding:25px 25px;
    margin:0;
    margin-bottom:55px;

}
.wrap{
   width:800px;
   margin:0 auto;
}
.main-content-wrap{
   width:800px;
   margin:0 auto;  
   min-height:506px;
   height:auto;

}
.main-login-wrap{
  background:#fff;
}

.main-login-left-logo{
  min-height:150px;
  height:auto;
  background-repeat:no-repeat;
  background-size: 30%;
  background-position: center center;
  vertical-align: top;
  background-image: url('../images/icons/PDS-LogoNav.png');
}
.company-logo{
  min-height:100px;
  height:auto;
  background-repeat:no-repeat;
  background-size: 90%;
  background-position: center center;
  vertical-align: top;
  background-image: url('../images/icons/logos-small.png');
}


