<style>
	body {
		margin: 0;
		font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 0.9rem !important;
		font-weight: 400;
		line-height: 1.5;
		color: <?php echo TEXT_COLOR; ?> !important;
		text-align: left;
		background-color: #fff;
	}

	table, td, tr{
		color: <?php echo TEXT_COLOR; ?> !important;
	}

	/* Custom color */
	.navbar-degrade{
		color: #fff !important;
		background-color: <?php echo GRADIENT_COLOR_1; ?> !important;
		background-image: linear-gradient(to right, <?php echo GRADIENT_COLOR_1; ?>, <?php echo GRADIENT_COLOR_2; ?>) !important;
	}
	
	.navbar-degrade *, .navbar-degrade .nav-link{
		color: <?php echo TOP_TEXT_COLOR; ?> !important;
	}
	.navbar-degrade .nav-link:hover{
		color: <?php echo color_scale(TOP_TEXT_COLOR, "-8%"); ?> !important;
	}

	.logo-container{
		width: 225px;
		text-align: center;
	}
	.logo{
		max-width: 100%; 
		max-height: 50px; 
		width: auto; 
		height: auto;
	}

	@media screen and (max-width: 767px){
		.logo-container{
			width: 175px;
			text-align: center;
		}
		.logo{
			margin-left: 10px;
			max-width: 100% !important; 
			max-height: 40px !important; 
			width: auto; 
			height: auto;
		}
	}

	/*
	.navbar-color{
		background: <?php echo TOP_COLOR; ?> !important;
	}

	.navbar-color *{
		color: <?php echo TOP_TEXT_COLOR; ?> !important;
	}
	*/

	.sidebar-color{
		background: <?php echo SIDEBAR_COLOR; ?> !important;
	}

	.footer-color{
		background: <?php echo FOOTER_COLOR; ?> !important;
	}

	.footer-color *{
		color: <?php echo FOOTER_TEXT_COLOR; ?> !important;
	}

	.btn-dropdown-user{
		color: <?php echo TOP_TEXT_COLOR; ?> !important;
		border: 1px solid <?php echo TOP_TEXT_COLOR; ?> !important;
		background-color: transparent !important;
		border-radius: 50px !important;
		padding: 0.35rem 0.75rem !important;
		font-size: 0.75rem !important;
	}
	.btn-dropdown-user:focus{
		box-shadow: none !important;
	}

	.dropdown-menu > .dropdown-item, .dropdown-menu > .dropdown-item *{
		color: <?php echo TEXT_COLOR; ?> !important;
	}

	.dropdown-item:hover{
		color: <?php echo TEXT_COLOR; ?> !important;
		background-color: #e9e9e9 !important;
	}

	.dropdown-item:focus, .dropdown-item.active, .dropdown-item:focus *, .dropdown-item.active *{
		color: #fff !important;
		background-color: <?php echo COLOR_PRIMARY; ?> !important;
	}

	.dropdown-item.active:hover{
		color: #fff !important;
		background-color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?>;
	}

	.sb-sidenav-menu .nav-link{
		color: <?php echo SIDEBAR_TEXT_COLOR; ?> !important;
	}

	.sb-sidenav-menu .nav-link:hover{
		color: <?php echo SIDEBAR_ACTION_TEXT_COLOR; ?> !important;
	}

	.sb-sidenav-menu .nav-link:hover{
		color: <?php echo SIDEBAR_ACTION_TEXT_COLOR; ?> !important;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.sb-sidenav-menu .nav-link:hover i{
		color: <?php echo SIDEBAR_ACTION_TEXT_COLOR; ?> !important;
	}

	.sb-sidenav-menu .nav-link.selected{
		border-left: 3px solid <?php echo SIDEBAR_ACTION_TEXT_COLOR; ?> !important;
		color: <?php echo SIDEBAR_ACTION_TEXT_COLOR; ?> !important;
		font-weight: 600 !important;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.sb-sidenav-menu .nav-link.selected i{
		color: <?php echo SIDEBAR_ACTION_TEXT_COLOR; ?> !important;
	}

	.sb-sidenav-menu .nav-link.selected:hover{
		border-left: 3px solid <?php echo color_scale(SIDEBAR_ACTION_TEXT_COLOR, "-12%"); ?> !important;
		color: <?php echo color_scale(SIDEBAR_ACTION_TEXT_COLOR, "-12%"); ?> !important;
		background-color: rgba(0, 0, 0, 0.075);
	}

	.sb-sidenav-menu .nav-link.selected:hover i{
		color: <?php echo color_scale(SIDEBAR_ACTION_TEXT_COLOR, "-12%"); ?> !important;
	}

	.navbar-sm{
		padding: 0rem 1rem !important;
	}

	.navbar-sm .navbar-toggler{
		padding: 0rem 0.25rem !important;
		font-size: 1rem !important;
	}

	.navbar-toggler{
		border: none !important;
		display: inline-block;
		color: #333;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		text-align: center;
		vertical-align: middle;
		text-decoration: none !important;
		border: 1px solid transparent;
		border-radius: 0.25rem;
		cursor: pointer;
		background-color: transparent;
		margin: 0.15rem 0;
		transition: color 0.125s ease-in-out, 
					background-color 0.125s ease-in-out, 
					border-color 0.125s ease-in-out, 
					box-shadow 0.125s ease-in-out;
	}

	.navbar-bottom .navbar-toggler{
		color: <?php echo SITE_FOOTER_TEXT_COLOR; ?> !important;
	}

	.footer{
		position: sticky; 
		top: 100%; 
		width: 100%;
		margin-top: 1.5rem;
	}

	.footer .footer-gradient{
		background-image: linear-gradient(to left, <?php echo GRADIENT_COLOR_1; ?>, <?php echo GRADIENT_COLOR_2; ?>, <?php echo GRADIENT_COLOR_1; ?>);
		width: 100%;
		height: 5px;
	}

	.footer .footer-content{
		background: <?php echo SITE_FOOTER_COLOR ?>; 
		color: <?php echo SITE_FOOTER_TEXT_COLOR ?>; 
		padding: 35px 0px;
	}

	.footer .footer-pages{
		background: <?php echo SITE_FOOTER_COLOR ?>; 
		color: <?php echo SITE_FOOTER_TEXT_COLOR ?>; 
		padding: 10px 0px;
	}
	.footer .footer-pages .nav-link{
		color: <?php echo SITE_FOOTER_TEXT_COLOR; ?> !important;
	}
	.footer .footer-pages .nav-link:hover{
		color: <?php echo color_scale(SITE_FOOTER_TEXT_COLOR, "-8%"); ?> !important;
	}

	.footer .subfooter{
		background: <?php echo color_scale(SITE_FOOTER_COLOR, "-15%") ?>; 
		color: <?php echo SITE_FOOTER_TEXT_COLOR ?>; 
		padding: 15px 0px;
	}

	.breadcrumb {
		background-color: #e7e7e7 !important;
	}

	.breadcrumb-item + .breadcrumb-item::before {
		content: ">" !important;
		color: #5c5c5c !important;
	}

	.breadcrumb-item > a:hover{
		color: #5f5f5f !important;
	}

	.breadcrumb-item > a:hover{
		color: <?php echo COLOR_PRIMARY; ?> !important;
	}

	.breadcrumb-item.active{
		color: <?php echo color_scale(COLOR_PRIMARY, "-15%"); ?> !important;
	}

	.btn-square{
		border-radius: 0.25rem;
		height: 2.5rem !important;
		width: 2.5rem !important;
		font-size: 1rem !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.btn-square.btn-lg{
		height: 3.5rem !important;
		width: 3.5rem !important;
		font-size: 1.35rem !important;
		padding: 0 !important;
	}
	.btn-square.btn-sm{
		height: 2rem !important;
		width: 2rem !important;
		font-size: 0.85rem !important;
		padding: 0 !important;
	}

	.btn-circle{
		border-radius: 100% !important;
		height: 2.5rem !important;
		width: 2.5rem !important;
		font-size: 1rem !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.btn-circle.btn-lg{
		height: 3.5rem !important;
		width: 3.5rem !important;
		font-size: 1.35rem !important;
		padding: 0 !important;
	}
	.btn-circle.btn-sm{
		height: 2rem !important;
		width: 2rem !important;
		font-size: 0.85rem !important;
		padding: 0 !important;
	}

	.btn-rounded{
		padding: 0.5rem 2.5rem !important;
		border-radius: 50px !important;
	}
	.btn-rounded.btn-lg{
		padding: 0.5rem 3.5rem !important;
		font-size: 1.25rem !important;
	}
	.btn-rounded.btn-sm{
		padding: 0.35rem 1.5rem !important;
		font-size: 0.85rem !important;
	}

	<?php if (BORDER_RADIUS == "N"): ?>
		* {
			border-radius: 0 !important;
		}
	<?php endif; ?>

	.form-control:focus {
		color: #495057;
		background-color: #fff;
		border-color: <?php echo color_scale(COLOR_PRIMARY, "+24%"); ?>;
		outline: 0;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_PRIMARY, 0.25); ?>;
	}

	.btn-primary {
		color: #fff;
		background-color: <?php echo COLOR_PRIMARY; ?>;
		border-color: <?php echo COLOR_PRIMARY; ?>;
	}

	.btn-primary:hover {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_PRIMARY, "-12%"); ?>;
	}

	.btn-primary:focus, .btn-primary.focus {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_PRIMARY, "-12%"); ?>;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_PRIMARY, 0.5); ?>;
	}

	.btn-primary.disabled, .btn-primary:disabled {
		color: #fff;
		background-color: <?php echo COLOR_PRIMARY; ?>;
		border-color: <?php echo COLOR_PRIMARY; ?>;
	}

	.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_PRIMARY, "-12%"); ?>;
		border-color: <?php echo color_scale(COLOR_PRIMARY, "-16%"); ?>;
	}

	.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-primary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_PRIMARY, 0.5); ?>;
	}

	.btn-secondary {
		color: #fff;
		background-color: <?php echo COLOR_SECONDARY; ?>;
		border-color: <?php echo COLOR_SECONDARY; ?>;
	}

	.btn-secondary:hover {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_SECONDARY, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_SECONDARY, "-12%"); ?>;
	}

	.btn-secondary:focus, .btn-secondary.focus {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_SECONDARY, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_SECONDARY, "-12%"); ?>;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SECONDARY, 0.5); ?>;
	}

	.btn-secondary.disabled, .btn-secondary:disabled {
		color: #fff;
		background-color: <?php echo COLOR_SECONDARY; ?>;
		border-color: <?php echo COLOR_SECONDARY; ?>;
	}

	.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
	.show > .btn-secondary.dropdown-toggle {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_SECONDARY, "-12%"); ?>;
		border-color: <?php echo color_scale(COLOR_SECONDARY, "-16%"); ?>;
	}

	.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-secondary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SECONDARY, 0.5); ?>;
	}

	.btn-success {
		color: #fff;
		background-color: <?php echo COLOR_SUCCESS; ?>;
		border-color: <?php echo COLOR_SUCCESS; ?>;
	}

	.btn-success:hover {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_SUCCESS, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_SUCCESS, "-12%"); ?>;
	}

	.btn-success:focus, .btn-success.focus {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_SUCCESS, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_SUCCESS, "-12%"); ?>;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SUCCESS, 0.5); ?>;
	}

	.btn-success.disabled, .btn-success:disabled {
		color: #fff;
		background-color: <?php echo COLOR_SUCCESS; ?>;
		border-color: <?php echo COLOR_SUCCESS; ?>;
	}

	.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
	.show > .btn-success.dropdown-toggle {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_SUCCESS, "-12%"); ?>;
		border-color: <?php echo color_scale(COLOR_SUCCESS, "-16%"); ?>;
	}

	.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
	.show > .btn-success.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SUCCESS, 0.5); ?>;
	}

	.btn-info {
		color: #fff;
		background-color: <?php echo COLOR_INFO; ?>;
		border-color: <?php echo COLOR_INFO; ?>;
	}

	.btn-info:hover {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_INFO, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_INFO, "-12%"); ?>;
	}

	.btn-info:focus, .btn-info.focus {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_INFO, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_INFO, "-12%"); ?>;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_INFO, 0.5); ?>;
	}

	.btn-info.disabled, .btn-info:disabled {
		color: #fff;
		background-color: <?php echo COLOR_INFO; ?>;
		border-color: <?php echo COLOR_INFO; ?>;
	}

	.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
	.show > .btn-info.dropdown-toggle {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_INFO, "-12%"); ?>;
		border-color: <?php echo color_scale(COLOR_INFO, "-16%"); ?>;
	}

	.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
	.show > .btn-info.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_INFO, 0.5); ?>;
	}

	.btn-warning {
		color: #fff;
		background-color: <?php echo COLOR_WARNING; ?>;
		border-color: <?php echo COLOR_WARNING; ?>;
	}

	.btn-warning:hover {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_WARNING, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_WARNING, "-12%"); ?>;
	}

	.btn-warning:focus, .btn-warning.focus {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_WARNING, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_WARNING, "-12%"); ?>;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_WARNING, 0.5); ?>;
	}

	.btn-warning.disabled, .btn-warning:disabled {
		color: #fff;
		background-color: <?php echo COLOR_WARNING; ?>;
		border-color: <?php echo COLOR_WARNING; ?>;
	}

	.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
	.show > .btn-warning.dropdown-toggle {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_WARNING, "-12%"); ?>;
		border-color: <?php echo color_scale(COLOR_WARNING, "-16%"); ?>;
	}

	.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
	.show > .btn-warning.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_WARNING, 0.5); ?>;
	}

	.btn-danger {
		color: #fff;
		background-color: <?php echo COLOR_DANGER; ?>;
		border-color: <?php echo COLOR_DANGER; ?>;
	}

	.btn-danger:hover {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_DANGER, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_DANGER, "-12%"); ?>;
	}

	.btn-danger:focus, .btn-danger.focus {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_DANGER, "-8%"); ?>;
		border-color: <?php echo color_scale(COLOR_DANGER, "-12%"); ?>;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_DANGER, 0.5); ?>;
	}

	.btn-danger.disabled, .btn-danger:disabled {
		color: #fff;
		background-color: <?php echo COLOR_DANGER; ?>;
		border-color: <?php echo COLOR_DANGER; ?>;
	}

	.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
	.show > .btn-danger.dropdown-toggle {
		color: #fff;
		background-color: <?php echo color_scale(COLOR_DANGER, "-12%"); ?>;
		border-color: <?php echo color_scale(COLOR_DANGER, "-16%"); ?>;
	}

	.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
	.show > .btn-danger.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_DANGER, 0.5); ?>;
	}

	.btn-outline-primary {
		color: <?php echo COLOR_PRIMARY; ?>;
		border-color: <?php echo COLOR_PRIMARY; ?>;
	}

	.btn-outline-primary:hover {
		color: #fff;
		background-color: <?php echo COLOR_PRIMARY; ?>;
		border-color: <?php echo COLOR_PRIMARY; ?>;
	}

	.btn-outline-primary:focus, .btn-outline-primary.focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_PRIMARY, 0.5); ?>;
	}

	.btn-outline-primary.disabled, .btn-outline-primary:disabled {
		color: <?php echo COLOR_PRIMARY; ?>;
		background-color: transparent;
	}

	.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
	.show > .btn-outline-primary.dropdown-toggle {
		color: #fff;
		background-color: <?php echo COLOR_PRIMARY; ?>;
		border-color: <?php echo COLOR_PRIMARY; ?>;
	}

	.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-outline-primary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_PRIMARY, 0.5); ?>;
	}

	.btn-outline-secondary {
		color: <?php echo COLOR_SECONDARY; ?>;
		border-color: <?php echo COLOR_SECONDARY; ?>;
	}

	.btn-outline-secondary:hover {
		color: #fff;
		background-color: <?php echo COLOR_SECONDARY; ?>;
		border-color: <?php echo COLOR_SECONDARY; ?>;
	}

	.btn-outline-secondary:focus, .btn-outline-secondary.focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SECONDARY, 0.5); ?>;
	}

	.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
		color: <?php echo COLOR_SECONDARY; ?>;
		background-color: transparent;
	}

	.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
	.show > .btn-outline-secondary.dropdown-toggle {
		color: #fff;
		background-color: <?php echo COLOR_SECONDARY; ?>;
		border-color: <?php echo COLOR_SECONDARY; ?>;
	}

	.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-outline-secondary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SECONDARY, 0.5); ?>;
	}

	.btn-outline-success {
		color: <?php echo COLOR_SUCCESS; ?>;
		border-color: <?php echo COLOR_SUCCESS; ?>;
	}

	.btn-outline-success:hover {
		color: #fff;
		background-color: <?php echo COLOR_SUCCESS; ?>;
		border-color: <?php echo COLOR_SUCCESS; ?>;
	}

	.btn-outline-success:focus, .btn-outline-success.focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SUCCESS, 0.5); ?>;
	}

	.btn-outline-success.disabled, .btn-outline-success:disabled {
		color: <?php echo COLOR_SUCCESS; ?>;
		background-color: transparent;
	}

	.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
	.show > .btn-outline-success.dropdown-toggle {
		color: #fff;
		background-color: <?php echo COLOR_SUCCESS; ?>;
		border-color: <?php echo COLOR_SUCCESS; ?>;
	}

	.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
	.show > .btn-outline-success.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SUCCESS, 0.5); ?>;
	}

	.btn-outline-info {
		color: <?php echo COLOR_INFO; ?>;
		border-color: <?php echo COLOR_INFO; ?>;
	}

	.btn-outline-info:hover {
		color: #fff;
		background-color: <?php echo COLOR_INFO; ?>;
		border-color: <?php echo COLOR_INFO; ?>;
	}

	.btn-outline-info:focus, .btn-outline-info.focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_INFO, 0.5); ?>;
	}

	.btn-outline-info.disabled, .btn-outline-info:disabled {
		color: <?php echo COLOR_INFO; ?>;
		background-color: transparent;
	}

	.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
	.show > .btn-outline-info.dropdown-toggle {
		color: #fff;
		background-color: <?php echo COLOR_INFO; ?>;
		border-color: <?php echo COLOR_INFO; ?>;
	}

	.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
	.show > .btn-outline-info.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_INFO, 0.5); ?>;
	}

	.btn-outline-warning {
		color: <?php echo COLOR_WARNING; ?>;
		border-color: <?php echo COLOR_WARNING; ?>;
	}

	.btn-outline-warning:hover {
		color: #fff;
		background-color: <?php echo COLOR_WARNING; ?>;
		border-color: <?php echo COLOR_WARNING; ?>;
	}

	.btn-outline-warning:focus, .btn-outline-warning.focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_WARNING, 0.5); ?>;
	}

	.btn-outline-warning.disabled, .btn-outline-warning:disabled {
		color: <?php echo COLOR_WARNING; ?>;
		background-color: transparent;
	}

	.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
	.show > .btn-outline-warning.dropdown-toggle {
		color: #212529;
		background-color: <?php echo COLOR_WARNING; ?>;
		border-color: <?php echo COLOR_WARNING; ?>;
	}

	.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
	.show > .btn-outline-warning.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_WARNING, 0.5); ?>;
	}

	.btn-outline-danger {
		color: <?php echo COLOR_DANGER; ?>;
		border-color: <?php echo COLOR_DANGER; ?>;
	}

	.btn-outline-danger:hover {
		color: #fff;
		background-color: <?php echo COLOR_DANGER; ?>;
		border-color: <?php echo COLOR_DANGER; ?>;
	}

	.btn-outline-danger:focus, .btn-outline-danger.focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_DANGER, 0.5); ?>;
	}

	.btn-outline-danger.disabled, .btn-outline-danger:disabled {
		color: <?php echo COLOR_DANGER; ?>;
		background-color: transparent;
	}

	.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
	.show > .btn-outline-danger.dropdown-toggle {
		color: #fff;
		background-color: <?php echo COLOR_DANGER; ?>;
		border-color: <?php echo COLOR_DANGER; ?>;
	}

	.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
	.show > .btn-outline-danger.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_DANGER, 0.5); ?>;
	}

	.btn-link {
		font-weight: 400;
		color: <?php echo COLOR_PRIMARY; ?>;
		text-decoration: none;
	}

	.btn-link:hover {
		color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?>;
		text-decoration: underline;
	}

	.btn-link:focus, .btn-link.focus {
		text-decoration: underline;
		box-shadow: none;
	}

	.btn-link:disabled, .btn-link.disabled {
		color: <?php echo color_scale(COLOR_PRIMARY, "-12%"); ?>;
		pointer-events: none;
	}

	.btn-white{
		color: <?php echo TEXT_COLOR; ?>;
		background: #fff;
		border: 1px solid #ced4da;
	}
	.btn-white:hover {
		color: <?php echo TEXT_COLOR; ?>;
		background-color: #e6e6e6;
		border-color: #ced4da;
	}
	.btn-white:focus, .btn-white.focus {
		color: <?php echo TEXT_COLOR; ?>;
		background-color: #e6e6e6;
		border-color: #b6bfc8;
		box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.125);
	}
	.btn-white.disabled, .btn-white:disabled {
		color: <?php echo TEXT_COLOR; ?>;
		background-color: #fff;
		border-color: #ced4da;
	}
	.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,
	.show > .btn-white.dropdown-toggle {
		color: <?php echo TEXT_COLOR; ?>;
		background-color: #e6e6e6;
		border-color: #b6bfc8;
	}
	.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,
	.show > .btn-white.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.125);
	}

	a {
		color: <?php echo COLOR_PRIMARY; ?>;
		text-decoration: none;
		background-color: transparent;
	}

	a:hover {
		color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?>;
		text-decoration: underline;
	}

	a:not([href]) {
		color: inherit;
		text-decoration: none;
	}

	a:not([href]):hover {
		color: inherit;
		text-decoration: none;
	}

	.text-primary {
		color: <?php echo COLOR_PRIMARY; ?> !important;
	}

	a.text-primary:hover, a.text-primary:focus {
		color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?> !important;
	}

	.text-secondary {
		color: <?php echo COLOR_SECONDARY; ?> !important;
	}

	a.text-secondary:hover, a.text-secondary:focus {
		color: <?php echo color_scale(COLOR_SECONDARY, "-8%"); ?> !important;
	}

	.text-success {
		color: <?php echo COLOR_SUCCESS; ?> !important;
	}

	a.text-success:hover, a.text-success:focus {
		color: <?php echo color_scale(COLOR_SUCCESS, "-8%"); ?> !important;
	}

	.text-info {
		color: <?php echo COLOR_INFO; ?> !important;
	}

	a.text-info:hover, a.text-info:focus {
		color: <?php echo color_scale(COLOR_INFO, "-8%"); ?> !important;
	}

	.text-warning {
		color: <?php echo COLOR_WARNING; ?> !important;
	}

	a.text-warning:hover, a.text-warning:focus {
		color: <?php echo color_scale(COLOR_WARNING, "-8%"); ?> !important;
	}

	.text-danger {
		color: <?php echo COLOR_DANGER; ?> !important;
	}

	a.text-danger:hover, a.text-danger:focus {
		color: <?php echo color_scale(COLOR_DANGER, "-8%"); ?> !important;
	}

	.bg-primary {
		background-color: <?php echo COLOR_PRIMARY; ?> !important;
	}

	a.bg-primary:hover, a.bg-primary:focus,
	button.bg-primary:hover,
	button.bg-primary:focus {
		background-color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?> !important;
	}

	.bg-secondary {
		background-color: <?php echo COLOR_SECONDARY; ?> !important;
	}

	a.bg-secondary:hover, a.bg-secondary:focus,
	button.bg-secondary:hover,
	button.bg-secondary:focus {
		background-color: <?php echo color_scale(COLOR_SECONDARY, "-8%"); ?> !important;
	}

	.bg-success {
		background-color: <?php echo COLOR_SUCCESS; ?> !important;
	}

	a.bg-success:hover, a.bg-success:focus,
	button.bg-success:hover,
	button.bg-success:focus {
		background-color: <?php echo color_scale(COLOR_SUCCESS, "-8%"); ?> !important;
	}

	.bg-info {
		background-color: <?php echo COLOR_INFO; ?> !important;
	}

	a.bg-info:hover, a.bg-info:focus,
	button.bg-info:hover,
	button.bg-info:focus {
		background-color: <?php echo color_scale(COLOR_INFO, "-8%"); ?> !important;
	}

	.bg-warning {
		background-color: <?php echo COLOR_WARNING; ?> !important;
	}

	a.bg-warning:hover, a.bg-warning:focus,
	button.bg-warning:hover,
	button.bg-warning:focus {
		background-color: <?php echo color_scale(COLOR_WARNING, "-8%"); ?> !important;
	}

	.bg-danger {
		background-color: <?php echo COLOR_DANGER; ?> !important;
	}

	a.bg-danger:hover, a.bg-danger:focus,
	button.bg-danger:hover,
	button.bg-danger:focus {
		background-color: <?php echo color_scale(COLOR_DANGER, "-8%"); ?> !important;
	}

	.alert-primary {
		color: <?php echo color_scale(COLOR_PRIMARY, "-12%"); ?>;
		background-color: <?php echo hex_rgba(COLOR_PRIMARY, 0.3); ?>;
		border-color: <?php echo hex_rgba(COLOR_PRIMARY, 0.5); ?>;
	}

	.alert-primary hr {
		border-top-color: <?php echo color_scale(COLOR_PRIMARY, "-12%"); ?>;
	}

	.alert-primary .alert-link {
		color: <?php echo COLOR_PRIMARY; ?>;
	}

	.alert-secondary {
		color: <?php echo color_scale(COLOR_SECONDARY, "-12%"); ?>;
		background-color: <?php echo hex_rgba(COLOR_SECONDARY, 0.3); ?>;
		border-color: <?php echo hex_rgba(COLOR_SECONDARY, 0.5); ?>;
	}

	.alert-secondary hr {
		border-top-color: <?php echo color_scale(COLOR_SECONDARY, "-12%"); ?>;
	}

	.alert-secondary .alert-link {
		color: <?php echo COLOR_SECONDARY; ?>;
	}

	.alert-success {
		color: <?php echo color_scale(COLOR_SUCCESS, "-12%"); ?>;
		background-color: <?php echo hex_rgba(COLOR_SUCCESS, 0.3); ?>;
		border-color: <?php echo hex_rgba(COLOR_SUCCESS, 0.5); ?>;
	}

	.alert-success hr {
		border-top-color: <?php echo color_scale(COLOR_SUCCESS, "-12%"); ?>;
	}

	.alert-success .alert-link {
		color: <?php echo COLOR_SUCCESS; ?>;
	}

	.alert-info {
		color: <?php echo color_scale(COLOR_INFO, "-12%"); ?>;
		background-color: <?php echo hex_rgba(COLOR_INFO, 0.3); ?>;
		border-color: <?php echo hex_rgba(COLOR_INFO, 0.5); ?>;
	}

	.alert-info hr {
		border-top-color: <?php echo color_scale(COLOR_INFO, "-12%"); ?>;
	}

	.alert-info .alert-link {
		color: <?php echo COLOR_INFO; ?>;
	}

	.alert-warning {
		color: <?php echo color_scale(COLOR_WARNING, "-12%"); ?>;
		background-color: <?php echo hex_rgba(COLOR_WARNING, 0.3); ?>;
		border-color: <?php echo hex_rgba(COLOR_WARNING, 0.5); ?>;
	}

	.alert-warning hr {
		border-top-color: <?php echo color_scale(COLOR_WARNING, "-12%"); ?>;
	}

	.alert-warning .alert-link {
		color: <?php echo COLOR_WARNING; ?>;
	}

	.alert-danger {
		color: <?php echo color_scale(COLOR_DANGER, "-12%"); ?>;
		background-color: <?php echo hex_rgba(COLOR_DANGER, 0.3); ?>;
		border-color: <?php echo hex_rgba(COLOR_DANGER, 0.5); ?>;
	}

	.alert-danger hr {
		border-top-color: <?php echo color_scale(COLOR_DANGER, "-12%"); ?>;
	}

	.alert-danger .alert-link {
		color: <?php echo COLOR_DANGER; ?>;
	}

	.border-primary {
		border-color: <?php echo COLOR_PRIMARY; ?> !important;
	}

	.border-secondary {
		border-color: <?php echo COLOR_SECONDARY; ?> !important;
	}

	.border-success {
		border-color: <?php echo COLOR_SUCCESS; ?> !important;
	}

	.border-info {
		border-color: <?php echo COLOR_INFO; ?> !important;
	}

	.border-warning {
		border-color: <?php echo COLOR_WARNING; ?> !important;
	}

	.border-danger {
		border-color: <?php echo COLOR_DANGER; ?> !important;
	}

	.page-link {
		color: <?php echo COLOR_PRIMARY; ?>;
	}

	.page-link:hover {
		color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?>;
	}

	.page-item.active .page-link {
		background-color: <?php echo COLOR_PRIMARY; ?>;
		border-color: <?php echo COLOR_PRIMARY; ?>;
	}

	.badge-primary {
		color: #fff  !important;
		background-color: <?php echo COLOR_PRIMARY; ?> !important;
	}

	a.badge-primary:hover, a.badge-primary:focus {
		color: #fff !important;
		background-color: <?php echo color_scale(COLOR_PRIMARY, "-8%"); ?>  !important;
	}

	a.badge-primary:focus, a.badge-primary.focus {
		outline: 0 !important;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_PRIMARY, 0.5); ?> !important;
	}

	.badge-secondary {
		color: #fff !important;
		background-color: <?php echo COLOR_SECONDARY; ?> !important;
	}

	a.badge-secondary:hover, a.badge-secondary:focus {
		color: #fff !important;
		background-color: <?php echo color_scale(COLOR_SECONDARY, "-8%"); ?> !important;
	}

	a.badge-secondary:focus, a.badge-secondary.focus {
		outline: 0 !important;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SECONDARY, 0.5); ?> !important;
	}

	.badge-info {
		color: #fff !important;
		background-color: <?php echo COLOR_INFO; ?> !important;
	}

	a.badge-info:hover, a.badge-info:focus {
		color: #fff !important;
		background-color: <?php echo color_scale(COLOR_INFO, "-8%"); ?> !important;
	}

	a.badge-info:focus, a.badge-info.focus {
		outline: 0 !important;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_INFO, 0.5); ?> !important;
	}

	.badge-success {
		color: #fff !important;
		background-color: <?php echo COLOR_SUCCESS; ?> !important;
	}

	a.badge-success:hover, a.badge-success:focus {
		color: #fff !important;
		background-color: <?php echo color_scale(COLOR_SUCCESS, "-8%"); ?> !important;
	}

	a.badge-success:focus, a.badge-success.focus {
		outline: 0 !important;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_SUCCESS, 0.5); ?> !important;
	}

	.badge-warning {
		color: #fff !important;
		background-color: <?php echo COLOR_WARNING; ?> !important;
	}

	a.badge-warning:hover, a.badge-warning:focus {
		color: #fff !important;
		background-color: <?php echo color_scale(COLOR_WARNING, "-8%"); ?> !important;
	}

	a.badge-warning:focus, a.badge-warning.focus {
		outline: 0 !important;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_WARNING, 0.5); ?> !important;
	}

	.badge-danger {
		color: #fff !important;
		background-color: <?php echo COLOR_DANGER; ?> !important;
	}

	a.badge-danger:hover, a.badge-danger:focus {
		color: #fff !important;
		background-color: <?php echo color_scale(COLOR_DANGER, "-8%"); ?> !important;
	}

	a.badge-danger:focus, a.badge-danger.focus {
		outline: 0 !important;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_DANGER, 0.5); ?> !important;
	}

	.is-warning{
		border-color: <?php echo COLOR_WARNING; ?>; 
	}
	
	.is-warning:hover{
		border-color: <?php echo COLOR_WARNING; ?>;
		box-shadow: 0 0 0 0.2rem <?php echo hex_rgba(COLOR_WARNING, 0.25); ?>;
	}

	.border-checked{
		border: solid 2px <?php echo COLOR_PRIMARY; ?>;
		box-shadow: 0px 0px 8px <?php echo COLOR_PRIMARY; ?>;
	}

	/* CUSTOM JQUERY TOAST */
	.jq-toast-wrap{
		width: 350px;
	}

	.jq-toast-single{
		font-size: 14px !important;
	}

	.jq-toast-loader{
		background-color: #fff !important;
	}

	.jq-icon-info {
		background-color: <?php echo COLOR_INFO; ?> !important;
		color: #fff !important;
		border-color: <?php echo COLOR_INFO; ?> !important;
	}

	.jq-icon-warning {
		background-color: <?php echo COLOR_WARNING; ?> !important;
		color: #fff !important;
		border-color: <?php echo COLOR_WARNING; ?> !important;
	}

	.jq-icon-error {
		background-color: <?php echo COLOR_DANGER; ?> !important;
		color: #fff !important;
		border-color: <?php echo COLOR_DANGER; ?> !important;
	}

	.jq-icon-success {
		color: #fff !important;
		background-color: <?php echo COLOR_SUCCESS; ?> !important;
		border-color: <?php echo COLOR_SUCCESS; ?> !important;
	}


	/* CARD ICON CUSTOM */
	.card-body-icon {
		position: absolute;
		z-index: 0;
		top: -1.25rem;
		right: -1rem;
		opacity: 0.4;
		font-size: 5rem;
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	@media (min-width: 576px) {
		.card-columns {
			-webkit-column-count: 1;
			column-count: 1;
		}
	}

	@media (min-width: 768px) {
		.card-columns {
			-webkit-column-count: 2;
			column-count: 2;
		}
	}

	@media (min-width: 1200px) {
		.card-columns {
			-webkit-column-count: 2;
			column-count: 2;
		}
	}

	.card-login {
		max-width: 25rem;
	}

	.card-register {
		max-width: 40rem;
	}

	.o-hidden {
		overflow: hidden !important;
	}

	.banner-loja{
		width: 500px; 
		height: 275px; 
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	@media screen and (max-width: 993px) {
		.banner-loja{
			width: 300px; 
			height: 175px; 
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
		}
	}

	@media screen and (max-width: 767px) {
		.banner-loja{
			width: 100%; 
			height: auto; 
			border-top-right-radius: 0.25rem;
			border-bottom-right-radius: 0.25rem;
		}
	}

	.card-body-icon{
		opacity: 0.3 !important;
	}

	.btn:disabled {
		cursor: not-allowed !important;
		pointer-events: all !important;
		opacity: 0.7;
	}
</style>