body{ font-size:14px; color:#000; background:url("../images/loginscreen-bg.jpg") repeat scroll 0 0 / cover  rgba(0, 0, 0, 0); font-family: 'Open Sans', sans-serif;}
a {outline: 0;}
a:hover, a:active, a:focus {outline: 0;}
.cl{ clear:both;}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
img{ max-width:100%;}
.login-container{ margin:0px auto; padding:0px; width:832px;}
.login-container .logo{ text-align:center; margin: 25px 0 0;}
.login-container .logo img{ background: #ffffff;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    display: inline;
    height: 80px;
    padding: 5px;}

.login-container .logo-name{color: #ffffff; font-size: 40px; font-weight: 600; text-align: center; margin: 5px 0 15px;}
.login-container .member{color: #ffffff; font-size: 30px; font-weight: 300; text-align: center; text-transform: uppercase;}
.login-container .login-box{ margin:0px; padding:0px; border-radius: 10px; background:#f1f1f1;}
.login-container .login-box .header{color: #000; font-size: 12px;  font-weight: 300;  margin: 0; padding: 0 30px;}
.login-container .login-box .header p{margin:0px; padding:0px; color:#000000; font-style:normal; font-size:15px; font-weight:600;}
.login-container .login-box .header .left{float: left; height: 100px; padding:18px 0 0 6px; width: 300px;}
.login-container .login-box .header .right{float: left; height: 100px; padding:18px 0 0 15px;}
.login-container .login-box .header .left span, .right span{float: left;}
.login-container .login-box .form{ margin:15px 0 0 60px; padding:0px;}
.login-container .login-box .form .form-row{ margin:10px 0px; padding:0px;}
.login-container .login-box label{ color:#000; font-size:13px; font-weight:300; width:240px; margin:0px 0px 3px 0px; display:block;}
.login-container .login-box .form input[type=text],input[type=password]{
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfdfd 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfdfd 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfdfd 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfdfd 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border: 1px solid #acacac; border-radius: 3px; margin: 0; padding: 8px 6px; width:345px;}
.login-container .login-box .form input[type=button] {background: none repeat scroll 0 0 #509c00; border: 1px solid #b2d48f; border-radius: 5px; color: #ffffff; font-size: 22px; font-weight: 800; margin: 12px 0 0; padding: 10px 0; width: 345px;}
.login-container .login-box .form .forgot-pass{float: right; margin: 0px; padding: 0; text-align:right;}
.login-container .login-box .form .forgot-pass a{ margin:0px; padding:0px; color:#006ba9; font-size:12px; font-weight:600; text-decoration:underline; text-transform:uppercase;}
.login-container .login-box .form .remember-pass{ margin: 0;  padding: 0;  width: 345px;}
.login-container .login-box .form .remember-pass label{color: #000000; float: left; margin: 3px 0 0; width: auto;}
.footer{ margin:0px; padding:0px;}
.footer p{ color:#fff; font-size: 18px; font-weight: 400; text-align: center;}
.footer .melimu-logo{margin:40px 0px; padding:0px;  text-align: center;}


.login-container .login-box .form .select{background: url("../images/select-arrow.png") no-repeat scroll 317px 13px rgba(0, 0, 0, 0); border: 1px solid #acacac; border-radius: 3px; display: block;  padding: 8px 6px;  margin: 0; overflow: hidden;  width: 345px;}
.login-container .login-box .form .select select{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none;  border-radius: 3px;  margin: 0;  width: 365px;}

.header-checkbox-con{float: left; margin: 15px 15px 0 0; position:relative;}


.login-container .login-box .form .remember-pass .checkbox{width: 25px; height: 25px; padding: 0 5px 0 0; background: url("../images/checkbox.png") no-repeat; display: block; clear: left; float: left; margin:0px!important; padding:0px;}
.header  .radio {width: 30px; height: 27px; padding: 0 5px 0 0; background: url("../images/checkbox.png") no-repeat;	display:inline; clear: left; float: left;	margin:0px;	padding:0px;}
.header  .radio {background: url("../images/radio.png") no-repeat;} 

.header-checkbox-con .custom-tooltip{ background:#fff; padding:10px 22px; bottom:34px;  width:315px; border-radius:10px; font-size:14px; color:#000; font-variant:400; position:absolute;  left:-10px; display:none;} 
.header-checkbox-con:hover .custom-tooltip{ display:block;} 
.header-checkbox-con .custom-tooltip:before {background: url("../images/tooltip-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: -7px;  content: ""; height: 7px; left: 27px; position: absolute; width: 12px;}

.content{margin:0px; padding:0px;}
.content .social{margin:0px; padding:15px 0px 0px 20px;}
.spacer20{margin-top:13px !important; margin-bottom:20px !important; overflow:hidden;}
.spacerLogo{margin-top:13px !important; }

.remember{ float:left;}
.forgot-pass p{ margin:5px 0px; padding:0px;}

.content .row{ margin:0px; padding:0px; border-top: 2px solid #dadada;}
.content .row .col-md-5{ background:#e6e6e6; border-radius: 0 0 0 10px;border-right: 2px solid #dadada; }
.content .row .col-md-7{min-height:400px;}

.member-login {float: left; font-size: 20px; font-weight: 600; padding: 33px 0 0; width: 170px;}

.error{font-family:Arial, Helvetica, sans-serif; color:red; font-size:16px; text-decoration:none;}




/*mobile mode media query css*/
@media all and (min-width:250px) and (max-width:767px){
.login-container {margin: 0 auto; padding: 0; width: auto;}
.login-container .logo-name { color: #ffffff;  font-size: 25px; font-weight: 600; margin: 5px 0 15px; text-align: center;}
.member-login {
    float: none;
    font-size: 20px;
    font-weight: 600;
    padding: 33px 0 0;
    text-align: center;
}
.login-container .login-box .form {
    margin: 0;
    padding: 0;
}
.login-container .login-box .form .select { width: 100%;  background: url("../images/select-arrow.png") no-repeat scroll 96% 13px rgba(0, 0, 0, 0);}
.login-container .login-box .form input[type=text], input[type=password] {width: 100%;}
.login-container .login-box .form input[type=button] {width: 100%;}
.remember {display: block; float: none;}
.login-container .login-box .form .forgot-pass {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.content .row .col-md-7 {
    border-left: medium none;
    height: auto;
}
.content .row .col-md-5 {
    background: none repeat scroll 0 0 #e6e6e6;
    border-radius: 0;
    height: auto;
    padding: 10px 0;
}
.login-container .login-box .header .left {
    float: none;
    height: auto;
    padding: 0;
    width: 100%;
}

.login-container .login-box .header .right {
    float: left;
    height: auto;
    padding: 0; width:100%;
}
.login-container .login-box .form .remember-pass {
    margin: 0;
    padding: 0;
    width: auto;
}




}



/*tablet mode media query css*/
@media all and (min-width:768px) and (max-width:989px){
.login-container {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.login-container .login-box .form {
    margin: 15px 0 0 10px;
    padding: 0;
}
.login-container .login-box .form .select {
    background: url("../images/select-arrow.png") no-repeat scroll 98% 13px rgba(0, 0, 0, 0);
    border: 1px solid #acacac;
    border-radius: 3px;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 8px 6px;
    width: 100%;
}

.login-container .login-box .form input[type=text],, input[type=password] {width: 100%;}
.login-container .login-box .form input[type=button] {
    background: none repeat scroll 0 0 #509c00;
    border: 1px solid #b2d48f;
    border-radius: 5px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    margin: 12px 0 0;
    padding: 10px 0;
    width: 100%;
}
.login-container .login-box .form .remember-pass {
    margin: 0;
    padding: 0;
    width: 100%;
}

.content .row .col-md-7 {
    border-left: medium none;
    height: auto;
}
.content .row .col-md-5 {
    background: none repeat scroll 0 0 #e6e6e6;
    border-radius: 0;
    height: auto;
    padding: 10px 0;
}
.member-login {
    float: none;
    font-size: 20px;
    font-weight: 600;
    padding: 33px 0 0;
    width: auto;
}
.login-container .login-box .header .left {
    float: left;
    height: 100px;
    padding: 18px 0 0 6px;
    width: auto;
}
.login-container .login-box .header .right {
    float: left;
    height: 100px;
    padding: 18px 0 0 15px;
    width: auto;
}












}