/* 
 * 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
********************************************************************************************/
/*
 * GWT CSS
 * Here is the css needed to complete or modify element css from GWT library
 * Those element are easy to find their classname generally begin by "gwt-"
 *
 */
/*************************************************************
 				gwt button
 *************************************************************/
.gwt-PushButton-up-disabled .gwt-Image {
  cursor: not-allowed;
  opacity: 0.5;
}
.gwt-PushButton-up-hovering .gwt-Image {
  cursor: pointer;
}
/*************************************************************
 				gwt DisclosurePanel
 *************************************************************/
.gwt-DisclosurePanel .header {
  color: #0099ff;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 14px;
  line-height: 125%;
  text-decoration: none;
  cursor: pointer;
}
/* set defaut arrow invisible*/
.gwt-DisclosurePanel .header img {
  display: none;
}
.gwt-DisclosurePanel-closed .header > table > tbody > tr > td:nth-child(2):before,
.gwt-DisclosurePanel-open .header > table > tbody > tr > td:nth-child(2):before {
  font-family: FontAwesome;
  padding-right: 10px;
  font-size: 20px;
  vertical-align: middle;
  margin-left: -18px;
}
.gwt-DisclosurePanel-closed .header > table > tbody > tr > td:nth-child(2):before {
  content: "\f0da";
}
.gwt-DisclosurePanel-open .header > table > tbody > tr > td:nth-child(2):before {
  content: "\f0d7";
}
/*************************************************************
 				gwt TextBox
*************************************************************/
.gwt-TextBox,
.gwt-PasswordTextBox,
.gwt-TextArea,
.gwt-SuggestBox {
  font-family: 'LatoRegular', Arial, sans-serif;
  color: #444444;
  font-size: 14px;
  height: 31px;
  padding: 1px 10px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background: #ffffff;
}
.gwt-TextBox,
.gwt-PasswordTextBox,
.gwt-SuggestBox {
  line-height: 1em;
}
.gwt-TextBox:focus,
.gwt-PasswordTextBox:focus,
.gwt-TextArea:focus,
.gwt-SuggestBox:focus {
  border: 1px #0099ff solid;
  /* Background */
  background: #ffffff;
  /* 	background: -moz-linear-gradient(top, @GrayF5 0%, @White 100%); FF3.6+
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@GrayF5), color-stop(100%,@White)); Chrome,Safari4+
	background: -webkit-linear-gradient(top, @GrayF5 0%,@White 100%); Chrome10+,Safari5.1+
	background: -o-linear-gradient(top, @GrayF5 0%,@White 100%); Opera 11.10+
	background: -ms-linear-gradient(top, @GrayF5 0%,@White 100%); IE10+
	background: linear-gradient(to bottom, @GrayF5 0%,@White 100%); W3C	
	filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@GrayF5', endColorstr='@White',GradientType=0 )"; IE6-9 */
}
.gwt-TextBox-small,
.gwt-PasswordTextBox-small {
  font-size: 13px;
  line-height: 1em;
  height: 26px;
  padding: 0px 10px;
}
.gwt-TextBox-medium,
.gwt-PasswordTextBox-medium {
  font-size: 14px;
  line-height: 1em;
  height: 31px;
  padding: 0px 10px;
}
.gwt-TextBox-large,
.gwt-PasswordTextBox-large {
  font-size: 16px;
  line-height: 1em;
  height: 36px;
  padding: 0px 15px;
}
.gwt-TextBox-large[laerror=true],
.gwt-TextBox-large:focus[laerror=true],
.gwt-PasswordTextBox-large[laerror=true],
.gwt-PasswordTextBox-large:focus[laerror=true] {
  border: 2px #ee4444 solid;
  padding: 0px 14px !important;
}
.gwt-TextBox[laerror=true],
.gwt-TextBox:focus[laerror=true],
.gwt-PasswordTextBox[laerror=true],
.gwt-PasswordTextBox:focus[laerror=true],
.gwt-TextArea-error:focus {
  border: 1px #ee4444 solid;
  /* 	padding: 0px 9px; */
}
.gwt-TextBox[disabled],
.gwt-PasswordTextBox[disabled],
.gwt-TextArea[disabled],
.gwt-SuggestBox[disabled] {
  /* cursor: not-allowed; /* We should do that in all the CSS */
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #bbbbbb;
  text-shadow: -1px 1px 0px #ffffff;
}
#ID_WelcomeXP_Cloudbox .gwt-TextBox,
#ID_WelcomeXP_Cloudbox .gwt-PasswordTextBox {
  font-size: 14px;
  line-height: 1em;
  height: 28px;
  font-family: 'LatoRegular', Arial, sans-serif;
}
#inputtb_username_summary {
  color: #0088ee;
  border: none;
  background-color: transparent;
}
/*************************************************************
 				FILE UPLOAD
*************************************************************/
div.fileinputs {
  position: relative;
}
div.fakefile {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.gwt-fileUpload input.file {
  position: relative;
  text-align: right;
  opacity: 0;
  z-index: 2;
}
/**********************************************************************************
						Radio Button & CheckBox														  																		
*********************************************************************************/
.gwt-RadioButton {
  white-space: normal !important;
}
input[type=radio],
input[type=checkbox] {
  filter: alpha(opacity=0);
  opacity: 0;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.gwt-CheckBox input[type=checkbox]:disabled,
input[type=radio]:disabled {
  cursor: default;
}
/*small buttons: size = 14px*14px*/
.gwt-RadioButton > label:before,
.gwt-CheckBox > label:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  vertical-align: middle;
  positive: relative;
  z-index: 1;
  margin-right: 8px;
}
.gwt-RadioButton > label:before {
  border-radius: 7px;
  float: left;
}
.gwt-CheckBox > label:before {
  border-radius: 4px;
  float: left;
}
input[type=radio]:checked + label:before,
.gwt-CheckBox input[type=checkbox]:checked + label:before,
input[type=radio]:disabled + label:before,
.gwt-CheckBox input[type=checkbox]:disabled + label:before,
input[type=radio]:disabled:checked + label:before {
  font-family: FontAwesome;
  text-align: center;
  line-height: 157%;
  vertical-align: middle;
}
.gwt-CheckBox input[type=checkbox]:disabled + label:before,
input[type=radio]:disabled + label:before {
  background-color: #eeeeee !important;
}
input[type=radio]:checked + label:before,
input[type=radio]:disabled:checked + label:before {
  content: "\f111";
  color: #0099ff;
  font-size: 9px;
}
input[type=radio]:disabled + label:before {
  content: " ";
  border: 1px solid #eaeaea !important;
}
input[type=radio]:disabled:checked + label:before {
  color: #eaeaea !important;
}
.gwt-CheckBox[latypecb="checked"] input[type=checkbox]:checked + label:before,
.gwt-CheckBox input[type=checkbox]:checked + label:before {
  content: "\f00c";
  color: #ffffff;
  font-size: 11px;
  background-color: #0099ff;
  line-height: 130%;
}
.gwt-CheckBox[latypecb="half_checked"] input[type=checkbox] + label:before {
  font-family: FontAwesome;
  content: "\f0c8";
  color: #0099ff;
  font-size: 12px;
  background-color: #ffffff;
  line-height: 110%;
  text-align: center;
}
.gwt-CheckBox[laerror=true] > label:before {
  border: 1px solid #ee4444;
}
.gwt-RadioButton > label,
.gwt-CheckBox > label {
  display: inline-block;
  vertical-align: middle;
  float: left;
  color: #444444;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 14px;
  line-height: 125%;
  white-space: nowrap;
}
.gwt-RadioButton > input,
.gwt-CheckBox > input {
  border: 0 0 0 0;
  padding: 0 0 0 0;
  vertical-align: middle;
}
.gwt-RadioButton > input {
  margin: 0 8px 0 -24px;
}
.gwt-CheckBox > input {
  margin: 0 0 0 -24px;
}
.gwt-InlineCellEditor .InputTBoxWidget .title {
  color: #888888;
  font-family: 'LatoBold', Arial, sans-serif;
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 3px;
}
.gwt-InlineCellEditor .InputTBoxWidget .warningLabel {
  color: #ee4444;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 12px;
  margin-top: 2px;
}
.gwt-CheckBox #welcomexp_settings_checkbox_eula {
  margin-right: 14px;
}
/**********************************************************************************
								Select box														  																		
*********************************************************************************/
.gwt-ListBox {
  background: #ffffff;
  border: solid 1px #d9d9d9;
  width: 100%;
  font-size: 12px;
  font-family: 'LatoRegular', Arial, sans-serif;
}
.gwt-ListBox-error {
  background-color: #FFF1F1;
  border: 1px solid #FF8D8D;
}
.gwt-ListBox option {
  width: 100%;
}
select[disabled] {
  background: #d9d9d9;
}
/**********************************************************************************
								decoratedTabPanel														  																		
*********************************************************************************/
.gwt-DecoratedTabPanel,
.decoratedTabPanelV2,
.decoratedTabPanelV3 {
  width: 100%;
}
.gwt-DecoratedTabPanel .gwt-TabBarItem {
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 16px;
  color: #0099ff;
  margin-left: -5px;
  cursor: pointer;
}
.gwt-DecoratedTabPanel .tabMiddleCenterInner {
  margin: 6px 20px;
}
.gwt-DecoratedTabPanel .gwt-TabBarFirst {
  margin-left: 0px;
}
.gwt-DecoratedTabPanel .gwt-TabBarItem-selected {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-family: 'LatoRegular', Arial, sans-serif;
  position: relative;
  top: 1px;
  padding-bottom: 1px;
  color: #222222;
  background: #ffffff;
  height: 32px;
  cursor: auto;
}
.gwt-DecoratedTabPanel .gwt-TabPanelBottom {
  border-top: 1px solid #cccccc;
  padding-top: 14px;
  width: 100%;
}
/**********************************************************************************
								decoratedTabPanelV2														  																		
*********************************************************************************/
.decoratedTabPanelV2 .gwt-TabBarItem {
  text-transform: uppercase;
  font-family: 'LatoLight', Arial, sans-serif;
  font-size: 15px;
  color: #666666;
  cursor: pointer;
}
.decoratedTabPanelV2 .tabMiddleCenterInner {
  margin: 10px 16px;
}
.decoratedTabPanelV2 .gwt-TabBarItem-selected {
  font-family: 'LatoBold', Arial, sans-serif;
  position: relative;
  top: -1px;
}
.decoratedTabPanelV2 .gwt-TabBarItem-selected .tabMiddleCenter:after {
  content: ' ';
  height: 0px;
  position: absolute;
  width: 0px;
  border-style: solid;
  border-width: 0px 19px 12px 19px;
  border-color: transparent transparent #ffffff transparent;
  bottom: -9px;
  left: 33%;
}
.decoratedTabPanelV2-firefox .gwt-TabBarItem-selected .tabMiddleCenter:after {
  border-style: inset solid;
}
.decoratedTabPanelV2 .gwt-TabBarItem-selected .tabMiddleCenterInner:after {
  content: ' ';
  height: 0px;
  position: absolute;
  width: 0px;
  border-style: solid;
  border-width: 0px 20px 13px 20px;
  border-color: transparent transparent #DEDEDE transparent;
  bottom: -9px;
  left: 32%;
}
.decoratedTabPanelV2-firefox .gwt-TabBarItem-selected .tabMiddleCenterInner:after {
  border-style: outset solid;
  opacity: 0.3;
}
.decoratedTabPanelV2 .gwt-TabPanelBottom {
  margin-top: 7px;
  border: 1px solid #d9d9d9;
  padding: 22px;
  background-color: #ffffff;
  overflow: auto;
}
/**********************************************************************************
								decoratedTabPanelV3													  																		
*********************************************************************************/
.decoratedTabPanelV3 .gwt-TabBarItem {
  border-bottom: 1px solid #cccccc;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 14px;
  color: #0099ff;
  cursor: pointer;
  width: 118px;
  height: 40px;
}
.decoratedTabPanelV3 .gwt-TabBar .gwt-TabBarItem-wrapper {
  padding: 0px;
}
.decoratedTabPanelV3 .gwt-TabBar {
  padding: 0px;
}
.decoratedTabPanelV3 .tabMiddleCenterInner {
  margin: 6px 10px;
  padding: 0px;
}
.decoratedTabPanelV3 .gwt-TabBarRest {
  margin-right: -6px;
}
.decoratedTabPanelV3 .gwt-TabBarFirst {
  margin-left: -6px;
}
.decoratedTabPanelV3 .gwt-TabBarItem-selected {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  font-family: 'LatoRegular', Arial, sans-serif;
  position: relative;
  top: -1px;
  color: #222222;
  background: #ffffff;
  cursor: auto;
  width: 118px;
  height: 40px;
  border-bottom: none;
}
.decoratedTabPanelV3 .gwt-TabPanelBottom {
  padding-top: 14px;
  width: 100%;
}
.decoratedTabPanelV3 .optiscroll-vtrack {
  right: 0;
}
.decoratedTabPanelV3 .gwt-TabPanelBottom table {
  width: 100%;
}
/**********************************************************************************
								gwt-DialogBox														  																		
*********************************************************************************/
.gwt-DialogBox {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 10000;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.333);
}
.gwt-DialogBox .title {
  font-size: 24px;
  color: #444444;
  font-family: 'LatoBold', Arial, sans-serif;
}
.dialogContentHeader {
  padding: 22px 25px 16px 25px;
}
.dialogContentCenter {
  margin: 0px 25px 15px;
  color: #222222;
  font-family: 'LatoLight', Arial, sans-serif !important;
  font-size: 16px;
}
.dialogContentCenterIsNotWizard {
  border-top: 2px solid #eaeaea;
  padding-top: 20px;
}
.dialogContentBottom {
  padding: 25px;
  background-color: #eeeeee;
  z-index: 1000;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
/*************************************************************
 				gwt TimePicker
*************************************************************/
.gwt-TimePicker {
  margin: 0;
  border: 0;
  padding: 0;
  height: 24px;
  line-height: 24px;
}
.gwt-TimePicker .gwt-ValueSpinner {
  height: 24px;
  line-height: 24px;
}
.gwt-TimePicker .hoursSpinner {
  margin-right: 7px;
}
.gwt-TimePicker .gwt-ValueSpinner .gwt-TextBox {
  cursor: default;
  height: 22px;
  line-height: 22px;
  width: 22px;
}
.gwt-TimePicker .gwt-ValueSpinner .arrows {
  margin-left: 3px;
  vertical-align: bottom;
  height: 24px;
  border: 0;
  padding: 0;
  line-height: 8px;
  width: 15px;
}
.gwt-TimePicker .gwt-ValueSpinner .decrementArrow {
  margin-top: 8px;
}
.gwt-TimePicker .gwt-ValueSpinner .arrows img {
  padding: 0;
  border: 0;
}
/**********************************************************************************
								gwt-DatePicker														  																		
*********************************************************************************/
.gwt-DatePicker {
  /* 	width: 255px; */
  height: 135px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 0 5px;
  box-shadow: 4px 4px 4px rgba(204, 204, 204, 0.3);
  -moz-box-shadow: 4px 4px 4px rgba(204, 204, 204, 0.3);
  -webkit-box-shadow: 4px 4px 4px rgba(204, 204, 204, 0.3);
}
.gwt-DatePicker .datePickerMonth {
  font-size: 16px !important;
  /* font-family: @FontFamilyBold; */
  border: none;
  color: #222222;
  text-align: center;
  padding-bottom: 15px;
}
.gwt-DatePicker > tbody {
  text-align: center !important;
}
.gwt-DatePicker .datePickerDays > tbody > tr:nth-child(1) > td {
  color: #999999;
  /* 	font-family: @FontFamilyBold; */
}
.gwt-DatePicker > tbody > tr:nth-child(2) > td:first-child {
  text-align: center !important;
  display: block;
}
.gwt-DatePicker > tbody > tr:first-child > td {
  height: 20px;
}
.gwt-DatePicker .datePickerMonthSelector {
  width: 100%;
  vertical-align: middle;
  height: 20px;
  color: #222222;
  font-size: 16px;
}
.gwt-DatePicker .datePickerNextButton {
  font-size: 16px;
  font-family: 'LatoBold', Arial, sans-serif;
  cursor: pointer;
  padding-right: 6px !important;
}
.gwt-DatePicker .datePickerPreviousButton {
  font-size: 16px;
  font-family: 'LatoBold', Arial, sans-serif;
  padding-left: 4px !important;
}
.gwt-DatePicker .datePickerDay {
  height: 32px;
  width: 32px;
  line-height: 32px;
}
.gwt-DatePicker .datePickerDay:hover {
  font-family: 'LatoBold', Arial, sans-serif;
}
.gwt-DatePicker .datePickerDayIsValue {
  background: none repeat scroll 0 0 #0099ff !important;
  color: #ffffff !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.gwt-DatePicker .datePickerWeekdayLabel,
.gwt-DatePicker .datePickerWeekendLabel {
  font-size: 14px !important;
  height: 20px;
  color: #444444;
  /* font-family: @FontFamilyBold; */
  background-color: #ffffff !important;
  padding-bottom: 9px !important;
}
.todayDate {
  background: none repeat scroll 0 0 #eeeeee !important;
  color: #444444 !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.gwt-DatePicker .datePickerDays tbody > tr:nth-child(1) > td {
  border-bottom: 1px solid #999999;
}
.gwt-DatePicker .datePickerWeekdayLabel {
  background-color: #0099ff;
}
.gwt-DatePicker .datePickerDayIsSelected {
  color: #0099ff;
  background: #0088ee;
}
.gwt-DatePicker .datePickerWeekendLabel {
  background-color: #0099ff;
}
.gwt-DatePicker .datePickerDayIsFiller {
  color: #cccccc;
}
.gwt-DatePicker .datePickerDayIsDisabled {
  color: #eeeeee;
  cursor: default !important;
}
.gwt-DatePicker .datePickerDayIsValue {
  color: #ffffff;
  background: #0088ee;
}
.gwt-DatePicker .datePickerDay {
  cursor: pointer;
}
.gwt-DatePicker .datePickerDays {
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
}
.gwt-DatePicker .datePickerDays > tbody > tr > td {
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  border-top: none;
}
.gwt-DatePicker .datePickerDays > tbody > tr > td.datePickerDayIsToday {
  border: 1px solid #e2e2e2;
  padding: 0px;
}
.gwt-DatePicker .datePickerDays tbody > tr:nth-child(1) > td:first-child {
  float: right;
  padding-right: 9px;
  height: 19px;
  padding-left: 0px;
  padding-top: 3px;
  display: table-cell;
}
.gwt-DatePicker .datePickerDays tbody > tr:nth-child(1) > td:last-child {
  float: left;
  padding-left: 9px;
  height: 19px;
  padding-right: 0px;
  padding-top: 3px;
  display: table-cell;
}
/**********************************************************************************
								gwt-SliderBar-Shell												  																		
*********************************************************************************/
.gwt-SliderBar-shell {
  background-color: transparent;
  height: 21px;
  width: 100%;
}
.gwt-SliderBar-shell .gwt-SliderBar-line,
.gwt-SliderBar-shell .gwt-SliderBar-line-selected {
  height: 12px;
  width: 95%;
  top: 3px;
  background-color: #eeeeee;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-line-selected {
  background-color: #80ccff !important;
  position: relative !important;
  left: 0px;
}
.gwt-SliderBar-shell .gwt-SliderBar-line-selected:after,
.gwt-SliderBar-shell .gwt-SliderBar-line-selected .gwt-SliderBar-line-disabled:after,
.gwt-SliderBar-shell .gwt-SliderBar-line-selected .gwt-SliderBar-knob-sliding:after {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  right: -11px;
  top: -4px;
}
.gwt-SliderBar-shell .gwt-SliderBar-line-selected:after {
  color: #0099ff;
}
.gwt-SliderBar-shell .gwt-SliderBar-line-disabled:after {
  color: #cccccc;
}
.gwt-SliderBar-shell .gwt-SliderBar-knob-sliding:after {
  color: #0088ee;
}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
  background-color: #d9d9d9;
  cursor: pointer;
}
/**********************************************************************************
								Inline cell editor														  																		
*********************************************************************************/
.gwt-InlineCellEditor .title {
  font-size: 20px;
  color: #666666;
  font-family: 'LatoLight', Arial, sans-serif;
}
.gwt-InlineCellEditor .dialogContent {
  margin: 20px;
}
.gwt-InlineCellEditor {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 10000;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.333);
  padding: 15px;
}
.gwt-InlineCellEditor .accept {
  margin-left: 25px;
}
.gwt-InlineCellEditor .cancel {
  margin-left: 3px;
}
.gwt-InlineCellEditor .accept,
.gwt-InlineCellEditor .cancel {
  cursor: pointer;
  height: 16px;
  width: 16px;
}
/**********************************************************************************
								DropDownPanel													  																		
*********************************************************************************/
.gwt-DropDownPanel {
  -webkit-box-shadow: 2px 2px 2px 2px #888888;
  box-shadow: 2px 2px 2px 2px #888888;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.gwt-DropDownPanel .popupContent {
  background: #ffffff;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0px;
}
/*
 * Specific for loading Progress Bar
 */
.gwt-ProgressBar-shell {
  background-color: #f5f5f5;
  border-color: #f5f5f5 #888888 #888888 #f5f5f5;
  border-style: inset;
  border-width: 2px;
  height: 12px;
  width: 200px;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
  background-color: #0099ff;
}
.gwt-ProgressBar-shell > .gwt-ProgressBar-text {
  padding: 0px;
  margin: 0px;
  color: #0088ee;
  font-size: 12px;
  line-height: 12px;
  font-family: 'LatoBold', Arial, sans-serif;
  letter-spacing: 0.2ex;
}
.gwt-ProgressBar-shell > .gwt-ProgressBar-text-firstHalf {
  /*color: @GrayIconInactive;*/
}
.gwt-ProgressBar-shell > .gwt-ProgressBar-text-secondHalf {
  /*color: @GrayIconInactive;*/
}
/**********************************************************************************
								Specific for tree folder													  																		
*********************************************************************************/
.gwt-FastTree {
  -moz-user-select: none;
  position: relative;
}
.gwt-FastTreeItem {
  min-width: 18px;
  cursor: pointer;
}
.gwt-FastTree .selection-bar {
  font-size: 0;
  position: absolute;
  left: 0;
  width: 1px;
  z-index: -1;
  outline: none;
  -moz-outline: none;
}
.gwt-FastTree .selection-bar :focus {
  outline: none;
}
/*Visual styling*/
.gwt-FastTree .children {
  margin-left: 10px;
}
.gwt-FastTree .treeItemContent {
  text-align: left;
  background-color: #ffffff;
  color: #666666;
  font-size: 14px;
  padding: 2px;
  display: block;
}
.gwt-FastTree .selected .treeItemContent {
  color: #0099ff;
  font-family: 'LatoBold', Arial, sans-serif;
}
.isMultiSelection .selected .treeItemContent {
  color: #666666 !important;
  font-weight: normal !important;
}
.gwt-FastTreeItem-leaf {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_leaf_plus.png) no-repeat center left;
}
.gwt-FastTreeItem-leaf[backup] {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_leaf_plus_backup_folder.png) no-repeat center left !important;
}
.gwt-FastTreeItem-leaf[internal] {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_leaf_plus_internal.png) no-repeat center left !important;
}
.gwt-FastTreeItem-leaf[external] {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_leaf_plus_external.png) no-repeat center left !important;
}
.gwt-FastTreeItem-leaf[remote] {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_leaf_plus_remote.png) no-repeat center left !important;
}
.gwt-FastTreeItem > .open {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_open_plus.png) no-repeat center left;
}
.gwt-FastTreeItem[backup] > .open {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_open_plus_backup_folder.png) no-repeat center left !important;
}
.gwt-FastTreeItem[internal] > .open {
  /* 	padding-left: 34px; */
  background: url(images/Tree_folder/folder_open_plus_internal.png) no-repeat center left !important;
}
.gwt-FastTreeItem[external] > .open {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_open_plus_external.png) no-repeat center left !important;
}
.gwt-FastTreeItem[remote] > .open {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_open_plus_remote.png) no-repeat center left !important;
}
.gwt-FastTreeItem > .closed {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_close_plus.png) no-repeat center left;
}
.gwt-FastTreeItem[backup] > .closed {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_close_plus_backup_folder.png) no-repeat center left !important;
}
.gwt-FastTreeItem[internal] > .closed {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_close_plus_internal.png) no-repeat center left !important;
}
.gwt-FastTreeItem[external] > .closed {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_close_plus_external.png) no-repeat center left !important;
}
.gwt-FastTreeItem[remote] > .closed {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_close_plus_remote.png) no-repeat center left !important;
}
/******************** Warning!!! ********************
 *													*
 * ".gwt-FastTreeItem .loading" must be after:		*
 *      - ".gwt-FastTreeItem .open"					*
 *      - ".gwt-FastTreeItem .closed"				*
 *													*
 ****************************************************/
.gwt-FastTreeItem > .loading,
.gwt-FastTreeItem[backup] > .loading,
.gwt-FastTreeItem[internal] > .loading,
.gwt-FastTreeItem[external] > .loading,
.gwt-FastTreeItem[remote] > .loading {
  padding-left: 34px;
  background: url(images/Tree_folder/folder_loading_plus.gif) no-repeat center left !important;
}
/**********************************************************************************
								gwt-TextArea													  																		
*********************************************************************************/
.gwt-TextArea-readonly {
  background: #ffffff;
  color: #777777;
}
/* .gwt-DatePicker .datePickerDays>tbody>tr>td {
	font-size: 10px;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
} */
/* .gwt-DatePicker .datePickerMonth {
	font-size: 11px;
	font-family: @FontFamilyBold;
	text-align: center;
} */
/**********************************************************************************
								GWT DND: dragdrop													  																		
*********************************************************************************/
.dragdropPositionerIconPanel {
  border: 1px dashed #80ccff;
  /* lightblue */
  border-radius: 2px 2px 2px 2px;
  margin: 1px;
  padding: 8px;
  display: inline-block;
  zoom: 1;
  /* IE gain hasLayout */
  z-index: 100;
}
/**********************************************************************************
								GWT MENUBAR													  																		
*********************************************************************************/
.gwt-MenuBar {
  cursor: pointer;
  padding: 4px 0px;
}
.gwt-MenuBar .gwt-MenuItem {
  cursor: pointer;
}
.gwt-MenuBar .gwt-MenuItem-selected {
  background: #eeeeee;
}
.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
}
.gwt-MenuBar-vertical > table {
  border-collapse: collapse;
}
.gwt-MenuBar-vertical > table > tbody > tr > td {
  vertical-align: middle;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 5px 30px 5px 21px;
  color: #666666;
  font-size: 14px;
}
.gwt-MenuBar-vertical .gwt-MenuItem .menuItemNote {
  color: #999999;
  font-size: 12px;
  white-space: nowrap;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  margin: 4px 0px;
  background-color: #bbbbbb;
  overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #eeeeee;
}
.gwt-SuggestBoxPopup {
  background-color: #ffffff;
  margin: 0 0 0 3px;
  padding: 5px 0px;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #888888;
  -moz-box-shadow: 2px 2px 2px #888888;
  -webkit-box-shadow: 2px 2px 2px #888888;
  cursor: pointer;
  position: relative;
  left: -4px;
  overflow-y: auto;
  overflow-x: hidden;
}
.gwt-SuggestBoxPopup .item {
  background-color: #ffffff;
  height: 33px;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: middle;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 12px;
  white-space: nowrap;
}
.gwt-SuggestBoxPopup .item-selected {
  background-color: #eeeeee;
  color: #444444;
}