.login{background:url('../login.jpeg');background-position: center center;background-repeat:no-repeat;background-attachment: fixed;background-size: cover;background-color:#F9F9F9}.login 
.logincontent{opacity:0.9!important;background-color:#fff;width:428px;margin:0 auto;padding:20px 30px 0;position:absolute;left:33%;top:15%;border-color:#d8dee2;border:1px solid #eee;}.login 
.logincontent h3{margin-top: 10%; color:#000}.login .logincontent h4{color:#555}.login 
.logincontent p{color:#222}.login .login-form{padding:0;margin:0}.login 
.input-icon{border-left:2px solid #44B6AE!important;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.login .form-control{border-left:0}.login 
.form-title{font-weight:300;margin-bottom:25px}.login 
.form-actions{background-color:#fff;clear:both;border-color:#d8dee2;border-bottom:1px solid #eee;padding:10px 20px 50px;margin-left:-20px;margin-right:-20px}.login .btn{margin-top:1px}.login 
.create-account a{display:inline-block;}.login 
.copyright{bottom:0;color:#98a6ba;font-size:13px}
.lab{font-weight:500;font-size:15px;padding-left:0}
.disp{display:none;}
.logoimg{width:33%;position: absolute;left:33%;top:5%;}
.headcls{margin:0 auto;padding-bottom:20px;}
.footercls{position:absolute;bottom:0;width:45%;height:33px;left:0%;background-color:black!important;padding-left:50px!important;padding-top:7px;}
.footer-link{color: #98a6ba!important; }
.footer-link:hover{ color: white!important;}
.copyrightcls{position:absolute;bottom:0;width:55%;height:33px;right:0%;background-color:#333!important;padding-top:7px;padding-left:500px!important;content:'\2022'!important;}
.concls{content: '\2022'!important;position:absolute;right:120px!important;color:#ccc!important;top:8px!important;}
.textcls{text-align: center}
.btncls{background-color:#31c7b2!important;border-color: #31c7b2!important;border-color: #31c7b2!important;}
.iconcls{normal normal normal 14px/1 FontAwesome;}
.formgrpcls{border-radius:0!important;}
.selectcls{padding-left:20px!important;}
.errorcls{margin-top:0!important;margin-bottom:0!important;color:red!important;}
.modal-backdrop{position:inherit!important;}
.questions{font-size:19px;font-weight:300;line-height:0px;font-family:"Open Sans",sans-serif;}

#legalDisclaimer{}

#passwordStrengthDiv
{
        height:25px;
        display:none;
        float:left;
        margin-top:5px;
        margin-bottom: 5px;
        width: 100%;
        /* border: solid 1px #d9d9d9; */
}
#passwordDescription
{
        display:block;
        margin-top:5px;
        width: 100%;
}
#passwordStrength
{
        height:8px;
        display:block;
        float:left;
        /*margin-top:5px;
        margin-bottom: 5px;*/
}
.strength0
{
        /*width:250px;*/
        width: 10%;
        background:#cccccc;
}
.strength1
{
        /*width:40px;*/
        width: 20%;
        background:#ff0000;
}
.strength2
{
        /*width:75px;*/
        width: 40%;
        background:#ff5f5f;
}
.strength3
{
       /* width:150px;*/
        width: 60%;
        background:orange;
}
.strength4
{
        width: 100%;
        background:#1BBC9B!important;
       /* width:200px;*/
}
.strength5
{
        width: 100%;
        background:#399800;
       /* width:200px;*/
}

@media (max-width: 768px) {
 .logoimg{width:30%;position: absolute;left:35%;top:5%;}
 .login .logincontent{left:0%; width: 100%;}
 .login{width: 100%;}
 .questions{font-size:19px;font-weight:300;line-height:0px;font-family:"Open Sans",sans-serif;}
 #copyright{height: 1px!important;}
 .modal {top: 25%; width:100%}
 .modal-header>button>i {
 color: #9a9999!important;
 font-size: 14px!important;
 border: none!important;	
}
#headerUserActivationTnc{font-size: 16px!important; font-weight:400;}
.fa{display: inline-block; -webkit-font-smoothing: antialiased;}
#headerUserLoginTnc{font-size: 16px!important; font-weight:400;}
.fa{display: inline-block; -webkit-font-smoothing: antialiased;}
 }

 @media(width: 375px)
{
.cont{margin-top:-80%}
#h3Id{font-size: 20px;margin-top: 20%}
#logoId{width: 35%; left: 31%; top: 2%}
#user_activation_tnc1 {
   margin-left:-1%;
}
#user_login_tnc1 {
   margin-left:-1%;
}
#headerUserActivationTnc{font-size: 16px!important; font-weight:400; line-height:20px}
#headerUserLoginTnc{font-size: 16px!important; font-weight:400; line-height:20px}
}

@media(width: 414px)
{
.cont{margin-top:-80%}
#h3Id{font-size: 20px;margin-top: 20%}
#logoId{width: 35%; left: 31%; top: 2%}
#user_activation_tnc1 {
   margin-left:-1%;
}
#user_login_tnc1 {
   margin-left:-1%;
}
#headerUserActivationTnc{font-size: 16px!important; font-weight:400; line-height:20px}
#headerUserLoginTnc{font-size: 16px!important; font-weight:400; line-height:20px}
}

@media (width: 360px) {
 .logoimg{width:30%;position: absolute;left:35%;top:5%;}
 .modal {top: 20%; width:100%}
  .questions{font-size:16px;font-weight:300;line-height:15px;font-family:"Open Sans",sans-serif;}
 }


@media (max-width: 800px) {
 .logoimg{width:30%;position: absolute;left:35%;top:5%;}
.login .logincontent{left:0%; width: 100%;}
.login{width: 100%;}
#copyright{height: 1px!important;}
 }

 @media (width: 1024px) and (height:1366px) {
.page-footer{margin-top:130%!important;}
.list-inline{margin-top:-1.8%!important;}
 }

 @media (width: 1366px) and (height: 1024px) {
.page-footer{margin-top:130%!important;}
.list-inline{margin-top:0%!important;}
 }


  @media (width: 1024px) and (height:768px) {
.page-footer{margin-top:130%!important;}
.list-inline{margin-top:-1.8%!important;}
 }


 .pass-info{
        color:#ccc; 
        cursor: default; 
        position: absolute; 
        top: 0; 
        right: 0;
        z-index: 3;
    }

#user_activation_tnc1 {
    top: 0%;
    right: 13%;
    bottom: 1.5%;
    left: 15%;
}
#user_login_tnc1 {
    top: 0%;
    right: 13%;
    bottom: 1.5%;
    left: 15%;
}
.modal1-open .modal1 {
    overflow-x: hidden;
    /* overflow-y: auto; */
}
.fade1.in {
    opacity: 1;
}
.modal1 {
    z-index: 10050;
    outline: 0;
    /* overflow-y: auto!important; */
}
.modal1 {
    display: none;
    position: fixed;
    z-index: 10050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal1, .modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.embed-responsive, .modal, .modal-open, .progress {
    overflow: hidden;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.modal-body1 {
    position: relative;
    padding: 15px;
    height: auto !important;
    overflow-y: auto;
	overflow-x: hidden;
    max-height: 86% !important;
    min-height: 86% !important;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p {
	padding: 5px;
    margin: 0 0 10px;
    /* line-height: 25px; */
}
li
{
line-height: 25px;
}


.modal-header1 {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}