:root {
    --ion-background-color: #f0f0f0;

    --ion-primary-color: #01760b;
    --ion-color-primary: #01760b;
    --ion-color-primary-rgb: 1,118,11;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #01680a;
    --ion-color-primary-tint: #1a8423;

	--ion-color-secondary: #3F3F3F;
	--ion-color-secondary-rgb: 63,63,63;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 255,255,255;
	--ion-color-secondary-shade: #373737;
	--ion-color-secondary-tint: #525252;

    --ion-color-tertiary: #5260ff;
    --ion-color-tertiary-rgb: 82,96,255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255,255,255;
    --ion-color-tertiary-shade: #4854e0;
    --ion-color-tertiary-tint: #6370ff;
}
html {
    /* font-family: Tahoma, Verdana, sans-serif; */
}
#loading {
    display: none;
}
html.loading #loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.5);
    text-align: center;
}
html.loading #loading svg {
    width: 200px;
    height: 200px;
    margin: 20px;
    display: inline-block;
    margin-top: 200px;
}
html, body, table {
    overscroll-behavior-x: none;
}


ion-split-pane {
    --side-max-width: 8rem;
}
#menu-pane {
    padding-bottom: 2rem;
}

ion-menu > ion-content > ion-list {
    --ion-item-background: transparent;
    --ion-item-color: white;
}

ion-menu ion-icon {
    padding-right: 1rem;
}

ion-input {
    --background: transparent !important;
    --color: #444 !important;
}
#content > ion-content {
    --background: #f8f8fd;
}
#logout {
    text-align: center;
    padding-bottom: 2rem;
    width: 100%;
}