.form-control:focus {
	border-color: #edba3b; 
	-webkit-box-shadow: inset 0 1px 1px rgba(237,186,59,0.2), 0 0 8px rgba(237,186,59,0.6);
}

#content {
	min-height: calc(100vh - 80px);
}

#footer {
	padding:20px; 	
	text-align:center; 
	width:100%;
	background-color:#fff; 
	height: 80px;
}

.container-list {
	background-color:#fff; 
	padding:10px 25px; 
	margin-bottom:20px; 
	border-radius: 20px;
	border:1px solid #e7e7e7;
}

.container-list .form-group {
	padding:10px 0px; 
	margin-bottom:0px; 
}

.container-list .form-group .control-label {
	font-size:16px; 
}

.background-adapt {
	background-color:#fff; 
}

.progress-bar { 
	background-color: #edba3b; 
}

#register-form .register-circle {
	padding-top:17px !important; 
}



.btn-action {
	padding-left: 10px !important; 
	padding-right: 10px !important; 
	margin-right: 0 !important; 
}

.btn-default:not(.dropdown-toggle),
.btn-default:not(.dropdown-toggle):active,
.btn-default:not(.dropdown-toggle).active,
.btn-default:not(.dropdown-toggle):hover,
.btn-default:not(.dropdown-toggle):focus {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
	color: #706f6f !important;
}

.btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary:hover,
.btn-primary:focus {
	background-color: #706f6f !important;
	border-color: #706f6f;
	color: #fff;
}


.btn-success,
.btn-success:active,
.btn-success.active,
.btn-success:hover,
.btn-success:focus {
	background-color: #2ab573;
	border-color: #2ab573;
	color: #fff;
}

.btn-danger,
.btn-danger:active,
.btn-danger.active,
.btn-danger:hover,
.btn-danger:focus {
	background-color: #dc465d;
	border-color: #dc465d;
	color: #fff;
}

.btn-primary.disabled,
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active
.btn-primary:disabled,
.btn-primary[disabled] {
	background-color: #ccc;
	border-color: #ccc;
}


.noscript {

	position:absolute; 
	width:100%; 
	height:100%; 
	background:rgba(226, 226, 226, 0.5); 
	z-index:1; 

}

.noscript div {

	margin:0px auto; 
	max-width:500px; 
	position:relative; 
	top:160px; 
	text-align:center; 
	color:#000; 
	background-color:#fff; 
	padding:80px; 
	border:1px solid #ccc; 

}

#brandLogo {
	width: 330px; 
}

#darkMode {

	background:#000;
	background-color:#000;
	color:#fff !important;

	& body{
		background:#000;
		background-color:#000;
		color:#fff !important;
	  }
	
	& .container-list {
		background:#242424;
	  }
	  
	& .background-adapt {
		background:#242424;
	}

	& #footer {
		background-color:#000;
	  }

	& .form-control {
		background-color:#000;
		border:1px solid #363636;
		color:#fff; 
	  }
	
	& input:-webkit-autofill,
	& input:-webkit-autofill:hover,
	& input:-webkit-autofill:focus,
	& input:-webkit-autofill:active{
		-webkit-background-clip: text;
		-webkit-text-fill-color: #ffffff;
		transition: background-color 5000s ease-in-out 0s;
		box-shadow: inset 0 0 20px 20px #000;
	  }

	& .btn-default,
	& .btn-default:active,
	& .btn-default.active,
	& .btn-default:hover,
	& .btn-default:focus {
		background-color: #000;
		border:1px solid #363636;
		color:#fff !important; 
	  }
	
	& .table th {
		background-color: #000;
	  }

	& .table th {
		border-bottom:2px solid #363636;
	  }

	& .table>thead>tr>th {
		border-bottom:2px solid #363636;
	  }

	& .table:not(.table-borderless) > thead > tr > th,
	& .table:not(.table-borderless) > tbody > tr > th,
	& .table:not(.table-borderless) > tfoot > tr > th,
	& .table:not(.table-borderless) > thead > tr > td,
	& .table:not(.table-borderless) > tbody > tr > td,
	& .table:not(.table-borderless) > tfoot > tr > td {
		border-top: 1px solid #363636;
	}

	& .modal-content {
		color: #ffffff !important;
		background: #706f6f !important;
	}

}