:root
{
--basic-font-size: 13px;
--warning-color-bg : #FF6060;
--warning-color-text : white;
--transparent : rgba(0,0,0,0);
--transparent-low : rgba(20,20,20,0.1);
--text: #000000;
--text-title: navy;
--text-down: #000000;
--text-float: #000000;
--text-light: #000000;
--text-h1: #091768;
--text-h2: #091768;
--text-h3: #091768;
--text-h4: #091768;
--text-h5: #091768;
--text-signal: red;
--text-green: green;
--text-logo: #F8F8F8;
--background: #FFFFFF;
--button-text: #FFFFFF;
--button-text-hover: #FFFFFF;
--button-background: #95c21f;
--button-background-hover: #C6DE2D;
--button-border: #E0E0E0;
--button-border-hover: #E0E0E0;
--groupbutton-text: #000000;
--groupbutton-background: #F0F0F0;
--groupbutton-border: #F0F0F0;
--groupbutton-selected-text: #FFFFFF;
--groupbutton-selected-background: #95c21f;
--groupbutton-selected-border: #A0A0A0;
--menu-headline: #A0A0A0;
--menu-line: #F0F0F0;
--menu-border: #F0F0F0;
--menu-button-text: #404040;
--menu-button-text-hover: #404040;
--menu-button-background: white;
--menu-button-background-hover: #F0F0F0;
--menu-button-border: white;
--menu-button-border-hover: white;
--menu-button-dragline: black;
--button-background-default: rgb(230, 230, 230);
--button-background-default-hover: rgb(240, 240, 240);
--button-background-add: rgb(67,162,198);
--button-background-add-hover: rgb(77,172,208);
--button-background-copy: rgb(185, 191, 81);
--button-background-copy-hover: rgb(195, 222, 81);
--button-background-edit: rgb(90,166,238);
--button-background-edit-hover: rgb(100,176,248);
--button-background-delete: rgb(220,78,77);
--button-background-delete-hover: rgb(230,88,87);
--button-background-signal: rgb(255,0,0);
--button-background-signal-hover: rgb(255,80,80);
--button-background-upload:rgb(204, 199, 41);
--button-background-upload-hover: rgb(204, 229, 51);
--button-background-download: rgb(204, 199, 41);
--button-background-download-hover: rgb(204, 229, 51);
--button-background-disabled: #D0D0D0;
--button-background-disabled-hover: #D0D0D0;
--menu-top-background: rgb(2,105,166);
--menu-top-button-background: rgba(0, 0, 0, 0.2);
--menu-top-button-background-hover:  rgba(0, 0, 0, 0.4);
--menu-top-color: #E0E0E0;
--input-text: #091768;
--input-text-readonly: #909090;
--input-border: #E0E0E0;
--input-background: white;
--input-background-hover: #F8F8F8;
--input-selector-background: #95c21f;
--input-label-text: #606060;
--input-label-error: red;
--input-label-warning: red;
--input-label-subline: green;
--popup-border: #E0E0E0;
--popup-background: #F8F8F8;
--popup-item-text: #091768;
--popup-item-text-hover: #091768;
--popup-item-background: rgba(0,0,0,0);
--popup-item-background-hover: #FCfCfC;
--bullet-text: white;
--bullet-text-hover: #091768;
--bullet-background: purple;
--bullet-background-hover: navy;
--input-toolbar-background: #F8F8F8;
--input-toolbar-height: 2.5em;
--table-header-color: #707070;
--table-background: white;
--table-header-background: #F8F8F8;
--table-filter-background: #F8F8F8;
--table-border: #E8E8E8;
--table-row-background-hover:#F0F0F0;
--table-row-background-selected: #A0FFFF;
--table-row-background-selected-hover: #00FFFF;
--tabcontrol-header-background: #F4F4F7;
--tabcontrol-tab-background: #E8E8E8;
--tabcontrol-tab-background-hover:  #E0E0E0;
--tabcontrol-selected-background: white;
--tabcontrol-border: #E0E0E0;
--form-background: rgb(243,244,247);
--form-line: silver;
--pulldown-background-color: rgba(250,250,250,1);
--stamp-background: #F0F0F0;
--stamp-border: #E0E0E0;
--contract-text-title: navy;
--contract-text-signal: red;
--contract-background: #F8F8F8;
--contract-header-background: #dcdcfd;
--contract-border: #D8D8D8;
--contract-shadow: rgba(0,0,0,0.3);
--contract-text: silver;
--contract-caption-text: white;
--contract-caption-shadow: black;
--contract-account-header-background: #F8F880;
--contract-free-header-background: #c1fa89;
--prj-background: #F8F8F8;
--prj-border: silver;
--prj-shadow: rgba(10,10,10,0.3);
--prj-text: silver;
--prj-caption-text: white;
--prj-caption-text-subline: #E0E0E0;
--prj-caption-shadow: black;
--prj-workframe: white;
--prj-group-bar-background: rgba(0,0,0,0.0);
--prj-group-bar-underline: rgba(120,120,120,0.3);
--prj-group-bar-btn-text: #FFFFFF;
--prj-group-bar-btn-hover-background: rgba(140,140,140,0.3);
--module-item-add-text: white;
--link-text-color: rgb(0, 126, 199);
--footerlink-text-color: #A0A0A0;
--ic-color: rgba(255,255,255,0.8);
--ic-color-highlight: rgba(255,255,255,0.8);
--ic-color-inactive: rgba(255,255,255,0.3);
--ic-color-negative: rgba(0,0,0,0.54);
--ic-color-negative-inactive: rgba(0,0,0,0.26);
}
.ic-btn-inline
{
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
vertical-align: middle;
pointer-events: none;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}
.ic-btn-inline
{
margin-right: 6px;
}
.ic-btn-inline.inactive
{
color: var(--ic-color-inactive);
}
.ic-btn-inline.negative
{
color: var(--ic-color-negative);
}
.ic-btn-inline.negative-inactive
{
color: var(--ic-color-negative-inactive);
}
.ic-btn-dock:hover, .ic-btn-inline:hover
{
color: var(--ic-color-highlight);
}
.ic-btn-dock.normal, .ic-btn-inline.normal { color: var(--ic-color); }
.ic-btn-dock.size18, .ic-btn-inline.size18 { font-size: 18px; }
.ic-btn-dock.size24, .ic-btn-inline.size24 { font-size: 24px; }
.ic-btn-dock.size36, .ic-btn-inline.size36 { font-size: 36px; }
.ic-btn-dock.size40, .ic-btn-inline.size40 { font-size: 40px; }
.ic-btn-dock.size48, .ic-btn-inline.size48 { font-size: 48px; }
body
{
background-color: var(--background);
color: var(--text);
font-family: 'Mira Sans', 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica', sans-serif;
font-size: var(--basic-font-size);
padding: 0px;
margin: 0px;
}
#debugging
{
position: fixed;
overflow: auto;
left: calc(100% - 420px);
top: calc(100% - 370px);
width: 400px;
height: 350px;
border: 1px solid #C0C0C0;
font-size: 12px;
line-height: 1.1;
color: #808080;
}
input, textarea, button
{
font-family: inherit;
line-height: inherit;
font-size: inherit;
}
h1, t1 {font-weight: bold; margin-bottom: 10px; padding: 0px; font-size: 2em; color: var(--text-h1); }
h2, t2 {font-weight: bold; margin-bottom: 10px; padding: 0px; font-size: 1.5em; color: var(--text-h2); }
h3, t3 {font-weight: 500; margin-bottom: 10px; padding: 0px; font-size: 1.2em; color: var(--text-h3); }
h4, t4 {font-weight: bold; font-size: 1em; margin-bottom: 0px; padding: 0px; color: var(--text-h4); }
h5, t5 {font-weight: bold; margin-bottom: 0px; padding: 0px; font-size: 0.9em; color: var(--text-h5); }
h1-top { margin-top: 0px; }
t1, t2, t3, t4, t5 {padding: 0px; margin: 0px;}
hr { height: 1px; border: 0px solid transparent; border-bottom: 1px solid var(--form-line); }
#screenBlocker
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.5;
}
.dlgBorder
{
position: absolute;
top: 100px;
width: 90%;
height: 500px;
min-width: 360px;
max-width: 700px;
min-height: 300px;
border-radius: 4px;
box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3);
display: none;
}
@media screen and (max-width: 700px)
{
.dlgBorder
{
width: 100%;
height: 100%;
max-height: 100%;
border: 0px solid white;
}
}
.dlgFrame
{
width: 100%;
height: 100%;
margin: 0px;
margin-top: 0px;
border-radius: 4px;
background-color: yellow;
}
.cell
{
display: table-cell;
vertical-align: center;
line-height: 2em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 6px;
padding-right: 2px;
border-radius: 4px;
border: 1px solid var(--transparent);
color: var(--text);
user-select: none;
}
.cell-expander
{
display: table-cell;
vertical-align: center;
line-height: 2em;
overflow: hidden;
padding-left: 18px;
padding-right: 18px;
border-radius: 4px;
border: 1px solid var(--transparent);
cursor: pointer;
user-select: none;
}
.cell-icon
{
display: table-cell;
vertical-align: center;
line-height: 2em;
overflow: hidden;
padding-left: 18px;
padding-right: 18px;
border-radius: 4px;
border: 1px solid var(--transparent);
user-select: none;
}
.cell-button-frame
{
display: table-cell;
vertical-align: center;
line-height: 2em;
overflow: hidden;
border: 1px solid var(--transparent);
user-select: none;
white-space: nowrap;
padding-left: 5px;
padding-left: 5px;
}
.cell-button
{
display: table-cell;
vertical-align: center;
line-height: 1.5em;
overflow: hidden;
padding-left: 8px;
padding-right: 8px;
min-width: 18px;
border-radius: 4px;
border: 1px solid var(--button-border);
user-select: none;
cursor: pointer;
background-color: var(--menu-button-background);
white-space: nowrap;
}
.cell-button:hover
{
border: 1px solid var(--button-border-hover);
background-color: var(--menu-button-background-hover);
}
.cell-expander-open  { background: url(../images/icons/expander-open-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-expander-spacer  { background: url(../images/icons/expander-spacer-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-expander-closed-empty  { background: url(../images/icons/expander-closed-empty-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-expander-closed-childs  { background: url(../images/icons/expander-closed-childs-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-expander-closed-unknown  { background: url(../images/icons/expander-closed-unknown-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-icon-spacer  { background: url(../images/icons/expander-spacer-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-icon-team  { background: url(../images/icons/people-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-icon-member  { background: url(../images/icons/perm_identity-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-icon-edit  { background: url(../images/icons/create-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.cell-icon-delete  { background: url(../images/icons/delete_outline-24px.svg) no-repeat center center;  background-size: 26px 26px; }
.fixwidth40 { width: 40px; max-width: 40px; }
.fixwidth80 { width: 80px; max-width: 80px; }
.fixwidth100 { width: 100px; max-width: 100px; }
.fixwidth120 { width: 120px; max-width: 120px; }
.fixwidth160 { width: 160px; max-width: 160px; }
.fixwidth200 { width: 200px; max-width: 200px; }
.fixwidth300 { width: 300px; max-width: 300px; }
.fixwidth400 { width: 400px; max-width: 400px; }
.fixwidth500 { width: 500px; max-width: 500px; }
.fixwidth600 { width: 600px; max-width: 600px; }
.fixwidth700 { width: 700px; max-width: 700px; }
.fixwidth800 { width: 800px; max-width: 800px; }
._textright { text-align: right; }
._textleft { text-align: left; }
.clear { clear: both; }
._floatright { float: right; }
._floatleft { float: left; }
._nooverflow { overflow: hidden; }
._border { border: 1px solid black; }
._bgyellow { background-color: yellow }
._bgred { background-color: red }
._bgsilver { background-color: silver }
._bggray { background-color: gray }
._bgwhite { background-color: white }
._bgpink { background-color: pink }
._bggreen { background-color: green }
._cursor { cursor: pointer; }
._border { border-radius: 4px; border: 1px solid var(--button-border); }