:root {
	--app-pagination-active-bg: #172240;
	--app-pagination-link-bg: #444;
	--app-pagination-active-border-color: #666;
	--app-pagination-hover-bg: #333;
	--app-blue: #123456;
	--app-text-light: #fbfbfb;
	--app-text-dark: #000;
	--app-info-bg-color: #0dcaf0;
	--app-info-border-color: #d1ecf1;
	--app-primary-bg-color: #0B47E0;
	--app-primary-border-color: #0B47E0;
	--app-primary-text-color: #FFF;
	--app-success-bg-color: #12633D;
	--app-success-border: #146C41;
	--app-success-text-color: #FFF;
	--app-danger-bg-color: #d1ecf1;
	--app-danger-border-color: #bee5eb;
	--app-danger-text-color: #bee5eb;
	--app-dark-bg-color: #d1ecf1;
	--app-dark-border-color: #bee5eb;
	--app-dark-text-color: #bee5eb;
	--app-warning-bg-color: #d1ecf1;
	--app-warning-border-color: #bee5eb;
	--app-warning-text-color: #bee5eb;
	--app-bs-pagination-active-bg: #0F51C2;
	--app-secondary-bg-color: #525A60;
}

body { background-color: #eee; color: var(--app-text-dark); }
select { background-color: #ccc !important; color: var(--app-text-dark) !important;}
a { color: #222; }
input, select, textarea { background-color: #ccc; border-style: solid; border: 1px solid #aaa; }

.breadcrumb a { color: var(--app-text-light) !important; }

.dropdown-item:focus, .dropdown-item:hover { background-color: #ddd; }
.navbar { background-color: #e0e0e0; }

.main-footer { background-color: #ddd; }

.breadcrumb-item a { padding-left: 2px; padding-right: 2px; }
.breadcrumb a:hover {  outline: 1px solid var(--app-text-light); border-radius: 4px;}

.navbar a { color: var(--app-text-dark); }
.navbar a:hover { color: #fbfbfb; background-color: #123456; }
.navbar button:hover { color: #fbfbfb; background-color: #123456; }
.navbar .dropdown-submenu a:hover { background-color: #123456; color: var(--app-text-light); }
.navbar-nav .nav-link { color: var(--app-text-dark); }

li.active.nav-item { background-color: #bbb; }
.navbar ul.dropdown-menu li.active a { color: var(--app-text-light); }
.dropdown-menu li.exact-active a { color: var(--app-text-light); }

li.active ul.dropdown-menu li:not(.active) a { color: var(--app-text-dark); }
li.active ul.dropdown-menu li:not(.active) a:hover { color: var(--app-text-light); }

.logout-button { border: 1px solid #ccc; border-radius: 0.5em; }

.modal-content { color: var(--app-text-dark); }

div.alert.b-1-dark-gray { border: 1px solid #999 !important; }

.alert.alert-info { background-color: #d1ecf1 !important; border-color: #bee5eb !important; color: #0c5460 !important; } /* alert-info */
.alert.alert-warning { background-color: #fff3cd !important; border-color: #ffeeba !important; color: #856404 !important; } /* alert-warning */
.alert.alert-dark { background-color: #d6d8d9 !important; border-color: #c6c8ca !important; color: #1b1e21 !important; } /* alert-dark */
.alert.alert-danger { background-color: #f8d7da !important; border-color: #f5c6cb !important; color: #721c24 !important; } /* alert-danger */
.alert.alert-success { background-color: #d4edda !important; border-color: #c3e6cb !important; color: #155724 !important; } /* alert-success */
.alert.alert-primary { background-color: var(--app-primary-bg-color) !important; border-color: var(--app-primary-border-color) !important; color: var(--app-primary-text-color) !important; } /* alert-primary */

button.btn-info, button.btn-info.active { color: var(--app-text-dark) !important; background-color: var(--app-info-bg-color); !important; border-color: var(--app-info-border-color) !important; } /* btn-info */
button.btn-warning, button.btn-warning.active { color: #212529 !important; background-color: #ffc107 !important; border-color: #ffc107 !important; } /* btn-warning */
button.btn-dark, button.btn-dark.active { color: var(--app-text-light) !important; background-color: #343a40 !important; border-color: #343a40 !important; } /* btn-dark */
button.btn-danger, button.btn-danger.active { color: var(--app-text-light) !important; background-color: #AC1F2F !important; border-color: #9F1D2C !important; } /* btn-danger */
button.btn-success, button.btn-success.active { color: var(--app-text-light) !important; background-color: var(--app-success-bg-color) !important; border-color: var(--app-success-border) !important; } /* btn-success */
button.btn-primary, button.btn-primary.active { color: var(--app-text-light) !important; background-color: var(--app-primary-bg-color) !important; border-color: var(--app-primary-border-color) !important; } /* btn-primary */
button.btn-secondary, button.btn-secondary.active { background-color: var(--app-secondary-bg-color); }

.active>.page-link, .page-link.active { background-color: var(--app-bs-pagination-active-bg); }
.text-success { color: #15602D; }

.navbar-toggler-icon:hover {  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }