body											{background-color:var(--mode11); color:var(--mode25);}
a												{color:var(--mode25);}
input[type=text],
input[type=password],
input[type=number],
input[type=month],
input[type=date],
input[type=time],
select											{background-color:var(--mode01); color:var(--mode25);}
select											{background-color:var(--mode01);}
textarea										{background-color:var(--mode01); color:var(--mode25);}
th												{border-color:var(--mode05);}
td												{background-color:var(--mode15); border-color:var(--mode05);}
select:disabled,
input[type=text]:disabled,
input[type=date]:disabled						{color:var(--mode09);}

::-webkit-scrollbar-track						{background-color:var(--mode16);}
::-webkit-scrollbar-thumb						{background-color:var(--mode22);}
::-webkit-scrollbar-thumb:hover					{background-color:var(--mode23);}

/*------------------ NAVBAR ------------------*/

.navbar											{background-image:linear-gradient(hsl(var(--hue), 100%, 35%), hsl(var(--hue), 100%, 30%)); border-bottom:var(--border) solid #FFCC66;}
.navbar-toggler									{background-image:linear-gradient(hsl(var(--hue), 100%, 45%), hsl(var(--hue), 100%, 40%));}

.navbar-nav.ms-auto .nav-lead img				{background-color:rgba(255, 255, 255, 0.1);}
.navbar-nav.ms-auto .nav-lead img:hover			{background-color:rgba(255, 255, 255, 0.2);}

.dropdown-menu									{background-color:var(--mode01); box-shadow:0px 0px calc(2 * var(--space)) var(--mode07);}
.dropdown-item									{color:hsl(var(--hue), 100%, 25%);}
.dropdown-item:visited,
.dropdown-item:hover							{color:hsl(var(--hue), 100%, 20%);}
.dropdown-item:active							{background-color:var(--mode03);}
.dropdown-item.disabled							{color:var(--mode18);}
.dropdown-item.selected							{background-color:hsl(var(--hue), 50%, 90%);}
.dropdown-item .icon							{filter:invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(60%);}
.dropdown-item.disabled .icon					{filter:invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(85%);}
.dropdown-item.selected .icon					{filter:invert(50%) sepia(100%) saturate(5000%) hue-rotate(calc(var(--hue) * 1deg)) brightness(60%);}
.dropdown-divider								{border-top-color:var(--mode06);}

/*---------------- JUST VISIT ----------------*/

#leaf											{background-color:var(--mode19);}
.visit-panel									{background-color:var(--mode14);}
.visit-case										{background-color:var(--mode14);}
.visit-heading									{background-color:var(--mode16);}
.visit-success									{color:#336633; background-color:#AAFFAA;}

/*------------- WINDOWING & MENU -------------*/

#furtive										{background-color:var(--mode01);}
#paper											{background-color:var(--mode19);}

#filter											{background-color:var(--mode15);}
#filter select									{color:var(--mode07);}

#menu											{background-color:var(--mode14);}
#menu>a											{background-image:linear-gradient(hsl(var(--hue), 50%, 80%), hsl(var(--hue), 50%, 75%)); color:hsl(var(--hue), 100%, 25%);}
#menu .menu-button:hover						{background-image:linear-gradient(hsl(var(--hue), 50%, 75%), hsl(var(--hue), 50%, 70%));}
#menu .menu-button.menu-insert:before,
#menu .menu-button.menu-refresh:before			{filter:invert(50%) sepia(100%) saturate(5000%) hue-rotate(calc(var(--hue) * 1deg)) brightness(60%) contrast(100%);}
#menu .menu-drop .dropdown-toggle				{background-image:linear-gradient(hsl(var(--hue), 50%, 80%), hsl(var(--hue), 50%, 75%)); color:hsl(var(--hue), 100%, 25%);}
#menu .menu-bar:hover,
#menu .menu-drop .dropdown-toggle:hover,
#menu .menu-bar.selected						{background-image:linear-gradient(hsl(var(--hue), 50%, 70%), hsl(var(--hue), 50%, 65%));}

.icon-grey										{filter:contrast(0%) brightness(140%);}
.icon-light										{filter:contrast(0%) brightness(170%);}

/*------------------- HOME -------------------*/

.console										{background-color:var(--mode14);}
.console-heading								{background-color:var(--mode16);}
.console-title									{background:linear-gradient(hsl(var(--hue), 100%, 35%), hsl(var(--hue), 100%, 30%)); color:var(--mode01);}

.notif-row										{background-color:var(--mode16);}
.notif-row:hover								{background-color:var(--mode18); color:hsl(var(--hue), 100%, 30%);}

.notif-bar										{background-color:var(--mode20);}
.notif-bar span									{background-color:hsl(var(--hue), 100%, 20%);}

/*------------------- LIST -------------------*/

#panel-list .list-case							{background-color:var(--mode14);}
#panel-list .list-case:hover					{background-color:var(--mode26);}

#panel-list .list-status						{color:#00AA00;}
#panel-list .list-icon							{background-color:var(--mode18);}
#panel-list .list-number						{color:var(--mode22);}

#panel-list .list-info							{background-color:var(--mode16);}

#panel-list .list-null							{background-color:var(--mode14);}
#panel-list .list-null div						{background-color:var(--mode16);}
#panel-list .selected							{background-color:var(--mode26);}
#panel-list .selected:after						{background-color:hsl(var(--hue), 100%, 40%);}

/*------------------ CONTENT -----------------*/

.case-content									{background-color:var(--mode14);}

.case-full										{background-color:var(--mode14);}

.heading-full									{background-color:var(--mode16);}
.heading-bar									{background-color:var(--mode16);}
.heading-drop									{background-color:var(--mode16);}
.heading-drop .dropdown-toggle					{color:hsl(var(--hue), 100%, 25%);}
.heading-drop .dropdown-toggle:hover			{background-color:var(--mode18); color:hsl(var(--hue), 100%, 20%);}

/*------------------ FOCUS -------------------*/

.focus											{background:rgba(0, 0, 0, 0.7);}
.focus span										{color:hsl(var(--hue), 100%, 40%);}

/*------------------ SEGMENT -----------------*/

span .link-delete,
span .link-upload,
span .link-zoomin								{background-color:rgba(0, 0, 0, 0);}

span:hover .link-delete,
span:hover .link-upload,
span:hover .link-zoomin							{background-color:rgba(0, 0, 0, 0.2);}

span .link-delete:hover,
span .link-upload:hover,
span .link-zoomin:hover							{background-color:rgba(0, 0, 0, 0.3);}

.table-title									{background:linear-gradient(hsl(var(--hue), 100%, 35%), hsl(var(--hue), 100%, 30%)); color:var(--mode27);}

.table-help										{background-color:rgba(255, 255, 255, 0);}
.table-help:hover								{background-color:rgba(255, 255, 255, 0.1);}

.link-insert									{background-color:rgba(255, 255, 255, 0.2);}
.link-insert:hover								{background-color:rgba(255, 255, 255, 0.3);}
.link-insert:before,
.link-insert:after								{background-color:var(--mode01);}
.link-edit										{background-color:rgba(255, 255, 255, 0.2);}
.link-edit:hover								{background-color:rgba(255, 255, 255, 0.3);}

.table-drop .dropdown-toggle					{background-color:rgba(255, 255, 255, 0.2);}
.table-drop .dropdown-toggle:hover				{background-color:rgba(255, 255, 255, 0.3);}

.table-row-blank								{background-color:var(--mode16);}
.table-row-fluid								{background-color:var(--mode16);}

.table-row a,
.table-row a:visited							{color:var(--mode25);}
.table-row a:hover								{color:hsl(var(--hue), 100%, 30%);}

.table-tab										{background-color:var(--mode14);}
.table-tab:before								{background-color:var(--mode16);}
.table-tab a									{background-image:linear-gradient(var(--mode21), var(--mode23));}
.table-tab a:hover								{color:var(--mode10); background-image:linear-gradient(var(--mode20), var(--mode21));}
.table-tab a.selected							{background-image:linear-gradient(var(--mode18), var(--mode16));}

.button-standard								{background-image:linear-gradient(hsl(var(--hue), 50%, 80%), hsl(var(--hue), 50%, 75%)); color:hsl(var(--hue), 100%, 25%);}
.button-standard:hover							{background-image:linear-gradient(hsl(var(--hue), 50%, 75%), hsl(var(--hue), 50%, 70%)); color:hsl(var(--hue), 100%, 20%);}
.button-left									{border-right-color:hsl(var(--hue), 50%, 70%);}
.button-center									{border-left-color:hsl(var(--hue), 50%, 85%); border-right-color:hsl(var(--hue), 50%, 70%);}
.button-right									{border-left-color:hsl(var(--hue), 50%, 85%);}
.button-left:hover								{border-right-color:hsl(var(--hue), 50%, 65%);}
.button-center:hover							{border-left-color:hsl(var(--hue), 50%, 80%); border-right-color:hsl(var(--hue), 50%, 65%);}
.button-right:hover								{border-left-color:hsl(var(--hue), 50%, 80%);}

.table-icon a,
.table-icon a:visited							{color:var(--mode125);}
.table-icon a:hover								{color:#0090D0;}
.table-icon .column-icon a:hover img			{filter:brightness(95%);}

.table-box										{background-color:var(--mode16);}
.table-window									{background-color:var(--mode16);}

.table-box .link-upload							{background-color:rgba(0, 0, 0, 0);}
.table-box:hover .link-upload					{background-color:rgba(0, 0, 0, 0.05);}
.table-box .link-upload:hover					{background-color:rgba(0, 0, 0, 0.1);}

.box-paragraph a,
.box-paragraph a:visited						{color:#00A0E0;}
.box-paragraph a:hover							{color:#0090D0;}

.box-gallery span								{background-color:var(--mode14);}
.box-gallery .gallery-delete					{background-color:#FF0000;}
.box-gallery .gallery-delete:hover				{background-color:#CC0000;}
.box-gallery .gallery-delete:before,
.box-gallery .gallery-delete:after				{background-color:var(--mode01);}

.box-chat>div									{background-color:var(--mode01);}

.chat-list										{background-color:var(--mode02);}
.chat-name										{color:hsl(var(--hue), 100%, 30%);}
.chat-time										{color:#00C000;}
.chat-move										{color:#FF0000;}

.column-button a								{background-image:linear-gradient(#C0C8E8, #B0B8D8); color:#003399;}
.column-button a:hover							{background-image:linear-gradient(#A8B0D0, #98A0C0);}

.column-sink .show:before						{background-color:var(--mode14); box-shadow:0px 0px 5px var(--mode04) inset;}
.column-sink .show:after						{border-top-color:var(--mode08);}

/*------------------- LABEL ------------------*/

.label-field									{color:var(--mode09); background-color:var(--mode18);}
.label-header,
.label-value									{color:var(--mode09); background-color:var(--mode16);}
.label-value:hover								{background-color:var(--mode17);}
.label-value a									{color:var(--mode09);}
.label-white									{color:var(--mode09); background-color:var(--mode01);}
.label-sink										{color:var(--mode09);}
.label-progress									{background-color:var(--mode15);}
.label-grey										{background-color:var(--mode12);}
.label-notice									{color:#CC0000;}
.label-color-0									{color:var(--mode25);}
.label-color-1									{color:#C80000;}
.label-color-2									{color:#00AA00;}
.label-private									{color:var(--mode05);}
.label-soon										{background-color:var(--mode16); color:#6060A0;}
.label-sign-0									{font-weight:bold; color:#CC0000;}
.label-sign-1									{font-weight:bold; color:#009900;}
.label-rounded-1								{background-color:#CC0000; color:#FFCCCC;}
.label-rounded-2								{background-color:#009900; color:#99FF99;}
.label-contrib-0								{background-color:var(--mode18);}
.label-contrib-1								{background-color:#B0CA90;}
.label-contrib-2								{background-color:#009966; color:#00CC99;}
.label-contrib-0:hover							{background-color:var(--mode17);}
.label-contrib-1:hover							{background-color:#B3CCB3;}
.label-contrib-2:hover							{background-color:#00AA66;}

.table-row>span.label-star						{color:#0090D0;}

.status-0,
.status-0:visited								{background-image:linear-gradient(var(--mode18), var(--mode21)); color:var(--mode24);}
.status-1,
.status-1:visited								{background-image:linear-gradient(#F0B0B0, #E0A0A0); color:#602020;}
.status-2,
.status-5,
.status-2:visited,
.status-5:visited								{background-image:linear-gradient(#F0B0B0, #E0A0A0);}
.status-2>span:first-child						{background-image:linear-gradient(#90D0A0, #80C090); box-shadow:0px 0px 10px #B07070;}
.status-3,
.status-3:visited								{background-image:linear-gradient(#90D0A0, #80C090); color:#406020;}
.status-4,
.status-4:visited								{background-image:linear-gradient(var(--mode13), var(--mode15)); color:#404060;}
.status-6,
.status-6:visited								{background-image:linear-gradient(#EECE50, #DEBE40); color:#602000;}
.status-0:hover									{background-image:linear-gradient(var(--mode20), var(--mode22)); color:var(--mode24);}
.status-1:hover									{background-image:linear-gradient(#E8A0A0, #D09090); color:#602020;}
.status-2:hover,
.status-5:hover									{background-image:linear-gradient(#F0B0B0, #E0A0A0); color:var(--mode25);}
.status-2:hover>span:first-child				{background-image:linear-gradient(#88C898, #78B888);}
.status-3:hover									{background-image:linear-gradient(#88C898, #78B888); color:#406020;}
.status-6:hover									{background-image:linear-gradient(#E7C748, #D7B738); color:#602000;}

.kit:before										{filter:invert(50%) sepia(100%) saturate(5000%) hue-rotate(calc(var(--hue) * 1deg)) brightness(60%) contrast(100%);}
.kit:hover										{background-color:var(--mode18);}

.kit-detail,
.kit-edit,
.kit-delete,
.kit-up,
.kit-down,
.kit-upload,
.kit-download									{background-color:var(--mode16);}

.kit-disabled-edit,
.kit-disabled-delete,
.kit-disabled-up,
.kit-disabled-down,
.kit-disabled-upload,
.kit-disabled-download,
.kit-disabled									{background-color:var(--mode16);}

.star-on										{color:#BB8800;}
.star-off										{color:var(--mode21);}

/*------------------- LEGEND -----------------*/

.legend-0										{background-color:var(--mode18);}
.legend-1										{background-color:#3898E0;}
.legend-2										{background-color:#E8C850;}
.legend-3										{background-color:#20C898;}
.legend-4										{background-color:#F07070;}
.legend-5										{background-color:#F07FF0;}
.legend-6										{background-color:#3850C0;}
.legend-7										{background-color:#D0E068;}
.legend-8										{background-color:#90B860;}
.legend-9										{background-color:#D03890;}
.legend-10										{background-color:#48C8C8;}

.legend-line-1:before,
.legend-line-1:after							{background-color:#0066CC;}

.legend-line-2:before,
.legend-line-2:after							{background-color:#CC6600;}

.legend-line-3:before,
.legend-line-3:after							{background-color:#00AA66;}

.legend-bar-1:after								{background-color:#0066CC;}
.legend-bar-2:after								{background-color:#CC9900;}
.legend-bar-3:after								{background-color:#00AA66;}
.legend-bar-4:after								{background-color:#AA3300;}

.legend-assessment-0							{background-color:var(--mode03);}
.legend-assessment-1							{background-color:#C00000;}
.legend-assessment-2							{background-color:#00B050;}

.legend-gender-0								{background-color:var(--mode03);}
.legend-gender-1								{background-color:#00BCEF;}
.legend-gender-2								{background-color:#D05FD0;}

.legend-condition-0								{background-color:var(--mode03);}
.legend-condition-1								{background-color:#00B050;}
.legend-condition-2								{background-color:#C0C000;}
.legend-condition-3								{background-color:#F09000;}
.legend-condition-4								{background-color:#C00000;}

.legend-2-1										{background-color:#C00000;}
.legend-2-2										{background-color:#00B050;}

.legend-3-1										{background-color:#C00000;}
.legend-3-2										{background-color:#F0C000;}
.legend-3-3										{background-color:#00B050;}

.legend-5-0										{background-color:var(--mode03);}
.legend-5-1										{background-color:#00B050;}
.legend-5-2										{background-color:#90D050;}
.legend-5-3										{background-color:#FFC000;}
.legend-5-4										{background-color:#F08000;}
.legend-5-5										{background-color:#C80000;}

.legend-time-0									{background-color:var(--mode03);}
.legend-time-1									{background-color:#00B050;}
.legend-time-2									{background-color:#90D050;}
.legend-time-3									{background-color:#FFC000;}
.legend-time-4									{background-color:#F08000;}
.legend-time-5									{background-color:#C00000;}