.btn-primary, .btn-primary:active, .btn-primary:active:focus {
	background-color: #4682b4 !important;
	border-color: LightGray;
	/* 	color: black; */
}

.btn-primary:hover, .btn-primary:active {
	background-color: #3c6f9a;
	border-color: LightGray;
}

.btn-primary:disabled {
	background-color: #519ad6;
	border-color: LightGray;
}

.btn-black {
	color: white !important;
	background-color: #222222;
	display: inline-block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #454545;
	width: 50px;
}

.btn-black:hover {
	color: white;
	background-color: #454545;
}

.btn-footer {
	color: #cccccc !important;
}

.btn-footer:hover {
	color: white !important;
}

li>.nav-link {
	color: #666;
}

li>.nav-link:hover {
	color: black;
	background-color: #d3deed;
}

li>.nav-link.active, li>.nav-link:active, li>.nav-link.active:focus {
	color: black;
}

.tab-editor .nav-link {
	color: #337ab7;
	margin-top: 30px;
}

.bg-blue {
	background-color: #337ab7;
}

.white, .a-box, .a-box:hover {
	color: white;
}

.icon-info-circle {
	color: #888;
}

.color-blue {
	color: #1E88E5;
}

.color-orange {
	color: #bf7303;
}

.toggle-btn {
	background-color: #F5F5F5;
	color: black;
}

.email-unread {
	color: #1E88E5;
}

.btn-social-icon {
	height: 34px;
}

.toggle-btn.active[data-active-class="success"] {
	color: #fff;
	background-color: #4b896a;
	border-color: #398439;
}

.color-dropdown-panel, div[data-cbx] .dropdown-menu {
	background-color: #e3eaf4;
}

.dark {
	color: #333;
}

.light-gray {
	color: #999;
}

.color-black {
	color: black;
}

.bg-color-orange {
	background-color: #e08806 !important;
}

.bg-color-orange-darker {
	background-color: #bf7303 !important;
}

.bg-color-success-green {
	background-color: #5cb85c !important;
	color: white;
}

.bg-register {
	background-color: #a6d608;
}

.bg-hwa-green {
	background-color: #9fcc0c !important;
}

.green-border {
	border: 2px solid #9fcc0c !important;
}

.hwa-green {
	color: #9fcc0c;
}

.bg-register:hover {
	background-color: #9fcc0c;
	font-weight: 500;
	color: black;
}

.bg-color-success-green:hover {
	background-color: #53ad53 !important;
	color: white;
}

.bg-border-color-success-green {
	border-color: #ccc !important;
}

.bg-color-warning {
	background-color: #e5b60d !important;
}

.color-warning {
	color: #e5b60d;
}

.color-warning:hover {
	color: #e6aa32;
}

.bg-border-warning {
	border-color: #ccc !important;
}

button.bg-border-warning:focus {
	outline: 0;
}

.color-green {
	color: #00897c;
}

.bg-color-green {
	background-color: #00897c !important;
}

.bg-color-green-darker {
	background-color: #018276 !important;
}

.bg-color-dark-green {
	background-color: #367b96 !important;
}

.color-dark-green {
	color: #367b96;
}

.bg-color-darker-green {
	background-color: #31728c !important;
}

.bg-color-light-green {
	background-color: #6cb28f !important;
}

.bg-color-light-green-darker {
	background-color: #60a281 !important;
}

.color-light-green {
	color: #6cb28f;
}

.color-success-green {
	color: #5cb85c;
}

.btn-panel-green:active:focus, .btn-panel-green:hover, .btn-panel-green:active:hover {
	background-color: whitesmoke;
	color: #94ba18;
}

.btn-blue {
	color: white;
	background-color: #1E88E5;
}

.btn-blue:hover {
	color: white;
	background-color: #1172c6;
}

.hwa-blue {
	color: #337ab7;
}

.btn-dark-blue {
	color: white;
	background-color: #0b57c4;
}

.btn-dark-blue:hover {
	color: white;
	background-color: #074caf;
}

.btn-mid-blue {
	color: white;
	background-color: #49aafc;
}

.btn-mid-blue:hover {
	color: white;
	background-color: #49aafc;
}

.btn-light-blue {
	color: white;
	background-color: #b8cfef;
}

.btn-darkest-blue, .btn-darkest-blue:hover {
	color: white;
	background-color: #11428c;
}

.btn-light-blue:hover {
	color: white;
	background-color: #acc8ef;
}

.btn-result-blue {
	background-color: #6faadc;
	color: white !important;
}

.btn-dark-green {
	color: white !important;
	background-color: #367b96;
}

.btn-dark-green:hover {
	color: white !important;
	background-color: #31728c;
}

.btn-green {
	color: white !important;
	background-color: #00897c;
}

.btn-green:hover {
	color: white;
	background-color: #026d63;
}

.btn-light-green {
	color: white !important;
	background-color: #6cb28f;
}

.btn-light-green:hover {
	color: white;
	background-color: #63a885;
}

.btn-dark {
	color: white;
	background-color: #676672;
}

.btn-dark:hover {
	color: white;
	background-color: #686672;
}

.alert-success {
	border-color: #5cb85c;
}

.error {
	color: #dc3545;
}

.b-error {
	border: 3px solid #dc3545;
}

.warning {
	color: orange;
}

.b-warning {
	border: 3px solid orange;
}

.success-green, .success {
	color: #5cb85c;
}

.b-success {
	border: 3px solid #5cb85c;
}

.color-gray {
	color: #676672;
}

.lightgray {
	color: lightgray;
}

.dimgray {
	color: dimgray;
}

.btn-show-after:hover {
	color: white;
}

.opaque {
	opacity: 0.1;
}

.bg-whitesmoke {
	background-color: whitesmoke;
	margin: 5px;
}

.bg-color-dark-blue {
	background-color: #0b57c4 !important;
}

.bg-color-blue {
	background-color: #1E88E5 !important;
}

.bg-color-blue-darker {
	background-color: #1c80d8 !important;
}

.bg-color-dark-blue-darker {
	background-color: #074caf !important;
}

.bg-color-light-blue {
	background-color: #e3eaf4 !important;
}

.bg-color-light-blue-darker {
	background-color: #c6d8f2 !important;
}

.bg-color-darkest-blue {
	background-color: #11428c !important;
}

.bg-color-mid-blue {
	background-color: #49aafc !important;
}

.bg-color-mid-blue-darker {
	background-color: #46a5f4 !important;
}

.bg-color-result-blue {
	background-color: #6faadc !important;
}

.bg-color-result-blue-darker {
	background-color: #68a4d6 !important;
}

.qq-gallery .qq-upload-delete, .qq-gallery .qq-upload-pause, .qq-gallery .qq-upload-continue {
	color: #222;
}

.qq-gallery .qq-upload-list li.qq-upload-success {
	background-color: #f0f7ff;
}

.nav-sidebar>.active>a, .nav-sidebar>.active>a:hover, .nav-sidebar>.active>a:focus {
	color: #222222;
	background-color: #ccd9ed !important;
}

.nav-sidebar>li>a:hover, .nav-sidebar>li>a:focus {
	color: black;
	text-decoration: none;
	background-color: #d3ddeb;
}