@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,700i,800');

body {margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif;}
/*Login*/
body.login #extr-page, body.login #extr-page #main {
    background: none !important;
    padding: 0px;
}
body.login {background: #f2f5f7 !important; padding: 0px;}
#main { margin: 0;}
body.login #extr-page {padding:0px 0px 200px 0px;}
.login-header {position:relative;}
.login-header img {width:100%;}
.login-header .header-title{position:absolute; max-width:606px; text-transform:uppercase; width:100%; left:auto; right:auto; font-size:40px; color:#FFF;
top:30%; left:50%; transform:translate(-50%, -30%); text-align:center; line-height:46px; }

.login-box {max-width:382px; width:100%; background:#FFF; position:relative; -webkit-box-shadow: 0px 5px 15px 0px rgba(23,61,86,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(23,61,86,0.3); box-shadow: 0px 5px 15px 0px rgba(23,61,86,0.3); margin:-95px auto 0px; }
.login-box .smart-form {padding:25px 55px 50px 55px;}
.myWebFormFieldset {padding:20px 0px 0px;
    height: 373px;
}

.login-box .smart-form footer.login-box-footer {border:0px; background:none; padding:0px;}
.smart-form .login-box-footer button.btn{background:#2b90e8; padding:6px 15px; height:auto; line-height:20px; width:100%; color:#FFF; border-radius:4px;}

.login-box #logo-group {padding:15px 50px; border-bottom:solid 1px #eef1f2;}
.login-social .btn {padding: 6px 0px; line-height: 20px; font-size: 24px; width: 44px; height: 44px; text-align: center; line-height: 29px; box-shadow:none;}
.login-social .btn.facebook {background:#3c5a9a; color:#FFF;}
.login-social .btn.twitter  {background:#3ab3f2; color:#FFF;}
.login-social .btn.googleplus  {background:#d13818; color:#FFF;}
.login-social .btn.linkedin{background:#0F78B1;color:#FFF;}
.login-social .btn.youtuve  {background:#ef2627; color:#FFF;}
.login-social .btn.mail  {background:#a3d363; color:#FFF;}

.footerbot-page {background: #FFF; position:absolute; bottom:0px; width:100%; left:0px; right:0px;}
.footerbot-page .container {max-width:1166px; width:100%; }
.col-xs-25 {width:20%; float:left; text-align:center;}
.social-media-div {padding:35px 15px 25px;}
.social-media-div ul.list-inline>li{padding:0px 2px;}
.loginfooter-box {padding:20px 20px; border-right:solid 2px #f2f5f7;}
.loginfooter-box span, .social-media-div span {display:block; padding-top:10px; font-size:16px; }

.filter-custom .newtaskfilter footer button, .smart-form footer button.btn {margin: 5px 0 0 5px;  height: 22px;  line-height: 1.5; font-size: 12px; padding: 1px 5px;}

.loging-form .note {text-align: right; margin-top: 10px !important;}

@media (min-width:768px) and (max-width:1166px) {
.login-header {  overflow:hidden;}
.login-header img{height:300px; width:auto;}
body.login #extr-page, body.login #extr-page #main {height:100vh;}
.col-xs-25 {width:25%;} 
.col-xs-25:last-child {border-top:solid 2px #f2f5f7;width:100%;}
.footerbot-page { position: relative;} 
}
.singupbtn {
    background: #2b90e8;
    padding: 6px 15px;
    height: auto;
    line-height: 20px;
    width: 100%;
    color: #FFF;
    border-radius: 4px;
}