@CHARSET "UTF-8";

/**
  * GENERAL
  **/
html {
	--bgColorLight: white;
	--colorLight: #222;
	--colorLightFaded: #444;
	--bgColor1Light: #c9c9f0;
	--bgColor2Light: #e7e7ff;
	--bgColor3Light: #f0f0ff;
	--bgColor4Light: #f4f4f4;
	--bgColorChangedLight: rgba(184, 222, 154, 0.5);
	--bgColorSelectedLight: rgba(255, 255, 255, 0.5);
	--borderColorLight: #acaced;
	
	--bgColorDark: #121417;
	--colorDark: #e8eaed;
	--colorDarkFaded: #a8adb4;
	--bgColor1Dark: #2a2d4a;
	--bgColor2Dark: #24264a;
	--bgColor3Dark: #1e2038;
	--bgColor4Dark: #1c1f24;
	--bgColorChangedDark: rgba(120, 170, 90, 0.35);
	--bgColorSelectedDark: rgba(255, 255, 255, 0.08);
	--borderColorDark: #2c3138;
}
#container {
	background-color:light-dark(#eee, black);
}

.borderColor0 {
	border-color: light-dark(white, black);
}

.borderColor1 {
	border-color:light-dark(var(--borderColorLight), var(--borderColorDark));/*#6868C9;*/
}

.backgroundColor0 {
	background-color:light-dark(var(--bgColorLight), var(--bgColorDark));
}

.backgroundColor1 {
	background-color:light-dark(var(--bgColor1Light), var(--bgColor1Dark));/*#c9c9f0;/*#B8B8F0;*/
}
.backgroundColor2 {
	background-color:light-dark(var(--bgColor2Light), var(--bgColor2Dark));/*#e7e7ff;/*#ddddff;/*#D1D1FF;*/
}

.backgroundColor3 {
	background-color:light-dark(var(--bgColor3Light), var(--bgColor3Dark));/*#f0f0ff;/*#E6E6FF;*/
}

.backgroundColor4 {
	background-color:light-dark(var(--bgColor4Light), var(--bgColor4Dark));/*#f4f4f4;*/
}

.backgroundColorHeader td:not(.ACCell) {
	background-color:light-dark(var(--bgColorLight), var(--bgColorDark));
}

.backgroundColorHeader .iconic {
	color:#DDD;
}

.backgroundColorHeader, .backgroundColorHeader a:visited, .backgroundColorHeader a:link, .backgroundColorHeader a:active {
	color:light-dark(var(--colorLightFaded), var(--colorDarkFaded));
}

.browserSeparatorBottom td {
	border-bottom:1px solid #DDD;
}

.browserSeparatorTop td {
	border-top:1px solid #DDD;
}

.seamlessButton {
	padding:3px;
	padding-left:5px;
	padding-bottom:1px;
	display:inline-block;
	border:1px solid #BBB;
	border-radius:3px;
	cursor:pointer;
	-moz-transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
	margin-left:5px;
	margin-right:5px;
}

.phynxNoTouch .bigButton:hover  {
	box-shadow: inset 0px 0px 0px 1px light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.4));
}

.phynxNoTouch .seamlessButton:hover {
	background-color:rgba(0,0,0,0.1);
	
	-moz-transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}

.phynxNoTouch .seamlessButton:hover .iconic,
.phynxNoTouch .lastSelected .iconic {
	color:#555;
	opacity:1;
}

.seamlessButton:active  {
	background-color:rgba(0,0,0,0.2);
}

.highlight {
	background-color:light-dark(rgba(255,204,0,0.3), rgba(255,204,0,0.15)) !important;
}

.confirm {
	background-color:light-dark(#d1e769, #59690e) !important;
}

.error {
	background-color:rgba(220, 50, 0, 0.5) !important;
}

.iconic {
	color:light-dark(white, #777);
}

.iconicG {
	color:light-dark(#CCC, #888);
}

label {
	color:light-dark(#444, #ccc);
}

/*.backgroundColorHeader td + td {
	background-color:#FCFCFC;
}*/

.FormSeparatorWithLabel {
	background-color:light-dark(var(--bgColorLight), var(--bgColorDark));
}
/**
  * ELEMENTS
  **/
  

body {
	/*background-color:#d8d8d8;*/
	color:light-dark(var(--colorLight), var(--colorDark));
	background-color:light-dark(var(--bgColorLight), var(--bgColorDark));
	
}

a:link, a:active, a:visited {
	color:black;
}

caption {
	background-color:red;
	color:black;
}

input[type=date],
input[type=month],
input[type=text],
input[type=submit],
input[type=password],
input[type=radio],
input[type=checkbox],
input[type=button],
input[type=number],
input[type=submit], select, textarea, .AJAXUpload {
	border-bottom-color:#9E9EF0;
	
	transition: background-color 1s;
}

.tableWeightLight input[type=text],
.tableWeightLight input[type=date],
.tableWeightLight input[type=submit],
.tableWeightLight input[type=password],
.tableWeightLight input[type=radio],
.tableWeightLight input[type=checkbox],
.tableWeightLight input[type=button],
.tableWeightLight input[type=submit], .tableWeightLight select, .tableWeightLight textarea, .tableWeightLight .AJAXUpload {
	background-color:light-dark(var(--bgColorLight), var(--bgColorDark));/*white;*/
	border-bottom-color:white;
}

input[type=checkbox]{
	accent-color: #444;
}

.tableWeightLight input[name=currentSaveButton] {
	background-color:transparent;
	border-bottom-color:transparent;
}	
/**
  * BECAUSE CHROME HAS ISSUES WITH DROPDOWNS AS OF 20140125
  * MAY BE REMOVED IN THE FUTURE
  **/
select {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}


.phynxNoTouch .desktopButton:hover, .phynxNoTouch .dashboardButton:hover {
	background-color:#E0E0E0;
	
	transition: background-color .5s;
}

/**
  * SPECIAL
  **/
input:focus, select:focus, textarea:focus {
	background-color:light-dark(var(--bgColorSelectedLight), var(--bgColorSelectedDark)) !important; /*white*/
	border-bottom-color:#9E9EF0 !important;
}

.tableWeightLight .hasFocus {
	background-color:white !important;
	border-bottom-color:white !important;
}

.recentlyChanged {
	/*background-color:#b8de9a;*/
	background-color: light-dark(var(--bgColorChangedLight), var(--bgColorChangedDark)) !important;/*rgba(184, 222, 154, 0.5) !important;*/
	
	transition: background-color .3s;
}

::-webkit-input-placeholder {
	color:#999;
}
:-moz-placeholder {
	color:#999;
}
:-ms-input-placeholder {
	color:#999;
}

/**
  * FRAMES
  **/
  
#wrapper {
	border-color:#888888;
	background-color:light-dark(var(--bgColorLight), var(--bgColorDark));
}

#wrapperHandler {
	color:white;
	font-weight:bold;
}

#desktopWrapper #wrapper, #desktopWrapper #wrapperHandler {
	border-color:#aaa;
}

#contentLeft table, #contentRight table, #windows table {
	border-color:light-dark(var(--borderColorLight), var(--borderColorDark));
}

#contentRight .contentBrowser tr,
#contentLeft .contentBrowser tr,
#contentScreen tr {
	transition: background-color .3s;
}

.phynxNoTouch #contentRight .contentBrowser table:not(.sideTableLeft) tr:not(.noHover):not(.lastSelected):not(.extendedButton):hover,
.phynxNoTouch #contentLeft .contentBrowser tr:not(.noHover):not(.lastSelected):not(.extendedButton):hover,
.phynxNoTouch #contentScreen tr:not(.noHover):not(.lastSelected):not(.extendedButton):hover {
	/*background-color:white;*/
	background-color:light-dark(var(--bgColorSelectedLight), var(--bgColorSelectedDark));/*white;*/;
	transition: background-color .3s;
}

.phynxNoTouch #contentRight tr:hover .iconic,
.phynxNoTouch #contentLeft tr:hover .iconic,
.phynxNoTouch .Tab:hover .iconic,
.phynxNoTouch #contentScreen tr:hover .iconic,
.phynxNoTouch .popup tr:hover .iconic,
.phynxNoTouch .popupSidePanel tr:hover .iconic,
.phynxNoTouch .selectionRow:hover .iconic {
	color:light-dark(#777, #eee);
	border-color:#777;
	
	transition: color .7s, border-color .7s;
}

.phynxNoTouch #contentRight .contentBrowser tr:hover .iconic.inactive,
.phynxNoTouch .popup .contentBrowser tr:hover .iconic.inactive,
.phynxNoTouch #contentLeft .contentBrowser tr:hover .iconic.inactive,
.phynxNoTouch .Tab:hover .iconic.inactive,
.phynxNoTouch #contentScreen tr:hover .iconic.inactive {
	color:#ffb587;
	border-color:#ffb587;
	
	transition: color .7s, border-color .7s;
}


#contentBelowContent {
	border-top-color:#DDD;
	border-top-style:solid;
	border-bottom-color:#DDD;
	border-bottom-style:solid;
	background-color:#EEE;
}

#footer {
	background-color:#333;
	color:#999;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#999;
}

/**
  * NAVIGATION
  **/

.navBackgroundColor {
	background-color:rgba(0,0,0,0.1);
	/*background-color:#7f7fdf;*/
}

.navBorderColor {
	border-color:transparent;/*#4e4e96;*/
	border-bottom-color:#888888;/*#444444;*/
}

.phynxNoTouch #navTabsWrapper .navTab:not(.theOne):hover {
	background-color:light-dark(#9E9EF0, var(--bgColorSelectedDark));
}

#navigation {
	background-color:light-dark(#d8d8d8, #575757);
}

#navigation div.theOne {
	background-color:light-dark(var(--bgColorLight), var(--bgColorDark));
	border-color:#444444;
	border-bottom-color:white;
}

#navigation div.theOne:hover {
	/*background-color:white;*/
}

.phynxNoTouch .selectionBox:hover,
.phynxNoTouch .tableForSelection tr:not(.lastSelected):hover {
	background-color:light-dark(var(--bgColorSelectedLight), var(--bgColorSelectedDark));/*#E0E0E0;*/
	
	transition: background-color .3s;
}

.phynxNoTouch .desktopButton:hover, .phynxNoTouch .dashboardButton:hover {
	background-color:light-dark(var(--bgColor4Light), var(--bgColor4Dark));/*#E0E0E0;*/
	
	transition: background-color .5s;
}

.lastSelected {
	/*background-color:rgba(255, 204, 0, 0.3);*/
	background-color:light-dark(var(--bgColorSelectedLight), var(--bgColorSelectedDark));
}

.tableWeightLight .lastSelected {
	/*background-color:rgb(237, 237, 237);*/
	background-color:light-dark(rgb(237, 237, 237), var(--bgColorSelectedDark));
}

.tableWeightLightColored .lastSelected {
	background-color:rgba(255,204,0,0.3);
}

.topBG {
	background-color:#fefefe;
	/*background-image: linear-gradient(bottom, rgb(183,185,180) 0%, rgb(220,222,216) 1%, rgb(255,255,255) 5%);
	background-image: -o-linear-gradient(bottom, rgb(183,185,180) 0%, rgb(220,222,216) 1%, rgb(255,255,255) 5%);
	background-image: -moz-linear-gradient(bottom, rgb(183,185,180) 0%, rgb(220,222,216) 1%, rgb(255,255,255) 5%);
	background-image: -webkit-linear-gradient(bottom, rgb(183,185,180) 0%, rgb(220,222,216) 1%, rgb(255,255,255) 5%);
	background-image: -ms-linear-gradient(bottom, rgb(183,185,180) 0%, rgb(220,222,216) 1%, rgb(255,255,255) 5%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(183,185,180)),
		color-stop(0.01, rgb(220,222,216)),
		color-stop(0.05, rgb(255,255,255))
	);*/
}

.selectionRow {
	border-bottom: 1px solid #eee;
	
	color:#222;
	user-select: none;
}

.phynxNoTouch .selectionRow:hover {
	background-color:light-dark(var(--bgColor4Light), var(--bgColor4Dark));/*rgb(248, 248, 248);*/;
}

.selectionRow .selectionRowHeightSetter {
	padding:5px;
}

.tableWeightLightColored tr:nth-child(odd):not(.lastSelected) {
	background-color:light-dark(#e5e5e5, #3b3b3b);/*#e5e5e5;*/;
}

.tableWeightLightColored tr:nth-child(even):not(.lastSelected){
	background-color:light-dark(var(--bgColor4Light), var(--bgColor4Dark));/*#f4f4f4;*/;
}

.tableWeightLightlyColored tr:not(.lastSelected) {
	background-color:light-dark(var(--bgColor4Light), var(--bgColor4Dark));/*#f4f4f4;*/
}

svg#appLogo {
	fill:light-dark(var(--colorLight), var(--colorDark));
}