/* 
 * To debug: lessc components/www_branding/source/www/*.less
 * Make sure to install less css
 */
/*******************************************************************************************
						 Remained CSS, mostly used in 3rdparty.less
********************************************************************************************/
/* 
 * Primary buttons (colors are linear gradients)
 */
/* Normal state (Used also for Slider & Progress bar)*/
/* Hover state */
/* Active state */
/* 
 * Secondary buttons (colors are linear gradients)
 */
/* Normal state (Used also for Slider & Progress bar)*/
/* Hover state */
/* Active state */
/* Content */
/* Title, Status and Label text color */
/*******************************************************************************************
								    Button CSS Properties
********************************************************************************************/
/*******************************************************************************************
								  		Colors
********************************************************************************************/
/*******************************************************************************************
								  		Typography
********************************************************************************************/
@font-face {
  font-family: 'LatoLight';
  src: url('font/Lato-Light.eot?v=2.015');
  src: url('font/Lato-Light.eot?#iefix&v=2.015') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Light.woff2?v=2.015') format('woff2'), /* Modern Browsers */ url('font/Lato-Light.woff?v=2.015') format('woff'), /* Modern Browsers */ url('font/Lato-Light.ttf?v=2.015') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
@font-face {
  font-family: 'LatoRegular';
  src: url('font/Lato-Regular.eot?v=2.015');
  src: url('font/Lato-Regular.eot?#iefix&v=2.015') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Regular.woff2?v=2.015') format('woff2'), /* Modern Browsers */ url('font/Lato-Regular.woff?v=2.015') format('woff'), /* Modern Browsers */ url('font/Lato-Regular.ttf?v=2.015') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
@font-face {
  font-family: 'LatoBold';
  src: url('font/Lato-Bold.eot?v=2.015');
  src: url('font/Lato-Bold.eot?#iefix&v=2.015') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Bold.woff2?v=2.015') format('woff2'), /* Modern Browsers */ url('font/Lato-Bold.woff?v=2.015') format('woff'), /* Modern Browsers */ url('font/Lato-Bold.ttf?v=2.015') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('font/fontawesome-webfont.woff') format('woff'), url('font/FontAwesome.otf') format('opentype'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Fontello';
  src: url('font/fontello.eot');
  src: url('font/fontello.eot?#iefix') format('embedded-opentype'), url('font/fontello.woff') format('woff'), url('font/fontello.otf') format('opentype'), url('font/fontello.ttf') format('truetype'), url('font/fontello.svg#Fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* @import "icomoon.css"; */
/*
 * GLOBAL CSS
 * Here is the CSS stylesheet for dashboard structure elements and elements used many times in the dashboard
 *
 * http://meyerweb.com/eric/tools/css/reset/
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
html {
  font-family: 'LatoRegular', Arial, sans-serif;
}
b,
.b {
  font-family: 'LatoBold', Arial, sans-serif;
  vertical-align: inherit;
}
.i {
  font-style: italic;
}
/*ol, ul {
	list-style: none;
}*/
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
/**********************************************************
				remember to define focus styles!
**********************************************************/
:focus {
  outline: 0;
}
/*
 * remember to highlight inserts somehow!
 */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
th {
  font-size: 12px;
  font-weight: normal;
}
.left {
  float: left;
}
.right {
  float: right;
}
.righttextalign {
  text-align: right;
}
.lefttextalign {
  text-align: left;
}
.centertextalign {
  text-align: center;
}
.justifytextalign {
  text-align: justify;
}
.valign {
  vertical-align: middle;
}
.logText {
  font-family: 'LatoRegular', Arial, sans-serif !important;
  white-space: pre !important;
  font-size: 12px;
}
/**********************************************************************************
									General								  																		
*********************************************************************************/
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.notSelectableText {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.html-face {
  border: none;
  color: #0099ff;
  font-size: 25px;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 2px 0 2px;
  font-family: 'LatoBold', Arial, sans-serif;
}
.clickable {
  cursor: pointer;
}
.uppercase {
  text-transform: uppercase;
}
.inlineDirectChildren > * {
  display: inline-block;
}
.blockDirectChildren > * {
  display: block;
}
.floatLeftDirectChildren > * {
  float: left;
}
.clearFloat {
  clear: both;
}
.clickableObject {
  cursor: pointer;
}
.borderRadius6 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.borderRadius4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.borderRadius2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/**********************************************************
			Default CSS for datagrid.Table
**********************************************************/
.tableHeader > table > tbody > tr > td {
  border-top: 1px solid #eeeeee;
  border-bottom: 2px solid #d9d9d9;
  padding: 14px 12px;
  font-size: 16px;
  color: #444444;
  font-family: 'LatoBold', Arial, sans-serif;
  vertical-align: middle;
}
.tableContent > table > tbody > tr > td {
  padding: 14px 12px;
  font-size: 14px;
  color: #666666;
  line-height: 120%;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
}
.tableContent > table > tbody > tr:hover {
  background: #f5f5f5;
}
.tableContent tbody .selected,
.tableContent > table > tbody > tr.selected:hover {
  background: #80ccff;
}
.tableContent tbody .selected .fullDefaultText {
  color: #ffffff;
}
.tableContent .gray > td {
  background: #eeeeee;
}
/**********************************************************
			Default CSS for FullWidget
**********************************************************/
.fullDefaultText {
  color: #444444;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 14px;
  line-height: 125%;
}
.fullDefaultText a,
.fullDefaultText a:visited {
  color: #0099ff;
  text-decoration: none;
  cursor: pointer;
}
.fullDefaultText a:hover {
  text-decoration: underline;
}
.fullDefaultText-inline {
  display: inline;
}
.fullDefaultText-bold {
  font-family: 'LatoBold', Arial, sans-serif !important;
}
.fullDefaultText-italic {
  font-style: italic;
}
.fullDefaultText-justify {
  text-align: justify;
}
.fullDefaultText-center {
  text-align: center;
}
.fullDefaultText-title1 {
  font-size: 32px;
  color: #222222;
  font-family: 'LatoLight', Arial, sans-serif;
  line-height: 100%;
}
.fullDefaultText-title2 {
  font-size: 20px;
  color: #444444;
  font-family: 'LatoLight', Arial, sans-serif;
}
.fullDefaultText-titleFont {
  font-family: 'LatoLight', Arial, sans-serif;
}
.fullDefaultText-note {
  font-size: 12px;
  color: #999999;
}
.fullDefaultText-medium {
  font-size: 16px;
}
.fullDefaultText-big {
  font-size: 20px;
}
.fullDefaultText-huge {
  font-size: 42px;
}
.fullDefaultText-black {
  color: #222222;
}
.fullDefaultText-blue {
  color: #0088ee;
}
.fullDefaultText-turquoiseblue {
  color: #0099ff;
}
.fullDefaultText-lightblue {
  color: #80ccff;
}
.fullDefaultText-red,
.fullDefaultText-red a,
.fullDefaultText-red a:visited {
  color: #ee4444;
}
.fullDefaultText-green {
  color: #88cc00;
}
.fullDefaultText-orange {
  color: #ffbb22;
}
.fullDefaultText-defaultGrey {
  color: #444444;
}
.fullDefaultText-grey1 {
  color: #666666;
}
.fullDefaultText-lightgrey1 {
  color: #999999;
}
.fullDefaultText p,
.informationPanelText p {
  margin-bottom: 12px;
}
.fullDefaultText p:last-child,
.informationPanelText p:last-child {
  margin-bottom: 0px !important;
}
.fullDefaultText ul,
.informationPanelText ul,
.fullDefaultText ol,
.informationPanelText ol {
  padding-left: 40px;
}
.fullDefaultText ul,
.informationPanelText ul {
  list-style: disc !important;
}
.fullDefaultText ol,
.informationPanelText ol {
  list-style-type: decimal !important;
}
.fullDefaultText li,
.informationPanelText li {
  margin-top: 1px;
}
.fullDefaultText-bignumber {
  font-size: 24px;
  color: #666666;
  font-family: 'LatoRegular', Arial, sans-serif;
}
.fullDefaultText-normalnumber {
  font-size: 16px;
  color: #666666;
  font-family: 'LatoRegular', Arial, sans-serif;
}
.fullDefaultText-smallnumber {
  font-size: 12px;
  color: #666666;
  font-family: 'LatoRegular', Arial, sans-serif;
}
.fullDefaultText-titlewidget {
  font-size: 32px;
  color: #999999;
  font-family: 'LatoLight', Arial, sans-serif;
}
.fullDefaultText-titlevaluewidget {
  font-size: 32px;
  color: #666666;
  font-family: 'LatoRegular', Arial, sans-serif;
}
/**********************************************************
			Default CSS for textWithWarning
**********************************************************/
.textWithWarningAtRight:after,
.textWithErrorAtRight:after,
.textWithInfoAtRight:after,
.textWithLockedAtRight:after,
.textWithWarningAtLeft:before,
.textWithErrorAtLeft:before,
.textWithInfoAtLeft:before,
.textWithLockedAtLeft:before {
  font-family: FontAwesome;
  content: "";
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  cursor: default;
}
.textWithPlusAtRight:after,
.textWithPlusAtLeft:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 13px;
}
.textWithWarningAtRight:after,
.textWithErrorAtRight:after,
.textWithInfoAtRight:after,
.textWithLockedAtRight:after,
.textWithPlusAtRight:after {
  margin-left: 6px;
}
.textWithWarningAtLeft:before,
.textWithErrorAtLeft:before,
.textWithInfoAtLeft:before,
.textWithLockedAtLeft:before,
.textWithPlusAtLeft:before {
  margin-right: 6px;
}
.textWithWarningAtRight:after,
.textWithWarningAtLeft:before {
  content: "\f071";
  color: #ffbb22;
}
.textWithErrorAtRight:after,
.textWithErrorAtLeft:before {
  content: "\f057";
  color: #ee4444;
}
.textWithInfoAtRight:after,
.textWithInfoAtLeft:before {
  content: "\f05a";
  color: #0099ff;
}
.textWithLockedAtRight:after,
.textWithLockedAtLeft:before {
  content: "\f023";
  color: #999999;
}
.textWithPlusAtRight:after,
.textWithPlusAtLeft:before {
  content: "\f067";
  color: BlueDefault;
}
/**********************************************************************************
								La Button														  																		
*********************************************************************************/
button::-moz-focus-inner {
  border: 0;
}
.labutton,
.labutton:visited {
  /* Font */
  white-space: nowrap;
  text-decoration: none;
  border: none !important;
}
/*2 sizes of button: large button ans small button
2 types of button: primary button, secondary button, tertiary button
4 states : Static, Pressed, Hover, Disabled
*/
.labutton-small,
.labutton-regular,
.labutton-large {
  font-family: 'LatoRegular', Arial, sans-serif;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.labutton-small[latype="primary"],
.labutton-small[latype="secondary"],
.labutton-small[latype="tertiary"],
.labutton-small[latype="warning"] {
  font-size: 14px;
  padding: 6px 15px;
  height: 34px;
}
.labutton-regular[latype="primary"],
.labutton-regular[latype="secondary"],
.labutton-regular[latype="tertiary"],
.labutton-regular[latype="warning"] {
  font-size: 16px;
  padding: 9px 14px;
  height: 41px;
}
.labutton-small[latype="listbox"] {
  font-size: 14px;
}
.labutton-regular[latype="listbox"] {
  font-size: 16px;
}
/***| for backward compatibility |***/
.labutton-large[latype="primary"],
.labutton-large[latype="secondary"],
.labutton-xlarge[latype="tertiary"] {
  font-size: 18px;
  padding: 9px 20px;
}
/**/
.labutton[ladisabled="false"],
.MenuBarLabel[ladisabled="false"] {
  cursor: pointer;
}
.labutton[latype="primary"][ladisabled="true"] {
  background: #66c2ff;
  color: #ffffff;
}
.labutton[latype="primary"][ladisabled="false"] {
  /* Background */
  background: #0099ff;
  /* Button text color */
  color: #ffffff;
}
.labutton[latype="secondary"][ladisabled="true"] {
  background: #cccccc;
  color: #ffffff;
}
.labutton[latype="secondary"][ladisabled="false"] {
  /* Background */
  background: #999999;
  /*Button text color*/
  color: #ffffff;
}
.labutton[latype="tertiary"][ladisabled="false"] {
  /* Background */
  background-color: transparent;
  color: #0099ff;
}
.labutton[latype="tertiary"][ladisabled="true"] {
  /* Background */
  background-color: transparent;
  color: #cccccc;
}
.labutton[latype="warning"] {
  background-color: #ee4444;
  color: #ffffff;
}
.labutton:hover[latype="primary"][ladisabled="false"] {
  background: #1aa3ff;
}
.labutton:focus[latype="primary"][ladisabled="false"] {
  background: #0088ee;
}
.labutton:hover[latype="secondary"][ladisable="false"] {
  background: #a3a3a3;
}
.labutton:focus[latype="secondary"][ladisabled="false"] {
  background: #898989;
}
.labutton:hover[latype="warning"][ladisable="false"] {
  background: #ff7777;
}
.labutton:focus[latype="warning"][ladisabled="false"] {
  background: #dd4444;
}
.labutton:focus[latype="tertiary"][ladisabled="false"] {
  color: #0088ee;
}
.labutton:hover[latype="tertiary"] {
  color: #0088ee;
}
.labutton:hover[latype="tertiary"][ladisabled="true"] {
  color: #cccccc !important;
}
.labutton[inloading] {
  cursor: progress !important;
}
.labutton-edit:before {
  content: "\f040";
  font-family: FontAwesome;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
  color: #0099ff;
  background: url("images/edit14.png") no-repeat scroll 0 0 transparent;
}
.labutton-listbox:after {
  content: "\f078";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 5px;
  vertical-align: baseline;
  color: #0099ff;
}
.labutton-listbox[ladisabled="true"]:after,
.labutton-edit[ladisabled="true"]:before {
  color: #cccccc;
}
.labuttonPanelLeft > .labutton-small {
  margin-left: 6px;
}
.labuttonPanelLeft > .labutton-regular {
  margin-left: 9px;
}
.labuttonPanel > .labutton-small {
  margin-right: 6px;
}
.labuttonPanel > .labutton-regular {
  margin-right: 9px;
}
.labuttonPanel-more2buttonsWithTertiaryAtRight > .labutton[latype="tertiary"] {
  float: right;
  padding-right: 0px !important;
}
.labuttonPanel-more2buttonsWithTertiaryAtRight > .labutton-small[latype="tertiary"] {
  margin-left: 6px;
  margin-right: 0px !important;
}
.labuttonPanel-more2buttonsWithTertiaryAtRight > .labutton-regular[latype="tertiary"] {
  margin-left: 9px;
  margin-right: 0px !important;
}
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton[latype="tertiary"] {
  padding-left: 0px !important;
}
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton[latype="primary"],
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton[latype="secondary"],
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton[latype="warning"] {
  float: right;
}
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton-small[latype="primary"],
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton-small[latype="secondary"],
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton-small[latype="warning"] {
  margin-left: 6px;
  margin-right: 0px !important;
}
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton-small[latype="primary"],
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton-small[latype="secondary"],
.labuttonPanel-more2buttonsWithTertiaryAtLeft > .labutton-small[latype="warning"] {
  margin-left: 9px;
  margin-right: 0px !important;
}
/**********************************************************************************
								MenuBarLabel													  																		
*********************************************************************************/
.MenuBarLabel[ladisabled="true"] {
  cursor: default;
  color: #bbbbbb;
  text-shadow: 1px 1px 0px #ffffff;
}
.MenuBarLabel[ladisabled="true"] {
  background: #f0f0f0;
  /* No Box-Shadow */
  border: 1px solid #d9d9d9;
}
.MenuBarLabel:active[ladisabled="false"],
.MenuBarLabel[popupopen="true"][ladisabled="false"] {
  /* Box-Shadow */
  -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25);
}
.MenuBarLabel:hover[ladisabled="false"][popupopen="false"] {
  /* Background */
  background: #f5f5f5;
  /* Border */
  border: 1px solid #bbbbbb;
}
.MenuBarLabel[ladisabled="false"] {
  /* Background */
  background: #ffffff;
  /* No Text-Shadow */
  /* Others... */
  border: 1px solid #bbbbbb;
  color: #666666;
}
.MenuBarLabel:active[ladisabled="false"],
.MenuBarLabel[popupopen="true"][ladisabled="false"] {
  /* Box-Shadow */
  -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25);
}
.MenuBarLabel:active[ladisabled="false"],
.MenuBarLabel[popupopen="true"][ladisabled="false"] {
  /* Background */
  background: #eaeaea;
  /* Text-Shadow */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  /* Border */
  border: 1px solid #999999;
}
/**********************************************************************************
								PANEL WITH ROUNDED BORDER													  																		
*********************************************************************************/
.newRoundedPanel {
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 7px;
}
.RoundPanel5 {
  padding: 5px;
  text-align: center;
}
.RoundPanel10 {
  padding: 10px;
  text-align: center;
}
.roundedpanel {
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.roundedpanel-overDragged {
  border: 1px dashed #0088ee;
}
/**********************************************************************************
							NoWrapLabel													  																		
*********************************************************************************/
.noWrapLabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/**********************************************************************************
							La grid												  																		
*********************************************************************************/
.laGrid > tbody > tr > td {
  vertical-align: middle;
}
.laGrid .even > td {
  padding-bottom: 3px;
  border-bottom: 1px solid #e9e9e9;
}
/**********************************************************************************
							La Body												  																		
*********************************************************************************/
html,
body {
  height: 100%;
}
.bodynormaldashboard {
  background-color: #ffffff;
}
.bodylogindashboard,
.bodywelcomexpdashboard {
  background-color: #f5f5f5;
}
.bodynormaldashboard .notifAnchorPopup {
  max-height: 240px;
  overflow-y: auto;
  padding: 10px;
  background: #ffffff;
}
/**********************************************************************************
								ListDragImage									  																		
*********************************************************************************/
.DualListBox .title {
  font-weight: normal;
  margin-bottom: 4px;
}
.ListDragImageMask {
  background: #ffffff;
  position: absolute;
  left: 0px;
  z-index: -1;
  height: 30px;
  width: 100%;
}
.ListDragImage {
  height: 14px;
  line-height: 14px;
  padding: 5px 5px 7px;
  position: absolute;
  vertical-align: middle;
  z-index: -2;
  color: #0088ee;
  border: 1px solid #0088ee;
  opacity: 1;
}
.ListDrag_EmptyText,
.ListDrag_InfoText {
  position: absolute;
  width: 100%;
}
.ListDrag_EmptyText {
  top: 45%;
}
.ListDrag_InfoText {
  bottom: 4px;
}
/**********************************************************************************
								Header									  																		
*********************************************************************************/
.headernormaldashboard,
.contentnormaldashboard,
.footer,
.fogdiv {
  margin: 0 auto;
}
.headernormaldashboard {
  min-width: 980px;
}
.headernormaldashboard #topheader > *,
.headernormaldashboard #bottomheader > *,
.headernormaldashboard #middleheader > * {
  width: 980px;
  height: 100%;
  margin: 0 auto;
}
.headernormaldashboard #topheader {
  height: 66px;
}
.bodynormaldashboard .headernormaldashboard #topheader,
.bodylogindashboard .headernormaldashboard #topheader,
.bodywelcomexpdashboard .headernormaldashboard #topheader {
  background-color: #e9e9e9;
  border-bottom: 1px solid #d9d9d9;
}
.headernormaldashboard #topheader .seperator {
  width: 1px;
  height: 32px;
  background: url("images/background/img_DarkHeaderSeperator_32.png");
}
.headernormaldashboard #topheader .hostname {
  padding: 0px 15px;
  color: #666666;
  font-family: 'LatoLight', Arial, sans-serif;
  font-size: 24px;
}
.headernormaldashboard #topheader .login {
  font-size: 14px;
  margin: 0px 10px 0px 15px;
}
.headernormaldashboard .notifBadge {
  border-radius: 8px;
  bottom: 15px;
  left: 40px;
  color: #ffffff;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 12px;
  padding: 0px 4px 1px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #0099ff;
}
.notifContainer {
  position: relative;
}
.headernormaldashboard .notifBadge-error {
  visibility: visible;
  background-color: #ee4444;
}
.headernormaldashboard .notifBadge-warning {
  visibility: visible;
  background-color: #ffbb22;
}
.headernormaldashboard .notifBadge-info {
  visibility: visible;
  background-color: #0099ff;
}
.headernormaldashboard .notifBadge-clear {
  visibility: hidden;
}
.headernormaldashboard .languageListBox {
  background-image: url('images/icn_more20.png');
  background-repeat: no-repeat;
  background-position: left;
}
.headernormaldashboard .languageListBox:hover {
  background-image: url('images/icn_more20_hover.png');
}
.headernormaldashboard .languageListBox .gwt-Image,
.headernormaldashboard .languageListBox .LabelEllipsis {
  display: none;
}
.headernormaldashboard .logoStyle {
  margin-right: 15px;
}
.notifSubMenuText {
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 16px;
  color: #999999;
  padding-left: 6px;
}
.notifSubMenuItemText {
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 14px;
  color: #222222;
  margin-left: 20px;
}
.NotifListWidgetSeparator {
  border-bottom: 1px solid #bbbbbb;
  margin-top: 10px;
  margin-bottom: 25px;
  margin-left: 20px;
  margin-right: 20px;
}
/**********************************************************************************
								AnchorPopup									  																		
*********************************************************************************/
.menuAnchorPopupCustom {
  background-color: #ffffff;
  padding: 0;
}
.appAnchorPopupCustom {
  background-color: #ffffff;
  padding: 10px;
  /* Box-Shadow */
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 200x;
}
.appAnchorPopupCustom .optiscroll-vtrack {
  right: 0;
}
/**********************************************************************************
								AnchorPopup									  																		
*********************************************************************************/
.subMenuBar {
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  z-index: 10000;
  border: 1px solid #BCBCBC;
}
/**********************************************************************************
								App						  																		
*********************************************************************************/
.appSelector > div {
  color: #666666;
  font-family: 'LatoLight', Arial, sans-serif;
  font-size: 14px;
  margin-top: 5px;
  padding-left: 0px !important;
  padding-right: 0px  !important;
}
.appSelector table .carretImage {
  position: relative;
  bottom: 3px;
}
.headerBigSelector table {
  color: #666666;
  font-family: 'LatoLight', Arial, sans-serif;
  font-size: 24px;
  margin-left: 10px;
}
.appNameLabel {
  color: #666666;
  font-family: 'LatoLight', Arial, sans-serif;
  font-size: 24px;
  margin-left: 22px;
  margin-bottom: 1px;
  width: 100%;
  cursor: pointer;
}
.appNameLabel:hover {
  color: #222222;
}
/* .appNameLabel:AFTER{
	background-image: url("images/down_arrow_big.png");
    background-position: 10px 13px;
    background-repeat: no-repeat;
    content: "        ";
    white-space: pre;
} */
.appNameLabel:hover:AFTER {
  background-image: url("images/down_arrow_big_hover.png");
}
/**********************************************************************************
								hedearonefullwidget						  																		
*********************************************************************************/
.hedearonefullwidget {
  padding: 0px 0px 0px 0px !important;
  height: 0px !important;
}
.helpLink {
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px;
}
.helpLink:hover {
  background-color: #ffffff;
}
/**********************************************************************************
								AppBoard					  																		
*********************************************************************************/
.appsGroupWidget {
  position: relative;
  background: #f5f5f5;
}
.appsGroupWidgetTitle {
  height: 50px;
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.appsGroupWidgetTitle input {
  margin-top: 10px;
  margin-left: 10px;
  font-family: 'LatoLight', Arial, sans-serif;
  font-size: 24px;
}
.appsGroupWidgetTitle input {
  font-family: 'LatoLight', Arial, sans-serif;
  font-size: 24px;
}
.appsGroupWidgetTitle input[state="normal"] {
  margin-top: 10px;
  margin-left: 10px;
}
.appsGroupWidgetTitle input[state="label"] {
  margin-top: 11px;
  margin-left: 11px;
  border: none !important;
  background: none !important;
}
.appsGroupWidget:after {
  border-color: rgba(245, 245, 245, 0);
  border-right-color: #f5f5f5;
  border-width: 15px;
  /*Arrow size*/
  margin-top: -15px;
}
.appsGroupWidget:before {
  border-color: rgba(216, 216, 216, 0);
  border-right-color: #d9d9d9;
  border-width: 16px;
  /*Arrow size +1*/
  margin-top: -16px;
}
.appsGroupWidgetGrid {
  padding: 20px;
  transition: width 0.7s ease 0s, height 0.7s ease 0s;
  width: 0;
}
.appQuickActions {
  transform: translateZ(0);
  position: absolute;
  width: 100%;
  top: -67px;
  height: 67px;
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 0;
}
.appQuickActions[show="true"] {
  transform: translateY(67px);
  opacity: 1;
}
.appQuickActions[show="false"] {
  transform: translateY(0px);
  opacity: 0;
}
.appQuickActions > div {
  position: relative;
  width: 500px;
  text-align: center;
  margin: auto;
  border: none;
  height: 100%;
  perspective: 100px;
  -webkit-perspective: 100px;
  border-radius: 4px;
  transition: box-shadow 0.8s ease-in-out;
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.3) inset;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.appQuickActions > div td .actionIcon[hovered="true"] {
  color: #222222;
}
.appQuickActions .actionIcon {
  line-height: 60px;
  vertical-align: middle;
  color: #999999;
}
.appWidgetPanel {
  position: relative;
  left: -45px;
  /*	top: -24px; */
  width: 1070px;
}
.appWidget {
  display: inline-block;
  margin: 24px 18px;
  vertical-align: top;
  position: relative;
  transition: transform 0.3s ease;
}
.appWidget[shrink="true"] {
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
}
.appWidget .icon:not([tiny]) {
  width: 80px;
  height: 80px;
  margin: 0px 26px 12px 26px;
  cursor: pointer;
  border: 1px solid transparent;
}
.appWidget .icon img {
  -webkit-transform-origin: 0% 0%;
  -webkit-transition: -webkit-transform ease 0.5s;
  transform-origin: 0% 0%;
  transition: transform ease 0.5s;
}
.appWidget .directory {
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 3px;
}
.glow .appWidget > .directory {
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 5px;
}
.glow .appWidget > .icon {
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.glow .appWidget .icon > img {
  margin: 3px;
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.appWidget[appstatus="stopped"],
.appWidget[appstatus="not_compliant"] {
  opacity: 0.4;
}
.appWidget[appstatus="stopped"] .icon,
.appWidget[appstatus="error"] .icon,
.appWidget[appstatus="not_compliant"] .icon {
  cursor: default;
}
.appWidget[appstatus="processing_ok"] .icon,
.appWidget[appstatus="processing_nok"] .icon {
  cursor: progress;
}
.appWidget .icon {
  position: relative;
}
.appWidget .icon:not([tiny]) img {
  width: 80px;
  height: 80px;
}
.appWidget .icon-promoted:not([tiny]):before {
  content: "";
  background: url(promoted_apps/dl_app-80.png) no-repeat 0 0;
  position: absolute;
  width: 80px;
  height: 80px;
}
.appWidget .icon[tiny="true"] img {
  width: 20px;
  height: 20px;
  margin: 0;
}
.appWidget .icon-promoted[tiny="true"]:before {
  content: "";
  background: url(promoted_apps/dl_app-20.png) no-repeat 0 0;
  position: absolute;
  width: 20px;
  height: 20px;
}
.appWidget .title {
  font-size: 14px;
  color: #444444;
  width: 134px;
  height: 18px;
  text-align: center;
  line-height: 125%;
  cursor: pointer;
  word-wrap: break-word;
}
.appWidget[appstatus="stopped"] .title,
.appWidget[appstatus="processing_ok"] .title,
.appWidget[appstatus="processing_nok"] .title,
.appWidget[appstatus="error"] .title,
.appWidget[appstatus="not_compliant"] .title {
  cursor: default;
}
.appWidget[appstatus="processing_ok"] .title {
  color: #0099ff;
}
.appWidget[appstatus="processing_nok"] .title {
  color: #ee4444;
}
.appWidget[appstatus="error"] .title:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  font-family: FontAwesome;
  content: "\f057";
  color: #ee4444;
  font-size: 16px;
  margin-right: 6px;
}
.appWidget .progressBar {
  position: absolute !important;
  top: 115px;
  left: 24px;
}
/**********************************************************************************
								Content			  																		
*********************************************************************************/
/* FIXME Necessary?? */
.contentBackground {
  height: 100%;
  /* To avoid a display bug: when the DashBoardWidget is removed of website, it loses his style "position: relative;" (see DashBoard.showWaitPanel(...){ } */
  position: relative;
}
.contentnormaldashboard,
.contentlogindashboard,
.contentwelcomexpdashboard {
  width: 980px;
  height: 100%;
  margin: 0 auto;
  padding: 35px 0px 95px 0px;
}
.contentnormaldashboard {
  background-color: #ffffff;
}
.contentlogindashboard {
  background-color: #f5f5f5;
}
.contentwelcomexpdashboard {
  background-color: #f5f5f5;
}
.contentwelcomexpdashboard .Wizard2BorderView {
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: none repeat scroll 0 0 #ffffff;
}
.contentwelcomexpdashboard .Wizard2Content > tbody > tr > td {
  padding: 30px;
}
/**********************************************************************************
								Left Nav			  																		
*********************************************************************************/
.contentnormaldashboard .leftnav {
  width: 200px;
  padding-right: 1px;
  background: url("images/background/LeftNav_GradntRepeat.png") repeat-y right;
  margin-right: 20px;
  transition: padding-right 0.1s, width 1s ease, opacity 5s ease;
}
.contentnormaldashboard .leftnav.foldleftnav {
  width: 0px !important;
  padding-right: 0 !important;
  overflow: hidden;
  transition: padding-right 0.1s, width 1s ease, opacity 0.7s ease;
}
.contentnormaldashboard .leftnav .borderTop,
.contentnormaldashboard .leftnav .boderBottom {
  height: 0px;
}
.contentnormaldashboard .leftnav .borderTop {
  background: url("images/background/LeftNav_GradntTop.png") no-repeat top right;
}
.contentnormaldashboard .leftnav .boderBottom {
  background: url("images/background/LeftNav_GradntBot.png") no-repeat bottom right;
}
.contentnormaldashboard .leftnav .category {
  font-size: 14px;
  color: #999999;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.leftnav .widget {
  padding: 8px 0px;
  margin-bottom: 9px;
}
.menunav .widget {
  padding: 6px 0px;
  margin-bottom: 9px;
}
.leftnav .widget img,
.menunav .widget img,
.leftnav .widget .fontImgInactive,
.menunav .widget .fontImgInactive,
.leftnav .widget .fontImgActive,
.menunav .widget .fontImgActive {
  float: left;
}
.leftnav .widget .fontImgInactive,
.menunav .widget .fontImgInactive,
.leftnav .widget .fontImgActive,
.menunav .widget .fontImgActive {
  font-size: 17px;
}
.leftnav .widget .fontImgInactive,
.menunav .widget .fontImgInactive {
  color: #999999;
}
.leftnav .widget .fontImgActive,
.menunav .widget .fontImgActive {
  color: #666666;
}
.fontImgSize17 {
  font-size: 17px !important;
}
.fontImgSize19 {
  font-size: 19px !important;
}
.fontImgSize21 {
  font-size: 21px !important;
}
.fontImgInactive {
  color: #999999;
}
.fontImgSmallWidget {
  color: #cccccc;
}
.fontImgActive {
  color: #222222;
}
.fontImgHover {
  color: #0099ff;
}
.leftnav .widget .title,
.menunav .widget .title {
  margin-left: 31px;
  font-size: 15px;
  line-height: 18px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leftnav .widget,
.menunav .widget {
  position: relative;
  right: 12px;
  padding-left: 12px;
  width: 197px;
}
.leftnav .widget {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.leftnav .widget .badge,
.leftnav .widget .badgeNumber,
.menunav .widget .badge,
.menunav .widget .badgeNumber {
  position: absolute;
  top: 7px;
  right: 8px;
}
.leftnav .widget .badge,
.menunav .widget .badge {
  width: 16px;
  height: 16px;
}
.leftnav .widget .badgeNumber,
.menunav .widget .badgeNumber {
  font-size: 14px;
  font-family: 'LatoBold', Arial, sans-serif;
  color: #ffffff;
  padding: 0px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.leftnav .widget .badge[badgetype="loading"],
.menunav .widget .badge[badgetype="loading"] {
  background: url(images/loader_volume16.gif) no-repeat 0 0;
}
.leftnav .widget:hover .badge[badgetype="loading"],
.menunav .widget:hover .badge[badgetype="loading"] {
  background: url(images/loader_volume16_hover.gif) no-repeat 0 0;
}
.leftnav .widget[selected="true"] .badge[badgetype="loading"],
.menunav .widget[selected="true"] .badge[badgetype="loading"] {
  background: url(images/loader_volume16_selected.gif) no-repeat 0 0;
}
.leftnav .widget .badge[badgetype="information"]:before,
.menunav .widget .badge[badgetype="information"]:before,
.leftnav .widget .badge[badgetype="alert"]:before,
.menunav .widget .badge[badgetype="alert"]:before,
.leftnav .widget .badge[badgetype="error"]:before,
.menunav .widget .badge[badgetype="error"]:before {
  font-size: 20px;
  position: relative;
  bottom: 3px;
  right: 2px;
  font-family: fontawesome;
}
.leftnav .widget .badge[badgetype="information"]:before,
.menunav .widget .badge[badgetype="information"]:before {
  content: "\f05a";
  color: #0099ff;
}
.leftnav .widget .badgeNumber[badgetype="information"],
.menunav .widget .badgeNumber[badgetype="information"] {
  background-color: #0099ff;
}
.leftnav .widget .badge[badgetype="alert"]:before,
.menunav .widget .badge[badgetype="alert"]:before {
  content: "\f071";
  color: #ffbb22;
}
.leftnav .widget .badgeNumber[badgetype="alert"],
.menunav .widget .badgeNumber[badgetype="alert"] {
  background-color: #D78020;
}
.leftnav .widget .badge[badgetype="error"]:before,
.menunav .widget .badge[badgetype="error"]:before {
  content: "\f057";
  color: #ee4444;
}
.leftnav .widget .badgeNumber[badgetype="error"],
.menunav .widget .badgeNumber[badgetype="error"] {
  background-color: #ee4444;
}
.leftnav .widget .badge[badgetype="locked"],
.menunav .widget .badge[badgetype="locked"] {
  background: url(images/locked-16.png) no-repeat 0 0;
}
.leftnav .widget .badge[badgetype="unlocked"],
.menunav .widget .badge[badgetype="unlocked"] {
  background: url(images/unlocked-16.png) no-repeat 0 0;
}
.leftnav .widget .badge[badgetype="ejected"],
.menunav .widget .badge[badgetype="ejected"] {
  background: url(images/eject16.png) no-repeat 0 0;
}
.leftnav .widget[selected="false"]:hover,
.menunav .widget[selected="false"]:hover {
  background-color: #F8F8F8;
}
.leftnav .widget[selected="true"],
.menunav .widget[selected="true"] {
  font-family: 'LatoBold', Arial, sans-serif;
  background-color: #e2e2e2;
  color: #666666;
}
.leftnav .widget[selected="true"] .selector {
  width: 5px;
  height: 18px;
  padding: 8px 0px;
  border-right: 5px solid #0099ff;
  float: right;
  position: relative;
  right: -4px;
  top: -26px;
}
.menunav .widget[selected="true"] .selector {
  width: 1px;
  height: 18px;
  padding: 6px 0px;
  border-right: 3px solid #0099ff;
  float: right;
  position: relative;
  right: -4px;
  top: -24px;
}
.leftnav .seperator,
.menunav .seperator {
  width: 198px;
  height: 1px;
  background: url("images/background/LeftNav_Seperator.png");
  margin: 13px 0px 18px 0px;
  position: relative;
  right: -3px;
}
/**********************************************************************************
								FullScreenPanel			  																		
*********************************************************************************/
.FullScreenPanel > div {
  width: 760px;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 0px;
  border-style: none;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
}
.FullScreenPanel .fullHeader {
  padding-bottom: 18px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 18px;
  width: 100%;
}
.FullScreenPanel .fullHeaderSubtitle .fullDefaultText {
  font-size: 14px !important;
}
.FullScreenPanel p.sstitre {
  font-size: 12px;
  color: #999999;
}
.FullScreenPanel .petittexte {
  font-size: 12px;
  color: #999999;
}
.FullScreenPanel .separator {
  border-bottom: 1px dotted #bbbbbb;
  margin-top: 18px;
  margin-bottom: 18px;
}
.FullScreenPanel p.infotext,
.FullScreenPanel .infotext {
  font-size: 12px;
  color: #999999;
}
.FullScreenPanel .submitPanel {
  margin: 10px 0px 10px 520px;
  width: 80px;
}
/**********************************************************************************
								Footer		  																		
*********************************************************************************/
.footer {
  width: 100%;
  height: 32px;
  text-align: right;
  min-width: 980px;
  /*To make bottom bar always visible / sticky ... */
  position: fixed;
  z-index: 99;
  bottom: 0px;
}
.imgFontInactive {
  color: #999999;
}
.imgFontActive {
  color: #0099ff;
}
.bodynormaldashboard .footer,
.bodylogindashboard .footer,
.bodywelcomexpdashboard .footer {
  border-top: 1px solid #d9d9d9;
  background-color: #eeeeee;
  background-image: linear-gradient(top, #eeeeee 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, #eeeeee 0%, #e9e9e9 100%);
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #e9e9e9 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #e9e9e9));
}
.footer,
.footer a {
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}
.footer > table {
  width: 980px;
  margin: auto;
}
.footer #copyright {
  cursor: pointer;
}
.footer #id_footer_time > table {
  width: 100%;
}
.footerIPLabel {
  float: left;
  margin: 9px 0 0 120px;
  font-family: 'LatoBold', Arial, sans-serif;
}
.footerHardwareLabel {
  float: right;
  margin: 9px 148px 0 0;
  font-family: 'LatoBold', Arial, sans-serif;
  cursor: pointer;
}
.statsNotifProgressBar2 {
  width: 75px;
}
.footerTabLine {
  padding: 8px 0 8px 24px;
  border-bottom: 1px solid #eeeeee;
}
.footerDecoratedTabPanel .tabMiddleCenterInner {
  width: 77px;
}
.footerTabHeader {
  font-family: 'LatoBold', Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.defaultTabTitle {
  color: #666666;
}
.selectedTabTitle {
  color: #0099ff;
}
.statsNotifText22 {
  font-size: 12px;
  color: #666666;
}
.statsNotifText4 {
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 2px solid #bbbbbb;
  color: #666666;
  white-space: normal !important;
}
.statsNotifText {
  font-family: 'LatoRegular', Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.footTextAlignRight {
  text-align: center;
}
/**********************************************************************************
								ProxyPanel	  																		
*********************************************************************************/
.proxyPanel {
  padding: 6px 0px;
}
.proxyPanel .petittexte {
  font-size: 12px;
  color: #999999;
}
/**********************************************************************************
								Dash Widget	  																		
*********************************************************************************/
.SimpleDashWidget {
  height: 143px;
  width: 222px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #eeeeee url(images/background/small_widget_background.png) repeat-x top left;
}
.SimpleDashWidget .level1APanel {
  background: transparent;
  width: 200px;
  height: 130px;
}
.SimpleDashWidgetHeader {
  width: 100%;
  height: 28px;
}
.SimpleDashWidget .loadingImage {
  position: absolute;
  right: 15px;
  vertical-align: middle;
  margin-top: 8px;
}
.SimpleDashWidget .closePButton {
  position: absolute;
  right: 0;
  vertical-align: middle;
  margin-top: 8px;
  cursor: pointer;
}
.SimpleDashWidgetContent {
  font-size: 12px;
  color: #999999;
  cursor: pointer;
}
.SimpleDashWidget h4 {
  font-size: 12px;
  color: #0088ee;
  font-weight: normal;
  padding-top: 3px;
}
.SimpleDashWidget table table {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.SimpleDashWidget .texte {
  font-size: 12px;
}
.SimpleDashWidget .petittexte {
  font-size: 12px;
  color: #999999;
  line-height: 10px;
}
.SimpleDashWidget .bigtext1 {
  font-size: 20px;
  color: #0088ee;
  font-weight: normal;
}
.SimpleDashWidget .bigtext2 {
  font-size: 20px;
  font-weight: normal;
  color: #0099ff;
  padding-right: 5px;
}
.SimpleDashWidget .datashead {
  font-size: 12px;
  color: #999999;
  border-collapse: separate;
}
.SimpleDashWidget .datashead td {
  vertical-align: middle;
  padding: 2px 5px;
  border-right: 1px solid;
}
.SimpleDashWidget .datascontainer {
  overflow-x: hidden;
  overflow-y: scroll;
  margin-bottom: 20px;
  height: 90px;
  width: 205px;
}
.SimpleDashWidget .datas {
  color: #444444;
  border-collapse: separate;
  width: 180px;
}
.SimpleDashWidget .odd td {
  background: #e9e9e9;
  border-right: 2px solid;
  padding: 1px 5px;
}
.SimpleDashWidget .even td {
  border-right: 2px solid;
  padding: 1px 5px;
}
.SimpleDashWidget .ampm {
  font-size: 12px;
}
.SimpleDashWidget .subtitles {
  font-size: 12px;
  font-family: 'LatoBold', Arial, sans-serif;
  color: #0099ff;
  line-height: 12px;
  padding-right: 5px;
}
#scrollup {
  position: relative;
  overflow: hidden;
  height: 38px;
  width: 100%;
}
.headline {
  position: absolute;
  height: 28px;
  width: 100%;
  top: 40px;
  left: 0;
}
.textboxoptionnalcontent {
  font-style: italic;
  color: #999999;
}
/**********************************************************************************
								TIME PICKER																		
*********************************************************************************/
.timepicker-button {
  width: 10px;
  height: 10px;
  padding-left: 6px;
  padding-right: 6px;
}
.grayLittleMessage {
  font-size: 12px;
  color: #999999;
}
.grayMessage {
  color: #999999;
}
.textBoxOptionnalMessage {
  color: #bbbbbb !important;
}
/*******************************************************************************
								Tag box
********************************************************************************/
.tagBox {
  border: 1px solid #cccccc;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  width: 100%;
}
.tagBox .InputTextBox {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  vertical-align: middle;
}
.tagBox input {
  width: 100px;
}
.tagBox .gwt-TextBox {
  border: 1px solid transparent;
}
.tagBox .gwt-TextBox:focus {
  border: 1px solid transparent;
}
.tag {
  display: inline-block;
  background: #f5f5f5;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
  margin: 2px;
}
.tag > div {
  display: inline-block;
}
.tag .closeButton:before {
  content: "\e800";
  font-family: Fontello;
  font-size: 20px;
  color: #666666;
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer;
}
/**********************************************************************************
									multi isnput moveCross																		
*********************************************************************************/
.lightInputBorder input {
  border-color: #eeeeee !important;
}
/*
 * Bug IE10
 */
.InputTextBox input::-ms-clear {
  display: none;
}
.multiInput {
  overflow-x: visible;
  overflow-y: scroll;
}
.multiInput[aslabel="true"] input {
  border: none;
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@White', endColorstr='@White',GradientType=0);
  /* IE6-9 */
  color: #666666;
  text-overflow: ellipsis;
}
.multiInputAnim {
  margin-bottom: 15px;
  height: auto;
  opacity: 1;
  transition: height ease 0.5s, opacity ease 0.5s, margin-bottom ease 0.5s;
}
.multiInputAnimFold {
  margin-bottom: 0px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
}
.moveCross {
  width: 20px;
  height: 20px;
  position: relative;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Safari and Chrome */
  -webkit-transition: -webkit-transform ease 0.2s, -webkit-box-shadow ease 1s, -webkit-transform-origin ease 1s, border 0.5s ease, width 1s ease, height 1s ease, margin-left 1s ease;
  transition: transform ease 0.2s, box-shadow ease 1s, transform-origin ease 1s, border 0.5s ease, width 1s ease, height 1s ease, margin-left 1s ease;
  margin-left: 3px;
  cursor: pointer;
  opacity: 1;
}
.moveCross-x {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  -webkit-transition: -webkit-transform ease 0.2s, margin-left ease 1s;
  transition: transform ease 0.2s, margin-left ease 1s;
}
.moveCross-v {
  margin-left: 8px;
}
.moveCross-play {
  /*font-size set global size*/
  /*font-size:16px;*/
}
.moveCross:before,
.moveCross:after {
  border-radius: 3px;
  content: " ";
  position: absolute;
  z-index: -1;
  background: #eeeeee;
  -webkit-transition: height ease 1s, margin-top ease 1s, top ease 1s, width ease 1s, margin-left ease 1s, left ease 1s, background ease 0.3s, -webkit-transform ease 1s;
  transition: height ease 1s, margin-top ease 1s, top ease 1s, width ease 1s, margin-left ease 1s, left ease 1s, background ease 0.3s, transform ease 1s;
}
.moveCross > div {
  -webkit-transition: margin-left 1s ease, height ease 1s, margin-top ease 1s, top ease 1s, width ease 1s, margin-left ease 1s, left ease 1s, background ease 0.3s, -webkit-transform ease 1s, border 0.5s ease;
  transition: margin-left 1s ease, height ease 1s, margin-top ease 1s, top ease 1s, width ease 1s, margin-left ease 1s, left ease 1s, background ease 0.3s, transform ease 1s, border 0.5s ease;
}
.moveCross-x:before,
.moveCross-x:after,
.moveCross-square:before,
.moveCross-square:after,
.moveCross-pause:before,
.moveCross-pause:after {
  background: #888888;
}
.moveCross-v:before,
.moveCross-v:after {
  background: #88cc00;
}
.moveCross-x:hover:before,
.moveCross-x:hover:after,
.moveCross-square:hover:before,
.moveCross-square:hover:after {
  background: #444444;
}
.moveCross-play,
.moveCross-play > div {
  background: none;
  width: 0 !important;
  height: 0 !important;
}
.moveCross-play {
  margin-left: 0;
}
.moveCross-play > div {
  margin-left: 0.4em;
}
.moveCross-play > div {
  /*top:0.15em;*/
  position: absolute;
  bottom: 2%;
  border-top: 0.60em solid transparent;
  border-bottom: 0.60em solid transparent;
  border-left: 0.9em solid #888888;
}
.moveCross:before {
  left: 50%;
  width: 10%;
  margin-left: -5%;
  height: 100%;
  /* transition: height ease 1s, margin-top ease 1s, top ease 1s, width ease 1s, margin-left ease 1s, left ease 1s;*/
}
.moveCross-v:before {
  left: 45%;
  width: 10%;
  margin-left: -5%;
  height: 85%;
}
.moveCross-square:before {
  height: 80%;
  margin-left: -40%;
  margin-top: 10%;
  width: 80%;
}
.moveCross-pause:before {
  height: 80%;
  margin-left: -30%;
  margin-top: 10%;
  width: 20%;
}
.moveCross:after {
  top: 50%;
  height: 10%;
  margin-top: -5%;
  width: 100%;
  /*transition: height ease 1s, margin-top ease 1s, top ease 1s, width ease 1s, margin-left ease 1s, left ease 1s;*/
}
.moveCross-v:after {
  top: 45%;
  height: 10%;
  margin-top: 30%;
  width: 47%;
}
.moveCross-square:after {
  height: 80%;
  margin-left: 10%;
  margin-top: -40%;
  top: 50%;
  width: 80%;
}
.moveCross-pause:after {
  height: 80%;
  margin-left: 64%;
  margin-top: -40%;
  top: 50%;
  width: 20%;
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.moveCross-spin {
  animation: spin 1s infinite steps(8);
  -webkit-animation: spin 1s infinite steps(8);
}
.moveCross-spin:before,
.moveCross-spin:after,
.moveCross-spin > div:before,
.moveCross-spin > div:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0.5625em;
  width: 0.125em;
  height: 0.375em;
  border-radius: 0.05em;
  background: #eeeeee;
  -webkit-box-shadow: 0 0.875em #eeeeee;
  box-shadow: 0 0.875em #eeeeee;
  transform-origin: 50% 0.625em;
  -webkit-transform-origin: 50% 0.625em;
  -ms-transform-origin: 50% 0.625em;
}
.moveCross-spin:before {
  background: #666666;
}
.moveCross-spin:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #777777;
}
.moveCross-spin > div:before {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  background: #999999;
}
.moveCross-spin > div:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  background: #bbbbbb;
}
.moveCross-black:after,
.moveCross-black:before {
  background-color: #222222;
  border-color: #222222;
}
.moveCross-blue:after,
.moveCross-blue:before {
  background-color: #0088ee;
  border-color: #0088ee;
}
.moveCross-turquoiseblue:after,
.moveCross-turquoiseblue:before {
  background-color: #0099ff;
  border-color: #0099ff;
}
.moveCross-lightblue:after,
.moveCross-lightblue:before {
  background-color: #80ccff;
  border-color: #80ccff;
}
.moveCross-red:after,
.moveCross-red:before {
  background-color: #ee4444;
  border-color: #ee4444;
}
.moveCross-green:after,
.moveCross-green:before {
  background-color: #85b200;
  border-color: #85b200;
}
.moveCross-orange:after,
.moveCross-orange:before {
  background-color: #ffbb22;
  border-color: #ffbb22;
}
.moveCross-defaultGrey:after,
.moveCross-defaultGrey:before {
  background-color: #444444;
  border-color: #444444;
}
.moveCross-grey1:after,
.moveCross-grey1:before {
  background-color: #666666;
  border-color: #666666;
}
.moveCross-lightgrey1:after,
.moveCross-lightgrey1:before {
  background-color: #999999;
  border-color: #999999;
}
/**********************************************************************************
								Warning label																		
*********************************************************************************/
.warningLabel {
  color: #ee4444;
  font-size: 12px;
}
/**********************************************************************************
								Link																	
*********************************************************************************/
.link {
  color: #0099ff;
}
.link-disabled {
  color: #cccccc;
}
.link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.link2 {
  padding: 3px 8px;
  vertical-align: middle;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 14px;
  white-space: nowrap;
  color: #0099ff;
}
.link2:hover {
  background-color: #0099ff;
  color: #ffffff;
  cursor: pointer;
}
.link2-disabled {
  color: #AAAAAA;
  text-shadow: -1px 1px 0px #ffffff;
  cursor: default;
  padding: 6px 10px;
  vertical-align: middle;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 16px;
  white-space: nowrap;
}
.link2BorderSpacer {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 5px;
  margin-bottom: 1px;
}
/**********************************************************************************
									menuList																	
*********************************************************************************/
.menuList .title {
  font-size: 12px;
  font-family: 'LatoRegular', Arial, sans-serif;
  color: #666666;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 5px;
}
/**********************************************************************************
								Modal DraggabelPopup																	
*********************************************************************************/
.widget-ModalDraggabelPopup {
  background-image: url(images/background/grey_background.png);
  background-repeat: repeat;
  clip: rect(auto, auto, auto, auto);
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
}
.gwt-PopupPanelGlass {
  background-color: #ffffff;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);
  filter: alpha(opacity = 75);
  z-index: 10000;
  /*because:  .gwt-DialogBox { z-index: 10000} */
}
.widget-ModalDraggabelPopup-content {
  position: absolute;
  z-index: 10002;
}
.widget-ModalDraggabelPopup-title {
  color: #0088ee;
  font-size: 12px;
  font-family: 'LatoBold', Arial, sans-serif;
  padding: 1px 1px 1px 8px;
}
/**********************************************************************************
								Modal DraggabelPopup																	
*********************************************************************************/
.EditableLabel[editable=true]:hover {
  cursor: pointer;
}
/**********************************************************************************
								Wizard 2																	
*********************************************************************************/
.Wizard2 .wizardViewTitle {
  font-size: 16px !important;
  color: #666666 !important;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'LatoBold', Arial, sans-serif;
}
.Wizard2BorderView {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: none repeat scroll 0 0 #ffffff;
}
.Wizard2BorderView {
  position: relative;
}
.Wizard2Content > tbody > tr > td {
  vertical-align: top;
  padding: 8px;
}
.Wizard2Content > tbody > tr > td > table > tbody tr:nth_child(3) > td {
  white-space: nowrap;
}
.Wizard2BorderView .headNote {
  font-size: 14px !important;
  padding: 15px !important;
}
.headNotrDisplayNone {
  visibility: hidden;
}
.Wizard2BorderView .headNote:before {
  font-family: FontAwesome;
  content: "\f05a";
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #0099ff;
  margin-right: 12px;
}
.Wizard2BorderView .footNote {
  position: absolute;
  bottom: 8px;
}
.Wizard2BorderView .footNoteNew {
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
}
.Wizard2InnerBorderView {
  border-right: 1px solid #cccccc;
}
.WizardProgressBar {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
}
.WizardProgressBar-firststep {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 0px;
}
.WizardProgressBar-laststep {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 1px;
}
.WizardProgressBar-minorstepinactive {
  height: 2px;
  background-color: #f0f0f0;
}
.WizardProgressBar-minorstepactive {
  height: 2px;
  background-color: #0099ff;
}
.WizardProgressBar-transition {
  -webkit-transition: width 0.5s ease 0s !important;
  transition: width 0.5s ease 0s !important;
  -moz-transition: width 0.5s ease 0s !important;
}
.wizardActiveBar {
  position: relative;
  top: -2px;
}
/**********************************************************************************
								Tooltips																	
*********************************************************************************/
.latooltip {
  /* Border radius */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* Others */
  background: #ffffff;
  border: 3px solid #ffffff;
  z-index: 10000;
}
.latooltip-left:after,
.latooltip-right:after {
  content: ' ';
  height: 0px;
  position: absolute;
  width: 0px;
  border-style: solid;
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent #444444 transparent;
  bottom: 100%;
}
.latooltip-left:after {
  left: 10px;
}
.latooltip-right:after {
  right: 10px;
}
.latooltip .popupContent {
  /* Border radius */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* Font */
  font-family: 'LatoBold', Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-align: left;
  line-height: 120%;
  /* Others */
  max-width: 200px;
  padding: 10px;
  background: #444444;
  white-space: normal;
  word-wrap: break-word;
}
.latooltip .popupContent p {
  margin-bottom: 4px;
}
.latooltip .popupContent p:last-child {
  margin-bottom: 0px !important;
}
.latooltip-left .popupContent:after,
.latooltip-right .popupContent:after {
  content: ' ';
  height: 0px;
  position: absolute;
  width: 0px;
  border-style: solid;
  border-width: 0px 8px 8px 8px;
  border-color: transparent transparent #ffffff transparent;
  bottom: 100%;
}
.latooltip-firefox .popupContent:after {
  border-style: inset solid;
}
.latooltip-left .popupContent:after {
  left: 7px;
}
.latooltip-right .popupContent:after {
  right: 7px;
}
/**********************************************************************************
						SyncAlert & informationPanelText																
*********************************************************************************/
.syncalertContainer {
  position: absolute;
  top: 99px;
  overflow: visible;
  z-index: 50000;
}
.syncalertWrap {
  position: relative;
  display: inline-block;
  opacity: 1;
  transition: height 0.6s ease, left 0.6s ease, opacity 0.8s ease, margin-bottom 0.6s ease, margin-top 0.6s ease, margin-left 0.6s ease;
}
.syncalertWrap-fold {
  opacity: 0;
  height: 0 !important;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}
.syncalertPopup {
  position: fixed !important;
}
.syncalert {
  margin: 3px 0px;
  z-index: 10000;
  min-width: 250px;
  max-width: 980px;
}
.syncalert,
.informationPanelText,
.Wizard2BorderView .headNote {
  display: block;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 12px;
  color: #444444;
  line-height: 150%;
  padding: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  background: #fafafa;
}
.informationPanelText {
  text-align: left;
  margin-left: 18%;
  margin-right: 18%;
  padding: 14px 22px 14px 22px !important;
  font-size: 14px !important;
}
.syncalert .closeButton {
  cursor: pointer;
}
.syncalert .closeButton:before {
  content: "\e800";
  font-family: Fontello;
  font-size: 20px;
  float: right;
}
.syncalert .optionalWidget {
  margin-left: 16px;
  margin-right: 16px;
}
.syncalerticon {
  vertical-align: middle;
}
.syncalerticon-red:before,
.syncalerticon-orange:before,
.syncalerticon-blue:before,
.informationPanelText-error:before,
.informationPanelText-warning:before,
.informationPanelText-information:before {
  font-family: FontAwesome;
  font-size: 20px;
  padding-right: 15px;
}
.syncalerticon-red:before,
.syncalerticon-orange:before,
.syncalerticon-blue:before {
  float: left;
}
.middleheaderError {
  /* Background */
  background: #FFDFD9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffdfd9 0%, #f3d4ce 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdfd9), color-stop(100%, #f3d4ce));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffdfd9 0%, #f3d4ce 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffdfd9 0%, #f3d4ce 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffdfd9 0%, #f3d4ce 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffdfd9 0%, #f3d4ce 100%);
  /* W3C */
}
.ie9 .middleheaderError {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGREZEOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0YzRDRDRSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk3MikiIC8+Cjwvc3ZnPg==);
}
.syncalerticon-red:before,
.informationPanelText-error:before {
  content: "\f06a";
  color: #ee4444;
}
.middleheaderAlert {
  /* Background */
  background: #FFF1D6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff1d6 0%, #f4e7cd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff1d6), color-stop(100%, #f4e7cd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff1d6 0%, #f4e7cd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff1d6 0%, #f4e7cd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff1d6 0%, #f4e7cd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fff1d6 0%, #f4e7cd 100%);
  /* W3C */
}
.ie9 .middleheaderAlert {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNzciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRjFENiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y0RTdDRCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM3NykiIC8+Cjwvc3ZnPg==);
}
.syncalerticon-orange:before,
.informationPanelText-warning:before {
  content: "\f071";
  color: #ffbb22;
}
.syncalerticon-blue:before,
.informationPanelText-information:before {
  content: "\f05a";
  color: #0099ff;
}
.ie9 .syncalerticon-red:before,
.ie9 .syncalerticon-orange:before,
.ie9 .syncalerticon-blue:before {
  clear: both;
  display: table;
  position: absolute;
}
.ie9 .syncalerticon-red .gwt-HTML,
.ie9 .syncalerticon-orange .gwt-HTML,
.ie9 .syncalerticon-blue .gwt-HTML {
  margin-left: 100px;
}
.middleheaderInformation {
  background: #D5EBFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d5ebff 0%, #c2def4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5ebff), color-stop(100%, #c2def4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d5ebff 0%, #c2def4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d5ebff 0%, #c2def4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d5ebff 0%, #c2def4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d5ebff 0%, #c2def4 100%);
  /* W3C */
}
.ie9 .middleheaderInformation {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q1RUJGRiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0MyREVGNCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzg1NykiIC8+Cjwvc3ZnPg==);
}
.informationPanelText-standard {
  text-align: center;
  margin: 0px;
  padding: 200px;
  border-style: none;
  border-width: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
}
/* .informationPanelText-standard:before {
	content:"" ;
	display: inline;
	padding-right: 0px;
	height: 0px;
	width: 0px;
} */
/**********************************************************************************
						labuttonhover																
*********************************************************************************/
.labuttonhover {
  margin: 3px 0px 0px 2px;
}
.labuttonhover[ladisabled="false"] {
  cursor: pointer;
}
.labuttonhover:active[ladisabled="false"] {
  position: relative;
  top: 1px;
}
/**********************************************************************************
						Menu Bar (Custom Listbox)																
*********************************************************************************/
.gwt-MenuBarPopup {
  z-index: 1000;
  margin-left: 1px;
}
.MenuBarPopup {
  background-color: #ffffff;
  margin: 2px 0 0 14px;
  padding: 5px 0px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: relative;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  /*margin chrome + safari*/
  -webkit-margin-before: 2px;
  -webkit-margin-start: 16px;
}
.MenuBarPopup:before,
.MenuBarPopup:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.MenuBarPopup:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.MenuBarPopup:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 11px;
  margin-left: -11px;
}
.MenuBarPopup[arrow="none"]:after,
.MenuBarPopup[arrow="none"]:before {
  display: none;
}
/*delete lef/right padding when hover a menuBar popup*/
.MenuBarPopup .popupContent table {
  border-collapse: collapse;
  border-spacing: 0;
}
.MenuBarPopup > table {
  width: 100%;
  border-spacing: 0;
  border-bottom: 0px;
}
.MenuItem {
  height: 26px;
  /* 	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px; */
  vertical-align: middle;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 12px;
  white-space: nowrap;
}
.MenuItem-xsmall {
  font-size: 12px;
  padding-left: 10px;
  height: 26px;
}
.MenuItem-small {
  font-size: 12px;
  padding-left: 10px;
  height: 26px;
}
.MenuItem-medium {
  font-size: 14px;
  padding-left: 10px;
  height: 28px;
}
.MenuItem-large {
  font-size: 16px;
  padding-left: 15px;
  height: 33px;
}
.MenuItem[menutype=section] {
  font-family: 'LatoBold', Arial, sans-serif;
  cursor: default;
}
/**********************************************************************************
						Progress Bar																
*********************************************************************************/
/** fluidProgressBar **/
.fluidProgressBar {
  background-color: #e2e2e2;
}
.fluidProgressBar > div {
  height: 100%;
  transition: width 0.8s ease;
  max-width: 100%;
}
.fluidProgressBar-active > div {
  background: #0099ff;
}
.fluidProgressBar-inactive > div {
  background: #999999;
}
.fluidProgressBar-alert > div {
  background: #ffbb22;
}
.fluidProgressBar-error > div {
  background: #ee4444;
}
.fluidProgressBar-small {
  height: 2px;
}
.fluidProgressBar-regular {
  height: 8px;
}
/** LaProgressBar **/
.LaProgressBar {
  border: 0;
}
.LaProgressBar-small {
  height: 2px;
}
.LaProgressBar-regular {
  height: 8px;
}
.LaProgressBar-small > div {
  height: 2px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.LaProgressBar-regular > div {
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progressBarBackground {
  border: 1px solid #cccccc;
  background-color: #e2e2e2;
}
.progressBarForeground {
  filter: alpha(opacity=100);
  /* IE */
  -moz-opacity: 1;
  /* Mozilla */
  opacity: 1;
  /* CSS3 */
}
.LaProgressBar-active .progressBarForeground {
  border: 1px solid #0099ff;
  /* Background */
  background: #0099ff;
  /* Old browsers */
}
.ie9 .LaProgressBar-active .progressBarForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMEJCRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDk5RkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMjApIiAvPgo8L3N2Zz4=);
}
.LaProgressBar-inactive .progressBarForeground {
  border: 1px solid #999999;
  /* Background */
  background: #999999;
  /* Old browsers */
}
.ie9 .LaProgressBar-inactive .progressBarForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0E3QTdBNyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk1MSkiIC8+Cjwvc3ZnPg==);
}
.LaProgressBar-alert .progressBarForeground {
  border: 1px solid #ffbb22;
  /* Background */
  background: #ffbb22;
  /* Old browsers */
}
.ie9 .LaProgressBar-alert .progressBarForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjk3MyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZCOUE0MCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzUxNykiIC8+Cjwvc3ZnPg==);
}
.LaProgressBar-error .progressBarForeground {
  border: 1px solid #ee4444;
  /* Background */
  background: #ee4444;
  /* Old browsers */
}
.ie9 .LaProgressBar-error .progressBarForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkY3MzczIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkUxMzEzIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjgpIiAvPgo8L3N2Zz4=);
}
.progressBar-NoRight {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.progressBar-NoLeft {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-width: 0px;
}
/**********************************************************************************
						VU Meter															
*********************************************************************************/
.LaVUMeter {
  border: 0;
}
.LaVUMeter > div {
  height: 13px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.VUMeterBackground {
  border: 1px solid #cccccc;
  background-color: #e2e2e2;
}
.VUMeterForeground {
  filter: alpha(opacity=100);
  /* IE */
  -moz-opacity: 1;
  /* Mozilla */
  opacity: 1;
  /* CSS3 */
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.VUMeterBackImage {
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 1px;
  border: 0;
  background-repeat: repeat;
  background-image: url(images/VUMeter_foreground.png);
}
.VUMeterPercentageNORMAL {
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 1px;
  font: 16px 'LatoBold', Arial, sans-serif;
}
.VUMeterPercentageHIGH {
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 1px;
  font: 16px 'LatoBold', Arial, sans-serif;
  color: #ffffff;
}
.LaVUMeter-active .VUMeterPercentageNORMAL {
  color: #0099ff;
}
.LaVUMeter-inactive .VUMeterPercentageNORMAL {
  color: #999999;
}
.LaVUMeter-alert .VUMeterPercentageNORMAL {
  color: #ffbb22;
}
.LaVUMeter-error .VUMeterPercentageNORMAL {
  color: #ee4444;
}
.LaVUMeter-active .VUMeterForeground {
  border: 1px solid #0099ff;
  /* Background */
  background: #0099ff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0099ff 0%, #0099ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0099ff), color-stop(100%, #0099ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0099ff 0%, #0099ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0099ff 0%, #0099ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0099ff 0%, #0099ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0099ff 0%, #0099ff 100%);
  /* W3C */
}
.ie9 .LaVUMeter-active .VUMeterForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMEJCRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDk5RkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMjApIiAvPgo8L3N2Zz4=);
}
.LaVUMeter-inactive .VUMeterForeground {
  border: 1px solid #999999;
  /* Background */
  background: #cccccc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cccccc 0%, #bbbbbb 100%);
  /* W3C */
}
.ie9 .LaVUMeter-inactive .VUMeterForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0E3QTdBNyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzcxMykiIC8+Cjwvc3ZnPg==);
}
.LaVUMeter-alert .VUMeterForeground {
  border: 1px solid #eeaa22;
  /* Background */
  background: #ffbb22;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffbb22 0%, #ffcc66 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbb22), color-stop(100%, #ffcc66));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffbb22 0%, #ffcc66 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffbb22 0%, #ffcc66 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffbb22 0%, #ffcc66 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffbb22 0%, #ffcc66 100%);
  /* W3C */
}
.ie8 .LaVUMeter-alert .VUMeterForeground {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@YellowDefault', endColorstr='@YellowLightHover',GradientType=0 );
}
.ie9 .LaVUMeter-alert .VUMeterForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjk3MyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZCOUE0MCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzg2MikiIC8+Cjwvc3ZnPg==);
}
.LaVUMeter-error .VUMeterForeground {
  border: 1px solid #dd4444;
  /* Background */
  background: #ee4444;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ee4444 0%, #ff7777 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee4444), color-stop(100%, #ff7777));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ee4444 0%, #ff7777 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ee4444 0%, #ff7777 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ee4444 0%, #ff7777 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ee4444 0%, #ff7777 100%);
  /* W3C */
}
.ie9 .LaVUMeter-alert .VUMeterForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNzM3MyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZFMTMxMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU2OSkiIC8+Cjwvc3ZnPg==);
}
.LaVUMeter-normal .VUMeterForeground {
  border: 1px solid #70b000;
  /* Background */
  background: #88cc00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #88cc00 0%, #bbee66 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88cc00), color-stop(100%, #bbee66));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #88cc00 0%, #bbee66 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #88cc00 0%, #bbee66 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #88cc00 0%, #bbee66 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #88cc00 0%, #bbee66 100%);
  /* W3C */
}
.ie9 .LaVUMeter-normal .VUMeterForeground {
  /* SVG as background image (http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNzM3MyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZFMTMxMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU2OSkiIC8+Cjwvc3ZnPg==);
}
/**********************************************************************************
 * 										Slider Button
 *************************************************************************************/
.slider {
  border: 2px solid #999999;
  background-color: #ffffff;
  border-radius: 20px;
  width: 46px;
  height: 22px;
  cursor: pointer;
}
.slider + div {
  display: none;
}
.sliderBullet {
  border: 2px solid #ffffff;
  background-color: #999999;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
}
.slideTransition {
  -webkit-transition: -webkit-transform 0.2s ease, border-color 0.4s ease, background-color 0.4s ease;
  transition: transform 0.2s ease, border-color 0.4s ease, background-color 0.4s ease;
}
.slider[state="true"] {
  border: 2px solid #0099ff;
  background-color: #0099ff;
}
.slider[state="true"] .sliderBullet {
  border: 2px solid #ffffff;
  background-color: #0099ff;
}
.slider[state="true"] .sliderBullet.slideTransition {
  -webkit-transform: translate3d(24px, 0px, 0px);
  transform: translate3d(24px, 0px, 0px);
}
.slider[disabled="true"] {
  cursor: default;
  opacity: 0.5;
}
.slider[inloading="true"] {
  cursor: progress;
}
.slider[inloading="true"] + div {
  position: absolute;
  left: 52px;
  top: 5px;
  display: inline-block;
}
/* IE9 hack*/
.ie9.slider {
  position: relative;
}
.slider.ie9 .sliderBullet {
  position: absolute;
}
.slider[state="true"].ie9 .sliderBullet {
  right: 0;
}
/*/***********/
/*	LaSlider */
/*************/
.SliderButtonMaxValueLabel,
.SliderButtonMinValueLabel {
  margin-top: 10px;
}
.SliderButtonMaxValueLabel {
  float: right;
}
.SliderButtonMinValueLabel {
  float: left;
}
/**********************************************************************************
 								Small Widget
*************************************************************************************/
.SmallWidget-dragged {
  z-index: 1;
}
.SmallWidgetButton {
  font: 15px Arial;
}
.SmallWidgetButton[laenabled=true]:BEFORE {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
  margin: 1px 5px 0px 0px;
  background: url("images/icn_plus.png") no-repeat scroll 0 0 transparent;
}
.SmallWidgetButton[laenabled=true] {
  color: #0099ff;
}
.SmallWidgetButton[laenabled=false] {
  color: #999999;
  margin-top: 10px;
}
/**********************************************************************************
 								Draggable Item
*************************************************************************************/
.draggableItem-dragged {
  z-index: 1;
}
/**********************************************************************************
 								labelled PanelTitle
*************************************************************************************/
.labelledPanelTitle {
  background-color: #f5f5f5;
  padding: 10px 8px;
  margin-bottom: 8px;
}
.labelledPanelTitle-separator {
  margin-top: 32px;
}
.labelledPanelTitle > * {
  float: right;
}
.labelledPanelTitle > .title {
  color: #666666;
  font-size: 15px;
  font-family: 'LatoLight', Arial, sans-serif;
  text-transform: uppercase;
  display: inline;
  float: inherit;
}
.labelledPanelTitle .labutton {
  padding: 0px !important;
  margin-left: 26px;
}
.labelledPanelTitle .labutton-small {
  height: 17px !important;
}
.labelledPanelTitle .labutton-regular {
  height: 19px !important;
}
.labelledPanelTitle.labelledPanelTitle-white {
  /*  	background-color: @White; */
  /*  	border-top: none; */
  /*  	border-bottom: 1px dotted @GrayB; */
  /*     margin-top:30px; */
}
/**********************************************************************************
 								File Picker
*************************************************************************************/
.LaPathPicker {
  border: 1px solid #cccccc;
  font-family: 'LatoLight', Arial, sans-serif;
  font-size: 16px;
  color: #666666;
  padding: 3px 10px;
  margin-top: 2px;
  cursor: pointer;
  display: inline-block;
  /* Background */
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #e2e2e2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #e2e2e2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@GrayE', endColorstr='@GrayE2',GradientType=0);
  /* IE6-9 */
}
.LaPathPicker-first {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.LaPathPicker-last {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.LaPathPicker-selected {
  font-family: 'LatoBold', Arial, sans-serif;
  position: relative;
  /* Background */
  background: #f5f5f5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@GrayF5', endColorstr='@White',GradientType=0);
  /* IE6-9 */
}
.LaFileItem {
  display: inline-block;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}
.LaFileItem > div {
  padding-left: 20px;
}
.LaFileItem-selected {
  background-color: #0099ff;
}
.LaFileItem-selected > div {
  color: #ffffff;
  font-family: 'LatoBold', Arial, sans-serif;
  overflow: visible;
}
/**********************************************************************************
 								Anchor Popup
*************************************************************************************/
.anchorPopup {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  z-index: 10000;
  border: 1px solid #bbbbbb;
}
.anchorPopup[anchorPosition="Above"] {
  margin-top: 4px;
}
.anchorPopup[anchorPosition="Below"] {
  margin-top: -4px;
}
.anchorPopup[anchorPosition="Above"][anchorAlign="Right"] {
  margin-top: 9px;
  -webkit-box-shadow: -2px 2px 2px #bbbbbb;
  -moz-box-shadow: -2px 2px 2px #bbbbbb;
  box-shadow: -2px 2px 2px #bbbbbb;
}
.anchorPopup[anchorPosition="Above"][anchorAlign="Left"] {
  margin-top: 9px;
  -webkit-box-shadow: 2px 2px 2px #bbbbbb;
  -moz-box-shadow: 2px 2px 2px #bbbbbb;
  box-shadow: 2px 2px 2px #bbbbbb;
}
.anchorPopup[anchorPosition="Below"][anchorAlign="Right"] {
  margin-top: 9px;
  -webkit-box-shadow: -2px -2px 2px #bbbbbb;
  -moz-box-shadow: -2px -2px 2px #bbbbbb;
  box-shadow: -2px -2px 2px #bbbbbb;
}
.anchorPopup[anchorPosition="Below"][anchorAlign="absoluteRight"] {
  margin-top: 9px;
  -webkit-box-shadow: -2px -2px 2px #bbbbbb;
  -moz-box-shadow: -2px -2px 2px #bbbbbb;
  box-shadow: -2px -2px 2px #bbbbbb;
}
.anchorPopup[anchorPosition="Below"][anchorAlign="Left"] {
  margin-bottom: 9px;
  -webkit-box-shadow: 2px -2px 2px #bbbbbb;
  -moz-box-shadow: 2px -2px 2px #bbbbbb;
  box-shadow: 2px -2px 2px #bbbbbb;
}
.anchorPopup .popupContent .anchorHeader {
  border-bottom: 1px solid #bbbbbb;
  padding: 10px;
  background: #f5f5f5;
}
.anchorPopup .popupContent .statsAnchorHeader {
  border-bottom: 1px solid #bbbbbb;
  padding: 0px;
  background: #f5f5f5;
}
.anchorPopup .popupContent .anchorContent {
  padding: 10px;
  background: #ffffff;
}
.anchorPopup .popupContent .statsAnchorContent {
  padding: 0px;
  background: #ffffff;
}
.anchorPopup .popupContent .anchorFooter {
  border-top: 1px solid #bbbbbb;
  padding: 10px;
  background: #f5f5f5;
}
.anchorPopup .popupContent .statsAnchorFooter {
  border-top: 1px solid #bbbbbb;
  padding: 0px;
  background: #f5f5f5;
}
.anchorPopup:after {
  content: ' ';
  height: 0px;
  position: absolute;
  width: 0px;
  border-style: solid;
}
.anchorPopup[anchorPosition="Above"]:after {
  bottom: 100%;
  border-width: 0px 0.5em 0.5em 0.5em;
  border-color: transparent transparent #ffffff transparent;
}
.anchorPopup[anchorPosition="Above"][withHeader]:after {
  border-color: transparent transparent #f5f5f5 transparent;
}
.anchorPopup[anchorPosition="Below"]:after {
  top: 100%;
  border-width: 0.5em 0.5em 0px 0.5em;
  border-color: #ffffff transparent transparent transparent;
}
.anchorPopup[anchorPosition="Below"][withFooter]:after {
  border-color: #f5f5f5 transparent transparent transparent;
}
.anchorPopup[anchorAlign="Right"]:after {
  right: 4px;
}
.anchorPopup[anchorAlign="absoluteRight"]:after {
  right: 104px;
}
.anchorPopup[anchorAlign="Left"]:after {
  left: 4px;
}
.anchorPopup .popupContent:after {
  content: ' ';
  height: 0px;
  position: absolute;
  width: 0px;
  border-style: solid;
}
.anchorPopup[anchorPosition="Above"] .popupContent:after {
  bottom: 100%;
  border-width: 0px 0.53em 0.53em 0.53em;
  border-color: transparent transparent #777777 transparent;
}
.anchorPopup[anchorPosition="Below"] .popupContent:after {
  top: 100%;
  border-width: 0.53em 0.53em 0px 0.53em;
  border-color: #777777 transparent transparent transparent;
}
.anchorPopup[anchorAlign="Right"] .popupContent:after {
  right: 3px;
}
.anchorPopup[anchorAlign="absoluteRight"] .popupContent:after {
  right: 103px;
}
.anchorPopup[anchorAlign="Left"] .popupContent:after {
  left: 3px;
}
.anchorPopup-firefox[anchorPosition="Above"] .popupContent:after {
  border-style: inset solid;
}
.anchorPopup-firefox[anchorPosition="Below"] .popupContent:after {
  border-style: solid inset;
}
.headerIcon {
  color: #999999;
}
/*************************************************************************************
							EmptyDialogBox close button
**************************************************************************************/
.emptyDialogBoxClose:before {
  content: "\e800";
  font-family: Fontello;
  font-size: 24px;
  color: #444444;
}
/***************************************************************************************
							Stars
***************************************************************************************/
.Star:before,
.StarHalf:before,
.StarEmpty:before {
  font-family: FontAwesome;
  color: #0099ff;
}
.Star:before {
  content: "\f005";
}
.StarHalf:before {
  content: "\f123";
}
.StarEmpty:before {
  content: "\f006";
}
/***********************************************************************************
		CSS for "notif" icons & LaCieFontImage (use with font-awesome.min.css) 
***********************************************************************************/
.InfoFont:before,
.AlertFont:before,
.ErrorFont:before {
  font-family: FontAwesome;
  cursor: default;
}
.InfoFont:before {
  content: "\f05a";
  color: #0099ff;
}
.AlertFont:before {
  content: "\f071";
  color: #ffbb22;
}
.ErrorFont:before {
  content: "\f057";
  color: #ee4444;
}
.fontSize16 {
  font-size: 16px;
}
.fontSize20 {
  font-size: 20px;
}
.fontSize24 {
  font-size: 24px;
}
.fontSize45 {
  font-size: 45px;
}
.StatusGreen:before,
.StatusGray:before,
.StatusOrange:before,
.StatusRed:before {
  font-family: FontAwesome;
  font-size: 12px;
  content: "\f111";
  cursor: default;
}
.StatusGreen:before {
  color: #88cc00;
}
.StatusGray:before {
  color: #cccccc;
}
.StatusOrange:before {
  color: #ffbb22;
}
.StatusRed:before {
  color: #ee4444;
}
/***************************************************************************************
						CSS for laCombobox
****************************************************************************************/
.ComboboxDiv {
  background-color: #ffffff;
  padding: 5px 0px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  position: absolute;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 2000;
}
.ComboboxDiv[popupopen="true"] {
  display: block;
}
.ComboboxDiv[popupopen="false"] {
  display: none;
}
.ComboboxLabel {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #0099ff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
  height: 33px;
}
.ComboboxLabel[ladisabled="true"]:before {
  color: #bbbbbb !important;
}
.ComboboxLabel[ladisabled="true"] {
  cursor: default !important;
}
.comboboxlabelcb[ladisabled="true"] {
  color: #bbbbbb !important;
  cursor: default !important;
}
.ComboboxLabel:before,
.ComboboxLabelNoStyle:before {
  font-family: FontAwesome;
  content: "\f0dd";
  color: #0099ff;
  font-size: 16px;
  position: relative;
  float: right;
  right: 9px;
  top: 4px;
  cursor: pointer;
}
.ComboboxLabelNoStyle:before {
  right: 25px;
  top: 4px;
}
.ComboboxLabelNoStyle {
  border-style: none;
  background-color: transparent;
}
.ComboboxLabelNoStyle .ComboboxLabelEllipsis {
  margin: 12px 35px 4px 2px !important;
}
.ComboboxLabelNoStyle .comboboxlabelcb {
  width: auto !important;
  left: -8px !important;
  top: -3px;
}
.LabelEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ComboboxLabelEllipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  margin: 6px 0 6px 12px;
  color: #444444;
  cursor: pointer;
  overflow-x: hidden;
}
.Combobox {
  margin-top: 0px;
  width: 100%;
}
.MenuItem-selected[ladisabled="false"][menutype="normal"] .ComboboxLabelEllipsis {
  color: #ffffff;
  font-family: 'LatoBold', Arial, sans-serif;
}
.MenuItem-hovered[ladisabled="false"][menutype="normal"] .ComboboxLabelEllipsis {
  color: #0099ff;
}
.MenuItem-selected[ladisabled=false][menutype=normal] {
  background-color: #0099ff;
}
.MenuItem[ladisabled="true"] .ComboboxLabelEllipsis {
  color: #cccccc;
  cursor: default;
}
.comboboxlabelcb {
  background-color: transparent !important;
  border: medium none !important;
  color: #0099ff !important;
  font-family: 'LatoBold', Arial, sans-serif !important;
  cursor: pointer;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comboboxlabelerrorFilter {
  color: #ee4444 !important;
}
.ComboboxWarningLabel:before,
.ComboboxErrorLabel:before,
.ComboboxLockedLabel:before {
  font-family: FontAwesome;
  float: right;
  font-size: 13px;
}
.ComboboxWarningLabel:before {
  content: "\f071";
  color: #ffbb22;
}
.ComboboxErrorLabel:before {
  content: "\f06a";
  color: #ee4444;
}
.ComboboxLockedLabel:before {
  content: "\f023";
  color: #cccccc;
}
.ComboBoxItemLabel > div > div {
  color: #0099ff;
  font-family: 'LatoBold', Arial, sans-serif;
}
.ComboboxDiv > .MenuItem {
  height: 32px;
  line-height: 30px;
  vertical-align: middle;
}
.ComboboxHideBorder {
  border: none !important;
}
.NoLabelCombobox .ComboboxDiv {
  box-shadow: none;
  margin-top: 10px;
  position: relative;
  max-height: none;
}
.NoLabelCombobox .MenuItem-hovered[ladisabled="false"][menutype="normal"] .ComboboxLabelEllipsis {
  color: #ffffff;
  font-family: 'LatoBold', Arial, sans-serif;
}
.NoLabelCombobox .MenuItem-selected[ladisabled="false"][menutype="normal"] .ComboboxLabelEllipsis {
  color: #0099ff;
  font-family: 'LatoRegular', Arial, sans-serif;
}
.NoLabelCombobox .MenuItem-selected[ladisabled="false"][menutype="normal"] {
  background-color: #ffffff;
}
.NoLabelCombobox .MenuItem-hovered[ladisabled=false][menutype=normal] {
  background-color: #0099ff;
}
/*******************************************************************************
					CSS for loading gif
********************************************************************************/
.LOADING {
  margin-left: 5px;
  vertical-align: middle;
}
.LOADING-LOAD16 {
  font-size: 16px !important;
}
.LOADING-LOAD20 {
  font-size: 20px !important;
}
.LOADING-LOAD24 {
  font-size: 24px !important;
}
.LOADING-LOAD28 {
  font-size: 28px !important;
}
.LOADING-LOAD30 {
  font-size: 30px !important;
}
.LOADING-LOAD32 {
  font-size: 32px !important;
}
.LOADING-LOAD45 {
  font-size: 45px !important;
}
.LOADING-blueloading {
  color: #0099ff;
}
.LOADING-greenloading {
  color: #88cc00;
}
.LOADING-orangeloading {
  color: #ffbb22;
}
.LOADING-redloading {
  color: #ee4444;
}
.LOADING-purpleloading {
  color: #9966dd;
}
.LOADING-grayloading {
  color: #888888;
}
/*******************************************************************
					Multiple selection list
********************************************************************/
.multipleSelectionList .cellListWidget {
  color: #58595B;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
.multipleSelectionList .cellListEvenItem,
.multipleSelectionList .cellListOddItem {
  cursor: pointer;
  zoom: 1;
  padding: 0;
  font-weight: normal;
  height: auto;
  width: 100%;
}
.multipleSelectionList .cellListWidget:hover {
  background-color: #ffffff;
}
.multipleSelectionList .cellListKeyboardSelectedItem,
.multipleSelectionList .cellListKeyboardSelectedItem:hover {
  background-color: #ffffff;
  height: auto;
}
.multipleSelectionList .cellListSelectedItem,
.multipleSelectionList .cellListSelectedItem:hover {
  background-color: #0099ff;
  font-weight: normal;
  height: auto;
  overflow: visible;
}
.multipleSelectionList .cellListSelectedItem .fullDefaultText {
  color: #ffffff !important;
}
/*******************************************************************************
							LaCie checkbox Cell
********************************************************************************/
.checkBoxCell > label {
  float: none !important;
}
.checkBoxCell > label:before {
  margin-left: -16px;
}
/*******************************************************************************
							CSS for iscsi
********************************************************************************/
.createIscsiSimpleModePanel tbody > tr > td {
  padding: 0 10px 15px 0;
}
.createIscsiSimpleModeSizePanel tbody > tr > td {
  padding-right: 0px;
}
.createIscsiSimpleModeChapPanel {
  margin-top: 30px;
}
.createTargetAddIQN:before,
.createTargetDeleteIQN:before {
  font-family: FontAwesome;
  font-size: 20px;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 8px;
}
.createTargetAddIQN:before {
  content: "\f055";
  color: #88cc00;
}
.createTargetDeleteIQN:before {
  content: "\f056";
  color: #ee4444;
  display: none;
}
.createTargetIQNPanel {
  display: none;
  -webkit-transition: height 1.3s ease 0s;
  transition: height 1.3s ease 0s;
  -moz-transition: height 1.3s ease 0s;
}
.createTargetHorzontalIQNPanel,
.createTargetAddIQNHorzontalIQNPanel {
  margin: 0 0 10px -10px;
}
.createTargetHorzontalIQNPanel:hover {
  background-color: #eeeeee;
}
.createTargetHorzontalIQNPanel:hover .createTargetDeleteIQN:before {
  display: block;
}
.createTargetFirstWidgetMargin {
  margin-left: 10px;
}
.createTargetCombobox .comboboxlabelcb {
  width: 80px;
}
.createTargetOptionTable .tableContent > table > tbody > tr > td {
  border-style: none;
  padding: 10px 10px 10px 0;
}
.createTargetOptionTable .tableContent > table > tbody > tr:hover {
  background: #ffffff;
}
.createTargetHorizontalIQNInput input {
  border: none;
  background-color: transparent;
}
.fieldForm {
  left: 10px;
  margin-top: 22px;
  position: absolute;
}
.checkboxFieldForm {
  margin-bottom: 30px;
}
.iscsiSearchTextbox input {
  position: absolute;
  width: 89% !important;
}
.iscsiTinyWidget {
  margin-top: 50px;
}
.iscsiSearchLabel {
  color: #e9e9e9;
  position: absolute;
  font-family: 'LatoRegular', Arial, sans-serif;
  margin: 9px 0 0 10px;
  z-index: 1000;
}
.iscsiSearchLabel:before {
  content: "\f002";
  font-family: FontAwesome;
  size: 14px;
  color: #e9e9e9;
}
/*******************************************************************************
							CSS for advances, street test 
********************************************************************************/
.stress_tesr_table_left_panel > tbody > tr > td {
  padding: 2px;
}
/*******************************************************************************
							CSS for advances, populate tab
********************************************************************************/
.populate_tab_creation_panel .roundedpanel {
  margin-top: -10px;
}
.populate_tab_creation_panel tbody > tr > td table > tbody > tr > td {
  vertical-align: middle !important;
}
/*******************************************************************************
						CSS for welcome page, volume title
********************************************************************************/
.welcome_volume_title_panel {
  text-transform: uppercase;
  font-size: 16px;
  margin-left: 10px;
}
/*******************************************************************************
							CSS for download
********************************************************************************/
.uploadLabel:before,
.downloadLabel:before  {
  font-family: FontAwesome;
  size: 14px;
  padding-right: 8px;
}
.uploadLabel:before {
  content: "\f062";
  color: #ee4444;
}
.downloadLabel:before {
  content: "\f063";
  color: #88cc00;
}
.downloadLabelToMiddle {
  margin-bottom: 10px;
}
.uplaodLabel {
  padding-top: 2px !important;
}
.downloadLabel {
  padding-bottom: 2px !important;
}
/*******************************************************************************
							CSS for backup
********************************************************************************/
.view1BackupText {
  margin-top: 5px;
}
.schedulerCustomWeekPanel {
  margin-left: 8px;
}
.editDescPanel {
  margin: 0 15px 7px 0;
}
.editAuthenConfigPanel {
  margin-left: 15px;
}
.editSchedulerDisclosurePanel.gwt-DisclosurePanel-open {
  margin-top: 20px;
}
.editSchedulerScheduled span {
  margin-right: 15px;
}
.formatVolumeProgressBar {
  margin-left: 75px;
}
.partialRestoreFlowPanel {
  padding: 10px;
}
.restoreBackupFolder {
  margin: 15px 0 0 0;
  color: #888888;
}
/*******************************************************************************
							CSS for security page
********************************************************************************/
.addIPLabel {
  margin: 0 0 -7px 18px;
}