:root {
    --header-background-color: #292121;
    --header-color: #F5F1DE;
    --main-background-color: #FFFDF7;
    --main-color: #292121;
    --footer-background-color: #5E2B1A;
    --footer-color: #F5F1DE;

    --scrollbar-color: #5E2B1A;

    --table-header: #292121;
    --table-header-font: #F5F1DE;

    --main-border-color: #292121;
    --main-button-background-color: #292121;
    --main-button-color: #F5F1DE;

    /* Special colors */
	--disabled: #D3D3D3;
	--disabled-font: #333;
	
	--success: #28A745;
	--danger: #DC3545;
	--warning: #FFC107;
	--info: #609BEB;
	--overview: #007ACC;
	--overview-active : #4F8E54;
	--overview-form: #1AADBB;
	--form: #8E4F89;
	
	--undefined: #BC4042;
	
	--light-font: #FFF;
	--grey-font: #888;
	--dark-font: #333;
	
	--alert-success-color: #0f5132;
    --alert-success-background: #d1e7dd;
    --alert-success-border: #badbcc;
	
	--alert-danger-color: #842029;
    --alert-danger-background: #f8d7da;
    --alert-danger-border: #f5c2c7;
    
    --alert-warning-color: 664d03;
    --alert-warning-background: #fff3cd;
    --alert-warning-border: #ffecb5;
    
    --alert-info-color: #055160;
    --alert-info-background: #cff4fc;
    --alert-info-border: #b6effb;
}

.info-theme, .input-group .input-group-text.info-theme {
    background-color: var(--info) !important;
    color: var(--light-font) !important;
}

.primary-theme {
    background-color: var(--table-header) !important;
    color: var(--table-header-font) !important;
}

.danger-circle-icon {
	--fa-secondary-opacity: 1.0;
	--fa-secondary-color: var(--danger);
	--fa-primary-color: white;
}

.success-circle-icon {
	--fa-secondary-opacity: 1.0;
	--fa-secondary-color: var(--success);
	--fa-primary-color: white;
}

.warning-circle-icon {
	--fa-secondary-opacity: 1.0;
	--fa-secondary-color: var(--warning);
	--fa-primary-color: black;
}

.info-circle-icon {
	--fa-secondary-opacity: 1.0;
	--fa-secondary-color: var(--info);
	--fa-primary-color: white;
}

.toast-danger .toast-header {
	color: var(--alert-danger-color) !important;
    background-color: var(--alert-danger-background) !important;
    border-color: var(--alert-danger-border) !important;
}

.toast-success .toast-header {
	color: var(--alert-success-color) !important;
    background-color: var(--alert-success-background) !important;
    border-color: var(--alert-success-border) !important;
}

.toast-warning .toast-header {
	color: var(--alert-warning-color) !important;
    background-color: var(--alert-warning-background) !important;
    border-color: var(--alert-warning-border) !important;
}

.toast-info .toast-header {
	color: var(--alert-info-color) !important;
    background-color: var(--alert-info-background) !important;
    border-color: var(--alert-info-border) !important;
}

.theme-main {
	background-color: var(--company-main) !important;
	color: var(--company-main-font) !important;
}

.theme-disabled {
	background-color: var(--disabled) !important;
	color: var(--disabled-font) !important;
}

.theme-danger {
	background-color: var(--danger) !important;
	color: var(--light-font) !important;
}

.theme-success {
	background-color: var(--success) !important;
	color: var(--light-font) !important;
}

.theme-warning {
	background-color: var(--warning) !important;
	color: var(--dark-font) !important;
}

.theme-info {
	background-color: var(--info) !important;
	color: var(--light-font) !important;
}

.theme-form {
	background-color: var(--form) !important;
	color: var(--light-font) !important;
}

.theme-overview {
	background-color: var(--overview) !important;
	color: var(--light-font) !important;
}

.theme-overview-form {
	background-color: var(--overview-form) !important;
	color: var(--light-font) !important;
}

.theme-overview-active {
	background-color: var(--overview-active) !important;
	color: var(--light-font) !important;
}

.btn-main, .btn-page{
	background-color: var(--company-main) !important;
	color: var(--company-main-font) !important;
	border-color: var(--company-main) !important;
}

.critical{
	background-color: var(--dark-font) !important;
	color: white !important;
}
.secondary-font{
	color: var(--grey-font) !important;
}
.danger-font{
	color: var(--danger) !important;
}
.danger, tr.danger, td.danger, tr.danger > td{
	background-color: var(--danger) !important;
	color: white !important;
}
.danger-icon{
	background-color: white !important;
	color: var(--danger) !important;
}

.warning-font{
	color: var(--warning) !important;
}
.warning, tr.warning, td.warning, tr.warning > td{
	background-color: var(--warning) !important;
	color: black !important;
}
.warning-icon{
	background-color: black !important;
	color: var(--warning) !important;
}

.success-font{
	color: var(--success) !important;
}
.success, tr.success, td.success, tr.success > td{
	background-color: var(--success) !important;
	color: white !important;
}
.success-icon{
	background-color: white !important;
	color: var(--success) !important;
}

.info-font{
	color: var(--info) !important;
}

.info, tr.info, td.info, tr.info > td{
	background-color: var(--info) !important;
	color: white !important;
}

.info-icon{
	background-color: white !important;
	color: var(--info) !important;
}

.theme-page{
	background: var(--main-content-background);
	color: var(--main-content-font);
}

.row-info, .cell-info{
	color: #055160;
    background-color: #cff4fc;
}

.row-warning, .cell-warning{
	color: #664d03;
    background-color: #fff3cd;
}

.row-danger, .cell-danger{
	color: #842029;
    background-color: #f8d7da;
}

@media (prefers-color-scheme: dark) {
	#main-page-icon-black path { fill: #ffffff; }
}