html, body {
	font-family: 'Open Sans', sans-serif;
}

html {
	background: url("/assets/img/maxresdefault.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	transition: 1s;
	display: table;
	height: 100%;
	width: 100%;
	/* position: fixed */
}



body {
    background-color: transparent !important;
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    /* text-align: center; */
}

.panel-body {
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
}

.login_button {
	height: 40px;
	width: 100%;
}

.register_content {
	background-size:cover;
	position:relative;
 }
.register_content {
	/* max-width: 730px;
	width: 150%; */
	background-color: #1e2833;
	padding: 40px;
	border-radius: 4px;
	/* transform: translate(-50%, -50%);
	position: absolute; */
	/* left: 50%; */
	color: #fff;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.2);
}

.register_content .illustration {
	text-align: center;
	padding: 15px 0 20px;
	font-size: 100px;
	color: #2980ef;
  }
.register_content form .form-control {
	background:none;
	border:none;
	border-bottom:1px solid #434a52;
	border-radius:0;
	box-shadow:none;
	outline:none;
	color:inherit;
 }

 .container {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
 }
 /* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
 }
 
 /* Create a custom checkbox */
 .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	margin-top: 4px;
	background-color: #eee;
 }
 /* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #ccc;
 }
 
 /* When the checkbox is checked, add a blue background */
 .container 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 input:checked ~ .checkmark:after {
	display: block;
 }
 
 /* Style the checkmark/indicator */
 .container .checkmark:after {
	left: 6px;
	top: 3px;
	width: 5px;
	height: 10px;
	
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
 }

 .footer_login .btn-primary {
	background:#214a80;
	border:none;
	border-radius:4px;
	padding:11px;
	box-shadow:none;
	margin-top:6px;
	text-shadow:none;
	outline:none;
 }

 .footer_login .btn-danger {
	background:#bd2130;
	border:none;
	border-radius:4px;
	padding:11px;
	box-shadow:none;
	margin-top:6px;
	text-shadow:none;
	outline:none;
 }
 
 .footer_login .btn-primary:hover, .footer_login .btn-primary:active {
	background:#214a80;
	outline:none;
 }
 .footer_login .btn-danger:hover, .footer_login .btn-primary:active {
	background:#bd2130;
	outline:none;
 }
 
 .footer_login .forgot {
	display:block;
	text-align:center;
	font-size:12px;
	color:#6f7a85;
	opacity:0.9;
	text-decoration:none;
 }
 
 .register_content form .forgot:hover, .register_content form .forgot:active {
	opacity:1;
	text-decoration:none;
 }
 
 .password_coregister_contentntent form .btn-primary:active {
	transform:translateY(1px);
 }
.warning_button, .warning_button:hover, .warning_button:focus {
	background-color: #f3853f !important;
}
#container_loading {
	border-radius: 8px;
    color: #dde3eb;
	font-size: 16px;
	padding: 15px;
}

.response_validation {
	border: 0;
}

.blue-color {
	color: #55A5E8;
}

.yellow-color {
	color: #FFD569;
}

.green-color {
	color: #86FFA8;
}

.red-color {
	color: #E85F4C;
}

.orange-color {
	color: #FCA001;
}

.purple-color {
	color: #B444FF;
}

.gray-color {
	color: #676a6c;
}

.black-color {
	color: black;
}

.white-color {
	color: #fff;
}

.blue-background-color {
	background-color: #55A5E8;
}

.info-background-color {
	background-color: #31B0D5;
}

.yellow-background-color {
	background-color: #FFD569;
}

.green-background-color {
	background-color: #449d44;
}

.red-background-color {
	background-color: #C9302C;
}

.orange-background-color {
	background-color: #EC971F;
}

.purple-background-color {
	background-color: #B444FF;
}

.gray-background-color {
	background-color: #676a6c;
}

.fa-fw {
	margin-right: 6px;
}

.load_hidden {
	display: none;
}

.bootbox.modal {
	color: black !important;
}

/* html, body {
	font-family: 'Open Sans', sans-serif;
}

html {
  background: #475d62 url(/assets/img/4.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	transition: 1s;
	display: table;
	height: 100%;
  width: 100%;
  position: fixed
}

body {
	background-color: transparent !important;
	display: table-cell;
	color: #fff;
	vertical-align: middle;
	height: 100%;
	width: 100% ;
}

.login-dark {
  background-size:cover;
  position:relative;
}

.login-dark form {
  max-width:320px;
  width:90%;
  background-color:#1e2833;
  padding:40px;
  border-radius:4px;
  transform:translate(-50%, -50%);
  position:absolute;
  left:50%;
  color:#fff;
  box-shadow:3px 3px 4px rgba(0,0,0,0.2);
}

.login-dark .illustration {
  text-align:center;
  padding:15px 0 20px;
  font-size:100px;
  color:#2980ef;
}

.login-dark form .form-control {
  background:none;
  border:none;
  border-bottom:1px solid #434a52;
  border-radius:0;
  box-shadow:none;
  outline:none;
  color:inherit;
}

.login-dark form .btn-primary {
  background:#214a80;
  border:none;
  border-radius:4px;
  padding:11px;
  box-shadow:none;
  margin-top:26px;
  text-shadow:none;
  outline:none;
}

.login-dark form .btn-primary:hover, .login-dark form .btn-primary:active {
  background:#214a80;
  outline:none;
}

.login-dark form .forgot {
  display:block;
  text-align:center;
  font-size:12px;
  color:#6f7a85;
  opacity:0.9;
  text-decoration:none;
}

.login-dark form .forgot:hover, .login-dark form .forgot:active {
  opacity:1;
  text-decoration:none;
}

.login-dark form .btn-primary:active {
  transform:translateY(1px);
}
 */