@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,300,300italic);
@font-face {
    font-family: 'oswald_regularregular';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { background-color: #f0f0f0; font-family:'Open Sans', sans-serif;  font-size: 13px;  font-weight: 400;  line-height: 23px; }

.login-main { background-color: #fff;  border:1px solid #a5a5a5;  border-radius: 10px;  box-shadow: 0 1px 4px 0 #ccc;  display: inline-block;  padding:60px 0 0;   position: relative;  width: 380px; }

.loginpage { display:table; width:100%; height:100%; }
.login_wrap { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; }

.logo { font-family: "oswald_regularregular"; color: #FFF; font-size: 20px; text-transform:uppercase; box-sizing: border-box; display: inline-block; position: absolute; top: 0px; margin: -23px 0px 0px;
left:20px; right: 20px; line-height: 17px; background: #232628; border-radius: 50px; font-weight: bold; z-index:1000;   padding:10px 0; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    ::i-block-chrome, .logo { line-height: 24px; } 
}

.logo img {
    max-width: 45px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 5px;
}
.f-subtitle {
    font-family: "oswald_regularregular";
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    color: #555;
    margin: 10px 0 0;
}
*::-moz-placeholder { color: #999; }

.vd_grey { color: #777 !important; }
.font-semibold { font-weight: 500; }

h1, h2, h3, h4, h5, h6 { color: inherit;  font-family:'Open Sans', sans-serif;  font-weight: normal;  margin: 0 0 10px;  text-rendering: optimizelegibility; }

.mgbt-xs-5 {  margin-bottom: 5px !important; }

.widget::before, .widget::after { content: " ";  display: table; }

.widget::after { clear: both; }

.widget::before, .widget::after { content: " ";  display: table; }

.widget { border-radius: 2px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  position: relative; }

.panel {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow:none; }

.panel .panel-body::after, .panel .panel-body-list::after { clear: both; }

.panel .panel-body::before, .panel .panel-body-list::before, 
.panel .panel-body::after, .panel .panel-body-list::after {  content: " "; display: table; }

.panel .panel-body {  padding:15px 25px 10px; }

.panel .panel-body, .panel .panel-body-list {  background: #fff;  position: relative; }

.vd_hidden { display: none; }

.alert { border: medium none;  padding: 18px; }

.alert-danger { background-color: #f6e1db; }

.vd_input-wrapper input,
.vd_input-wrapper select { background: #fff; border: 1px solid #ccc;  border-radius: 5px; height: 40px; padding:0 10px 0 32px; width: 100%; }
.vd_input-wrapper select { padding-left: 29px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .vd_input-wrapper input { padding-top:2px; }
}
span.asterisk { display:none !important; }
.form-horizontal .form-group { margin:0; }

.vd_input-wrapper { background: #fff;  display: inline-block;  margin-bottom: 10px;   position: relative;  width: 100%; }
.vd_input-wrapper.focus { background:transparent; }
.vd_input-wrapper .menu-icon {  font-size: 17px;  left: 8px;  position: absolute;  top: 7px; width:auto !important; line-height:inherit; }
.vd_input-wrapper .menu-icon .fa { color: #5babdd; }
#password-input-wrapper .menu-icon { font-size: 22px; left: 10px; }
 #company .menu-icon { font-size:20px; left: 10px; }
.vd_input-wrapper span { text-align:left; font-size:12px; color:red; padding:2px 0; width:100%; display:inline-block; line-height:normal; }
.form-group.loginfields { margin:0; }
.vd_input-wrapper  .validate-error { display:none; }
.ng-invalid-email .vd_input-wrapper  .validate-error { display:block; }
.forgetpwcolor { color: #337ab7; font-size:13px; }
.forgetpwcolor:hover { text-decoration:underline; }
a:hover, a:focus { color: #3c8dbc; outline: medium none;  text-decoration: none; }
.rememberstyl {  color: #337ab7 !important; font-family:'Open Sans', sans-serif;  font-weight: normal; margin-right: 3px !important; cursor:pointer; }
.vd_checkbox { text-align:left; margin:0 0 10px; }
.form-submit .button-blue { width:100%; }
.register-panel { clear: both;  display: inline-block;  margin:40px 0 0;  width: 100%; }
.register-panel a { color: #fff !important; display: inline-block;   padding: 7px 0;   width: 100%; }
.loginpage .button-orange { cursor: pointer;  font-size: 14px;  padding: 7px 0;  text-transform: uppercase;  width: 100%; margin:0 0 5px; }
.preload-overlay { position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.7; filter:alpha(opacity=70); z-index:1000; }

@media only screen and (max-width:400px){
    .login-main{width: 85%;}
}
@media only screen and (max-width:480px) and (max-height:320px){
    .login-main{padding: 30px 0 0;margin-top: 20px;}
    .panel .panel-body{padding: 0 25px;}
    .vd_input-wrapper span{display: block;}
    .panel-body div.form-group{margin-bottom: 5px;}
    .loginpage div.panel{margin-bottom: 5px;}
}


/*@keyframes zoomer {
    0% { transform:scale(0) }
    100% { transform:scale(1) }
}

.login-main {
    animation-name: zoomer;
    animation-duration: 500ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    -o-transform:scale(1);
    -o-transition-duration: 500ms;
    -o-transition-timing-function: ease-out;
    -ms-transform:scale(1);
    -ms-transform-duration: 500ms;
    -ms-transform-timing-function: ease-out;
}*/