.clearfix{ clear:both;}
.paddingr40{ padding-right:30px !important;}
.userlogin{    position: absolute;
    top: 4px;
    right: 1px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;}
    .userpassword{position: absolute;
    top: 4px;
    right: 1px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;}
a {color:#2190be; text-decoration:none}
/*a:hover {text-decoration:underline; color:#999}*/
ul {padding:0; margin:0}
ul li {list-style:none}
img {max-width:100%}

.formcss{    width: 350px;
    margin: 17px 0 20px;}
    .textareacoclor{    color: #76838f !important;}
    .width50{ width:45% !important; float:left !important;}
    .m17{    margin-right: 17px;}

/*******  All ID css  ********/
#wrapper {max-width:1000px; margin:10px auto 50px; position:relative; font-weight:normal; background:#f1f1f1}
header {width:100%;  background:#f5f5f5; min-height:125px; position:relative; top:-10px; box-shadow:0 -3px 4px #666666 inset}

#loginwrapp {max-width:360px; overflow:hidden; margin:25px auto; padding:20px 40px; height:auto; box-shadow:0 0 6px #333}
#loginwrapp ul li a:hover {text-decoration:none}
nav {overflow:hidden; float:right; margin-top:4.5em}
.bg_image {width:100%; position:fixed; top:0}
/******* Header css  ********/
.innerheader {max-width:1000px; margin:0 auto}
.floatr { color: #FFFFFF; font-size:20px;margin-top: 10px; text-align: right; font-weight:bold}
#logo_login {width:216px; background:#fff; margin:60px auto 6px; box-shadow:0 0 6px #333; text-align:center; height:134px; line-height:134px; position:relative}
#logo_login a {display:block; line-height:107px}
#logo_login a img {vertical-align:middle}
#logo {width:216px; height:134px; background:#fff; float:left; margin:10px 5px 5px 0px; text-align:center; line-height:134px; box-shadow:0 0 5px #333333}
#logo a img { vertical-align: middle;}
#logo a {display:block; width:216px; height:134px; line-height:107px} 
#logo a:hover {text-decoration:none}
.ProjectHeading {float:left; margin:1em 3px 0 1em; color:#fff; font-size:14px; font-family:Open Sans, sans-serif;}
.WelcomeBox {float:right; width:68%}
ul.headertopmenu {float: right;  margin-top: 10px;}
ul.headertopmenu li {float:left; font-size: 14px;  margin: 7px 0 0 7px; color:#fff}
ul.headertopmenu li a {display:block; padding:0px 0px 0 20px; color:#fff; font-size:12px; background:url(../images/download.png) no-repeat;}
a.facebook {background:url(../images/facebook-icon.png) no-repeat!important; float:left; margin-top:2px}
a.youtube{background:url(../images/youtubeicon.png) no-repeat!important; float:left; margin-top:2px} 
a.login {background:url(../images/login.png) no-repeat!important;}
ul.headertopmenu li a:hover {text-decoration:none}
ul.headertopmenu span {float:left; font-size: 12px; margin:1px 5px 0 0; color:#fff}
nav ul{ overflow:hidden; float:right; margin-right:-10px}
nav ul li {float:left; padding:0 1px; border-right:1px solid #fff; color:#fff; font-size:14px}
nav ul li:last-child {border:none}
nav ul li a {padding:0px 10px; color:#fff; font-size:16px; font-weight:bold}
nav ul li a:hover {text-decoration:none; color:#fff}
.logout {color:#fff}
/******* Maincontent css  ********/
#loginwrapp h2 {font-size:28px; font-weight:bold; color:#fff; margin-bottom:5px}
.powered {float:right; margin:10px 0 0 10px!important}
.powered a {color:#fff}
.bgnone {background:none!important}
.button {background:#5882FA; padding:6px 20px; border:1px solid #ccc; color:#fff; cursor:pointer;}
.input {width:96%; overflow:hidden; margin:10px 0; padding:8px 5px; color:#cacaca; border:1px solid #ccc}
#loginwrapp p {margin-bottom:20px; color:#fff}
#wrapper #innerwrapp {background:url(../images/left-bg.gif) repeat-y 0 0!important; background-size:22% 100%!important; min-height:400px; max-width:1000px; margin:0 auto 15px; overflow:hidden; box-shadow:0 0 8px #333; padding:0px} 
#wrapper #innerwrapp h3 { color: #000; font-size:20px; font-weight: bold; padding:7px 0; font-family:Montserrat, sans-serif;}
aside {width:22%; overflow:hidden; float:left; background:#4b4a4a; min-height:460px}
aside ul {padding:0px 0 0 0}
aside ul li {padding:1px 0}
aside ul li a {padding:10px 0 10px 10px; display:block; color:#fff; font-size:14px}
aside ul li a:hover, aside ul li a.active {color:#fff;  text-decoration:none; background:#222 url(../images/arrow.png) right 3px no-repeat;}
.content {width:74%; float:right; overflow:hidden; padding-right:20px}
.content p {font-size:14px;}
.borderleft {border-left:1px solid #fff; padding-left:5px}
.innercontent {width:100%; overflow:hidden}
.innercontent1 {width:97%; overflow:hidden; padding:10px}
.innercontent1 h4 {font-size:16px; margin-bottom:7px}
ul.labelclss {float:left; width:99.5%; overflow:hidden; border:1px solid #ccc; background:#fff; margin-bottom:20px}
ul.labelclss a {color:#65198E}

/************All Inputs, Selects, Textarea CSS **********/
input[type=checkbox] {margin-top:2px; *margin-top:0px; vertical-align:-1px}
input[type=radio] {margin-top:1px; *margin-top:0px; vertical-align:-1px}
input[type=text] {/*padding:5px*/}
.input20, .input10, .textarea, .select, .select1, .textarea2 {border:1px solid #ccc; padding:5px}
.input20 {width:20%; }
.select {width:52%}
.select1 {width:73%}
.input10 {width:50%}

.input20:hover, .input10:hover, .textarea:hover {border:1px solid #999}
.input20:focus, .input10:focus, .textarea:focus {border:1px solid #333}
input:focus {color: #000;}



/******New login page css******/
html {
    overflow: hidden;
}

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
}

.bgimage:before {
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    width: 64%;
    height: 100%;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}
.bgimage:before {background-image: url(../../../images/body-bg.jpg);}
 .page-login-main {position: absolute;right: 0;top: 0;height: auto;min-height: 100%;padding: 150px 60px 180px;color: #76838f;background: #fff;}
.font-size-24 {font-size: 24px!important;font-weight:normal;color:#18AACC;margin-bottom:10px;text-align:center;}
form {width: 350px;margin: 17px 0 20px;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;}
.form-control {display: block;width: 100%;padding: .429rem 1rem;font-size: 1rem;line-height: 1.571429;color: #76838f;background-color: #fff;background-image: none;-webkit-background-clip: padding-box;background-clip: padding-box; border: 1px solid #e4eaec;border-radius: .215rem;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 2.573rem;font-size:14px;font-weight: 100;border-color: #e4eaec;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;-o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;-webkit-appearance: none;-moz-appearance: none;}
.form-group {margin-bottom: 1.429rem;}
.float-right {float: right!important;}
.clearfix::after {display: block;clear: both;content: "";}
form .btn {margin-top: 38px;}
.btn{display: inline-block;font-weight: 300;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .429rem 1rem;font-size: 1rem;line-height: 1.571429;border-radius: .215rem;-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn{cursor: pointer;-webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;-o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;-webkit-font-smoothing: subpixel-antialiased;}
.btn-primary {
    color: #fff;
    background-color: #18AACC;
    border-color: #18AACC;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #18AACC;
    height:38px;
}
.error {
    position:relative;
}
    .btn-block {display: block;width: 100%;}
.error{ color:#e66a6a;}
.text-center{ text-align:center;}
/******Media Queries******/
@media (max-width: 767px){
    .page-login-main {padding: 50px 30px 180px; padding-top: 60px;width: 100%; left:0px;}
    .page-login-main form{ width:85%;}
}
@media (max-width: 767px) and (orientation: landscape) {    
     .page-login-main form{ width:91%;}
    }
@media (max-width: 479px){
    
}