/*body#LoginForm{ background-image:url("https://hdwallsource.com/img/2014/9/blur-26347-27038-hd-wallpapers.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover; padding:10px;}*/

body#LoginForm{ background: #fff; padding:10px;}
a { color: #a7a7a7 !important;}

.logo_sam { margin: 0 0 10px 0;}
.logo_sam img {width: 140px; height: auto;}

.form-heading { color:#fff; font-size:23px;}
.panel h2{ color:#444444; font-size:18px; margin:0 0 8px 0;}
.panel p { color:#777777; font-size:14px; margin-bottom:10px; line-height:24px;}
.login-form .form-control {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}

.error ul li {
    color: red;
    text-align: left;
    font-size: 12px;
}

/*--------------------disclaimer------------------*/
.main-disclaimer {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 10px;
  margin: 50px auto 30px;
  width: 80%;
	height: 600px;
  padding: 50px 70px 70px 70px;
	border: 1px solid #eee;
	box-shadow: 0px 0px 15px #eee;
	text-align: left;
	overflow: scroll;
}

/*--------------------end disclaimer------------------*/


.main-div {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 10px;
  margin: 50px auto 30px;
  width: 50%;
  padding: 50px 70px 70px 70px;
	border: 1px solid #eee;
	box-shadow: 0px 0px 15px #eee;
}

.login-form .form-group {
  margin-bottom:10px;
}
.login-form{ text-align:center;}
.forgot a {
  color: #777777;
  font-size: 14px;
  text-decoration: underline;
}
.login-form  .btn.btn-primary {
  background: #337ab7 none repeat scroll 0 0;
  border-color: #337ab7;
  color: #ffffff !important;
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.login-form  .btn.btn-success {
  background: #286140 none repeat scroll 0 0;
  border-color: #286140;
  color: #ffffff !important;
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.modal .btn.btn-success {color: #ffffff !important;}
.forgot {
  text-align: left; margin-bottom:30px;
}
.botto-text {
  color: #ffffff;
  font-size: 14px;
  margin: auto;
}
.login-form .btn.btn-primary.reset {
  background: #ff9900 none repeat scroll 0 0;
}
.back { text-align: left; margin-top:10px;}
.back a {color: #444444; font-size: 13px;text-decoration: none;}

.login_social { font-size: 14px;}
.login_social img { width: 50px; height: auto; }

.modal-footer a {border: 1px solid #eee; color: #000 !important; background: #eee;
padding: .375rem .75rem;}




/*-----------------------send mail------------------------*/


.send_mail_cont { width: 640px; height: auto; margin: 30px auto 0; border: 1px solid #eee; padding: 0px; border-radius: 10px;}
.send_mail_header { border-bottom: 1px solid #eee; padding: 20px;}
.send_mail_header span { font-size: 25px; color: #72bf44;}
.send_mail_header img { width: 100px; height: auto; margin: 0 10px 0 0;}
.send_mail_body { padding: 30px;}
.send_mail_footer {border-top: 1px solid #eee; padding: 30px; color: #fff; font-size: 14px; background: #72bf44; border-radius:0 0 10px 10px;}

/*-----------------------report------------------------*/
.report_sec label {margin-top: 0.1rem;}
.report_sec .bt_search {margin: 20px 0 0 0;}
.report_table { margin: 0 auto 150px;}
.report_table td { text-align: center;}
.icon_sort { float: right;}




/* Customize the label (the container_form) */
.policy {margin: 25px 0; color: #777; font-size: 14px;}
.container_form {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_form input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container_form:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_form input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_form input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_form .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





@media (min-width:320px) and (max-device-width: 780px) {
	.main-div { width: 100% !important; padding: 30px 20px 70px 20px;  margin: 20px auto 20px;}
	.main-disclaimer {padding: 20px; width: 99%;}
	.page_content {font-size: 12px;}

}