*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  overflow: hidden;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

@media (min-width: 450px) {
    .cont {        
        height: 100%;
        background-image: url(../Content/login/LSlogan.png), url(../Content/login/bg.jpg);
        background-position: left 5% bottom 5%;
        background-size: 489px 133px, 100% 100%;
        background-repeat: no-repeat, no-repeat;
        overflow: auto;
    }
}

@media (max-width: 450px) {
    .cont {        
        height: 100%;
        background-image: url(../Content/login/MSlogan.png), url(../Content/login/bg.jpg);
        background-position: left 5% bottom 5%;
        
        background-repeat: no-repeat, no-repeat;
        overflow: auto;
    }
}

@media screen and (min-width: 450px) {
  .logoImg {
    content:url("../Content/login/logo.png");
  }
}

@media screen and (max-width: 450px) {
  .logoImg {
    content:url("../Content/login/MLogo.png");
  }
}

.logo{
	width: 300px;
	height: 109px;
	margin-top: 2%;
	margin-left: 9%;
	margin-bottom: 5px;    
}

.login {
	background-image: url("../Content/login/bg2.png") no-repeat center center;;
	width: 400px;
	height: 214px;
	margin-left: 9%;
}

.tbllogin{
	background-image: url('../Content/login/bg2.png');
    width: 509px;
	height: 214px;
	margin-left: 9%; 
	font-size: 13.5px; 
	color:#fff;
	border:0px;
}

input[type=text] {
    width: 95%;
    padding: 5px 5px;
	border: 1px solid #4d4d4d;
    color:black;
}

input[type=password] {
    width: 95%;
    padding: 5px 5px;
	border: 1px solid #4d4d4d;
    color:black;
}

input[type=checkbox] {
  opacity: 0;
  float:left;
}

input[type=checkbox] + label {
  margin: 0 0 0 12px;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  float: left;
}

input[type=checkbox] + label::before {
  content: ' ';
  position: absolute;
  left: -25px;
  top: -3px;
  width: 18px;
  height: 18px;
  display: block;
  background: white;
  border: 1px solid #4d4d4d;
}

input[type=checkbox] + label::after {
  content: ' ';
  position: absolute;
  left: -25px;
  top: -3px;
  width: 18px;
  height: 18px;
  display: block;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
  transform: scale(0);
  opacity: 0;
}

input[type=checkbox]:checked + label::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.button {
    background-color: #3c8dbc;
    border: 1px solid #256e98;
    color: white;
    padding: 9px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
}

.link{
	text-decoration: none;
	color:#fff;
}



.lbtext{
	text-align: right; padding-right: 5px; width: 27%;
}

#UserName{
	background: #fff url('../Content/login/use.png') no-repeat right; 
}
#Password{
	background: #fff url('../Content/login/pass.png') no-repeat right; 
}

.lbchucnang{
	margin-left: 15px;margin-top:18px; float: left;font-size: 13px;
}

@media screen and (min-width: 450px) {
    .copyright {
        margin-top: 17%;
        margin-left: 0%;
        margin-right: 10px;
        font-size: 13px;
        color: #fff;
        text-align: right;
    }
}

@media screen and (max-width: 450px) {
    .copyright {
        margin-top: 17%;
        margin-left: 0%;
        margin-right: 10px;
        font-size: 12px;
        color: #fff;
        text-align: right;
    }
}

.copyright1{
	margin-top: 23%; margin-right: 10px; font-size: 13px; color:#fff; text-align:right;
}

.btndn{
	margin-right: 5px;float: left; margin-bottom: 18px; margin-left: 38%;
}