/* 
 * 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
********************************************************************************************/
/********************************/
/*								*/
/*		Specific to PST			*/
/*								*/
/********************************/
/* DO NOT REMOVE EMPTY CSS CLASSES */
/* Common */
/*@SelectedItemColor : #80CCFF;  ---> in common*/
/* Standard cellTable or dataGrid*/
/* Tiny cellTable or dataGrid*/
/* Build */
.Std .cellTableWidget,
.Std .dataGridWidget {
  font-family: 'LatoRegular', Arial, sans-serif;
}
.Std .cellTableHeader,
.Std .dataGridHeader {
  border-top: 1px solid #EEEEEE;
  border-bottom: 2px solid #EEEEEE;
  padding: 1px 10px;
  font-size: 14px;
  color: #444444;
  height: 42px;
  vertical-align: middle;
  text-transform: uppercase;
  font-family: 'LatoLight', Arial, sans-serif;
}
.Std .cellTableFooter,
.Std .dataGridFooter {
  border-top: 2px solid #EEEEEE;
  padding: 14px 10px;
  font-size: 14px;
  color: #222222;
}
.Std .cellTableCell,
.Std .dataGridCell {
  padding: 14px 10px;
  font-size: 14px;
  color: #444444;
  line-height: 140%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'LatoRegular', Arial, sans-serif;
}
.Std .cellTableCell div,
.Std .dataGridCell div,
.Std .cellTableCell span,
.Std .dataGridCell span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.Std .cellTableFirstColumn,
.Std .dataGridFirstColumn {
  padding-left: 20px;
}
.Std .cellTableLastColumn,
.Std .dataGridLastColumn {
  padding-right: 20px;
}
.Std .cellTableFirstColumnFooter,
.Std .dataGridFirstColumnFooter {
  padding-left: 20px;
}
.Std .cellTableFirstColumnHeader,
.Std .dataGridFirstColumnHeader {
  padding-left: 20px;
}
.Std .cellTableLastColumnFooter,
.Std .dataGridLastColumnFooter {
  padding-right: 20px;
}
.Std .cellTableLastColumnHeader,
.Std .dataGridLastColumnHeader {
  padding-right: 20px;
}
.Std .cellTableSortableHeader,
.Std .dataGridSortableHeader {
  cursor: pointer;
  cursor: hand;
}
.Std .cellTableSortableHeader:before,
.Std .dataGridSortableHeader:before {
  color: #ffffff;
  /* Add an "invisible" character to avoid that the header moves when the user sorts on another column. */
  content: "\f0dc";
  font-family: FontAwesome;
  font-size: 14px;
  float: right;
}
.Std .cellTableSortableHeader:hover:before,
.Std .dataGridSortableHeader:hover:before {
  color: #999999;
}
.Std .cellTableSortedHeaderAscending:before,
.Std .dataGridSortedHeaderAscending:before,
.Std .cellTableSortedHeaderDescending:before,
.Std .dataGridSortedHeaderDescending:before {
  color: #0099ff !important;
}
.Std .cellTableSortedHeaderAscending:before,
.Std .dataGridSortedHeaderAscending:before {
  content: "\f0d7" !important;
}
.Std .cellTableSortedHeaderDescending:before,
.Std .dataGridSortedHeaderDescending:before {
  content: "\f0d8" !important;
}
/* Hide the default "caret" */
.Std .cellTableSortableHeader > div,
.Std .dataGridSortableHeader > div {
  position: inherit !important;
  zoom: 0 !important;
  padding-left: 0px !important;
}
.Std .cellTableSortableHeader > div > div:first-child,
.Std .dataGridSortableHeader > div > div:first-child {
  display: none;
}
.Std .cellTableEvenRowCell,
.Std .dataGridEvenRowCell {
  border-bottom: 1px solid #EEEEEE;
}
.Std .cellTableOddRowCell,
.Std .dataGridOddRowCell {
  border-bottom: 1px solid #EEEEEE;
}
.Std .cellTableHoveredRow,
.Std .dataGridHoveredRow {
  background: #f6f6f6;
}
.Std .cellTableKeyboardSelectedRowCell,
.Std .dataGridKeyboardSelectedRowCell {
  background: #80ccff;
  color: #ffffff !important;
  font-weight: bold;
}
.Std .cellTableSelectedRow,
.Std .dataGridSelectedRow {
  background: #0099ff;
  /*#D6F5FF;*/
}
.Std .cellTableSelectedRowCell,
.Std .dataGridSelectedRowCell {
  background: #80ccff;
  color: #ffffff !important;
  font-family: 'LatoBold', Arial, sans-serif;
}
/**
	 * The keyboard selected cell is visible over selection.
	 */
.Std .cellTableLoading {
  margin: 60px 10px;
}
.Tiny .cellTableWidget,
.Tiny .dataGridWidget {
  font-family: 'LatoRegular', Arial, sans-serif;
}
.Tiny .cellTableHeader,
.Tiny .dataGridHeader {
  border-top: 1px solid #EEEEEE;
  border-bottom: 2px solid #EEEEEE;
  padding: 1px 4px;
  font-size: 14px;
  color: #444444;
  height: 36px;
  vertical-align: middle;
  text-transform: uppercase;
  font-family: 'LatoLight', Arial, sans-serif;
}
.Tiny .cellTableFooter,
.Tiny .dataGridFooter {
  border-top: 2px solid #EEEEEE;
  padding: 5px 4px;
  font-size: 14px;
  color: #222222;
}
.Tiny .cellTableCell,
.Tiny .dataGridCell {
  padding: 5px 4px;
  font-size: 14px;
  color: #444444;
  line-height: 140%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'LatoRegular', Arial, sans-serif;
}
.Tiny .cellTableCell div,
.Tiny .dataGridCell div,
.Tiny .cellTableCell span,
.Tiny .dataGridCell span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.Tiny .cellTableFirstColumn,
.Tiny .dataGridFirstColumn {
  padding-left: 8px;
}
.Tiny .cellTableLastColumn,
.Tiny .dataGridLastColumn {
  padding-right: 8px;
}
.Tiny .cellTableFirstColumnFooter,
.Tiny .dataGridFirstColumnFooter {
  padding-left: 8px;
}
.Tiny .cellTableFirstColumnHeader,
.Tiny .dataGridFirstColumnHeader {
  padding-left: 8px;
}
.Tiny .cellTableLastColumnFooter,
.Tiny .dataGridLastColumnFooter {
  padding-right: 8px;
}
.Tiny .cellTableLastColumnHeader,
.Tiny .dataGridLastColumnHeader {
  padding-right: 8px;
}
.Tiny .cellTableSortableHeader,
.Tiny .dataGridSortableHeader {
  cursor: pointer;
  cursor: hand;
}
.Tiny .cellTableSortableHeader:before,
.Tiny .dataGridSortableHeader:before {
  color: #ffffff;
  /* Add an "invisible" character to avoid that the header moves when the user sorts on another column. */
  content: "\f0dc";
  font-family: FontAwesome;
  font-size: 14px;
  float: right;
}
.Tiny .cellTableSortableHeader:hover:before,
.Tiny .dataGridSortableHeader:hover:before {
  color: #999999;
}
.Tiny .cellTableSortedHeaderAscending:before,
.Tiny .dataGridSortedHeaderAscending:before,
.Tiny .cellTableSortedHeaderDescending:before,
.Tiny .dataGridSortedHeaderDescending:before {
  color: #0099ff !important;
}
.Tiny .cellTableSortedHeaderAscending:before,
.Tiny .dataGridSortedHeaderAscending:before {
  content: "\f0d7" !important;
}
.Tiny .cellTableSortedHeaderDescending:before,
.Tiny .dataGridSortedHeaderDescending:before {
  content: "\f0d8" !important;
}
/* Hide the default "caret" */
.Tiny .cellTableSortableHeader > div,
.Tiny .dataGridSortableHeader > div {
  position: inherit !important;
  zoom: 0 !important;
  padding-left: 0px !important;
}
.Tiny .cellTableSortableHeader > div > div:first-child,
.Tiny .dataGridSortableHeader > div > div:first-child {
  display: none;
}
.Tiny .cellTableEvenRowCell,
.Tiny .dataGridEvenRowCell {
  border-bottom: 1px solid #EEEEEE;
}
.Tiny .cellTableOddRowCell,
.Tiny .dataGridOddRowCell {
  border-bottom: 1px solid #EEEEEE;
}
.Tiny .cellTableHoveredRow,
.Tiny .dataGridHoveredRow {
  background: #f6f6f6;
}
.Tiny .cellTableKeyboardSelectedRowCell,
.Tiny .dataGridKeyboardSelectedRowCell {
  background: #80ccff;
  color: #ffffff !important;
  font-weight: bold;
}
.Tiny .cellTableSelectedRow,
.Tiny .dataGridSelectedRow {
  background: #0099ff;
  /*#D6F5FF;*/
}
.Tiny .cellTableSelectedRowCell,
.Tiny .dataGridSelectedRowCell {
  background: #80ccff;
  color: #ffffff !important;
  font-family: 'LatoBold', Arial, sans-serif;
}
/**
	 * The keyboard selected cell is visible over selection.
	 */
.Tiny .cellTableLoading {
  margin: 40px 8px;
}
/********************************/
/*								*/
/*		Specific for PCL		*/
/*								*/
/********************************/
.cellListEvenItem,
.cellListOddItem {
  display: inline-block;
  text-align: center;
  width: 120px;
  height: 90px;
  padding: 10px;
  font-family: 'LatoRegular', Arial, sans-serif;
  font-size: 13px;
  line-height: 125%;
  cursor: pointer;
  zoom: 1;
}
.cellListKeyboardSelectedItem,
.cellListSelectedItem {
  background-color: #80ccff;
  color: #fff;
  height: 90px;
  font-weight: bold;
  overflow: visible;
}
.cellListEvenItem:hover,
.cellListOddItem:hover {
  background: #f6f6f6;
}
.cellListKeyboardSelectedItem:hover,
.cellListSelectedItem:hover {
  background: #80ccff;
}