[data-theme="dark"] {
  --background-color	: #3F3F3F;
  --text-color			: #ddd;
}

html[data-theme="dark"],
[data-theme="dark"] body{
	background	: #111;
}

[data-theme="dark"] .body_container{
	background-image	: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../../_lib/images/njs_bg_dark.jpg');
	color				: #777;
	transition			: background 0.3s ease;
}

[data-theme="dark"] input, textarea, select{
	border: solid 1px #777;
}

[data-theme="dark"] button{
	color: #CCC;
	background-color: #555;
}
[data-theme="dark"] button:hover, [data-theme="dark"] button:focus {
    background-color: #333;
}
[data-theme="dark"] button:disabled {
	background-color: #555;
}

[data-theme="dark"] .main-container select,
[data-theme="dark"] .main-container input,
[data-theme="dark"] .popup_container select,
[data-theme="dark"] .popup_container input,
[data-theme="dark"] .main-container textarea,
[data-theme="dark"] .popup_container textarea{
	background-color: #333;
	border: solid 1px #777;
}


[data-theme="dark"] .title{
	color		: #CCC;
	transition	: all 0.3s ease;
}

[data-theme="dark"] input, [data-theme="dark"] textarea{
	background	: #222;
}

[data-theme="dark"] .btn-yellow{
	background	: #CCB001;
	color		: #000;
	border-bottom	: solid 3px #AA9000;
}
[data-theme="dark"] .btn-yellow:hover{
	background	: #FFE446;
	border-bottom	: solid 3px #EEC224;
}


[data-theme="dark"] .separator{
	border			: solid 5px #AA9000;
	transition		: all 0.3s ease;
}