html, body{margin:0;padding:0;background-color:#00549a;}
ol,ul{list-style:none;margin:0px;padding:0px;}
a{text-decoration:none;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.float-rt{float:right;}
.float-lt{float:left;}
.clear{clear:both;}
img{max-width:100%;}

.safe-logo{
  position: relative;
  margin:1% auto 1px auto;
  display: block;
}
.text-center{text-align:center;}
.safe-logo img{
  margin:0 auto;
  display: block;
	background-color:#ffffff;
	padding:3px 15px;
	border-radius: 10px 10px 0px 0px;
}
.col-width{width:87% !important;}
.login-form {
	background:#fff;
	width:418px;
  margin:0 auto;
 	position: relative;
  padding: 15px 0;
	border-radius:10px;
 /* -moz-box-shadow: 3px 3px 3px 1px #ccc;
  -webkit-box-shadow: 3px 3px 3px 1px #ccc;
  box-shadow: 3px 3px 3px 1px #ccc;*/
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.4);

}
.head {
	position: relative;
  margin: 0px auto;
	width:150px;
	height:150px;
}
.head img {
	border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	border:6px solid rgba(221, 218, 215, 0.5);
}
form {
   padding: 10px 20px;
}

.spacing{margin-bottom:25px;}
.error{color:red; padding:5px 0px; display:none;}
.sucess{color:green; padding:5px 0px;}
.icon-25{font-size:25px;color: #858282;display:block;margin-top:10px;}



input[type="text"], input[type="password"] {
	font-family: 'Open Sans', sans-serif;
	width:100%;
	padding:0.7em 2em 0.7em 0.7em;
	color:#858282;
	font-size:16px;
	display:block !important;
	outline: none;
	background: none;
	font-weight:600;
	border: 1px solid #cccccc;
}
form li:hover{
	border:1px solid #40A9DF;
	 box-shadow: 0 0 1em #40A9DF;
	 -webkit-box-shadow: 0 0 1em #40A9DF;
	 -o-box-shadow: 0 0 1em #40A9DF;
	 -moz-box-shadow: 0 0 1em #40A9DF;
}
input[type="submit"]{
	font-size:16px;
	display: inline-block;
	font-weight:600;
	color: #fff;
	transition: 0.1s all;
	-webkit-transition: 0.1s all;
	-moz-transition: 0.1s all;
	-o-transition: 0.1s all;
	cursor: pointer;
	outline: none;
	padding:10px 10px;
	margin-top:3px;
	font-family: 'Open Sans', sans-serif;
	width:25%;
	border:none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	background: #e27f00 /* Old browsers */
	background: -moz-linear-gradient(top,  #d7edff 0%, #86c8ff 3%, #61b7ff 35%, #225e90 97%, #00549a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7edff), color-stop(3%,#86c8ff), color-stop(35%,#61b7ff), color-stop(97%,#225e90), color-stop(100%,#00549a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d7edff 0%,#86c8ff 3%,#61b7ff 35%,#225e90 97%,#00549a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d7edff 0%,#86c8ff 3%,#61b7ff 35%,#225e90 97%,#00549a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d7edff 0%,#86c8ff 3%,#61b7ff 35%,#225e90 97%,#00549a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d7edff 0%,#86c8ff 3%,#61b7ff 35%,#225e90 97%,#00549a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe49e', endColorstr='#e27f00',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]:hover{
	background: #801D11; /* Old browsers */
	background: -moz-linear-gradient(top,  #d7edff 0%, #63b7fd 3%, #52affd 35%,  #004d8e 97%, #00549a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7edff), color-stop(3%,#63b7fd), color-stop(35%,#52affd), color-stop(97%, #004d8e), color-stop(100%,#00549a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d7edff 0%,#63b7fd 3%,#52affd 35%, #004d8e 97%,#00549a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d7edff 0%,#63b7fd 3%,#52affd 35%, #004d8e 97%,#00549a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d7edff 0%,#63b7fd 3%,#52affd 35%, #004d8e 97%,#00549a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d7edff 0%,#63b7fd 3%,#52affd 35%, #004d8e 97%,#00549a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe49e', endColorstr='#e27f00',GradientType=0 ); /* IE6-9 */
}
/***************************/
.p-container{
	margin-top:0px;
}
.p-container  .checkbox input {
	position: absolute;
	left: -9999px;
}
.p-container  .rating label {
	color: #ccc;
	transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
}
.p-container  .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.p-container .checkbox input + i:after {
	content:url(../images/tick.png) no-repeat 7px 1px;
	top:-15px;
	left:1px;
	width: 15px;
	height: 15px;
}
.p-container  .checkbox {
	float: left;
	margin-right: 30px;
}
.label-container .checkbox a{
	font-size: 15px;
	line-height:44px;
	color:#858282;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.p-container .checkbox a:hover{
	color:#00549a;
}
.p-container  .checkbox {
	position: relative;
	display: block;
}
.p-container  .checkbox i {
	position: absolute;
	top:18px;
	left:5px;
	display: block;
	width:22px;
	height:22px;
	outline: none;
	border:1px solid #999;
	background:#fff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}
.p-container  .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.p-container .checkbox input + i:after {
	color: #2da5da;
}
.p-container .checkbox input:checked + i,
.p-container . input:checked + i {
	border-color: #2da5da;
}
.p-container .rating input:checked ~ label {
	color: #2da5da;
}

.p-container .checkbox input:checked + i:after {
	opacity: 1;
}
.copy-right {
	position: absolute;
	bottom:-16%;
	left: 43.7%;
}
.copy-right p {
	color: #fff;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.copy-right p a {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color:#FF8E03;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy-right p a:hover {
	color:#fff;
}
#panel2{
	display:none;
}
.login-form-content{
    padding: 20px 30px 15px;
    margin: 15px auto;
    width: 800px;
    border-radius: 10px;
    background: white;
    box-shadow: 1px 1px 10px grey;}
.login-form-content a{color: #00549a;}
.login-form-content p{font-size: 17px;color: black;text-align: center;}
.login-form-content button{
		border: none;
		border-radius: 0.3em;
    color: white;
    width: 100px;
		padding: 10px;
		font-weight: bold;
		font-size: 16px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7edff), color-stop(3%,#86c8ff), color-stop(35%,#61b7ff), color-stop(97%,#225e90), color-stop(100%,#00549a));
    background: -webkit-linear-gradient(top, #d7edff 0%,#86c8ff 3%,#61b7ff 35%,#225e90 97%,#00549a 100%);
    background: -o-linear-gradient(top, #d7edff 0%,#86c8ff 3%,#61b7ff 35%,#225e90 97%,#00549a 100%);
    background: -ms-linear-gradient(top, #d7edff 0%,#86c8ff 3%,#61b7ff 35%,#225e90 97%,#00549a 100%);
    background: linear-gradient(to bottom, #d7edff 0%,#86c8ff 3%,#61b7ff 35%,#225e90 97%,#00549a 100%);
}
.login-form-content button:hover {
    color: white;
    background: -moz-linear-gradient(top, #d7edff 0%, #63b7fd 3%, #52affd 35%, #004d8e 97%, #00549a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7edff), color-stop(3%,#63b7fd), color-stop(35%,#52affd), color-stop(97%, #004d8e), color-stop(100%,#00549a));
    background: -webkit-linear-gradient(top, #d7edff 0%,#63b7fd 3%,#52affd 35%, #004d8e 97%,#00549a 100%);
    background: -o-linear-gradient(top, #d7edff 0%,#63b7fd 3%,#52affd 35%, #004d8e 97%,#00549a 100%);
    background: -ms-linear-gradient(top, #d7edff 0%,#63b7fd 3%,#52affd 35%, #004d8e 97%,#00549a 100%);
    background: linear-gradient(to bottom, #d7edff 0%,#63b7fd 3%,#52affd 35%, #004d8e 97%,#00549a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe49e', endColorstr='#e27f00',GradientType=0 );
}
.login-form-content .privacyPlcy{
		text-align: right;
    margin-top: 10px;
    margin-bottom: 0;
    border-top: 1px solid lightgrey;
    padding-top: 5px;
}
a {color: #00549a;}
.label-container label{color: #2da5da;}
.forgot_pwd{margin: 0;}
@media (max-width:1024px){
.login-form  {
		width:418px;
    padding: 15px 0;
	}
}
@media (max-width:991px){
.login-form-content{width:98%;}
}
@media (max-width:768px){
	.login-form  {
		width:418px;
	}

}
@media (max-width:640px){
	.login-form  {
		width:418px;
	}


}
@media (max-width:480px){
	.login-form  {
		width:418px;
	}

.WSRS-logo label{
		font-weight: 100;
    font-size: 22px;
}
}
@media (max-width:420px){
	.login-form  {
		width:98%;
	}

  .WSRS-logo{width:80%;}
  .WSRS-logo label{
    font-size: 16px;
}
	form li{
		margin-top:10px;
	}

	input[type="text"], input[type="password"]{
		font-size:15px;
		padding: 0.5em 1em 0.5em 1em;
	}
	input[type="submit"]{
		float:none;
		font-size: 15px;
		padding: 10px 10px;
		width: 25%;
  	margin: 0px auto;
		display: block;
	}
	.head{
  	position: relative;
  	margin: 0px auto;
	  width:150px;
	  height:150px;
	}


	.p-container .checkbox {
	float: none;
	text-align: center;
  margin-right:0;
	}
	.p-container{
		margin-top: 0;
	}
	.icon{
		margin:6px -11px 0px 0px;
	}
	.p-container .checkbox i {
	position: absolute;
	top: 18px;
	left: 43px;
	}
	.copy-right {
	left:20%;
	bottom:-10%;
	}
  .icon-25{font-size:25px;margin-top:0px;display:inline;}
}
@media (max-width: 360px){
.width12{width: 12%;}
.width85{width: 85%;}
input[type="submit"]{width: 35%;}
}
@media (max-width: 310px){
.safe-logo img{width: 90%;}
}
.div_error{display:none;}

.mainLoginInput::-webkit-input-placeholder {
	font-size: 14px;
	font-weight: 400;
}

.mainLoginInput:-ms-input-placeholder {
  	font-size: 14px;
	font-weight: 400;
}

.mainLoginInput:-moz-placeholder {
  	font-size: 14px;
		font-weight: 400;
}

.mainLoginInput::-moz-placeholder {
  	font-size: 14px;
		font-weight: 400;
}