@import url(https://fonts.googleapis.com/css?family=Roboto:400);
body {
/*background:
  linear-gradient(
      rgba(98,114,123,0.60),
      rgba(98,114,123,0.60)
    ),
url(../img/bg.jpg);
  background-size: cover;*/

	/*background: url("../img/bg-pattern.png"), #939699;
	background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to bottom right, #939699, #106EA3);
	background: url("../img/bg-pattern.png"), linear-gradient(to bottom right,  #939699, #106EA3);*/
	background: lightgrey;
}

.btn {
	width: 150px;
	height: 50px;
	background: #368fc9;
}

.btn2 {
	width: 70px;
	height: 30px;
	font-size: 12px;
	border-radius: 15px;
	background: #368fc9;
}

.btn3 {
	width: 70px;
	height: 30px;
	font-size: 12px;
	border-radius: 15px;
	background: lightgrey;
	color: black;
}

/*
.btn:hover{
	background-color: #870000;
	border-color: #870000;
}
.btn-group{
	width: 100%;
}
*/
.logingbg{
	background: url("../img/bg-pattern.png"), #939699;
	background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to bottom right, #939699, #106EA3);
	background: url("../img/bg-pattern.png"), linear-gradient(to bottom right,  #939699, #106EA3);
}
#passdiv {
  position: relative;
}

#show  {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

#show:hover {
  color: #5397e0;
}

.mobileCheckBox {
  display: none;
}

.mobilPassShow {
  display: none;
}

.loginExt {
	border-radius: 15px; 
	width: 400px;
}

@media screen and (max-width: 600px) {
  #show  {
        display: none;
    }
  .mobileCheckBox {
        display: inline;
        height: 17;
        width: 17;
        margin: 5px;
  }
#passdiv p {
    margin-top: -9%;
    margin-left: 10%;
  }

  .mobilPassShow {
    display: inline;
  }
}