/*----------------- ELEMENT ------------------*/
:root											{--thumb:64px; --icon:16px; --space:5px; --menu:30px; --tool:6px; --add:7px; --row:24px; --colon:10px; --number:30px; --font:14px; --chart:193px; --point:8px; --line:2px; --cash:140px; --status:85px; --border:2px; --pad:2px; --help:12px; --flag:24px; --year:100px; --date:170px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}

body											{background-color:#000000; color:#202020; font-family:Roboto, sans-serif; font-size:var(--font); overflow:hidden; -webkit-user-select:none; user-select:none;}
a												{cursor:pointer; color:#202020; text-decoration:none;}
a:hover, a:visited								{text-decoration:none;}
input[type=text],
input[type=password],
input[type=number],
input[type=month],
input[type=date],
input[type=time],
select											{height:var(--row); font-size:var(--font); line-height:calc(var(--row) - (2 * var(--pad))); padding:var(--pad) var(--space); border:0px; outline:0px; border-radius:0px; box-shadow:none; background-color:#FFFFFF; color:#202020; vertical-align:top; -webkit-appearance:none;}
textarea										{font-size:var(--font); line-height:calc(var(--row) - (2 * var(--pad))); padding:var(--pad) var(--space); border:0px; resize:none; border-radius:0px; outline:0px; box-shadow:none; background-color:#FFFFFF; color:#202020; vertical-align:top; -webkit-appearance:none;}
option											{height:var(--row); -webkit-appearance:none;}
th												{background-color:#C0C0E0; border:1px solid #999999; padding:0px var(--space); text-align:center;}
td												{background-color:#E0E0E0; border:1px solid #999999; padding:0px var(--space);}
input[type=radio]								{height:var(--row); margin:0px var(--space); font-size:var(--font); line-height:var(--row); vertical-align:top;}
label											{height:var(--row); font-size:var(--font); line-height:var(--row); vertical-align:top;}
select:disabled,
input[type=text]:disabled,
input[type=date]:disabled						{color:#444444;}

::-webkit-scrollbar								{width:var(--space); height:var(--space);}
::-webkit-scrollbar-track						{background-color:#DADADA; display:none;}
::-webkit-scrollbar-thumb						{background-color:#B8B8B8; border-radius:2px;}
::-webkit-scrollbar-thumb:hover					{background-color:#B0B0B0;}

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

.navbar											{background-image:linear-gradient(#0090D0, #0070B0); margin:auto; padding:0px; width:100%; border-bottom:var(--border) solid #FFCC66; z-index:2;}
.container-fluid								{padding:0px calc(2 * var(--space));}
.navbar-brand									{font-size:var(--row); line-height:calc((4 * var(--space)) + var(--row)); margin-right:calc(4 * var(--space)); padding:0px;}
.navbar-nav .nav-link							{padding:calc(2 * var(--space)) !important; line-height:var(--row);}
.navbar-toggler									{padding:4px 6px; font-size:16px; line-height:16px; background-image:linear-gradient(#10A0E0, #1080C0); border:none;}
.navbar-toggler-icon							{height:var(--icon); width:var(--icon); vertical-align:top;}

.dropdown-menu									{padding:var(--space) 0px; background-color:#FFFFFF; border:none; border-radius:0px; box-shadow:0px 0px calc(2 * var(--space)) #666666;}
.dropdown-item									{padding:0px calc(2 * var(--space)); height:var(--menu); font-size:var(--font); line-height:var(--menu); color:#000066;}
.dropdown-item:visited,
.dropdown-item:hover							{color:#000066;}
.dropdown-item:active							{background-color:#BBBBBB;}
.dropdown-item.disabled							{color:#D0D0D0;}
.dropdown-item.selected							{background-image:linear-gradient(#C8D0F0, #B8C0E0);}
.dropdown-divider								{margin:var(--space) 0px; border-top:1px solid #888888;}
.dropdown-item .icon							{width:var(--icon); height:var(--icon); margin-right:calc(2 * var(--space)); 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(220deg) brightness(60%);}


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

#leaf											{position:absolute; top:calc((4 * var(--space)) + var(--row) + var(--border)); bottom:0px; width:100%; background-color:#CFCFCF; z-index:1;}
.visit-panel									{position:absolute; top:5px; left:5px; right:5px; bottom:5px; padding:0px; font-size:0px; background-color:#E8E8E8; border-radius:5px;}
.visit-case										{width:100%; padding:5px 0px 0px 5px; font-size:0px; background-color:#E8E8E8; border-radius:5px;}
.visit-heading									{height:30px; margin:0px 5px 5px 0px; font-size:16px; font-weight:bold; line-height:30px; text-align:center; background-color:#DADADA; vertical-align:top;}
.visit-segment									{position:relative; display:inline-block; width:calc(100% - 5px); margin:0px 5px 5px 0px; vertical-align:top;}
.visit-field									{padding:10px 0px 3px; font-size:var(--font); line-height:18px;}
.visit-segment input.visit-input,
.visit-segment select.visit-input				{width:100%; height:24px; font-size:var(--font); line-height:24px; border-radius:5px;}
.visit-success									{height:30px; font-size:16px; line-height:30px; text-align:center; color:#336633; background-color:#AAFFAA;}

#segment-guest-success							{display:none;}

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

#furtive										{position:absolute; top:calc((4 * var(--space)) + var(--row) + var(--border)); left:0px; bottom:0px; width:100%; background-color:#FFFFFF; z-index:1; font-size:calc(var(--font) + 1px); display:none; padding:calc(10 * var(--space)) calc(2 * var(--space)) calc(2 * var(--space)); text-align:center;}
#paper											{position:absolute; top:calc((4 * var(--space)) + var(--row) + var(--border)); left:0px; bottom:0px; width:100%; background-color:#CFCFCF; z-index:1;}

#filter											{position:absolute; top:var(--space); left:var(--space); right:var(--space); height:calc(var(--row) + (2 * var(--space))); font-size:0px; text-align:center; background-color:#E0E0E0; border-radius:var(--space); padding:var(--space);}
#filter span									{display:inline-block; height:var(--row); font-size:var(--font); line-height:var(--row); margin:0px var(--space) 0px calc((2 * var(--space))); vertical-align:top;}
#filter select									{display:inline-block; width:300px; color:#666666; margin-right:calc(2 * var(--space)); border-radius:3px;}

#splash											{position:absolute; left:0px; bottom:0px; width:100%;}

#menu											{display:flex; gap:1px; position:absolute; top:calc((4 * var(--space)) + var(--row)); left:var(--space); width:25%; height:calc(var(--menu) + (2 * var(--space))); font-size:0px; background-color:#E8E8E8; border-radius:var(--space); padding:var(--space);}
#menu>a											{display:inline-block; position:relative; height:var(--menu); line-height:var(--menu); text-align:center; color:#003399; background:linear-gradient(#C8D0F0, #B8C0E0); vertical-align:top;}
#menu .menu-button								{width:var(--menu); font-size:20px;}
#menu .menu-button:hover						{background-image:linear-gradient(#B0B8D8, #A0A8C8);}
#menu .menu-button.menu-insert:before			{position:absolute; left:var(--tool); top:var(--tool); width:calc(var(--menu) - (2 * var(--tool))); height:calc(var(--menu) - (2 * var(--tool))); background-image:url("../image/theme/icon/icon_insert.png"); background-size:calc(var(--menu) - (2 * var(--tool))) calc(var(--menu) - (2 * var(--tool))); background-repeat:no-repeat; content:""; filter:invert(50%) sepia(100%) saturate(5000%) hue-rotate(220deg) brightness(60%) contrast(100%);}
#menu .menu-button.menu-refresh:before			{position:absolute; left:var(--tool); top:var(--tool); width:calc(var(--menu) - (2 * var(--tool))); height:calc(var(--menu) - (2 * var(--tool))); background-image:url("../image/theme/icon/icon_refresh.png"); background-size:calc(var(--menu) - (2 * var(--tool))) calc(var(--menu) - (2 * var(--tool))); background-repeat:no-repeat; content:""; filter:invert(50%) sepia(100%) saturate(5000%) hue-rotate(220deg) brightness(60%) contrast(100%);}
#menu .menu-bar									{flex-grow:1; flex-basis:0; box-sizing:border-box; font-size:var(--font); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#menu .menu-drop								{display:inline-block; width:var(--menu); vertical-align:top;}
#menu .menu-drop .dropdown-toggle				{display:inline-block; width:100%; height:var(--menu); font-size:var(--font); padding-top:1px; line-height:29px; text-align:center; color:#003399; background-image:linear-gradient(#C8D0F0, #B8C0E0);}
#menu .menu-drop .dropdown-toggle:after			{display:none;}
#menu .menu-bar:hover,
#menu .menu-drop .dropdown-toggle:hover,
#menu .menu-bar.selected						{background-image:linear-gradient(#B0B8D8, #A0A8C8);}
#menu .menu-drop .dropdown-item.selected		{background-image:linear-gradient(#C8D0F0, #B8C0E0);}

/*#menu .menu-insert:before						{display:block; position:absolute; top:calc((var(--menu) - 2px) / 2); left:var(--add); width:calc(var(--menu) - (2 * var(--add))); height:2px; background-color:#003399; content:"";}
#menu .menu-insert:after						{display:block; position:absolute; top:var(--add); left:calc((var(--menu) - 2px) / 2); width:2px; height:calc(var(--menu) - (2 * var(--add))); background-color:#003399; content:"";}*/

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

.panel											{position:absolute; overflow-y:scroll;}

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

#panel-list										{top:calc(var(--row) + var(--menu) + (7 * var(--space))); left:var(--space); bottom:0px; width:calc(25% + var(--space)); padding:0px; overflow-x:hidden; z-index:2;}
#panel-list .list-case							{position:relative; width:100%; margin-bottom:var(--space); padding:var(--space); font-size:0px; background-color:#E8E8E8; border-radius:var(--space); cursor:pointer;}
#panel-list .list-case:hover					{background-color:#FFFFFF;}

#panel-list .list-icon							{display:inline-block; width:calc(((var(--row) - (2 * var(--pad))) * 3) + (2 * var(--space))); height:calc(((var(--row) - (2 * var(--pad))) * 3) + (2 * var(--space))); padding:0px; margin-right:1px; line-height:calc(((var(--row) - (2 * var(--pad))) * 3) + (2 * var(--space))); background-color:#D0D0D0;}
#panel-list .list-icon img						{width:100%; height:100%; margin:0px; vertical-align:top;}
#panel-list .list-number						{font-size:40px; font-weight:bold; color:#B8B8B8; text-align:center; vertical-align:top;}

#panel-list .list-info							{display:inline-block; width:calc(100% - (((var(--row) - (2 * var(--pad))) * 3) + (2 * var(--space))) - 1px); height:calc(((var(--row) - (2 * var(--pad))) * 3) + (2 * var(--space))); padding:var(--space); padding-right:calc(2 * var(--space)); background-color:#DADADA; vertical-align:top;}
#panel-list .list-title							{line-height:calc(var(--row) - (2 * var(--pad))); padding:0px; font-size:calc(var(--font) + 1px); font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#panel-list .list-subtitle						{line-height:calc(var(--row) - (2 * var(--pad))); padding:0px; font-size:var(--font); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#panel-list .list-status						{line-height:calc(var(--row) - (2 * var(--pad))); padding:0px; font-size:calc(var(--font) - 2px); color:#00AA00; text-align:right;}

#panel-list .list-null							{position:absolute; top:0px; left:0px; right:0px; bottom:var(--space); background-color:#E8E8E8; border-radius:var(--space);}
#panel-list .list-null div						{position:absolute; top:var(--space); left:var(--space); right:var(--space); bottom:var(--space); text-align:center; padding-top:25px; background-color:#DADADA;}
#panel-list .selected							{background-color:#FFFFFF;}
#panel-list .selected:after						{position:absolute; top:var(--space); right:var(--space); bottom:var(--space); width:var(--space); content:""; background-color:#0090D0;}

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

.panel-content									{left:calc(25% + (2 * var(--space))); top:calc((4 * var(--space)) + var(--row)); right:0px; bottom:0px; padding-bottom:var(--space); z-index:1;}
.case-content									{width:100%; padding:var(--space) var(--space) 0px; font-size:0px; background-color:#E8E8E8; border-radius:var(--space);}

.panel-full										{left:var(--space); top:calc((4 * var(--space)) + var(--row)); right:0px; bottom:0px; padding-bottom:var(--space);}
.case-full										{width:calc(100% - (2 * var(--space))); padding:var(--space) 0px 0px var(--space); font-size:0px; background-color:#E8E8E8; border-radius:var(--space);}

.heading-full									{display:inline-block; width:100%; height:var(--menu); margin:0px 0px var(--space); font-size:calc(var(--font) + 2px); font-weight:bold; line-height:var(--menu); text-align:center; background-color:#DADADA; vertical-align:top;}
.heading-bar									{display:inline-block; width:calc(100% - var(--menu) - 1px); height:var(--menu); margin:0px 1px var(--space) 0px; font-size:calc(var(--font) + 2px); font-weight:bold; line-height:30px; text-align:center; background-color:#DADADA; vertical-align:top;}
.heading-drop									{display:inline-block; width:var(--menu); height:var(--menu); margin:0px 0px var(--space); padding:0px; font-size:calc(var(--font) + 2px); font-weight:bold; line-height:var(--menu); text-align:center; background-color:#DADADA; vertical-align:top;}
.heading-drop .dropdown-toggle					{display:inline-block; width:var(--menu); height:var(--menu); color:#000099;}
.heading-drop .dropdown-toggle:hover			{color:#0000CC; background-color:#D0D0D0;}
.heading-drop .dropdown-toggle:after			{display:inline-block; margin:13px 0px 0px; content:""; border-top:6px solid; border-right:6px solid transparent; border-bottom:0px; border-left:6px solid transparent;}

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

.focus											{position:absolute; display:none; bottom:0px; background:rgba(0, 0, 0, 0.7); z-index:99;}
#focus-list										{top:calc((4 * var(--space)) + var(--row)); left:var(--space); width:25%;}
#focus-content									{top:calc((4 * var(--space)) + var(--row)); left:calc(25% + (2 * var(--space))); right:var(--space);}
#focus-dialog									{top:0px; left:0px; right:0px;}

.focus img										{position:absolute; top:50%; left:50%; width:var(--load); height:var(--load); transform:translateX(-50%) translateY(-50%);}
.focus span										{position:absolute; top:50%; left:50%; width:80px; height:var(--row); transform:translateX(-50%) translateY(-50%); line-height:var(--row); color:#FFCC66;}

/*------------- CONTENT AND TABLE ------------*/

.case-content									{display:none;}

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

.segment										{position:relative; display:inline-block; margin:0px 0px calc(var(--space) - 1px) 0px; vertical-align:top;}
.segment-full									{width:100%;}
.segment-half									{width:calc((100% - var(--space)) / 2);}
.segment-separator								{width:var(--space);}

.segment-info-2									{width:calc(100% - ((2 * var(--row)) + 1px));}
.segment-info-3									{width:calc(100% - ((3 * var(--row)) + 2px));}
.segment-info-4									{width:calc(100% - ((4 * var(--row)) + 3px));}
.segment-info-5									{width:calc(100% - ((5 * var(--row)) + 4px));}
.segment-info-6									{width:calc(100% - ((6 * var(--row)) + 5px));}
.segment-info-7									{width:calc(100% - ((7 * var(--row)) + 6px));}
.segment-info-8									{width:calc(100% - ((8 * var(--row)) + 7px));}
.segment-info-9									{width:calc(100% - ((9 * var(--row)) + 8px));}
.segment-info-10								{width:calc(100% - ((10 * var(--row)) + 9px));}
.segment-info-11								{width:calc(100% - ((11 * var(--row)) + 10px));}
.segment-info-12								{width:calc(100% - ((12 * var(--row)) + 11px));}
.segment-info-13								{width:calc(100% - ((13 * var(--row)) + 12px));}
.segment-info-14								{width:calc(100% - ((14 * var(--row)) + 13px));}
.segment-info-15								{width:calc(100% - ((15 * var(--row)) + 14px));}
.segment-info-16								{width:calc(100% - ((16 * var(--row)) + 15px));}
.segment-info-17								{width:calc(100% - ((17 * var(--row)) + 16px));}
.segment-info-18								{width:calc(100% - ((18 * var(--row)) + 17px));}
.segment-info-19								{width:calc(100% - ((19 * var(--row)) + 18px));}
.segment-info-20								{width:calc(100% - ((20 * var(--row)) + 19px));}

.segment-info .table-crock						{width:calc(100% - 1px)}

#segment-frame img								{vertical-align:top;}

span .link-delete,
span .link-upload,
span .link-zoomin								{position:absolute; bottom:1px; width:var(--row); height:var(--row); background-color:rgba(0, 0, 0, 0);}

span:hover .link-delete,
span .link-delete:hover							{background-image:url("../image/theme/erase.png");}
span:hover .link-upload,
span .link-upload:hover							{background-image:url("../image/theme/load.png");}
span:hover .link-zoomin,
span .link-zoomin:hover							{background-image:url("../image/theme/zoom.png");}

span:hover .link-delete,
span:hover .link-upload,
span:hover .link-zoomin,
span .link-delete:hover,
span .link-upload:hover,
span .link-zoomin:hover							{background-color:rgba(0, 0, 0, 0.2); background-position:calc((var(--row) - var(--icon)) / 2) calc((var(--row) - var(--icon)) / 2); background-size:var(--icon) var(--icon); background-repeat:no-repeat;}

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);}

.link-position-0								{display:none;}
.link-position-1								{right:1px;}
.link-position-2								{right:calc(var(--row) + 2px);}
.link-position-3								{right:calc((2 * var(--row)) + 3px);}

.segment-frame-2								{width:calc((2 * var(--row)) + 1px);}
.segment-frame-3								{width:calc((3 * var(--row)) + 2px);}
.segment-frame-4								{width:calc((4 * var(--row)) + 3px);}
.segment-frame-5								{width:calc((5 * var(--row)) + 4px);}
.segment-frame-6								{width:calc((6 * var(--row)) + 5px);}
.segment-frame-7								{width:calc((7 * var(--row)) + 6px);}
.segment-frame-8								{width:calc((8 * var(--row)) + 7px);}
.segment-frame-9								{width:calc((9 * var(--row)) + 8px);}
.segment-frame-10								{width:calc((10 * var(--row)) + 9px);}
.segment-frame-11								{width:calc((11 * var(--row)) + 10px);}
.segment-frame-12								{width:calc((12 * var(--row)) + 11px);}
.segment-frame-13								{width:calc((13 * var(--row)) + 12px);}
.segment-frame-14								{width:calc((14 * var(--row)) + 13px);}
.segment-frame-15								{width:calc((15 * var(--row)) + 14px);}
.segment-frame-16								{width:calc((16 * var(--row)) + 15px);}
.segment-frame-17								{width:calc((17 * var(--row)) + 16px);}
.segment-frame-18								{width:calc((18 * var(--row)) + 17px);}
.segment-frame-19								{width:calc((19 * var(--row)) + 18px);}
.segment-frame-20								{width:calc((20 * var(--row)) + 19px);}

.segment-stat-table								{width:calc((100% - (2 * ((7 * var(--row)) + 7px)) - var(--space)) / 2); z-index:1;}
.segment-stat-chart								{width:calc((7 * var(--row)) + 7px); z-index:2;}

.table-title									{position:relative; height:var(--row); padding:0px calc(var(--row) + var(--space)) 0px var(--space); font-size:var(--font); color:#FFFFFF; line-height:var(--row); text-align:left; margin-bottom:1px; background:linear-gradient(#0090D0,#0070B0); overflow:visible; white-space:nowrap; z-index:0;}
.table-title.title-indent						{padding-left:var(--row);}

.table-help										{position:absolute; top:0px; left:0px; width:var(--row); height:var(--row); background:rgba(255, 255, 255, 0) url("../image/theme/link_help.png") calc((var(--row) - var(--help)) / 2) calc((var(--row) - var(--help)) / 2)/var(--help) var(--help) no-repeat; z-index:2;}
.table-help:hover								{background-color:rgba(255, 255, 255, 0.1);}
.table-link										{position:absolute; top:0px; right:0px; width:var(--row); height:var(--row); z-index:2;}

.link-insert									{background-color:rgba(255, 255, 255, 0.2);}
.link-insert:before,
.link-insert:after								{position:absolute; background-color:#C8FFFF; content:"";}
.link-insert:before								{top:calc((var(--row) - var(--icon)) / 2); right:calc((var(--row) - 2px) / 2); width:2px; height:var(--icon);}
.link-insert:after								{top:calc((var(--row) - 2px) / 2); right:calc((var(--row) - var(--icon)) / 2); width:var(--icon); height:2px;}
.link-insert:hover								{background-color:rgba(255, 255, 255, 0.3);}
.link-edit										{background:rgba(255, 255, 255, 0.2) url("../image/theme/link_edit.png") calc((var(--row) - var(--icon)) / 2) calc((var(--row) - var(--icon)) / 2)/var(--icon) var(--icon) no-repeat;}
.link-edit:hover								{background-color:rgba(255, 255, 255, 0.3);}

.table-drop										{position:absolute; top:0px; right:0px; width:var(--row); height:var(--row);}
.table-drop .dropdown-toggle					{display:inline-block; width:var(--row); height:var(--row); background:rgba(255, 255, 255, 0.2) url("../image/skin-1/link_view.png") calc((var(--row) - var(--icon)) / 2) calc((var(--row) - var(--icon)) / 2)/var(--icon) var(--icon) no-repeat;}
.table-drop .dropdown-toggle:hover				{background-color:rgba(255, 255, 255, 0.3);}
.table-drop .dropdown-toggle:after				{display:none;}
.table-drop .dropdown-item.selected				{background-image:linear-gradient(#C8D0F0, #B8C0E0);}

.table-row										{padding:0px; font-size:0px; width:100%; display:flex;}
.table-row-blank								{background-color:#DADADA;}
.table-row>div,
.table-row>span									{position:relative; display:inline-block; font-size:var(--font); vertical-align:top;}

.table-row-rigid								{margin-bottom:1px; height:var(--row); background:none;}
.table-row-rigid>div,
.table-row-rigid>span							{line-height:var(--row); padding-top:0px; padding-bottom:0px; height:var(--row); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.table-row-fixed								{margin-bottom:1px; background:none;}
.table-row-fixed>div,
.table-row-fixed>span							{line-height:calc(var(--row) - (2 * var(--pad))); padding-top:var(--pad); padding-bottom:var(--pad);}

.table-row-fluid								{margin-bottom:1px; background-color:#DADADA;}
.table-row-fluid>span							{line-height:calc(var(--row) - (2 * var(--pad))); padding-top:var(--pad); padding-bottom:var(--pad);}
.table-row-fluid>span.label-focus				{padding-left:calc(2 * var(--space)); padding-right:calc(2 * var(--space)); font-size:calc(2 * var(--font)); font-weight:bold;}
.table-row-fluid>span.label-focus:before		{left:calc(2 * var(--space));}
.table-row-fluid>span>p							{padding:0px; margin:0px;}
.table-row-fluid>span>ol,
.table-row-fluid>span>ul						{padding:0px 0px 0px calc(3 * var(--space)); margin:0px;}

.table-row img.flag								{width:var(--flag); height:calc((var(--flag) * 2) / 3); margin:calc((var(--row) - ((var(--flag) * 2) / 3)) / 2) 0px; vertical-align:top;}
.table-row a,
.table-row a:visited							{color:#202020;}
.table-row a:hover								{color:#0090D0;}

.row-2, .row-2>span								{height:calc((2 * var(--row)) + 1px);}
.row-3, .row-3>span								{height:calc((3 * var(--row)) + 2px);}
.row-4, .row-4>span								{height:calc((4 * var(--row)) + 3px);}
.row-5, .row-5>span								{height:calc((5 * var(--row)) + 4px);}
.row-6, .row-6>span								{height:calc((6 * var(--row)) + 5px);}
.row-7, .row-7>span								{height:calc((7 * var(--row)) + 6px);}
.row-8, .row-8>span								{height:calc((8 * var(--row)) + 7px);}
.row-9, .row-9>span								{height:calc((9 * var(--row)) + 8px);}
.row-10, .row-10>span							{height:calc((10 * var(--row)) + 9px);}
.row-11, .row-11>span							{height:calc((11 * var(--row)) + 10px);}
.row-12, .row-12>span							{height:calc((12 * var(--row)) + 11px);}
.row-13, .row-13>span							{height:calc((13 * var(--row)) + 12px);}
.row-14, .row-14>span							{height:calc((14 * var(--row)) + 13px);}
.row-15, .row-15>span							{height:calc((15 * var(--row)) + 14px);}

.table-tab										{position:relative; height:74px; padding:25px 0px 0px; margin-bottom:1px; font-size:0px; background-color:#E8E8E8;}
.table-tab:before								{position:absolute; left:0px; right:0px; bottom:0px; height:var(--row); background-color:#DADADA; content:"";}
.table-tab a									{display:inline-block; height:var(--row); padding:var(--pad) calc(2 * var(--space)); margin-right:1px; line-height:calc(var(--row) - (2 * var(--pad))); font-size:var(--font); border-radius:var(--space) var(--space) 0px 0px; background-image:linear-gradient(#C0C0C0, #B0B0B0); vertical-align:top;}
.table-tab a:hover								{color:#333333; background-image:linear-gradient(#C8C8C8, #C0C0C0);}
.table-tab a.selected							{height:25px; background-image:linear-gradient(#D0D0D0, #DADADA);}

.button-standard								{position:relative; display:inline-block; height:var(--row); line-height:var(--row); text-align:center; padding:0px calc(4 * var(--space)); border-radius:calc(var(--row) / 2); border:none; font-size:var(--font); background-image:linear-gradient(#C0C8E8, #B0B8D8); color:#003399;}
.button-standard:hover							{background-image:linear-gradient(#A8B0D0, #98A0C0);}
.button-left									{padding:0px calc(3 * var(--space)) 0px calc(4 * var(--space)); border-radius:calc(var(--row) / 2) 0px 0px calc(var(--row) / 2); border-right:1px solid #A8B0E0;}
.button-center									{padding:0px calc(3 * var(--space)); border-radius:0px 0px 0px 0px; border-left:1px solid #C0C8F8; border-right:1px solid #A8B0E0;}
.button-right									{padding:0px calc(4 * var(--space)) 0px calc(3 * var(--space)); border-radius:0px calc(var(--row) / 2) calc(var(--row) / 2) 0px; border-left:1px solid #C0C8F8;}

.pad-0											{padding:0px;}
.pad-1											{padding-left:var(--space); padding-right:0px;}
.pad-2											{padding-left:var(--space); padding-right:var(--space);}
.pad-3											{padding:var(--space) 0px 0px;}
.pad-4											{padding:var(--space);}
.pad-5											{padding:var(--space) var(--space) 0px;}
.pad-6											{padding-left:0px; padding-right:var(--space);}

.table-row-merge-2								{position:relative; height:calc((2 * var(--row)) + 1px); font-size:0px; margin-bottom:1px; padding:0px; z-index:2;}
.table-row-merge-2>span							{position:relative; display:inline-block; height:calc((2 * var(--row)) + 1px); font-size:var(--font); line-height:calc((2 * var(--row)) + 1px); vertical-align:top;}

.table-icon										{height:calc(var(--thumb) + (2 * var(--space))); margin-bottom:1px; padding:0px; font-size:0px; width:100%; display:flex;}
.table-icon>span								{display:inline-block; height:calc(var(--thumb) + (2 * var(--space))); font-size:var(--font); line-height:calc(var(--thumb) + (2 * var(--space))); padding-top:0px; padding-bottom:0px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:1;}
.table-icon .column-kit							{height:calc(var(--thumb) + (2 * var(--space))); background-position-y:calc((var(--thumb) + (2 * var(--space)) - var(--icon)) / 2);}
.table-icon .column-thumb img					{width:var(--thumb); height:var(--thumb); margin:var(--space); vertical-align:top;}
.table-icon .column-icon img					{width:var(--thumb); height:var(--thumb); margin:var(--space); vertical-align:top;}
.table-icon .column-icon a:hover img			{filter:brightness(95%);}
.table-icon a,
.table-icon a:visited							{color:#202020;}
.table-icon a:hover								{color:#0090D0;}

.table-box										{font-size:0px; margin-bottom:1px; background-color:#DADADA;}
.table-window									{display:inline-block; font-size:var(--font); margin-bottom:1px; background-color:#DADADA;}
.table-crock									{position:relative; margin:0px; padding:0px; z-index:1;}
.table-crock-partial							{position:relative; display:inline-block; margin:0px; padding:0px; z-index:1;}

.table-row>span.row-merge-2						{height:calc((2 * var(--row)) + 1px); line-height:calc((2 * var(--row)) + 1px); z-index:2;}
.table-row>span.row-merge-3						{height:calc((3 * var(--row)) + 2px); line-height:calc((3 * var(--row)) + 2px); z-index:2;}
.table-row>span.row-merge-4						{height:calc((4 * var(--row)) + 3px); line-height:calc((4 * var(--row)) + 3px); z-index:2;}
.table-row>span.row-merge-5						{height:calc((5 * var(--row)) + 4px); line-height:calc((5 * var(--row)) + 4px); z-index:2;}
.table-row>span.row-merge-6						{height:calc((6 * var(--row)) + 5px); line-height:calc((6 * var(--row)) + 5px); z-index:2;}
.table-row>span.row-merge-7						{height:calc((7 * var(--row)) + 6px); line-height:calc((7 * var(--row)) + 6px); z-index:2;}
.table-row>span.row-merge-8						{height:calc((8 * var(--row)) + 7px); line-height:calc((8 * var(--row)) + 7px); z-index:2;}
.table-row>span.row-merge-9						{height:calc((9 * var(--row)) + 8px); line-height:calc((9 * var(--row)) + 8px); z-index:2;}
.table-row>span.row-merge-10					{height:calc((10 * var(--row)) + 9px); line-height:calc((10 * var(--row)) + 9px); z-index:2;}
.table-row>span.row-merge-11					{height:calc((11 * var(--row)) + 10px); line-height:calc((11 * var(--row)) + 10px); z-index:2;}
.table-row>span.row-merge-12					{height:calc((12 * var(--row)) + 11px); line-height:calc((12 * var(--row)) + 11px); z-index:2;}
.table-row>span.row-merge-13					{height:calc((13 * var(--row)) + 12px); line-height:calc((13 * var(--row)) + 12px); z-index:2;}
.table-row>span.row-merge-14					{height:calc((14 * var(--row)) + 13px); line-height:calc((14 * var(--row)) + 13px); z-index:2;}
.table-row>span.row-merge-15					{height:calc((15 * var(--row)) + 14px); line-height:calc((15 * var(--row)) + 14px); z-index:2;}

.table-row-rapid>span.row-merge-2				{height:calc(2 * var(--row)); line-height:calc(2 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-3				{height:calc(3 * var(--row)); line-height:calc(3 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-4				{height:calc(4 * var(--row)); line-height:calc(4 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-5				{height:calc(5 * var(--row)); line-height:calc(5 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-6				{height:calc(6 * var(--row)); line-height:calc(6 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-7				{height:calc(7 * var(--row)); line-height:calc(7 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-8				{height:calc(8 * var(--row)); line-height:calc(8 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-9				{height:calc(9 * var(--row)); line-height:calc(9 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-10				{height:calc(10 * var(--row)); line-height:calc(10 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-11				{height:calc(11 * var(--row)); line-height:calc(11 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-12				{height:calc(12 * var(--row)); line-height:calc(12 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-13				{height:calc(13 * var(--row)); line-height:calc(13 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-14				{height:calc(14 * var(--row)); line-height:calc(14 * var(--row)); z-index:2;}
.table-row-rapid>span.row-merge-15				{height:calc(15 * var(--row)); line-height:calc(15 * var(--row)); z-index:2;}

.table-row>span.row-merge-2-top					{height:calc((2 * var(--row)) + 1px); z-index:2;}
.table-row>span.row-merge-3-top					{height:calc((3 * var(--row)) + 2px); z-index:2;}
.table-row>span.row-merge-4-top					{height:calc((4 * var(--row)) + 3px); z-index:2;}
.table-row>span.row-merge-5-top					{height:calc((5 * var(--row)) + 4px); z-index:2;}
.table-row>span.row-merge-6-top					{height:calc((6 * var(--row)) + 5px); z-index:2;}
.table-row>span.row-merge-7-top					{height:calc((7 * var(--row)) + 6px); z-index:2;}
.table-row>span.row-merge-8-top					{height:calc((8 * var(--row)) + 7px); z-index:2;}
.table-row>span.row-merge-9-top					{height:calc((9 * var(--row)) + 8px); z-index:2;}
.table-row>span.row-merge-10-top				{height:calc((10 * var(--row)) + 9px); z-index:2;}
.table-row>span.row-merge-11-top				{height:calc((11 * var(--row)) + 10px); z-index:2;}
.table-row>span.row-merge-12-top				{height:calc((12 * var(--row)) + 11px); z-index:2;}
.table-row>span.row-merge-13-top				{height:calc((13 * var(--row)) + 12px); z-index:2;}
.table-row>span.row-merge-14-top				{height:calc((14 * var(--row)) + 13px); z-index:2;}
.table-row>span.row-merge-15-top				{height:calc((15 * var(--row)) + 14px); z-index:2;}

.box-chart-project								{height:calc(var(--chart) + (4 * var(--space))); padding:calc(2 * var(--space)); text-align:center;}
.box-chart-stat									{width:calc((7 * var(--row)) + 6px); height:calc((7 * var(--row)) + 6px); padding:var(--space); text-align:center;}
.box-chart-achieve								{padding:calc(2 * var(--space)); text-align:center;}

.box-paragraph									{padding:calc(2 * var(--space)) calc(2 * var(--space)) 0px; font-size:var(--font);}
.box-paragraph p								{line-height:calc(var(--row) - (2 * var(--pad))); padding-bottom:calc(2 * var(--space)); margin:0px;}
.box-paragraph p.note							{font-size:calc(var(--font) - 1px);}
.box-paragraph p.caption						{text-align:center;}
.box-paragraph h1								{line-height:calc(var(--row) - (2 * var(--pad))); padding:calc(2 * var(--space)) 0px; margin:0px; font-size:calc(var(--font) + 4px); font-weight:bold;}
.box-paragraph h2								{line-height:calc(var(--row) - (2 * var(--pad))); padding-bottom:calc(2 * var(--space)); margin:0px; font-size:calc(var(--font) + 2px); font-weight:bold;}
.box-paragraph li								{line-height:calc(var(--row) - (2 * var(--pad)));}
.box-paragraph th p,
.box-paragraph td p								{padding:0px;}
.box-paragraph>ol,
.box-paragraph>ul								{line-height:calc(var(--row) - (2 * var(--pad))); padding:0px 0px calc(2 * var(--space)) calc(5 * var(--space)); margin:0px;}
.box-paragraph ol ol,
.box-paragraph ol ul,
.box-paragraph ul ol,
.box-paragraph ul ul							{margin:0px 0px 0px calc(2 * var(--space)); padding-left:calc(3 * var(--space));}
.box-paragraph table							{margin:0px auto calc(2 * var(--space)) auto;}
.box-paragraph img								{display:block; margin-left:auto; margin-right:auto;}
.box-paragraph a,
.box-paragraph a:visited						{color:#00A0E0;}
.box-paragraph a:hover							{color:#0090D0;}

.box-gallery									{padding:var(--space) 0px 0px var(--space);}
.box-gallery span								{display:inline-block; position:relative; width:140px; height:140px; padding:var(--space); margin:0px var(--space) var(--space) 0px; font-size:13px; background-color:#E8E8E8; border-radius:var(--space);}
.box-gallery .gallery-open						{display:inline-block; width:130px; height:130px;}
.box-gallery .gallery-open img					{width:130px; height:130px; opacity:0.9; vertical-align:top;}
.box-gallery .gallery-open:hover img			{opacity:1;}
.box-gallery .gallery-delete					{position:absolute; top:5px; right:5px; width:13px; height:13px; background-color:#FF0000;}
.box-gallery .gallery-delete:hover				{background-color:#CC0000;}
.box-gallery .gallery-delete:before,
.box-gallery .gallery-delete:after				{position:absolute; top:1px; left:6px; width:1px; height:11px; background-color:#FFFFFF; content:"";}
.box-gallery .gallery-delete:before				{transform:rotate(45deg);}
.box-gallery .gallery-delete:after				{transform:rotate(-45deg);}

.box-sign										{position:relative; font-size:0px; padding:calc(4 * var(--space)) 0px;}
.box-sign .sign-partition						{position:relative; display:inline-block; vertical-align:top;}
.box-sign .sign-partition-1						{width:100%;}
.box-sign .sign-partition-2,
.box-sign .sign-partition-2z					{width:50%;}
.box-sign .sign-partition-3						{width:33.3%;}
.box-sign .sign-partition-4						{width:25%;}
.box-sign .sign-partition span					{display:block; padding:0px var(--space); font-size:var(--font); line-height:var(--row); text-align:center;}
.box-sign .sign-partition span.sign-signing		{font-size:0px;}
.box-sign .sign-signing a						{margin-top:calc((var(--sign) - var(--row)) / 2); margin-bottom:calc((var(--sign) - var(--row)) / 2);}
.box-sign .sign-signing .sign-streak			{width:var(--streak); height:var(--streak); margin:calc((var(--sign) - var(--streak)) / 2);}
.box-sign .sign-signing .sign-note				{height:var(--row); margin-top:calc((var(--sign) - var(--row)) / 2); margin-bottom:calc((var(--sign) - var(--row)) / 2);}

.box-chat										{padding:var(--space);}
.box-chat>div									{font-size:var(--font); padding:var(--space) var(--space) 0px; background-color:#FFFFFF; overflow-y:auto;}

.chart-wrap-project								{display:inline-block; width:var(--chart); height:var(--chart);}
.chart-wrap-stat								{display:inline-block; width:calc((7 * var(--row)) + 6px - (2 * var(--space))); height:calc((7 * var(--row)) + 6px - (2 * var(--space)));}
.chart-wrap-achieve								{display:inline-block; width:100%; aspect-ratio:2 / 1;}

.chat-height-0									{height:calc(var(--chart) + (2 * var(--space)) + var(--row) + 1px)}
.chat-height-1									{height:calc(var(--chart) + (2 * var(--space)) + (3 * var(--row)) + 3px);}
.chat-height-2									{height:calc(var(--chart) + (2 * var(--space)) + (4 * var(--row)) + 4px);}
.chat-height-3									{height:calc(var(--chart) + (2 * var(--space)) + (5 * var(--row)) + 5px);}
.chat-height-4									{height:calc(var(--chart) + (2 * var(--space)) + (6 * var(--row)) + 6px);}
.chat-height-5									{height:calc(var(--chart) + (2 * var(--space)) + (7 * var(--row)) + 7px);}
.chat-height-6									{height:calc(var(--chart) + (2 * var(--space)) + (8 * var(--row)) + 8px);}
.chat-height-7									{height:calc(var(--chart) + (2 * var(--space)) + (9 * var(--row)) + 9px);}
.chat-height-8									{height:calc(var(--chart) + (2 * var(--space)) + (10 * var(--row)) + 10px);}
.chat-height-9									{height:calc(var(--chart) + (2 * var(--space)) + (11 * var(--row)) + 11px);}
.chat-height-10									{height:calc(var(--chart) + (2 * var(--space)) + (12 * var(--row)) + 12px);}

.chat-list										{position:relative; display:block; margin-bottom:var(--space); background-color:#EEEEEE; border-radius:var(--space);}
.chat-head										{padding:var(--space) var(--space) 0px;}
.chat-name										{font-weight:bold; color:#0090D0;}
.chat-time										{padding:0px 0px 0px var(--space); font-size:calc(var(--font) - 2px); font-style:italic; color:#00C000;}
.chat-move										{display:none; padding:0px 0px 0px var(--space); font-size:calc(var(--font) - 2px); font-style:italic; color:#FF0000; cursor:pointer;}
.chat-text										{padding:0px var(--space) var(--space) calc(3 * var(--space)); font-size:calc(var(--font) - 1px); font-style:italic;}
.chat-list:hover .chat-move						{display:inline;}

.column-flex									{flex-grow:1; flex-basis:0; box-sizing:border-box;}
.column-space									{width:1px;}
.column-gap-1									{width:var(--space);}
.column-gap-2									{width:calc(2 * var(--space));}
.column-gap-3									{width:calc(3 * var(--space));}
.column-gap-4									{width:calc(4 * var(--space));}
.column-gap-5									{width:calc(5 * var(--space));}
.column-gap-6									{width:calc(6 * var(--space));}
.column-gap-7									{width:calc(7 * var(--space));}
.column-gap-8									{width:calc(8 * var(--space));}
.column-gap-9									{width:calc(9 * var(--space));}
.column-gap-10									{width:calc(10 * var(--space));}
.column-gap-15									{width:calc(15 * var(--space));}
.column-gap-20									{width:calc(20 * var(--space));}
.column-colon									{width:var(--colon); text-align:center;}
.column-number									{width:var(--number);}
.column-date									{width:var(--date);}
.column-year									{width:var(--year);}
.column-status									{width:var(--status);}
.column-currency								{width:var(--currency);}
.column-cash									{width:var(--cash);}
.column-full									{width:100%;}
.column-half									{width:50%;}
.column-thumb									{width:calc(var(--thumb) + (2 * var(--space)));}
.column-kit										{width:var(--row);}
.column-legend									{width:calc(var(--icon) + (2 * var(--space)));}
.column-flag									{width:calc((((var(--row) - (2 * var(--pad))) / 2) * 3) + (2 * var(--space))); padding:var(--pad) var(--space) !important;}
.column-flag img								{width:calc(((var(--row) - (2 * var(--pad))) / 2) * 3); height:calc(var(--row) - (2 * var(--pad))); vertical-align:top;}
.column-button									{width:var(--action); padding-right:calc(2 * var(--space));}
.column-button a								{display:inline-block; height:var(--row); line-height:var(--row); text-align:center; padding:0px calc(2 * var(--space)); border-radius:calc(var(--row) / 2); background-image:linear-gradient(#C0C8E8, #B0B8D8); color:#003399;}
.column-button a:hover							{background-image:linear-gradient(#A8B0D0, #98A0C0);}
.column-wide									{display:inline-block !important;}
.column-check									{width:var(--check);}
.column-sink									{width:var(--row);}
.column-share									{width:calc(100% - var(--row) - var(--cash));}
.column-share-edit								{width:calc(100% - var(--row) - var(--cash) - (2 * var(--row)));}
.column-stat									{width:100px;}

.column-sink input[type=checkbox]				{position:absolute; width:100%; height:100%; opacity:0; cursor:pointer; z-index:10;}
.column-sink .show								{display:block; width:100%; height:100%;}
.column-sink .show:before						{display:block; position:absolute; top:2px; left:2px; right:2px; bottom:2px; border-radius:var(--space); background-color:#E8E8E8; box-shadow:0px 0px 5px #AAAAAA inset; content:"";}
.column-sink .show:after						{display:block; position:absolute; top:calc(((var(--row) - var(--arrow)) / 2) + 1px); left:calc((var(--row) - (2 * var(--sink))) / 2); width:0; height:0; border-left:var(--sink) solid transparent; border-right:var(--sink) solid transparent; border-top:var(--arrow) solid #555555; content:""; animation-name:unsinked; animation-duration:0.2s;}
.column-sink .show.checked:after				{top:calc(((var(--row) - var(--arrow)) / 2) - 1px); transform:rotate(180deg); animation-name:sinked; animation-duration:0.2s;}

@keyframes unsinked
	{
	from										{top:calc(((var(--row) - var(--arrow)) / 2) - 1px); transform:rotate(180deg);}
	to											{top:calc(((var(--row) - var(--arrow)) / 2) + 1px); transform:rotate(0deg);}
	}

@keyframes sinked
	{
	from										{top:calc(((var(--row) - var(--arrow)) / 2) + 1px); transform:rotate(0deg);}
	to											{top:calc(((var(--row) - var(--arrow)) / 2) - 1px); transform:rotate(180deg);}
	}

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

.label-field									{color:#444444; background-color:#D0D0D0;}
.label-header,
.label-value									{color:#444444; background-color:#DADADA;}
.label-value:hover								{background-color:#D3D3D3;}
.label-value a									{color:#444444;}
.label-white									{color:#444444; background-color:#FFFFFF;}
.label-sink										{color:#444444; background-color:#E8D8B8;}
.label-progress									{background-color:#E0E0E0;}
.label-grey										{background-color:#F3F3F3;}
.label-bold										{font-weight:bold;}
.label-italic									{font-style:italic;}
.label-small									{font-size:calc(var(--font) - 2px);}
.label-center									{text-align:center;}
.label-right,
.label-cash										{position:relative; text-align:right;}
.label-cash:before								{position:absolute; left:5px; text-align:left;}
.label-cash-idr:before							{content:"IDR";}
.label-cash-usd:before							{content:"USD";}
.label-zoom										{font-size:36px; font-weight:bold;}
.label-notice									{font-style:italic; color:#CC0000;}
.label-color-0									{color:#202020;}
.label-color-1									{color:#C80000;}
.label-color-2									{color:#00AA00;}
.label-private									{font-style:italic; color:#999999;}
.label-soon										{position:relative; display:inline-block; width:calc(100% - 5px); height:200px; font-size:20px; line-height:200px; text-align:center; margin-bottom:5px; color:#6060A0; background-color:#DADADA;}
.label-rotate									{position:absolute; display:block; top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);}
.label-sign-0									{font-weight:bold; color:#CC0000;}
.label-sign-1									{font-weight:bold; color:#009900;}
.label-rounded									{display:inline-block; height:20px; padding:0px 12px; border-radius:10px; font-style:italic;}
.label-rounded-1								{background-color:#CC0000; color:#FFCCCC;}
.label-rounded-2								{background-color:#009900; color:#99FF99;}
.label-contrib-0								{background-color:#D0D0D0;}
.label-contrib-1								{background-color:#B0CA90;}
.label-contrib-2								{background-color:#009966; color:#00CC99;}
.label-contrib-0:hover							{background-color:#D3D3D3;}
.label-contrib-1:hover							{background-color:#B3CCB3;}
.label-contrib-2:hover							{background-color:#00AA66;}

span.label-status,
a.label-status									{font-size:calc(var(--font) - 2px); text-align:center; font-style:italic;}
.table-row>span.label-star						{text-align:center; font-size:calc(var(--font) + 1px); color:#0090D0;}

.status-0,
.status-0:visited								{background-image:linear-gradient(#D0D0D0, #C0C0C0); color:#A0A0A0;}
.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); overflow:hidden;}
.status-2>span:first-child						{background-image:linear-gradient(#90D0A0, #80C090); position:absolute; top:0px; left:0px; bottom:0px; box-shadow:0px 0px 10px #B07070;}
.status-2>span:last-child,
.status-5>span									{position:absolute; display:none; top:0px; left:0px; right:0px; bottom:0px;}
.status-3,
.status-3:visited								{background-image:linear-gradient(#90D0A0, #80C090); color:#406020;}
.status-4,
.status-4:visited								{background-image:linear-gradient(#F0F0F0, #E0E0E0); color:#404060;}
.status-6,
.status-6:visited								{background-image:linear-gradient(#EECE50, #DEBE40); color:#602000;}
.status-0:hover									{background-image:linear-gradient(#C8C8C8, #B8B8B8); color:#A0A0A0;}
.status-1:hover									{background-image:linear-gradient(#E8A0A0, #D09090); color:#602020;}
.status-2:hover,
.status-5:hover									{background-image:linear-gradient(#F0B0B0, #E0A0A0); color:#222222;}
.status-2:hover>span:first-child				{background-image:linear-gradient(#88C898, #78B888);}
.status-2:hover>span:last-child,
.status-5:hover>span							{display:block;}
.status-3:hover									{background-image:linear-gradient(#88C898, #78B888); color:#406020;}
.status-4:hover									{background-image:linear-gradient(#E8E8E8, #D8D8D8); color:#404060;}
.status-6:hover									{background-image:linear-gradient(#E7C748, #D7B738); color:#602000;}

.kit											{position:relative; display:inline-block; height:var(--row); vertical-align:top;}
.kit:hover										{background-color:#D0D0D0;}

.kit-detail										{background-image:url("../image/theme/kit_detail.png");}
.kit-edit										{background-image:url("../image/theme/kit_edit.png");}
.kit-delete										{background-image:url("../image/theme/kit_delete.png");}
.kit-up											{background-image:url("../image/theme/kit_up.png");}
.kit-down										{background-image:url("../image/theme/kit_down.png");}
.kit-upload										{background-image:url("../image/theme/kit_upload.png");}
.kit-download									{background-image:url("../image/theme/kit_download.png");}

.kit-detail,
.kit-edit,
.kit-delete,
.kit-up,
.kit-down,
.kit-upload,
.kit-download									{background-color:#DADADA; background-position:calc((var(--row) - var(--icon)) / 2) calc((var(--row) - var(--icon)) / 2); background-size:var(--icon) var(--icon); background-repeat:no-repeat;}

.kit-disabled-edit								{background-image:url("../image/theme/kit_disabled_edit.png");}
.kit-disabled-delete							{background-image:url("../image/theme/kit_disabled_delete.png");}
.kit-disabled-up								{background-image:url("../image/theme/kit_disabled_up.png");}
.kit-disabled-down								{background-image:url("../image/theme/kit_disabled_down.png");}
.kit-disabled-upload							{background-image:url("../image/theme/kit_disabled_upload.png");}
.kit-disabled-download							{background-image:url("../image/theme/kit_disabled_download.png");}
.kit-disabled									{background-image:url("../image/theme/kit_disabled.png");}

.kit-disabled-edit,
.kit-disabled-delete,
.kit-disabled-up,
.kit-disabled-down,
.kit-disabled-upload,
.kit-disabled-download,
.kit-disabled									{position:relative; display:inline-block; height:24px; vertical-align:top; background-color:#DADADA; background-position:calc((var(--row) - var(--icon)) / 2) calc((var(--row) - var(--icon)) / 2); background-size:var(--icon) var(--icon); background-repeat:no-repeat;}

.kit img										{width:var(--icon); height:var(--icon);}

.kit.row-merge-2								{height:calc((2 * var(--row)) + 1px);}
.kit.row-merge-3								{height:calc((3 * var(--row)) + 2px); background-position-y:calc(((3 * var(--row)) + 2px - var(--icon)) / 2);}
.kit.row-merge-4								{height:calc((4 * var(--row)) + 3px); background-position-y:calc(((4 * var(--row)) + 3px - var(--icon)) / 2);}
.kit.row-merge-5								{height:calc((5 * var(--row)) + 4px); background-position-y:calc(((5 * var(--row)) + 4px - var(--icon)) / 2);}
.kit.row-merge-6								{height:calc((6 * var(--row)) + 5px); background-position-y:calc(((6 * var(--row)) + 5px - var(--icon)) / 2);}
.kit.row-merge-7								{height:calc((7 * var(--row)) + 6px); background-position-y:calc(((7 * var(--row)) + 6px - var(--icon)) / 2);}
.kit.row-merge-8								{height:calc((8 * var(--row)) + 7px); background-position-y:calc(((8 * var(--row)) + 7px - var(--icon)) / 2);}
.kit.row-merge-9								{height:calc((9 * var(--row)) + 8px); background-position-y:calc(((9 * var(--row)) + 8px - var(--icon)) / 2);}
.kit.row-merge-10								{height:calc((10 * var(--row)) + 9px); background-position-y:calc(((10 * var(--row)) + 9px - var(--icon)) / 2);}
.kit.row-merge-11								{height:calc((11 * var(--row)) + 10px); background-position-y:calc(((11 * var(--row)) + 10px - var(--icon)) / 2);}
.kit.row-merge-12								{height:calc((12 * var(--row)) + 11px); background-position-y:calc(((12 * var(--row)) + 11px - var(--icon)) / 2);}
.kit.row-merge-13								{height:calc((13 * var(--row)) + 12px); background-position-y:calc(((13 * var(--row)) + 12px - var(--icon)) / 2);}
.kit.row-merge-14								{height:calc((14 * var(--row)) + 13px); background-position-y:calc(((14 * var(--row)) + 13px - var(--icon)) / 2);}
.kit.row-merge-15								{height:calc((15 * var(--row)) + 14px); background-position-y:calc(((15 * var(--row)) + 14px - var(--icon)) / 2);}

.star-on										{color:#BB8800;}
.star-off										{color:#C0C0C0;}

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

.box-tool										{padding:10px;}
.box-tool img									{width:353px; height:353px;}

.table-box .link-upload							{position:absolute; right:0px; bottom:1px; width:var(--row); height:var(--row); background-color:rgba(0, 0, 0, 0);}
.table-box:hover .link-upload					{background:rgba(0, 0, 0, 0.05) url("../image/skin-1/link_upload.png") calc((var(--row) - var(--icon)) / 2) calc((var(--row) - var(--icon)) / 2)/var(--icon) var(--icon) no-repeat;}
.table-box .link-upload:hover					{background-color:rgba(0, 0, 0, 0.1);}

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

.legend											{position:absolute; top:calc((var(--row) - var(--icon)) / 2); left:var(--space); width:var(--icon); height:var(--icon); border-radius:50%;}
.legend-0										{background-color:#D0D0D0;}
.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:before								{position:absolute; display:block; top:calc((var(--row) - var(--line)) / 2); left:2px; right:2px; height:var(--line); content:"";}
.legend-line:after								{position:absolute; display:block; top:calc((var(--row) - var(--point)) / 2); left:calc((100% - var(--point)) / 2); width:var(--point); height:var(--point); border-radius:50%; content:"";}

.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										{position:absolute; display:block; top:5px; left:20px; right:0px; bottom:5px;}
.legend-bar-1									{background-color:#0066CC;}
.legend-bar-2									{background-color:#CC6600;}
.legend-bar-3									{background-color:#00AA66;}

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

.legend-gender-0								{background-color:#BBBBBB;}
.legend-gender-1								{background-color:#00BCEF;}
.legend-gender-2								{background-color:#D05FD0;}

.legend-condition-0								{background-color:#BBBBBB;}
.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:#BBBBBB;}
.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:#BBBBBB;}
.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;}

/*---------------- DIALOG LOGIN --------------*/

.column-login-1									{width:140px;}
.column-login-2									{width:250px;}

@media (max-width:1799px)						/* 1600 */
	{
	:root										{--thumb:62px; --icon:16px; --space:5px; --menu:30px; --tool:6px; --add:7px; --row:24px; --colon:10px; --number:28px; --font:14px; --chart:193px; --point:8px; --line:2px; --cash:130px; --status:80px; --border:2px; --pad:2px; --help:12px; --flag:21px; --year:100px; --date:160px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}

	#filter select								{width:275px;}

	.box-gallery span							{width:130px; height:130px;}
	.box-gallery .gallery-open					{width:120px; height:120px;}
	.box-gallery .gallery-open img				{width:120px; height:120px;}

	.column-login-1								{width:140px;}
	.column-login-2								{width:250px;}
	}

@media (max-width:1599px)						/* 1400 */
	{
	:root										{--thumb:60px; --icon:16px; --space:5px; --menu:28px; --tool:6px; --add:7px; --row:22px; --colon:10px; --number:28px; --font:13px; --chart:193px; --point:8px; --line:2px; --cash:130px; --status:80px; --border:2px; --pad:2px; --help:12px; --flag:21px; --year:100px; --date:160px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}
	
	#filter select								{width:250px;}

	.box-gallery span							{width:130px; height:130px;}
	.box-gallery .gallery-open					{width:120px; height:120px;}
	.box-gallery .gallery-open img				{width:120px; height:120px;}

	.column-login-1								{width:140px;}
	.column-login-2								{width:250px;}
	}

@media (max-width:1399px)						/* 1200 */
	{
	:root										{--thumb:58px; --icon:16px; --space:4px; --menu:28px; --tool:6px; --add:7px; --row:22px; --colon:10px; --number:28px; --font:12px; --chart:193px; --point:8px; --line:2px; --cash:130px; --status:80px; --border:2px; --pad:2px; --help:12px; --flag:21px; --year:100px; --date:160px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}
	
	#filter select								{width:225px;}

	.box-gallery span							{width:177px; height:177px;}
	.box-gallery .gallery-open					{width:167px; height:167px;}
	.box-gallery .gallery-open img				{width:167px; height:167px;}

	.column-login-1								{width:140px;}
	.column-login-2								{width:250px;}
	}

@media (max-width:1199px)						/* 1000 */
	{
	:root										{--thumb:56px; --icon:16px; --space:4px; --menu:26px; --tool:6px; --add:7px; --row:20px; --colon:10px; --number:28px; --font:11px; --chart:193px; --point:8px; --line:2px; --cash:130px; --status:80px; --border:2px; --pad:2px; --help:10px; --flag:21px; --year:100px; --date:160px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}

	#filter select								{width:200px;}
	
	.box-gallery span							{width:139px; height:139px;}
	.box-gallery .gallery-open					{width:129px; height:129px;}
	.box-gallery .gallery-open img				{width:129px; height:129px;}
	}

@media (max-width:999px)						/* 800 */
	{
	:root										{--thumb:54px; --icon:14px; --space:4px; --menu:26px; --tool:6px; --add:7px; --row:20px; --colon:10px; --number:28px; --font:10px; --chart:193px; --point:8px; --line:2px; --cash:130px; --status:80px; --border:2px; --pad:2px; --help:10px; --flag:21px; --year:100px; --date:160px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}
	
	#filter select								{width:175px;}

	.box-gallery span							{width:125px; height:125px;}
	.box-gallery .gallery-open					{width:115px; height:115px;}
	.box-gallery .gallery-open img				{width:115px; height:115px;}

	.column-login-1								{width:140px;}
	.column-login-2								{width:250px;}
	}

@media (max-width:799px)						/* 600 */
	{
	:root										{--thumb:52px; --icon:12px; --space:3px; --menu:24px; --tool:6px; --add:7px; --row:18px; --colon:10px; --number:28px; --font:10px; --chart:193px; --point:8px; --line:2px; --cash:130px; --status:80px; --border:2px; --pad:2px; --help:10px; --flag:21px; --year:100px; --date:160px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}
	
	#filter select								{width:150px;}
	
	.box-gallery span							{width:136px; height:136px; padding:4px; margin:0px 4px 4px 0px; border-radius:4px;}
	.box-gallery .gallery-open					{width:128px; height:128px;}
	.box-gallery .gallery-open img				{width:128px; height:128px;}
	.box-gallery .gallery-delete				{top:4px; right:4px;}

	.column-login-1								{width:140px;}
	.column-login-2								{width:250px;}
	}

@media (max-width:599px)						/* 400 */
	{
	:root										{--thumb:50px; --icon:12px; --space:3px; --menu:24px; --tool:6px; --add:7px; --row:18px; --colon:10px; --number:28px; --font:9px; --chart:193px; --point:8px; --line:2px; --cash:130px; --status:80px; --border:2px; --pad:2px; --help:10px; --flag:21px; --year:100px; --date:160px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}
	
	#filter select								{width:125px;}
	
	.box-gallery span							{width:112px; height:112px; padding:3px; margin:0px 3px 3px 0px; border-radius:3px;}
	.box-gallery .gallery-open					{width:106px; height:106px;}
	.box-gallery .gallery-open img				{width:106px; height:106px;}
	.box-gallery .gallery-delete				{top:3px; right:3px;}

	.column-login-1								{width:140px;}
	.column-login-2								{width:250px;}
	}

@media (max-width:399px)						/* 300 */
	{
	:root										{--thumb:48px; --icon:10px; --space:3px; --menu:22px; --tool:6px; --add:7px; --row:16px; --colon:10px; --number:28px; --font:9px; --chart:193px; --point:8px; --line:2px; --cash:130px; --status:80px; --border:2px; --pad:2px; --help:8px; --flag:21px; --year:100px; --date:100px; --currency:40px; --action:160px; --check:40px; --switch:3px; --close:14px; --tab:5px; --bar:4px; --percent:40px; --load:40px; --sign:100px; --streak:78px; --sink:5px; --arrow:8px;}
	
	#filter select								{width:100px;}
	
	.box-gallery span							{width:98px; height:98px;}
	.box-gallery .gallery-open					{width:92px; height:92px;}
	.box-gallery .gallery-open img				{width:92px; height:92px;}

	.column-login-1								{width:140px;}
	.column-login-2								{width:250px;}
	}