
input.form-control, textarea.form-control {
  border: none;
  border-bottom: 1px solid #454545;
  padding: 12px 0;
  margin-top: 0;
  background: rgba(0,0,0,0);
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 44px;
  color: #454545;
  font-size: 1rem;
  position: relative;
  -webkit-transition: border .9s ease, color .9s ease;
  -o-transition: border .9s ease, color .9s ease;
  transition: border .9s ease, color .9s ease;
}

.layout-dark input.form-control, .layout-dark textarea.form-control {
  border-bottom: 1px solid #a5a5a5;
  color: #a5a5a5;
}

textarea.form-control {
  min-height: 175px;
}

button {
  border: none;
  cursor: pointer;
}

input.form-control:focus, textarea.form-control:focus {
  background: rgba(0,0,0,0);
  color: #000;
  border: none;
  border-bottom: 1px solid #000;
  box-shadow: none;
}

.layout-dark input.form-control:focus, .layout-dark textarea.form-control:focus {
  color: #fff;
  border-bottom: 1px solid #fff;
}

input.border-form .form-control {
 border: 1px solid #2e2a2a;
 padding-left: 15px;
 padding-right: 15px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
}

.layout-dark input.border-form .form-control {
  border: 1px solid #dedada;
}

.logincontainer {
 padding: 3.5rem 1.5rem;
}

.border-form .form-control:focus {
  border: 1px solid #212331;
}

.form-check {
	position: relative;
	display: block;
  font-size: 13px;
}

.form-check-input {
  visibility: hidden;
}

.form-group label, .checkbox label {
	font-size: 0.9rem;
	font-weight: 500;
	color: #454545;
  display: inline-block;
  position: relative;
  padding-left: 10px;
  min-height: 20px;
  cursor: pointer;
}

.layout-dark .form-group label, .layout-dark .checkbox label {
	color: #a5a5a5;
}

.form-check label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -10px;
	border: 1px solid #333;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color: #000;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.layout-dark .form-check label::before {
	border: 1px solid #cccccc;
	background-color: #fff;
}

.form-check input[type="checkbox"]:checked + label::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f00c";
	font-size: 14px;
	text-align: center;
	line-height: 16px;
	font-weight: 300;
}
.form-check input[type="checkbox"]:checked + label::before {
	background-color: #fff;
}

.layout-dark .form-check input[type="checkbox"]:checked + label::before {
  background-color: #000;
}

.form-check input[type="checkbox"]:checked + label::before {
	background-color: #dc3545;
	border-color: #dc3545;
  color: #000;
}

.layout-dark .form-check input[type="checkbox"]:checked + label::before {
  color: #fff;
}

.log-meta {
   margin-bottom: 0;
}
.log-meta > a:hover, .log-meta > a:focus {
   color: #dc3545;
}

/* Form general- */
::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
   color: #a5a5a5;
}
:-moz-placeholder,
.form-control:-moz-placeholder {
   /* Firefox 18- */
   color: #a5a5a5;
}
::-moz-placeholder,
.form-control::-moz-placeholder {
   /* Firefox 19+ */
   color: #a5a5a5;
}
:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
   color: #a5a5a5;
}
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder {
   color: #a5a5a5;
   opacity: 1;
}

.dark-form {
  background: #02082a;
  border: 2px solid #fff;
}