body {
  background-color: white;
  color: black;
  font-family: Arial, sans-serif;
  font-size: smaller;
  margin: 20px 20px 20px 20px;
}

code {
  font-size: small;
}

a {
  color: darkblue;
}

a:visited {
  color: darkblue;
}

/* Every <h3>-tag one level (>) below element tagged with class "noMargin".
   In order to remove margin above and below h3 tags when they are used in a smartgwt Label.java-class.
*/
.noMarginForH3OneBelow > h3 {  
  margin: 0px;
}

.wiceTitle {
    font-family:Arial,Verdana,tahoma,serif;
    color:#454545;
    font-size:18px;
}

.wiceTitleFacelift {
    font-size:18px;
}

.toolStripFacelift {
  background-color: #274856;
  border: 0px solid #d0d0d0;
  padding: 0px;
  padding-left: 0px;
}

.loginStyleBackground {
  background: radial-gradient(ellipse at right bottom, #dc876b 5%, #D65A31 20%, #393E46 50%, #222831 100%);
}

.loginStylePassBackground {
  background:#8c8c8c9a;
  border-radius: 50px;

}

.loginStyleTopBar {
  background-color: #222831;
  color: #EEEEEE;
}

.loginStyleTopBarText {
  color: #EEEEEE;
}

.loginStyleButton,
.loginStyleButtonSelected,
.loginStyleButtonSelectedOver,
.loginStyleButtonSelectedDown,
.loginStyleButtonSelectedDisabled,
.loginStyleButtonOver,
.loginStyleButtonDown,
.loginStyleButtonDisabled {
  outline-width: 0px;
  background-color: transparent;
  color: #EEEEEE;
  border: 1px solid #EEEEEE;
  font-size: 13.3333px;
}

.loginStyleField,
.loginStyleFieldOver,
.loginStyleFieldHint,
.loginStyleFieldHintRTL,
.loginStyleFieldFocused,
.loginStyleFieldFocusedOver {
  border: 0px;
  outline-width: 0px !important;
  border-bottom: 1px solid #EEEEEE;
  color: #EEEEEE;
  background-color: #37464f00;
}

.loginStyleField::placeholder,
.loginStyleFieldOver::placeholder,
.loginStyleFieldHint::placeholder,
.loginStyleFieldHintRTL::placeholder,
.loginStyleFieldFocused::placeholder,
.loginStyleFieldFocusedOver::placeholder {
  color: #BBBBBB;
}

.loginStyleField::-webkit-input-placeholder,
.loginStyleFieldOver::-webkit-input-placeholder,
.loginStyleFieldHint::-webkit-input-placeholder,
.loginStyleFieldHintRTL::-webkit-input-placeholder,
.loginStyleFieldFocused::-webkit-input-placeholder,
.loginStyleFieldFocusedOver::-webkit-input-placeholder {
  color: #BBBBBB;
}

.loginStyleField::-moz-placeholder,
.loginStyleFieldOver::-moz-placeholder,
.loginStyleFieldHint::-moz-placeholder,
.loginStyleFieldHintRTL::-moz-placeholder,
.loginStyleFieldFocused::-moz-placeholder,
.loginStyleFieldFocusedOver::-moz-placeholder {
  color: #BBBBBB;
}

.loginStyleField::-ms-placeholder,
.loginStyleFieldOver::-ms-placeholder,
.loginStyleFieldHint::-ms-placeholder,
.loginStyleFieldHintRTL::-ms-placeholder,
.loginStyleFieldFocused::-ms-placeholder,
.loginStyleFieldFocusedOver::-ms-placeholder {
  color: #BBBBBB;
}

.loginRemberText, 
.loginRemberTextOver {
  color: #EEEEEE;
  font-size: 13.3333px;
  outline-width: 0px;
}

.loginControlStyle,
.loginControlStyleOver,
.loginControlStyleFocused,
.loginControlStyleFocusedOver {
  color: #EEEEEE;
  
}

.loginStyleButtonSelectedOver,
.loginStyleButtonSelectedDown,
.loginStyleButtonOver,
.loginStyleButtonDown {
  outline-width: 1px;
  outline-color: #37464f;
  color: #37464f;
  border: 1px solid #37464f;
}


  
.ecuToolStripTitle {
  font-family: Arial, Verdana, sans-serif;
  color:#000000;
  font-size:15px;
}

.gwt-BorderedPanel {
}

.gwt-Button {
}

.gwt-Canvas {
}

.gwt-CheckBox {
  font-size: smaller;
}

.gwt-DecoratedStackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
}
.gwt-DecoratedStackPanel .stackItemTopLeft,
.gwt-DecoratedStackPanel .stackItemTopRight {
  height: 6px;
  width: 6px;
  zoom: 1;
}
.gwt-DecoratedStackPanel .stackItemTopLeft {
  border-left: 1px solid #bbbbbb;
  background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
  -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
}
.gwt-DecoratedStackPanel .stackItemTopRight {
  border-right: 1px solid #bbbbbb;
  background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
  -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
}
.gwt-DecoratedStackPanel .stackItemTopLeftInner,
.gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 1px;
  height: 1px;
}
* html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.gwt-DecoratedStackPanel .stackItemTopCenter {
  background: url(images/hborder.png) 0px -21px repeat-x;
}
.gwt-DecoratedStackPanel .stackItemMiddleLeft {
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
  border-left: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedStackPanel .stackItemMiddleRight {
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
  border-right: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemMiddleCenter {
  font-weight: bold;
  font-size: 1.0em;
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
  border: 0px;
  background-color: white;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
  background-color: white;
}

.gwt-DialogBox {
  sborder: 2px solid #C3D9FF;
  border: 3px solid #cac3ff;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 2px;
  margin: 0px;
  font-weight: bold;
  cursor: default;
}

.gwt-FileUpload {
}

.gwt-Frame {
}

.gwt-HorizontalSplitPanel {
	border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #87B3FF;	
}

.gwt-HorizontalSplitter .Bar {
  width: 8px;
  background-color: #C3D9FF;
}

.gwt-VerticalSplitter .Bar {
  height: 8px;
  background-color: #C3D9FF;
}

.gwt-SplitLayoutPanel-HDragger {
  background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat;
  cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {
  background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat;
  cursor: row-resize;
}

.gwt-HTML {
  /*font-size: smaller;*/
}

.gwt-Hyperlink {
}

.gwt-Image {

}

.gwt-Label {
  font-size: smaller;
}

.gwt-Label-grey {
  font-size: smaller;
  color: grey
}

.gwt-Label-Popup-hovering {
  background: lightblue;
}

.gwt-Larger-Label {
  font-size: larger;
}

.gwt-Very-Large-Label {
	font-size: 18px;
}

.gwt-ListBox {
}

.gwt-MenuBar {
  background-color: #C3D9FF;
  border: 1px solid #87B3FF;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
  padding: 1px 4px 1px 4px;
  font-size: smaller;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background-color: #E8EEF7;
}

.gwt-PasswordTextBox {
border-style: solid;
border-width: thin;
border-color: #00c000;
}

.gwt-RadioButton {
  font-size: smaller;
}

.gwt-TabLayoutPanel {
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: #92c1f0;
}

.gwt-TabPanel {
}

.gwt-TabPanelBottom {
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #87B3FF;
}

.gwt-TabBar {
  /*background-color: #C3D9FF;*/
  background-color: #FFFFFF;
  font-size: 10p;
}

.gwt-TabBar .gwt-TabBarFirst {
  height: 100%;
  border-bottom: 1px solid #87B3FF;
  padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
  border-bottom: 1px solid #87B3FF;
  padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
  /*border-top: 1px solid #C3D9FF;*/
  background-color: #C3D9FF;
  border-bottom: 1px solid #87B3FF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
  /*cursor: hand;*/
}

.gwt-TabBar .gwt-TabBarItem-selected {
  font-weight: bold;
  background-color: #E8EEF7;
  border-top: 1px solid #87B3FF;
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #E8EEF7;
  padding: 2px;
  cursor: default;
}

.gwt-TextArea {
}

.gwt-TextBox {
	color: black;
}

.gwt-TextBox-Red {
	color: red;
}

.gwt-TextBox-noFill {
	border-style: none;
	background-color:transparent;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
  font-size: smaller;
}

.gwt-Tree .gwt-TreeItem-selected {
  background-color: #C3D9FF;
}

.gwt-StackPanel {
}

.gwt-StackPanel .gwt-StackPanelItem {
  background-color: #C3D9FF;
  cursor: pointer;
  cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}
.gwt-SuggestBox {
  padding: 2px;
}
.gwt-SuggestBoxPopup {
  margin-left: 3px;
}
.gwt-SuggestBoxPopup .item {
  padding: 2px 6px;
  color: #424242;
  cursor: default;
}
.gwt-SuggestBoxPopup .item-selected {
  background: #b7d6f6;
}
.gwt-SuggestBoxPopup .suggestPopupContent {
  background: white;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
  background: url(images/hborder.png) repeat-x;
}
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -4px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
  background: url(images/vborder.png) repeat-y;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
  background: url(images/vborder.png) repeat-y -4px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;  
}
.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeft {
  background: url(images/corner.png) no-repeat 0px -23px;
  -background: url(images/corner_ie6.png) no-repeat 0px -23px;
}
.gwt-SuggestBoxPopup .suggestPopupTopRight {
  background: url(images/corner.png) no-repeat -5px -23px;
  -background: url(images/corner_ie6.png) no-repeat -5px -23px;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
  background: url(images/corner.png) no-repeat 0px -28px;
  -background: url(images/corner_ie6.png) no-repeat 0px -28px;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRight {
  background: url(images/corner.png) no-repeat -5px -28px;
  -background: url(images/corner_ie6.png) no-repeat -5px -28px;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.gwt-ToggleButton {
	  background-color            :    #E8EEF7;
    color                       :    black;
    border                      :    1px solid #666;

    cursor                      :    hand;
    cursor                      :    pointer;
    font-size                   :    75%;

    margin                      :    3px 1px;
    padding                     :    1px 10px;
    width                       :    70px;
    text-align                  :    center;
    background-image: url(images/gray_gradient.gif);
		background-repeat: repeat-x;
}

.gwt-ToggleButton-up-hovering
{
    padding                     :    0px 9px;
    color                       :    #009;
    background-color            :    #ffd;
    border-top                  :    2px solid #fff;
    border-left                 :    2px solid #fff;
    border-right                :    2px solid #888;
    border-bottom               :    2px solid #888;
}

.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering {
	  background-color            :    #ff0;
    padding                     :    0px 9px;
    border-top                  :    2px solid #333;
    border-left                 :    2px solid #333;
    border-right                :    2px solid #ccc;
    border-bottom               :    2px solid #ccc;
		cursor: default;
}

/*-------------------------------------------------------------*/

/* Custom formitem PlatformPicker requires a custom css in order to blend in */
.gwt-platformPicker,
.gwt-platformPickerOver,
.gwt-platformPickerDown,
.gwt-platformPickerSelected
 {
	font-size: 9pt;
	color: #55555a;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 5px;
	width: 100%;
}

.assignment-SelectedRow {
	/*background-image: url(images/blue_gradient.gif);
	background-repeat: repeat-x;*/
	background-color: #87cefa;
	font-size: 10pt;
}

.gwt-FlexTable {
	font-size: 10pt;
}

.gwt-FlexTable .gwt-FlexTable-selected {
	background: #d3def6;	
}

.gwt-FlexTable-td {
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;		
}

.gwt-WcuTool-Label {
	font-size: 13pt;
	background-color: #87cef7;
	border-width: 1px;
	border-color: black;
	font-family:Georigia, Arial, Serif;
}

.ecu-Diff,
.ecu-DiffAltCol,
.ecu-DiffDark,
.ecu-DiffDarkAltCol {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:#000000;
  border:0px solid;
  border-top: 1px solid #ffe0cb;
  border-bottom: 1px solid #ffe0cb;
	background-color: #ff8a3c54;
}

.ecu-DiffDark,
.ecu-DiffDarkAltCol{
  background-color: #ff8a3c73;
}

.ecu-DiffOver,
.ecu-DiffOverAltCol,
.ecu-DiffOverDark,
.ecu-DiffOverDarkAltCol {
	background-color:#ff7315dc; /*url(./images/ListGrid/row_Over.png) repeat-x bottom left scroll;*/
}

.ecu-DiffSelected,
.ecu-DiffSelectedAltCol,
.ecu-DiffSelectedDark,
.ecu-DiffSelectedDarkAltCol {
  background-color: #ff8a3c;
  border-top: 1px solid #ffe0cb;
  border-bottom: 1px solid #ffe0cb;
}
	
.ecu-DiffSelectedOver,
.ecu-DiffSelectedOverAltCol,
.ecu-DiffSelectedOverDark,
.ecu-DiffSelectedOverDarkAltCol {
  background-color:#ff7315dc /*url(./images/ListGrid/row_Over.png) repeat-x bottom left scroll;*/
}

.assignment-Pending {
	background-color: #FFFFFF;
}

.assignment-Error,
.assignment-ErrorDark,
.assignment-ErrorOver,
.assignment-ErrorOverDark,
.assignment-ErrorSelected,
.assignment-ErrorSelectedDark,
.assignment-ErrorSelectedOver,
.assignment-ErrorSelectedOverDark,
.assignment-ErrorAltCol,
.assignment-ErrorDarkAltCol,
.assignment-ErrorOverAltCol,
.assignment-ErrorOverDarkAltCol,
.assignment-ErrorSelectedAltCol,
.assignment-ErrorSelectedDarkAltCol,
.assignment-ErrorSelectedOverAltCol,
.assignment-ErrorSelectedOverDarkAltCol {
	color:#ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
	background-color: #FCC0C0;
}

.assignment-ErrorOverAltCol,
.assignment-ErrorOverDarkAltCol,
.assignment-ErrorOver,
.assignment-ErrorOverDark
{
  background-color: #f57070;
}

.assignment-ErrorSelectedAltCol,
.assignment-ErrorSelectedDarkAltCol,
.assignment-ErrorSelected,
.assignment-ErrorSelectedDark
{
	background-color:#f48585;
}

.assignment-ErrorSelectedOverAltCol,
.assignment-ErrorSelectedOverDarkAltCol,
.assignment-ErrorSelectedOver,
.assignment-ErrorSelectedOverDark {
	background-color: #f36b6b;
}

/* ------- New status, WARNING 20150116 -------- */
.assignment-WarningAltCol,
.assignment-WarningDarkAltCol,
.assignment-WarningOverAltCol,
.assignment-WarningOverDarkAltCol,
.assignment-WarningSelectedAltCol,
.assignment-WarningSelectedDarkAltCol,
.assignment-WarningSelectedOverAltCol,
.assignment-WarningSelectedOverDarkAltCol,
.assignment-Warning,
.assignment-WarningDark,
.assignment-WarningOver,
.assignment-WarningOverDark,
.assignment-WarningSelected,
.assignment-WarningSelectedDark,
.assignment-WarningSelectedOver,
.assignment-WarningSelectedOverDark {
/*	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;*/
	color:#333333;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
	background-color: #FFF219;
}

.assignment-WarningOverAltCol,
.assignment-WarningOverDarkAltCol,
.assignment-WarningOver,
.assignment-WarningOverDark
{
  color:#333333;
	background-color: #E5D900;
}

.assignment-WarningSelectedAltCol,
.assignment-WarningSelectedDarkAltCol,
.assignment-WarningSelected,
.assignment-WarningSelectedDark
{
	background-color:#d4e8ff;
  border-top: 1px solid #c5e0ff;
  border-bottom: 1px solid #c5e0ff;
}

.assignment-WarningSelectedOverAltCol,
.assignment-WarningSelectedOverDarkAltCol,
.assignment-WarningSelectedOver,
.assignment-WarningSelectedOverDark {
	background-color:#A2CBFF;
}
/* ------ End WARNING ------- */

.assignment-RunningAltCol,
.assignment-RunningDarkAltCol,
.assignment-RunningOverAltCol,
.assignment-RunningOverDarkAltCol,
.assignment-RunningSelectedAltCol,
.assignment-RunningSelectedDarkAltCol,
.assignment-RunningSelectedOverAltCol,
.assignment-RunningSelectedOverDarkAltCol,
.assignment-Running,
.assignment-RunningDark,
.assignment-RunningOver,
.assignment-RunningOverDark,
.assignment-RunningSelected,
.assignment-RunningSelectedDark,
.assignment-RunningSelectedOver,
.assignment-RunningSelectedOverDark {
	color:#333333;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
	background-color: #8ccf7f;
}

.assignment-RunningOverAltCol,
.assignment-RunningOverDarkAltCol,
.assignment-RunningOver,
.assignment-RunningOverDark {
	color:#333333;
	background-color:#6bc15a;
}

.assignment-RunningSelectedAltCol,
.assignment-RunningSelectedDarkAltCol,
.assignment-RunningSelected,
.assignment-RunningSelectedDark
 {
  background-color:#d4e8ff;
  border-top: 1px solid #c5e0ff;
  border-bottom: 1px solid #c5e0ff;
}

.assignment-RunningSelectedOverAltCol,
.assignment-RunningSelectedOverDarkAltCol,
.assignment-RunningSelectedOver,
.assignment-RunningSelectedOverDark
{
	background-color:#A2CBFF
}
	
.assignment-ListHeader {
	/*background-image: url(images/gray_gradient.gif);
	background-repeat: repeat-x;*/
	background-color: gray;
	font-weight: bold;
	text-align: center;
}

.assignment-popups-Popup {
  background-color: white;
  border: 1px solid #87B3FF;
  padding: 4px;
  font: 12pt;
}

/*.gwt-TabBar .gwt-TabBarItem-Running {
    border-top: 1px solid #C3D9FF;
  background-color: #7FFF00;
  border-bottom: 1px solid #87B3FF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
  cursor: hand;
}*/
.gwt-TabBarItem-Running {
  border-top: 1px solid #C3D9FF;
  background-color: #7FFF00;
  border-bottom: 1px solid #87B3FF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
  cursor: hand;
}
.gwt-TabBarItem-Stopped {
  /*border-top: 1px solid #C3D9FF;*/
  background-color: #E8EEF7;
  border-bottom: 1px solid #87B3FF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  /*cursor: pointer;*/
  cursor: hand;
}

.gwt-TabBar .gwt-TabBarItem-Error {
  /*border-top: 1px solid #C3D9FF;*/
  background-color: #FF0000;
  border-bottom: 1px solid #87B3FF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  /*cursor: pointer;*/
  cursor: hand;
}

.gwt-TabBar .gwt-TabBarItem-Pending {
  background-color: #FFD700;
  border-bottom: 1px solid #87B3FF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  /*cursor: pointer;*/
  cursor: hand;
}

.gwt-ProgressBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #AAAAAA;
  height: 14pt;
  width: 50%;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
  background-color: #67A7E3;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-text {
  padding: 0px;
  margin: 0px;
  color: white;
}

/**
Date picker styles, most of these will eventually move into a default resource bundle.
*/
.gwt-DatePicker {
  width: 150px;
  border: 1px solid #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
  color: 6b6b6b;
  cursor: default;
 
}

.gwt-DatePicker td {
  font-family: Arial;
  font-size: 65%;
  padding: 2px;
  text-align: center;
  padding: 2px;
  outline: none;
  -moz-outline: none;
  cursor: default;
}

.gwt-DatePicker td,.month-selector td :focus {
  outline: none
}

.gwt-DateBox input {
  width: 8em;
}

/**
Calendar styles
*/
.calendar-view {
  background-color: white;
  width: 100%;
}

.calendar-view .filler-cell {
  color: #bfbfbf;
  padding: 1px;
  cursor: hand;
}

.calendar-view .date-cell {
  padding: 1px;
  cursor:hand;
}

.calendar-view .selected-cell {
  background: #aaccee;
}

.calendar-view .day-title {
  background: #dbe6de;
}

.gwt-DatePicker .calendar-view .highlighted-cell {
  border: 1px solid #eeeeee;
  padding: 0px;
}

.calendar-view .today-cell {
  border: 1px solid black;
  padding: 0px;
}

.gwt-DatePicker .calendar-view .weekend {
  background: #f1f1f1;
}

.calendar-view .disabled-cell {
  color: graytext;
}

/*
Month selector styles
*/
.month-selector {
  background: #dbe6de;
  width: 100%;
  text-align: center;
}

.month-selector td {
  font-weight: bold;
  font-size: 70%;
}

.month-selector .month-label {
  text-align: center;
  background: #dbe6de;
}

.month-selector .month-backward {
  padding-right: 2em;
}

.month-selector .month-forward {
  padding-left: 2em;
}

/*  Styles demo*/
.gwt-DatePicker .red-date {
  background-color: red;
}

.gwt-DatePicker .blue-background {
  background-color: blue;
}

.gwt-DatePicker .red-text {
  color: red;
}

.gwt-DatePicker .green-border {
  border: 5px solid green;
}

.gwt-DatePicker .big-text {
  font-size: x-large;
}

.gwt-DatePicker .underlined-and-bold-text {
  font-weight: bold;
  text-decoration: underline;
}

.gwt-DatePicker .yellow-background {
  background-color: yellow;
}

/* date range styles */
.filler {
  width: 30px;
  text-align: center;
}

.gwt-PopupPanel {
  border: 3px solid #d3def6;
  padding: 3px;
  background: white;
  cursor: pointer;
}

.gwt-FadeAway-PopupPanel {
  border: 3px solid #e1e1e1;
  background-color: #f3f3f3;
  padding: 3px;
  cursor: pointer;
  font-size: 15pt;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.popupPanelStyle {
	font-size: 12pt;
}

.triangle-right {
  position:relative;
  padding:5px;
  margin:1em 0 3em;
  color:#fff;
  background:#075698; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.triangle-right.left {
  position:relative;
  margin-top:0px;
  margin-left:40px;
  margin-bottom:0px;
  margin-right:0px;
  background:#348cd6;
}

.triangle-right:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#075698 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.triangle-right.left:after {
  top:16px;
  left:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #348cd6;
}

.gwt-FadeAway-PopupPanel-10 {
  	opacity:1.0;
	filter:alpha(opacity=100);
}

.gwt-FadeAway-PopupPanel-9 {
  	opacity:0.9;
	filter:alpha(opacity=90);
}

.gwt-FadeAway-PopupPanel-8 {
  	opacity:0.8;
	filter:alpha(opacity=80);
}

.gwt-FadeAway-PopupPanel-7 {
  	opacity:0.7;
	filter:alpha(opacity=70);
}

.gwt-FadeAway-PopupPanel-6 {
  	opacity:0.6;
	filter:alpha(opacity=60);
}

.gwt-FadeAway-PopupPanel-5 {
  	opacity:0.5;
	filter:alpha(opacity=50);
}

.gwt-FadeAway-PopupPanel-4 {
  	opacity:0.4;
	filter:alpha(opacity=40);
}

.gwt-FadeAway-PopupPanel-3 {
  	opacity:0.3;
	filter:alpha(opacity=30);
}

.gwt-FadeAway-PopupPanel-2 {
  	opacity:0.2;
	filter:alpha(opacity=20);
}

.gwt-FadeAway-PopupPanel-1 {
  	opacity:0.1;
	filter:alpha(opacity=10);
}


.gwt-FadeAway-Error-Label {
	background-color: red;
	color: white;
}

.gwt-FadeAway-Error-Label-10 {
  	opacity:1.0;
	filter:alpha(opacity=100);
}

.gwt-FadeAway-Error-Label-9 {
  	opacity:0.9;
	filter:alpha(opacity=90);
}

.gwt-FadeAway-Error-Label-8 {
  	opacity:0.8;
	filter:alpha(opacity=80);
}

.gwt-FadeAway-Error-Label-7 {
  	opacity:0.7;
	filter:alpha(opacity=70);
}

.gwt-FadeAway-Error-Label-6 {
  	opacity:0.6;
	filter:alpha(opacity=60);
}

.gwt-FadeAway-Error-Label-5 {
  	opacity:0.5;
	filter:alpha(opacity=50);
}

.gwt-FadeAway-Error-Label-4 {
  	opacity:0.4;
	filter:alpha(opacity=40);
}

.gwt-FadeAway-Error-Label-3 {
  	opacity:0.3;
	filter:alpha(opacity=30);
}

.gwt-FadeAway-Error-Label-2 {
  	opacity:0.2;
	filter:alpha(opacity=20);
}

.gwt-FadeAway-Error-Label-1 {
  	opacity:0.1;
	filter:alpha(opacity=10);
}

.gwt-DatePicker {
  border: 1px solid #888;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #c1c1c1;
  padding: 0px 4px 2px;
  cursor: default;
}
.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #EEEEEE;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #abf;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #dde;
}
.datePickerDayIsValueAndHighlighted {
  background: #ccf;
}
.datePickerMonthSelector {
  background: #c1c1c1;
  width: 100%;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}
.gwt-HorizontalSplitPanel .hsplitter {
	background-color : grey;

    /* Pretty much everything */
    cursor : e-resize;

     /* IE6, IE7, FF2, Safari Win */
    cursor : col-resize;	
}
.gwt-Load-Label {
	background-color: red;
}
.gwt-Load-Label-0 {
	opacity:0.0;
	filter:alpha(opacity=0);
}
.gwt-Load-Label-1 {
	opacity:0.1;
	filter:alpha(opacity=10);
}
.gwt-Load-Label-2 {
	opacity:0.2;
	filter:alpha(opacity=20);
}
.gwt-Load-Label-3 {
	opacity:0.3;
	filter:alpha(opacity=30);
}
.gwt-Load-Label-4 {
	opacity:0.4;
	filter:alpha(opacity=40);
}
.gwt-Load-Label-5 {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.gwt-Load-Label-6 {
	opacity:0.6;
	filter:alpha(opacity=60);
}
.gwt-Load-Label-7 {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.gwt-Load-Label-8 {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.gwt-Load-Label-9 {
	opacity:0.9;
	filter:alpha(opacity=90);
}
.gwt-Load-Label-10 {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.gwt-PopupPanel-Load {
}

.gwt-DisclosurePanel {
}
.gwt-DisclosurePanel-open {
}
.gwt-DisclosurePanel-closed {
}
.gwt-DisclosurePanel .header,
.gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td {
  text-decoration: none;  /* Remove underline from header */
  color: black; 
  cursor: pointer;
  cursor: hand;
}
.gwt-DisclosurePanel .content {
  border-left: 3px solid #e8eef7;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}

.gwt-DateBox input {
  width: 8em;
}
.dateBoxFormatError {
  background: #ffcccc;
}
.dateBoxPopup {
}

.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}
.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #EEEEEE;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #aaccee;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}
.login-rootPanel {
border-style: solid;
border-width: thin;
border-color: #00c000;
background-color: #99ff33;
padding: 5px;
}

img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0.3;
  filter:alpha(opacity=30);
}

/*
#rootPanel {
  position:relative;
  z-index:1;
}
*/
.gwt-TextBox-Login {
	color: black;
	border-style: solid;
	border-width: thin;
	border-color: #00c000;
}

.alertEntry {
	/*font-weight: bold;*/
    color: green;
    background: #00ff00;
}
.gwt-Panel {
	border: 2px solid #e1ecff;
}
.gwt-FormPanel {
	
}
.gwt-SplitLayoutPanel {
	border-bottom: 1px solid #bbbbbb;
}

/* START of custom textItemLite */
/* borders and padding for minimalist text-based items */
.validationError,
.validationErrorRTL,
.validationErrorFocused,
.validationErrorFocusedRTL,
.validationErrorDisabled,
.validationErrorDisabledRTL,
.validationErrorError,
.validationErrorErrorRTL,
.validationErrorPending,
.validationErrorPendingRTL,
.validationErrorPendingFocused,
.validationErrorPendingFocusedRTL,
.validationErrorPendingDisabled,
.validationErrorPendingDisabledRTL,
.validationErrorPendingError,
.validationErrorPendingErrorRTL,
.validationErrorHint,
.validationErrorHintRTL,
.validationErrorDisabledHint,
.validationErrorDisabledHintRTL {
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  background-color: #FCC0C0;
  border-radius: 0px;
}

.validationError,
.validationErrorRTL,
.validationErrorFocused,
.validationErrorFocusedRTL,
.validationErrorDisabled,
.validationErrorDisabledRTL,
.validationErrorError,
.validationErrorErrorRTL,
.validationErrorPending,
.validationErrorPendingRTL,
.validationErrorPendingFocused,
.validationErrorPendingFocusedRTL,
.validationErrorPendingDisabled,
.validationErrorPendingDisabledRTL,
.validationErrorPendingError,
.validationErrorPendingErrorRTL,
.validationErrorHint,
.validationErrorHintRTL,
.validationErrorDisabledHint,
.validationErrorDisabledHintRTL {
  color: #555;
  background-color: #FCC0C0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  border-radius: 0px;
}

.validationErrorFocused,
.validationErrorFocusedRTL,
.validationErrorPendingFocused,
.validationErrorPendingFocusedRTL {
  border-color: #66afe9;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(102, 175, 233, 0.6);
}

/* pending coloring */
.validationErrorPending,
.validationErrorPendingRTL,
.validationErrorPendingFocused,
.validationErrorPendingFocusedRTL,
.validationErrorPendingError,
.validationErrorPendingErrorRTL {
  color: #0066cc;
}
.validationErrorPending:-moz-placeholder,
.validationErrorPendingRTL:-moz-placeholder,
.validationErrorPendingFocused:-moz-placeholder,
.validationErrorPendingFocusedRTL:-moz-placeholder,
.validationErrorPendingError:-moz-placeholder,
.validationErrorPendingErrorRTL:-moz-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.validationErrorPending::-moz-placeholder,
.validationErrorPendingRTL::-moz-placeholder,
.validationErrorPendingFocused::-moz-placeholder,
.validationErrorPendingFocusedRTL::-moz-placeholder,
.validationErrorPendingError::-moz-placeholder,
.validationErrorPendingErrorRTL::-moz-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.validationErrorPending:-ms-input-placeholder,
.validationErrorPendingRTL:-ms-input-placeholder,
.validationErrorPendingFocused:-ms-input-placeholder,
.validationErrorPendingFocusedRTL:-ms-input-placeholder,
.validationErrorPendingError:-ms-input-placeholder,
.validationErrorPendingErrorRTL:-ms-input-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}
.validationErrorPending::-webkit-input-placeholder,
.validationErrorPendingRTL::-webkit-input-placeholder,
.validationErrorPendingFocused::-webkit-input-placeholder,
.validationErrorPendingFocusedRTL::-webkit-input-placeholder,
.validationErrorPendingError::-webkit-input-placeholder,
.validationErrorPendingErrorRTL::-webkit-input-placeholder {
  color: #0066cc;
  opacity: 1;
  text-overflow: ellipsis;
}

/* disabled styling */
.validationErrorDisabled,
.validationErrorDisabledRTL,
.validationErrorPendingDisabled,
.validationErrorPendingDisabledRTL,
.validationErrorDisabledHint,
.validationErrorDisabledHintRTL {
  background-color: #FCC0C0;
  border: 1px solid #ababab;
}

.validationErrorDisabled,
.validationErrorDisabledRTL,
.validationErrorPendingDisabled,
.validationErrorPendingDisabledRTL,
.validationErrorDisabledHint,
.validationErrorDisabledHintRTL {
  color: #ababab;
}
.validationErrorDisabled:-moz-placeholder,
.validationErrorDisabledRTL:-moz-placeholder,
.validationErrorPendingDisabled:-moz-placeholder,
.validationErrorPendingDisabledRTL:-moz-placeholder,
.validationErrorDisabledHint:-moz-placeholder,
.validationErrorDisabledHintRTL:-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.validationErrorDisabled::-moz-placeholder,
.validationErrorDisabledRTL::-moz-placeholder,
.validationErrorPendingDisabled::-moz-placeholder,
.validationErrorPendingDisabledRTL::-moz-placeholder,
.validationErrorDisabledHint::-moz-placeholder,
.validationErrorDisabledHintRTL::-moz-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.validationErrorDisabled:-ms-input-placeholder,
.validationErrorDisabledRTL:-ms-input-placeholder,
.validationErrorPendingDisabled:-ms-input-placeholder,
.validationErrorPendingDisabledRTL:-ms-input-placeholder,
.validationErrorDisabledHint:-ms-input-placeholder,
.validationErrorDisabledHintRTL:-ms-input-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}
.validationErrorDisabled::-webkit-input-placeholder,
.validationErrorDisabledRTL::-webkit-input-placeholder,
.validationErrorPendingDisabled::-webkit-input-placeholder,
.validationErrorPendingDisabledRTL::-webkit-input-placeholder,
.validationErrorDisabledHint::-webkit-input-placeholder,
.validationErrorDisabledHintRTL::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 1;
  text-overflow: ellipsis;
}

/*  hint text color */
.validationErrorHint,
.validationErrorHintRTL {
  color: #999;
}

/* END of custom textItemLite */

.mySelectItemStyle {
 	vertical-align: middle;
 	color: black;
  	border: 1px solid #ababab;
	font-size: 11px;
	border-right: 0;
}
input[type=text]::-ms-clear{
	display:none;
}
.emptyMessageRed {
	color: red;
	font-family: Arial, Verdana, sans-serif;
  	font-size: 11px;
  	padding: 11px;

}


/*---------------- Label buttons
	Global labels are displayed with sharp corners.
	Private labels are displayed with rounded corners.
*/
/* START OF GLOBAL LABELS */

/* CSS3 Mode */
.labelButton,
.labelButtonOver,
.labelButtonFocused,
.labelButtonFocusedOver,
.labelButtonDown,
.labelButtonFocusedDown,
.labelButtonSelected,
.labelButtonSelectedFocused,
.labelButtonSelectedDown,
.labelButtonSelectedFocusedDown,
.labelButtonSelectedOver,
.labelButtonSelectedFocusedOver,
.labelButtonDisabled,
.labelButtonSelectedDisabled,
.labelButtonPending,
.labelButtonPendingOver,
.labelButtonPendingFocused,
.labelButtonPendingFocusedOver,
.labelButtonPendingDown,
.labelButtonPendingFocusedDown,
.labelButtonPendingSelected,
.labelButtonPendingSelectedFocused,
.labelButtonPendingSelectedDown,
.labelButtonPendingSelectedFocusedDown,
.labelButtonPendingSelectedOver,
.labelButtonPendingSelectedFocusedOver,
.labelButtonPendingDisabled,
.labelButtonPendingSelectedDisabled,
.labelButtonDeselectedDisabled {
  background-color: #ffc43a;
  color:#000000;
  /*background-image: url("./images/cssButton/button_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    */
  border: 1px solid #858585;
  /*
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  */
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 3px;
}
.labelButton,
.labelButtonPending {
  border: 1px solid #858585;
  /*
  -moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  -webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  */
}

.labelButtonDisabled,
.labelButtonPendingDisabled,
.labelButtonDeselectedDisabled {
  background-color: #e8e8e8;
  background-image: url("./images/cssButton/button_Disabled_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  border-bottom: 1px solid #c9b6b6;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #bfbfbf;
}

/* CSS3 Mode */
.labelButtonDisabled,
.labelButtonSelectedDisabled,
.labelButtonPendingDisabled,
.labelButtonPendingSelectedDisabled,
.labelButtonDeselectedDisabled  {
  color: #ababab;
  font-weight: normal;
}

/* CSS3 Mode */
.labelButtonFocused,
.labelButtonFocusedOver,
.labelButtonSelectedFocused,
.labelButtonSelectedFocusedOver,
.labelButtonSelectedFocusedDown,
.labelButtonPendingFocused,
.labelButtonPendingFocusedOver,
.labelButtonPendingSelectedFocused,
.labelButtonPendingSelectedFocusedOver,
.labelButtonPendingSelectedFocusedDown {
  border: 1px solid #858585;
}

/* CSS3 Mode */
.labelButtonOver,
.labelButtonFocusedOver,
.labelButtonSelectedFocused,
.labelButtonSelectedFocusedOver,
.labelButtonPendingOver,
.labelButtonPendingFocusedOver,
.labelButtonPendingSelectedFocused,
.labelButtonPendingSelectedFocusedOver {
  /*
  background-color: #b4d4fd;

  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
  background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
      */
  border: 1px solid #858585;

}

/* CSS3 Mode */
.labelButtonDown,
.labelButtonFocusedDown,
.labelButtonSelectedDown,
.labelButtonSelectedFocusedDown,
.labelButtonPendingDown,
.labelButtonPendingFocusedDown,
.labelButtonPendingSelectedDown,
.labelButtonPendingSelectedFocusedDown {
    /*  
  background-color: #bdddff;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZjFmMmYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFkN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f2f3), color-stop(41%, #f1f2f3), color-stop(100%, #b1d7f6));
  background-image: -moz-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: -webkit-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: linear-gradient(to bottom, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  -moz-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  -webkit-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  */
  border: 1px solid #597db1;
}

/* CSS3 Mode */
.labelButtonSelected,
.labelButtonSelectedFocused,
.labelButtonSelectedOver,
.labelButtonSelectedFocusedOver,
.labelButtonSelectedDisabled,
.labelButtonPendingSelected,
.labelButtonPendingSelectedFocused,
.labelButtonPendingSelectedOver,
.labelButtonPendingSelectedFocusedOver,
.labelButtonPendingSelectedDisabled {
    /*
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
  background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    */
  border: 1px solid #858585;
}

.labelButtonPending,
.labelButtonPendingOver,
.labelButtonPendingFocused,
.labelButtonPendingFocusedOver,
.labelButtonPendingDown,
.labelButtonPendingFocusedDown,
.labelButtonPendingSelected,
.labelButtonPendingSelectedFocused,
.labelButtonPendingSelectedDown,
.labelButtonPendingSelectedFocusedDown,
.labelButtonPendingSelectedOver,
.labelButtonPendingSelectedFocusedOver {
  color: #0066cc;
}

.labelButtonDeselectedDisabled {
  color: #a8a8a8;
  text-decoration: line-through;
}
/* END OF GLOBAL LABELS */

/* START OF PRIVATE LABELS */
/* CSS3 Mode */
.labelButtonPrivate,
.labelButtonPrivateOver,
.labelButtonPrivateFocused,
.labelButtonPrivateFocusedOver,
.labelButtonPrivateDown,
.labelButtonPrivateFocusedDown,
.labelButtonPrivateSelected,
.labelButtonPrivateSelectedFocused,
.labelButtonPrivateSelectedDown,
.labelButtonPrivateSelectedFocusedDown,
.labelButtonPrivateSelectedOver,
.labelButtonPrivateSelectedFocusedOver,
.labelButtonPrivateDisabled,
.labelButtonPrivateSelectedDisabled,
.labelButtonPrivatePending,
.labelButtonPrivatePendingOver,
.labelButtonPrivatePendingFocused,
.labelButtonPrivatePendingFocusedOver,
.labelButtonPrivatePendingDown,
.labelButtonPrivatePendingFocusedDown,
.labelButtonPrivatePendingSelected,
.labelButtonPrivatePendingSelectedFocused,
.labelButtonPrivatePendingSelectedDown,
.labelButtonPrivatePendingSelectedFocusedDown,
.labelButtonPrivatePendingSelectedOver,
.labelButtonPrivatePendingSelectedFocusedOver,
.labelButtonPrivatePendingDisabled,
.labelButtonPrivatePendingSelectedDisabled,
.labelButtonPrivateDeselectedDisabled {
  background-color: #ffc43a;
  color: #000000;
  /*background-image: url("./images/cssButton/button_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    */
  border: 1px solid #858585;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 0 3px;
}
.labelButtonPrivate,
.labelButtonPrivatePending {
  border: 1px solid #858585;
  /*
  -moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  -webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  */
}

.labelButtonPrivateDisabled,
.labelButtonPrivatePendingDisabled,
.labelButtonPrivateDeselectedDisabled {
  background-color: #e8e8e8;
  background-image: url("./images/cssButton/button_Disabled_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  border-bottom: 1px solid #c9b6b6;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #bfbfbf;
}

/* CSS3 Mode */
.labelButtonPrivateDisabled,
.labelButtonPrivateSelectedDisabled,
.labelButtonPrivatePendingDisabled,
.labelButtonPrivatePendingSelectedDisabled,
.labelButtonPrivateDeselectedDisabled  {
  color: #ababab;
  font-weight: normal;
}

/* CSS3 Mode */
.labelButtonPrivateFocused,
.labelButtonPrivateFocusedOver,
.labelButtonPrivateSelectedFocused,
.labelButtonPrivateSelectedFocusedOver,
.labelButtonPrivateSelectedFocusedDown,
.labelButtonPrivatePendingFocused,
.labelButtonPrivatePendingFocusedOver,
.labelButtonPrivatePendingSelectedFocused,
.labelButtonPrivatePendingSelectedFocusedOver,
.labelButtonPrivatePendingSelectedFocusedDown {
  border: 1px solid #858585;
}

/* CSS3 Mode */
.labelButtonPrivateOver,
.labelButtonPrivateFocusedOver,
.labelButtonPrivateSelectedFocused,
.labelButtonPrivateSelectedFocusedOver,
.labelButtonPrivatePendingOver,
.labelButtonPrivatePendingFocusedOver,
.labelButtonPrivatePendingSelectedFocused,
.labelButtonPrivatePendingSelectedFocusedOver {
  /*
  background-color: #b4d4fd;

  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
  background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
      */
  border: 1px solid #858585;

}

/* CSS3 Mode */
.labelButtonPrivateDown,
.labelButtonPrivateFocusedDown,
.labelButtonPrivateSelectedDown,
.labelButtonPrivateSelectedFocusedDown,
.labelButtonPrivatePendingDown,
.labelButtonPrivatePendingFocusedDown,
.labelButtonPrivatePendingSelectedDown,
.labelButtonPrivatePendingSelectedFocusedDown {
    /*  
  background-color: #bdddff;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZjFmMmYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFkN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f2f3), color-stop(41%, #f1f2f3), color-stop(100%, #b1d7f6));
  background-image: -moz-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: -webkit-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: linear-gradient(to bottom, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  -moz-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  -webkit-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  */
  border: 1px solid #597db1;
}

/* CSS3 Mode */
.labelButtonPrivateSelected,
.labelButtonPrivateSelectedFocused,
.labelButtonPrivateSelectedOver,
.labelButtonPrivateSelectedFocusedOver,
.labelButtonPrivateSelectedDisabled,
.labelButtonPrivatePendingSelected,
.labelButtonPrivatePendingSelectedFocused,
.labelButtonPrivatePendingSelectedOver,
.labelButtonPrivatePendingSelectedFocusedOver,
.labelButtonPrivatePendingSelectedDisabled {
    /*
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
  background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: linear-gradient(to bottom, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    */
  border: 1px solid #858585;
}

.labelButtonPrivatePending,
.labelButtonPrivatePendingOver,
.labelButtonPrivatePendingFocused,
.labelButtonPrivatePendingFocusedOver,
.labelButtonPrivatePendingDown,
.labelButtonPrivatePendingFocusedDown,
.labelButtonPrivatePendingSelected,
.labelButtonPrivatePendingSelectedFocused,
.labelButtonPrivatePendingSelectedDown,
.labelButtonPrivatePendingSelectedFocusedDown,
.labelButtonPrivatePendingSelectedOver,
.labelButtonPrivatePendingSelectedFocusedOver {
  color: #0066cc;
}

.labelButtonPrivateDeselectedDisabled {
  color: #a8a8a8;
  text-decoration: line-through;
}
.gridCellWarning,
.gridCellWarningDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:black;
    border-bottom:1px solid #FFFF00; border-top:1px solid #FFFF00;
    background-color:#FFFF00;
}
.gridCellWarningOver,
.gridCellWarningOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:black;
    border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;
    background-color:#edd400;
}
.gridCellWarningSelected,
.gridCellWarningSelectedDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:black;
    border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;
    background-color:#c4a000;
}
.gridCellWarningSelectedOver,
.gridCellWarningSelectedOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:black;
    border-bottom:1px solid #a0a0a0; border-top:1px solid #a0a0a0;
    background-color:#c4a000;
}
.gridCellWarningDisabled,
.gridCellWarningDisabledDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:#808080;
    border-bottom:1px solid #FFFF00; border-top:1px solid #FFFF00;
    background-color:#FFFF00;
}

.gridCellError,
.gridCellErrorDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:black;
    border-bottom:1px solid #ffc0c0; border-top:1px solid #ffc0c0;
    background-color:#ffc0c0;
}
.gridCellErrorOver,
.gridCellErrorOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:black;
    border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;
    background-color:#ffe0e0;
}
.gridCellErrorSelected,
.gridCellErrorSelectedDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:black;
    border-bottom:1px solid #ffc0ff; border-top:1px solid #ffc0ff;
    background-color:#ffc0ff;
}
.gridCellErrorSelectedOver,
.gridCellErrorSelectedOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:black;
    border-bottom:1px solid #a0a0a0; border-top:1px solid #a0a0a0;
    background-color:#ffe0ff;
}
.gridCellErrorDisabled,
.gridCellErrorDisabledDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; text-overflow:ellipsis;
    color:#808080;
    border-bottom:1px solid #ffc0c0; border-top:1px solid #ffc0c0;
    background-color:#ffc0c0;
}

.dottedBorder {
	background-color: #ffffff;
	border-right: 1px #333 dotted;
}

.showHidePanel-Left {
	background-color: #f0f8ff;
	border-right: 1px #333 dotted;
	border-bottom: 1px #333 dotted;
	border-top: 1px #333 dotted;
}

.showHidePanel-Right {
	background-color: #f0f8ff;
	border-left: 1px #333 dotted;
	border-bottom: 1px #333 dotted;
	border-top: 1px #333 dotted;
}

.portalLayoutColumnBorder {
	border-right: 1px #333 dotted !important; /* !important overrides any other border attributes */
}

/* ------- START Resource group change warning -------- */
.resourceGroupWarning,
.resourceGroupWarningDark,
.resourceGroupWarningOver,
.resourceGroupWarningOverDark,
.resourceGroupWarningSelected,
.resourceGroupWarningSelectedDark,
.resourceGroupWarningSelectedOver,
.resourceGroupWarningSelectedOverDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:#333333;
  	border:1px solid;
  	border-color:#FFFFFF transparent #EFEFEF; 
	background-color:#FFA500;
}

.resourceGroupWarningOver,
.resourceGroupWarningOverDark
{
	border-color:#FFFFFF transparent #EFEFEF;
	background: #f57900 url(./images/ListGrid/row_Over.png) repeat-x bottom left scroll;
}

.resourceGroupWarningSelected,
.resourceGroupWarningSelectedDark
{
	background:#d4e8ff;
  	border-top: 1px solid #c5e0ff;
  	border-bottom: 1px solid #c5e0ff;
}

.resourceGroupWarningSelectedOver,
.resourceGroupWarningSelectedOverDark {
	background:#A2CBFF url(images/ListGrid/row_Over_Selected.png) repeat-x bottom left scroll;
}
/* ------ END Resource group change warning ------- */

/* TimeLineStatusPanel */
.timelineStatusPanel {
	color: black;
  	font-family: Arial, Verdana, sans-serif;
  	font-size: 11px;
  	margin-left: 2px;
  	border-style: dotted;
  	border-width: 1px;
}

.labelAnchorBorder,
.labelAnchorBorderRTL,
.labelAnchorBorderDisabled,
.labelAnchorBorderDisabledRTL,
.labelAnchorBorderError,
.labelAnchorBorderErrorRTL,
.labelAnchorBorderFocused,
.labelAnchorBorderFocusedRTL {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border: 2px dotted #597db1;
}

.informationPanelHeader {
	color: rgb(51, 51, 51);
  font-family: Arial, sans-serif;
  font-size: 11px;
  /*margin-left: 4px;*/
}

.informationPanelTxt {
	color: rgb(0, 0, 0);
  font-family: Arial, sans-serif;
  font-size: 11px;
  /*margin-left: 4px;*/
}

.informationPanelWindow {
  border: 1px solid #d0d0d0;
  -moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
}

.windowBackgroundMarked {
  background: #f0f8ff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(1%, #f0f8ff), color-stop(1%, #e5f2ff), color-stop(15%, #ddeeff), color-stop(100%, #ddeeff));
  background-image: -moz-linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e5f2ff 1%, #ddeeff 15%, #ddeeff 100%);
  background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #f0f8ff 1%, #e5f2ff 1%, #ddeeff 15%, #ddeeff 100%);
  background-image: linear-gradient(to bottom, #f0f8ff 0%, #f0f8ff 1%, #e5f2ff 1%, #ddeeff 15%, #ddeeff 100%);
  border: 1px solid #597db1;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  /*
  -moz-box-shadow: inset #f0f8ff0 1px 0, inset #e5f2ff 0 -1px 0, inset #e5f2ff 1px 0 0, inset #e5f2ff -1px 0 0;
  -webkit-box-shadow: inset #f0f8ff 0 1px 0, inset #e5f2ff 0 -1px 0, inset #e5f2ff 1px 0 0, inset #e5f2ff -1px 0 0;
  box-shadow: inset #f0f8ff 0 1px 0, inset #e5f2ff 0 -1px 0, inset #e5f2ff 1px 0 0, inset #e5f2ff -1px 0 0;
  */
}

.windowBackgroundMarkedOrange {
  background: #ffe2ad;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe2ad), color-stop(1%, #ffe2ad), color-stop(1%, #ffdc9e), color-stop(15%, #ffd58c), color-stop(100%, #ffd58c));
  background-image: -moz-linear-gradient(top, #ffe2ad 0%, #ffe2ad 1%, #ffdc9e 1%, #ffd58c 15%, #ffd58c 100%);
  background-image: -webkit-linear-gradient(top, #ffe2ad 0%, #ffe2ad 1%, #ffdc9e 1%, #ffd58c 15%, #ffd58c 100%);
  background-image: linear-gradient(to bottom, #ffe2ad 0%, #ffe2ad 1%, #ffdc9e 1%, #ffd58c 15%, #ffd58c 100%);
  border: 1px solid #FFA500;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
/*  -moz-box-shadow: inset #ffe2ad0 1px 0, inset #ffdc9e 0 -1px 0, inset #ffdc9e 1px 0 0, inset #ffdc9e -1px 0 0;
  -webkit-box-shadow: inset #ffe2ad 0 1px 0, inset #ffdc9e 0 -1px 0, inset #ffdc9e 1px 0 0, inset #ffdc9e -1px 0 0;
  box-shadow: inset #ffe2ad 0 1px 0, inset #ffdc9e 0 -1px 0, inset #ffdc9e 1px 0 0, inset #ffdc9e -1px 0 0;
  */
}

/* ------ END Resource group change warning ------- */

/* LoaderWindow */
.loaderLayout {
  background-color: #8a8a8a1f;
  border: 0px;
  color: #3e3e3e73;
  backdrop-filter: blur(0.5px);
}

.loaderLayoutSpinner {
  color: #202020ab;
}

.descriptionItem,
.descriptionItemRTL,
.descriptionItemOver,
.descriptionItemOverRTL,
.descriptionItemFocused,
.descriptionItemFocusedRTL,
.descriptionItemFocusedOver,
.descriptionItemFocusedOverRTL,
.descriptionItemDisabled,
.descriptionItemDisabledRTL,
.descriptionItemError,
.descriptionItemErrorRTL,
.descriptionItemErrorOver,
.descriptionItemErrorOverRTL,
.descriptionItemErrorFocused,
.descriptionItemErrorFocusedRTL,
.descriptionItemErrorFocusedOver,
.descriptionItemErrorFocusedOverRTL,
.descriptionItemErrorDisabled,
.descriptionItemErrorDisabledRTL,
.descriptionItemPending,
.descriptionItemPendingRTL,
.descriptionItemPendingOver,
.descriptionItemPendingOverRTL,
.descriptionItemPendingFocused,
.descriptionItemPendingFocusedRTL,
.descriptionItemPendingFocusedOver,
.descriptionItemPendingFocusedOverRTL,
.descriptionItemPendingDisabled,
.descriptionItemPendingDisabledRTL,
.descriptionItemPendingError,
.descriptionItemPendingErrorRTL,
.descriptionItemHint,
.descriptionItemHintRTL,
.descriptionItemDisabledHint,
.descriptionItemDisabledHintRTL{
	font-size: medium;
	background-color: transparent;
}


/*FontAwesomeButton */

.fontAwesomeButtonWhite {
  color: #ffffff;
  background-color: transparent;
  top: 0px !important;
}

.fontAwesomeButtonBlack {
  color: #000000;
  background-color: transparent;
  top: 0px !important;
}

.fontAwesomeButtonDefault, 
.fontAwesomeButtonDefaultAlt {
  background-color: transparent;
  top: 0px !important;
}

.fontAwesomeButtonDefaultOver,
.fontAwesomeButtonDefaultDown,
.fontAwesomeButtonDefaultSelected,
.fontAwesomeButtonDefaultDisabled,
.fontAwesomeButtonDefaultSelectedOver,
.fontAwesomeButtonDefaultSelectedDown,
.fontAwesomeButtonDefaultAltOver,
.fontAwesomeButtonDefaultAltDown,
.fontAwesomeButtonDefaultAltSelected,
.fontAwesomeButtonDefaultAltDisabled,
.fontAwesomeButtonDefaultAltSelectedOver,
.fontAwesomeButtonDefaultAltSelectedDown,
.fontAwesomeButtonBlackOver,
.fontAwesomeButtonBlackDown,
.fontAwesomeButtonBlackSelected,
.fontAwesomeButtonBlackDisabled,
.fontAwesomeButtonBlackSelectedOver,
.fontAwesomeButtonBlackSelectedDown,
.fontAwesomeButtonWhiteOver,
.fontAwesomeButtonWhiteDown,
.fontAwesomeButtonWhiteSelected,
.fontAwesomeButtonWhiteDisabled,
.fontAwesomeButtonWhiteSelectedOver,
.fontAwesomeButtonWhiteSelectedDown {
  background-color: transparent;
  opacity: 0.5;
  top: 0px !important;
}

.saveLoadViewBody {
  background-color: #e0e0e0 !important;
}

.dynamicFormBorder {
  border: 1px solid blue;
}

.alkitWordBreak {
  word-break: break-word;
}

alkitcircleprogress[value] {
  --background: conic-gradient(var(--alkitCircleProgressC) var(--alkitCircleProgressP), lightgrey 0);

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: var(--background); 
  -webkit-mask: radial-gradient(#0000 49%, #000 50% 70%, #0000 71%);
}

alkitcircleprogress[value]::-webkit-progress-bar {
  background: var(--background); 
}
alkitcircleprogress[value]::-webkit-progress-value {
  background: #0000;
}
alkitcircleprogress[value]::-moz-progress-bar {
  background: #0000;
}

alkitprogresslabel {
  --alkitProgressLabelW: 150px; /* the width */
  
  font-size: 20px;
  display: inline-grid;
  place-content: center;
  width: var(--alkitProgressLabelW);
  aspect-ratio: 1;
  position: relative;
}

alkitprogressUnitlabel {
  font-size: 15px;
  display: inline-grid;
  place-content: center;
  text-align: center;
  aspect-ratio: 1;
  position: relative;
  opacity: 0.6;
  height: 20px;
  width: var(--alkitProgressLabelW);

}

.alkit-circle {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--alkitCircleBgColor);
  border-radius: 50%;
  width: var(--alkitCircleSize);
  height: var(--alkitCircleSize);
  display: flex;
  justify-content: center;
  align-items: center;
}

.alkit-circle-number {
  color: var(--alkitCircleTxtColor);
  font-size: calc(0.85 * min(100%, 100%));
}

.label-hover-body {
  background: #2a2a2a;
  padding: 13px;
  border-radius: 10px;
  width: 300px;
  opacity: 0.95;
}

.label-hover-time {
  color: #d4d4d4;
}

.label-hover-header {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 10px;
}

.label-hover-header-time {
  color: #ffffff;
}

.loader-card-layout {
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 30px;
  background-color: white;
}

.progress-circle {
  position: relative;
  margin: 0 auto;
}

.progress-circle svg {
  transform: rotate(-90deg);
}

.progress-bg {
  stroke: #e6e6e6;
}

.progress-bar {
  stroke: #4caf50;
  transition: stroke-dashoffset 0.5s;
}

.progress-bar-nt {
  stroke: #4caf50;
}

.percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: bold;
  color: black;
}

.status-text {
  font-size: 14px;
  color: black;
}

.assignment-history-tile {
  border: 1px solid #ccc;
  border-radius: 8px;
  margin: 5px;
  padding: 5px;
}

.assignment-history-header {
  box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.06);
}

.assignment-history-info {
  overflow-x: hidden !important;
}

.assignment-info-tile {
  border: 1px solid #ccc;
  border-radius: 8px;
  margin: 5px 10px 5px 10px;
  white-space: normal;   /* Allows text to wrap */
  word-break: break-word; /* Breaks long words if needed */
}

.assignment-info-header {
  font-size: 16px;
}

.assignment-info-date {
  font-size: 12px;
  color: #666;
  margin: 4px 0;
}

.mapping-table-header {
  font-weight: bold;
}

.mapping-count-badge {
  background: #eee;
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 0.9em;
}

.loader-skeleton {
  background: linear-gradient(
    90deg,
    #f1f1f17d 25%,
    #ddd 37%,
    #f1f1f17d 63%
  );
  background-size: 400% 100%;
  animation: shimmer 1.4s ease infinite;
}

@keyframes shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}