@CHARSET "UTF-8";

@import url(colorCondition.css);

@import url(colorCondition-icons.css);

@import url(favorites.css);

html {
  height: 100%;
}

BODY {

  /* font-family: 'Lora', serif; */
  /*   font-family: 'Source Sans Pro', sans-serif; */
  font-family: sans-serif, Helvetica, Arial, Verdana, Geneva;
  background-color: gainsboro;
  color: black;
  border: none;
  width: 100%;
  height: 100%;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

BODY.index {
  background-color: white;
  min-width: 930px;
}

BODY.pageTable {
  background-color: #F5F5F5;
  border-top-color: #727274;
  border-top-width: 5px;
  border-top-style: solid;
}

BODY.table {
  background-color: gainsboro;
  color: black;
  /* border: 2px inset white; */
}

BODY.prompt {
  margin-top: 5px;
}

BODY.form {
  background-color: gainsboro;
  color: black;
}

BODY.RFMask {
  background-color: gainsboro;
}

DIV.RFMask {
  background-color: white;
}

BODY.multiprompt {
  margin-top: 5px;
  background-color: silver;
}

.contents {
  background-color: #FFFFFF;
  width: 100%;
  height: 93%;
  border: 0;
  margin-top: -0.04em;
}

.indexContents {
  background-color: #FFFFFF;
  width: 100%;
  border: 0;
  margin-top: 0;
  height: 100%;
  box-sizing: border-box;
  padding-top: 65px;
  position: absolute;
  top: 0;
  padding-bottom: 23px;
}

.leftContent {
  background-color: #FFFFFF;
  width: 265px;
  height: 100%;
  border: 0;
  float: left;
  overflow-y: hidden;
}

.rightContent {
  background-color: #FFFFFF;
  overflow: hidden;
  height: 100%;
  border: 0;
}

TD.link {
  color: #56567F;
  font-weight: bold;
  padding: 5px;
  font-size: 18px;
  text-align: left;
  border: outset 2px white;
}

TD.link TD {
  color: #56567F;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
}

TABLE {
  font-size: 1em;
  margin: 0;
  border-color: whitesmoke;
}

H1 {
  font-size: 25px;
  font-style: italic;
  margin: 0;
  padding-left: 5px;
  border-bottom: 0 solid #45B000;
  color: white;
  font-weight: bolder;
  height: 100%;
  vertical-align: middle;
}

H2 {
  font-size: 20px;
  margin: 0;
  color: white;
  background-color: #528195;
}

H3 {
  font-size: 16px;
  margin: 0;
  color: white;
  background-color: #528195;
  margin-bottom: 0;
}

H4 {
  font-size: 14px;
}

H5 {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
}

FORM {
  background-color: gainsboro;
}

INPUT, TEXTAREA {
  font-family: sans-serif, Helvetica, Arial, Verdana, Geneva;
  font-size: 1em;
  font-weight: normal;
}

SELECT {
  font-family: sans-serif, Helvetica, Arial, Verdana, Geneva;
  font-size: 1em;
  font-weight: normal;
  width: 16em;
  padding: 2px;
}

OL {
  margin-left: 1.5em;
}

UL {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

FIELDSET {
  margin: 0;
  border: 1px solid #F1F1F1;
}

IMG {
  vertical-align: middle;
}

SPAN {
  /* vertical-align: middle; */
  
}

TR {
  margin: 0;
}

A {
  color: white;
  text-decoration: none;
}

A:hover {
  text-decoration: none;
}

.webdings {
  font-family: "Webdings";
}

BUTTON {
  font-family: sans-serif, Helvetica, Arial, Verdana, Geneva;
  font-size: 1em;
}

/*
 * Manage Schemas
 */
BODY.manage-schemas TABLE.schemas {
  font-size: 10px;
  font-weight: bolder;
  color: black;
  background-color: #D0D2D0;
}

BODY.manage-schemas TABLE.schemas TD {
  text-align: center;
  font-weight: bold;
  vertical-align: top;
  border: 1px;
  background-color: #B8BAB9;
  border-bottom-style: ridge;
  border-left-style: none;
  border-top-style: none;
  border-right-style: none;
}

BODY.manage-schemas TABLE.schemas TD TABLE {
  margin: auto;
}

BODY.manage-schemas TABLE.schemas TH {
  border-bottom-style: none;
  border-left-style: solid;
  border-top-style: solid;
  border-right-style: solid;
  text-align: center;
  border-left-width: 2px;
  border-right-width: 2px;
  border-top-width: 2px;
  border-color: White;
  font-size: 12px;
}

BODY.manage-schemas TABLE.internal TD {
  color: black;
  text-align: left;
  border-bottom-style: none;
  vertical-align: top;
}

BODY.manage-schemas .name {
  color: Navy;
  font-size: 12px;
  font-weight: bolder;
}

BODY.manage-schemas .label {
  color: Maroon;
  font-size: 10px;
  font-weight: bolder;
}

BODY.manage-schemas {
  background-color: #959896;
}

BODY.manage-schemas H1 {
  background-color: #959896;
}

/*
 * Loading Page
 */
BODY.loading {
  background-color: gainsboro;
}

BODY.loading DIV {
  font-size: 18px;
  font-family: Arial;
  font-weight: bold;
  color: white;
  padding: 10px;
}

/*
 * Empty Page
 */
BODY.empty-page {
  background-color: gainsboro;
}

/*
 * Main Page Left Menu
 */
DIV.left-menu {
  width: 100%;
  height: 100%;
  background-color: #DAE4E7;
  color: #FFFFFF;
  font-size: 13px;
}

DIV.leftContent BUTTON {
  width: 22px;
  height: 22px;
}

DIV.leftContent BUTTON.flat {
  border: solid 0 silver;
  text-align: center;
  height: 30px;
  width: 30px;
  padding: 3px;
}

DIV.leftContent BUTTON.flatOver {
  border: outset 2px white;
  text-align: center;
  height: 30px;
  width: 30px;
  padding: 3px;
}

DIV.leftContent BUTTON.disabled {
  background-color: #DAE4E7;
  border: inset 0 silver;
}

DIV.leftContent .scroll-pane {
  width: 90%;
  height: 100%;
  overflow: auto;
  margin-left: 14px;
  background-color: #528195;
  position: relative;
  border-top: solid 28px #528195;
  box-sizing: border-box;
}

.leftContent .menuHeadElement {
  padding: 10px 0 10px 12px;
  background: none;
  background-color: #528195;
  margin: 0;
  color: gainsboro;
  border-top: 0em;
  border-left: 0em;
  border-right: 0em;
  border-left: 7px solid #528195;
  cursor: pointer;
  font-size: 10pt;
  font-weight: bold;
  /* text-transform: uppercase; */ /* CCB modification */
}

DIV.leftContent .menuHeadElement:hover {
  background-color: #6F92A0;
  color: #FFFFFF;
}

DIV.leftContent .menuHeadElement.clicked:hover {
  background-color: #7DA3B3;
}

h3.menuHeadElement:hover {
  background-color: #6F92A0;
  color: #FFFFFF;
}

DIV.leftContent .menuHeadElement:hover {
  border-top: 0em;
  border-bottom: 0em;
  border-right: 0em;
  border-left: 7px solid transparent;
  cursor: pointer;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: middle;
}

DIV.leftContent .menuHeadElement.clicked {
  color: #FFFFFF;
  border-top: 0em;
  border-bottom: 0em;
  border-right: 0em;
  border-left: 7px solid #F2802D;
  cursor: pointer;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: middle;
  background: #8EACB9;
  /*   filter: progid:DXImageTransform.Microsoft.gradient(  */
  /* 		startColorstr='#8EACB9', endColorstr='#528195', GradientType=0); */
  /*   background: -webkit-gradient(linear, left top, left bottom, from(#8EACB9), to(#528195)); for webkit browsers */
  /*   background: -moz-linear-gradient(top,  #8EACB9,  #528195); for firefox 3.6+ */
}

DIV.leftContent .menuTitle {
  padding-left: 5%;
  vertical-align: middle;
}

DIV.leftContent SPAN.ui-folders-icons {
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  vertical-align: inherit;
}

H3.menuHeadElement:hover SPAN#bAddProfiles {
  position: absolute;
  right: 5px;
  margin: 0 !important;
  width: 16px;
  height: 16px;
  background-image: url(icons/all_icons_16.png);
  background-position: -48px -336px;
  background-repeat: no-repeat;
  top: -5%;
}

h3.menuHeadElement.clicked {
  background-color: #8EACB9;
  border-left-color: #F2802D;
  color: #FFFFFF;
}

#curtains {
  background-color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
}

A.pageTabMenuClicked {
  background: #727274;
  color: white !important;
  border-top: solid 2px #727274 !important;
}

A.pageTabMenuReleased {
  background-color: #E1E1E1;
  color: #727274;
  border-top: 2px solid transparent;
  height: 12px;
}

DIV.tabPagesMenu a {
  font-size: 13px;
  margin-right: 1px;
  height: 100%;
  box-sizing: border-box;
  text-decoration: none;
  display: inline-block;
}

A.pageTabMenuReleased:hover {
  background: #808080;
  color: white;
}

DIV.tabPagesMenu {
  margin: 3px 0 0 265px;
  background-color: white;
  z-index: 100;
  position: relative;
  height: 17px;
}

DIV.tabPagesMenu BUTTON {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: bottom;
}

DIV.tabPagesMenu BUTTON.ui-icon-gear {
  margin-right: 5px;
  background-position: -192px -114px;
}
DIV.tabPagesMenu BUTTON.ui-icon-triangle-1-w {
  background-position: -96px -18px;
}


DIV.tabPagesMenu BUTTON IMG {
  width: 15px;
  height: 15px;
  border: none;
}

/*
 * Module Menu Tag
 */
.module-menu {
  background-color: white;
  width: 100%;
}

.leftContent .module-menu {
  margin-top: 5px;
}

UL.wizard {
  list-style-image: url(icons/menuBullet.png);
  margin: 2px 0 2px 16px;
}

LI.wizard {
  color: #6E4396;
  cursor: pointer;
}

LI.wizardHover {
  color: #f08a17;
}

DIV.tree {
  height: 60%;
  margin: 10px 5% 0 5%;
}

.treeMenu {
  background-color: #004D34;
  color: #FFFFFF;
  border-bottom: 1px solid #45B000;
  padding: 5px 0 4px 4px;
  display: block;
  width: 100%;
  cursor: pointer;
}

.treeMenuHover {
  color: yellow;
}

.treeMenuContent {
  display: none;
  overflow: auto;
  width: 100%;
}

.menuContent {
  width: 95%;
  background: #F5F5F5;
  margin-left: 5px;
}

.menuContent TABLE {
  width: 100%;
}

.menuContent BUTTON {
  width: 100%;
}

.menuHeadElement {
  padding: 15px 0 0 15px;
  background-color: #528195;
  color: gainsboro;
  cursor: pointer;
  font-size: 9pt;
  /* height: 30px; */
  vertical-align: middle;
  border-left: 5px solid transparent;
}

.menuTitleContainer {
  vertical-align: middle;
  position: relative;
  top: 0%;
}

.menuTitle {
  cursor: pointer;
  padding-left: 5px;
}

UL.filetree {
  margin: 0em;
}

.treeview UL {
  background-color: white !important;
  margin-top: 1px;
}

.filetree LI, .filetree SPAN.leaf, .filetree LI.expandable SPAN.tree {
  /* background-color: #D0D2D0; */
  /*   margin-top: 1px; */
  
}

.treeElementLinkable {
  cursor: pointer;
  color: #505050;
}

.treeElementSelected {
  cursor: pointer;
  color: grey;
}

.treeElementSelected:hover, .treeElementSelected.hover {
  cursor: pointer;
  color: grey;
}

.scroll-pane {
  overflow: auto;
  height: 100%;
  width: 100%;
  background-color: gainsboro;
}

A.anchorMenu {
  text-decoration: none;
  color: #528195 !important;
}

A:hover.anchorMenu, A:focus.anchorMenu, A:active.anchorMenu {
  text-decoration: none;
  color: orange !important;
}

SPAN.leaf A:hover.anchorMenu, SPAN.leaf A:focus.anchorMenu, SPAN.leaf A:active.anchorMenu
  {
  text-decoration: none;
  color: white;
}

/**
	Main Query for WM (different color)
**/

/*
 * Custom Folders
 */
BODY.menuInternal, BODY.menuInternal .module-menu, BODY.menuInternal .treeview UL
  {
  background-color: #B8BAB9 !important;
}

BODY.menuInternal .scroll-pane {
  background-color: #B8BAB9;
  height: 99%;
}

BODY.menuInternal .filetree LI {
  border-left-width: 0;
}

UL.folders {
  margin-left: 16px;
}

TD.folders {
  color: #528195;
}

A.folders {
  color: #528195;
}

A.folders:link, A.folders:visited, A.folders:active {
  color: #528195;
  text-decoration: none;
}

/*
 * Custom Css
 */
A.linkText {
  color: blue;
}

/*
 * Page Table
 */
.ImgXXX {
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin: 0 4px;
  display: none;
}

.ImgXXTitle, .ImgXXXTitle {
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin: 0 4px;
  display: none;
}

SPAN.img {
  vertical-align: middle;
  margin: 0;
}

IMG.ImgXX {
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin: 0 4px;
  display: none;
}

TABLE.TableXXX {
  height: 100%;
  border: solid 1px lightgray;
  background-color: white;
}

TABLE.TableXX {
  height: 100%;
  border: solid 1px lightgray;
}

TR.TRXXTitle {
  height: 10px;
}

TR.TRXXXTitle {
  height: 10px;
}

TD.PageXTitle {
  padding: 4px 0 4px 4px;
  font-size: 20px;
  color: whitesmoke;
  background-color: #528195;
  text-transform: uppercase;
}

TD.PageXItem {
  padding: 4px 0 4px 4px;
  font-size: 18px;
  font-weight: bolder;
  color: #6E6E70;
  background-color: #528195;
}

TD.PageXDisabledItem {
  padding: 4px 0 4px 4px;
  font-size: 18px;
  font-weight: bolder;
  color: Gray;
  background-color: #528195;
}

TD.PageXXTitle {
  padding: 0;
  font-size: 18px;
  color: #6E6E70;
  background-color: #E1E1E1;
  /*   text-transform: uppercase; NEW STYLE*/
  font-weight: bold; /* OLD STYLE*/
}

TD.PageXXTitle IMG {
  margin: 0 4px;
}

TD.PageXXItem {
  padding: 4px 0 4px 4px;
  font-size: 15px;
  font-weight: bold;
}

TD.PageXXDisabledItem {
  padding: 2px 0 2px 4px;
  font-size: 16px;
  font-weight: bold;
  color: Gray;
}

TD.PageXXXTitle {
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  color: #6E6E70;
  background-color: #E1E1E1;
}

TD.PageXXXItem {
  padding: 1px 0 1px 12px;
  font-size: 14px;
  font-weight: normal;
}

TD.PageXXXDisabledItem {
  padding: 1px 0 1px 12px;
  font-size: 14px;
  font-weight: normal;
  color: Gray;
}

TD.PageXIframeItem {
  padding: 4px 0 4px 1px;
  font-size: 18px;
  font-weight: bolder;
  color: #6E6E70;
  background-color: #528195;
}

TD.PageXDisabledIframeItem {
  padding: 4px 0 4px 1px;
  font-size: 18px;
  font-weight: bolder;
  color: Gray;
  background-color: #528195;
}

TD.PageXXXIframeItem {
  padding: 1px 0 1px 1px;
  font-size: 14px;
  font-weight: normal;
}

TD.PageXXXDisabledIframeItem {
  padding: 1px 0 1px 1px;
  font-size: 14px;
  font-weight: normal;
  color: Gray;
}

TD.PageXXIframeItem {
  padding: 4px 0 4px 1px;
  font-size: 15px;
  font-weight: bold;
}

TD.PageXXDisabledIframeItem {
  padding: 2px 0 2px 1px;
  font-size: 16px;
  font-weight: bold;
  color: Gray;
}

.PageXXItem A, TD.PageXXXTitle A, TD.PageXXXItem A {
  color: #F2802D; /*text-decoration: underline;*/
}

TD.PageXXXTitle A:hover, .PageXXItem A:hover, .PageXXXTitle A:hover, TD.PageXXXItem A:hover
  {
  color: #4D4D4D;
  text-decoration: none;
}

A.conf {
  font-size: 12px;
  background-color: black;
  color: yellow;
  text-decoration: none;
}

A, A IMG {
  border: 0;
  color: black;
  text-decoration: none;
}

A:hover SPAN {
  cursor: pointer;
}

A.wizard {
  border: outset 2px white;
  padding: 3px 10px 5px 10px;
  vertical-align: middle;
  height: 32px;
}

A.wizard:hover {
  border: outset 5px white;
  padding: 0 7px 2px 7px;
  text-decoration: none;
}

A.wizard IMG {
  border: none;
  vertical-align: middle;
}

A.wizard SPAN {
  color: #528195;
  padding-left: .5em;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bolder;
  cursor: pointer;
}

A.webdings {
  color: red;
  font-size: 7px;
  padding: 0;
  margin: 0;
}

SPAN.webdings {
  color: red;
  height: 8px;
  padding: 0;
  margin: 0;
}

SPAN.conf {
  font-size: 12px;
  background-color: black;
  color: yellow;
  height: 12px;
}

SPAN.conf  A {
  font-size: 12px;
  background-color: black;
  color: yellow;
}

SPAN.config {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.title {
  width: 100%;
  overflow: hidden;
}

.editor .title H1 {
  color: white;
  background-color: transparent;
  overflow: hidden;
  height: 30px;
  font-size: 22px;
  padding-left: 0;
}

.editor .title H4 {
  color: white;
  overflow: hidden;
  height: 30px;
  text-transform: uppercase;
  line-height: 14px;
}

.editor .title {
  height: 33px;
  background-color: #528195;
}

.String {
  text-align: left;
}

.Date {
  text-align: left;
}

.Number {
  text-align: right;
}

.Boolean {
  text-align: center;
}

.BooleanEsc {
  text-align: center;
  background: pink;
}

.percentage {
  background: white;
}

.disabled {
  background-color: #C0C0C0;
}

fieldset.readonly {
  background-color: transparent;
}

.readonly {
  background-color: #C0C0C0;
}

.invalid {
  border: solid 2px red;
}

.required {
  border: solid 2px yellow;
}

input:required {
  box-shadow: none;
}

/* input[type=checkbox]:required { */
/*   box-shadow: 0px 0px 1px 1px yellow; */
/* } */
.key {
  border: solid 2px #F08A17;
}

.itemchanged {
  background: #DDEEFF;
}

.multivalued {
  background: orange;
}

TABLE.table .invalid {
  border: none;
  background: red;
}

TABLE.table .required {
  border: none;
  background-color: #FFFF00;
}

TABLE.table .key {
  border: none;
  background: #F08A17;
}

BUTTON.disabled {
  background-color: gray;
  border: 1px inset white;
  padding: 1px;
}

BUTTON.flat:disabled {
  background-color: #759AAA;
  border: none;
}

BUTTON.flat {
  height: 32px;
  width: 36px;
  padding: 1px 10px;
  border: none;
  background-color: #528195;
}

.source {
  height: 400px;
}

LI.li0 {
  color: black;
}

LI.li1 {
  color: red;
}

LI.li2 {
  color: green;
}

.toolBarTable {
  border: solid 2px silver;
  background: silver;
}

.colSelected {
  background: #DDEEFF;
}

DIV.menu {
  background-color: #5B5B5D;
  color: #D6D4EA;
  overflow: hidden;
}

SPAN.menu {
  background-color: #5B5B5D;
  color: #D6D4EA;
}

SPAN.menu A.menu {
  color: #D6D4EA;
}

A.menu {
  color: #D6D4EA;
}

A.menu:link {
  
}

A.menu:visited {
  
}

A.menu:hover {
  color: white;
}

A.menu:active {
  color: #D6D4EA;
}

DIV.table-toolbar {
  height: 20px;
  background-color: #5B5B5D;
}

DIV.barMenu {
  background-color: #5B5B5D;
  /* overflow: hidden; */
  /* padding-left: 10px; */
  cursor: pointer;
  /* padding-top: 3px; */
  white-space: nowrap;
  /* height: 100%; */
  /* width: 100%; */
  /* box-sizing: border-box; */
  display: inline-block;
}

SPAN.barMenu {
  font-size: 1.3em;
  font-weight: bold;
  color: white;
  display: inline-block;
  box-sizing: border-box;
}

A.barMenu {
  color: #D6D4EA;
}

A.barMenu:hover {
  color: white;
  text-decoration: none;
}

A.barMenuDisable {
  background-color: #5B5B5D;
  color: #999999;
  cursor: default;
  text-decoration: none;
}

.barMenu A.barMenuDisable {
  background-color: #5B5B5D;
  color: #999999;
  cursor: default;
  text-decoration: none;
}

.menu>a, .barMenu>a, .menu>span {
  padding: 0 2px;
  margin: 3px 0;
  display: inline-block;
}

A:hover.barMenuDisable {
  color: #999999;
  cursor: default;
  text-decoration: none;
}

.barMenu A:hover.barMenuDisable {
  background-color: #5B5B5D;
  cursor: default;
  text-decoration: none;
}

.barMenu A.barMenu:active {
  text-decoration: none;
  background-color: #5B5B5D;
}

.barMenu A.barMenu:hover {
  color: white !important;
  text-decoration: none;
}

SPAN.barMenuArrow {
  color: white;
  padding: 0 5px 0 5px;
  cursor: pointer;
  font-size: 1em;
}

.menu A.barMenu:active {
  color: #D6D4EA;
}

DIV.menu A IMG {
  vertical-align: baseline;
}

A.current-obj-view {
  color: orange !important;
}
/**
 * Pages list in a table with no toolbar
 * Eg. Page x y z of z
 */
#NO_TOOLBAR_MENU A {
  color: gray;
}

#NO_TOOLBAR_MENU A:link {
  
}

#NO_TOOLBAR_MENU A:visited {
  color: gray;
}

#NO_TOOLBAR_MENU A:hover {
  color: orange;
}

#NO_TOOLBAR_MENU A:active {
  color: gray;
}

TABLE.table TR.totals {
  background-color: #808080;
  color: #FFFFFF;
}

TABLE.table TR.rowSelected {
  
}

TABLE.table TR.rowCurrent {
  
}

TABLE.table TR.rowSelected TD {
  background-color: #FFFF00 !important;
  color: black !important;
}

TABLE.table TR.rowCurrent  TD {
  
}

.myBarText {
  font-weight: bold;
  color: orange;
  display: inline-block;
  background-color: #333;
}

BUTTON.alwaysEnabled {
  background-color: silver;
  border: outset 1px white;
  padding: 1px;
}

/*
 * Main
 */
BODY.editor {
  background-color: gainsboro;
  color: black !important;
}

BODY.editor H1 {
  
}

#EXPLORER, #TABLE {
  float: left;
}
/* toolbar */
.main-icons {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(icons/main-icons-17.png);
  height: 17px;
  width: 17px;
}

.editor-clear {
  background-position: 0 0;
}

button:hover:not (.disabled ) .editor-clear {
  background-position: 0 -17px;
}

.editor-query {
  background-position: -17px 0;
}

button:hover:not (.disabled ) .editor-query {
  background-position: -17px -17px;
}

.editor-insert {
  background-position: -34px 0;
}

button:hover:not (.disabled ) .editor-insert {
  background-position: -34px -17px;
}

.editor-delete {
  background-position: -51px 0;
}

button:hover:not (.disabled ) .editor-delete {
  background-position: -51px -17px;
}

.editor-apply {
  background-position: -136px -34px;
}

button:hover:not (.disabled ) .editor-apply {
  background-position: -136px -51px;
}

.editor-apply-all {
  background-position: -136px -34px;
}

button:hover:not (.disabled ) .editor-apply-all {
  background-position: -136px -51px;
}

.editor-undo {
  background-position: -68px 0;
}

button:hover:not (.disabled ) .editor-undo {
  background-position: -68px -17px;
}

.editor-first-row {
  background-position: -85px 0;
}

button:hover:not (.disabled ) .editor-first-row {
  background-position: -85px -17px;
}

.editor-prev-row {
  background-position: -102px -34px;
}

button:hover:not (.disabled ) .editor-prev-row {
  background-position: -102px -51px;
}

.editor-next-row {
  background-position: -85px -34px;
}

button:hover:not (.disabled ) .editor-next-row {
  background-position: -85px -51px;
}

.editor-last-row {
  background-position: -102px 0;
}

button:hover:not (.disabled ) .editor-last-row {
  background-position: -102px -17px;
}

.browse .editor-show-table {
  background-position: -119px 0;
}

.browse:hover:not (.disabled ) .editor-show-table {
  background-position: -119px -17px;
}

.frame .editor-show-table {
  background-position: 0 -34px;
}

.frame:hover:not (.disabled ) .editor-show-table {
  background-position: 0 -51px;
}

.editor-explorer {
  background-position: -136px 0;
}

button:hover:not (.disabled ) .editor-explorer {
  background-position: -136px -17px;
}

.editor-print {
  background-position: -119px -34px;
}

button:hover:not (.disabled ) .editor-print {
  background-position: -119px -51px;
}

.editor-help {
  background-position: -153px 0;
}

button:hover:not (.disabled ) .editor-help {
  background-position: -153px -17px;
}

/*
 * Main Query
 */
/* common elements */

/* collapsible elements */
#divContainer {
  width: 100%;
  height: 35%;
  position: relative;
  z-index: 30;
  overflow: hidden;
}

.console-divRight {
  width: 20%;
  height: 100%;
  float: left;
  overflow: hidden;
}

.console-divRight TABLE.console-table, .console-divLeft TABLE.console-table
  {
  border: 2px outset white;
}

#showPanelLeft {
  position: inherit;
  z-index: 20;
  left: 0;
  float: left;
  display: none;
  width: 0;
  height: 100%;
  cursor: pointer;
  background-color: #528195;
}

#showPanelLeft SPAN {
  display: block;
  font-size: 24px;
  height: 100%;
  text-align: center;
  padding: 30px 0;
  width: 100%;
  color: white;
  float: left;
}

#divCenter {
  width: 60%;
  height: 100%;
  float: left;
}

#divCenterConsole {
  width: 80%;
  height: 100%;
  float: left;
  border: 2px outset white;
}

#profileAndGroupBy {
  float: left;
  height: 25%;
  border: 2px outset white;
}

/* toolbar */
#togglePanelUp {
  cursor: pointer;
  background-color: #528195;
}

#togglePanelUp:hover {
  background-color: #6F92A0;
}

/* panelUp */
#hidePanelUp {
  cursor: pointer;
  background-color: #528195;
}

#panelUp {
  background-color: #528195;
}

#panelUp span.arrow-up {
  top: -8px;
  border-bottom: 9px solid white;
  display: block;
  position: relative;
  left: -50%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

#panelUp span.arrow-down {
  bottom: -8px;
  border-top: 9px solid white;
  display: block;
  position: relative;
  left: -50%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

/* others */
#innerElementsPivot {
  border: 1px solid silver;
  border-top: 2px solid silver;
}

#innerElementsPivot select {
  background-color: #333;
  color: ghostwhite;
}

#PIVOT_CONFIG_NAME {
  width: 150px;
}

#selGroupBy {
  background-color: whitesmoke;
  border: none;
}

/*
 * Color Conditions Wizard
 */
/* Main window style */
#profile-note {
  width: 262px;
  border: thin solid Gray;
  background-color: GhostWhite;
}

BODY.color-condition #profile-list {
  background-color: GhostWhite;
  width: 262px;
  float: left;
  height: 90%;
  overflow: auto;
  font-size: 10px;
  list-style: none;
  margin: 0;
  padding: 1px 0 0 0;
}

BODY.color-condition #profile-list li {
  border: 1px solid gray;
  list-style: none;
  background: white;
  position: relative;
  margin-left: 5px;
  margin-bottom: 1px;
  padding: 0 80px 0 30px;
  font-size: 12px !important;
  height: 18px;
}

BODY.color-condition #profile-list li .handle, BODY.color-condition #profile-list li .enable,
  BODY.color-condition #profile-list li .copy, BODY.color-condition #profile-list li .trash
  {
  background-color: rgb(222, 222, 222);
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

BODY.color-condition #profile-list li .handle {
  left: 0;
  padding: 0 5px;
  border-right: 1px solid gray;
}

BODY.color-condition #profile-list li .enable {
  right: 46px;
  padding: 0 3px;
  border-left: 1px solid gray;
}

BODY.color-condition #profile-list li .copy {
  right: 23px;
  padding: 0 3px;
  border-left: 1px solid gray;
}

BODY.color-condition #profile-list li .trash {
  right: 0;
  padding: 0 3px;
  border-left: 1px solid gray;
}

BODY.color-condition #profile-list li .text {
  height: 16px;
  overflow: hidden;
  width: 126px;
}

.icon-disabled {
  background-image: url(smoothness/images/ui-icons_888888_256x240.png)
    !important;
}

BODY.color-condition #profile-list li.ui-selected {
  background-color: #FECA40 !important;
  margin-left: 1px;
  border-left: 5px solid gray;
  font-weight: bold;
  color: #222222;
}

BODY.color-condition #profile-list li.ui-selected .handle, BODY.color-condition #profile-list li.ui-selected .enable,
  BODY.color-condition #profile-list li.ui-selected .copy, BODY.color-condition #profile-list li.ui-selected .trash
  {
  background: #F39814;
}

BODY.color-condition #profile-list li.not-movable-profile .handle, BODY.color-condition #profile-list li.not-movable-profile .enable,
  BODY.color-condition #profile-list li.not-movable-profile .copy, BODY.color-condition #profile-list li.not-movable-profile .trash
  {
  background: silver;
}

BODY.color-condition #profile-list li.removed {
  text-decoration: line-through;
}

BODY.color-condition #profile-list li.not-movable-profile {
  background: #cccccc
    url(smoothness/images/ui-bg_diagonals-small_75_cccccc_40x40.png) 50%
    50% repeat;
}

#profile-editor .fields {
  overflow: auto;
  border: 1px solid gray;
}

#profile-editor ul {
  background-color: GhostWhite;
  width: 100%;
  height: 100%;
  font-size: 10px;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#profile-editor li {
  margin: 0;
  width: 100%;
  border: 0;
  height: 20px;
  text-align: left;
  position: relative;
  padding: 2px 2px 0 2px;
  background: rgb(222, 222, 222);
  border-bottom: 1px solid gray;
}

#profile-editor li .txt {
  float: left;
  padding: 2px 0 0 5px;
  width: 100%;
  height: 100%;
}

#profile-editor li .ui-icon {
  position: absolute;
  top: 0;
  right: 0;
}

#profile-editor .ui-state-highlight {
  line-height: 20px;
}

.ui-selected {
  background: #F39814 !important;
  color: white;
}

.ui-selecting {
  background: #FECA40 !important;
}

DIV.ui-tooltip-content {
  background-color: #DAE4E7;
}

#FAV_OPTION {
  text-align: left;
  border: none;
}

#FAV_OPTION SPAN {
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
}

.FAV_NAME {
  width: 185px;
}

.fav_buttons {
  margin-top: 10px;
  text-align: right;
}

.fav_buttons BUTTON {
  width: 82px;
  height: 25px;
}

.removeTitle .ui-dialog-titlebar {
  display: none
}

DIV.removeTitle {
  left: 30px !important;
  top: 30px !important;
  padding: 0;
}

/*
 * Wizard
 */
INPUT.VIP, TEXTAREA.VIP {
  color: black;
  font-size: 18px;
  font-weight: bold;
}

INPUT.MID, TEXTAREA.MID {
  font-size: 16px;
  font-weight: bold;
  /*   background-color: transparent; */
}

INPUT.DEF, TEXTAREA.DEF {
  font-weight: bold;
}

TD.radio {
  font-size: 14px;
  font-weight: bolder;
}

FIELDSET.MID TABLE, FIELDSET.VIP TABLE, FIELDSET.DEF TABLE {
  background-color: gainsboro
}

TD.MID, TD.VIP, TD.DEF, TR.MID, TR.VIP, TR.DEF, TH.MID, TH.VIP, TH.DEF,
  TD.MID SPAN, TD.VIP SPAN, TD.DEF SPAN {
  background-color: gainsboro;
}

IMG.wizard {
  height: 140px;
  width: 180px;
  margin-top: 0;
  margin-bottom: 0;
}

.icon {
  display: inline-block;
  vertical-align: middle;
}

A.otherspages {
  border: outset 2px white;
  padding: 5px;
  vertical-align: middle;
  height: 18px;
}

A.otherspages:hover {
  border: outset 2px white;
  vertical-align: middle;
  height: 18px;
  text-decoration: none;
}

A.otherspages IMG {
  border: none;
  text-align: left;
  height: 22px;
  width: 22px;
}

A.otherspages SPAN {
  color: black;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

BUTTON.wiz-button, BUTTON.error-button {
  white-space: nowrap;
  width: 64px;
}

BUTTON.VIP {
  font-size: 32px;
}

BUTTON.MID {
  font-size: 25px;
}

BUTTON.Tab {
  background-color: #759AAA;
  color: white;
  font-weight: bolder;
}

BUTTON.TabSelected {
  background-color: white;
  color: #759AAA;
  font-weight: bolder;
  border: solid 2px #759AAA;
}

A.error-details {
  color: gray;
}

A.error-details:hover {
  color: orange;
}

TD.wizard-header-cell {
  background-color: #528195;
  border-bottom: 1px solid #F8F8F8;
  /* height: 35px; */ /* Recupero spazio nell'header dei wizard */
}

TEXTAREA {
  resize: none;
  box-sizing: border-box;
  overflow-x: hidden;
  white-space: pre-wrap;
}

H5.wizard-header-comment {
  margin-top: 10px;
}

/*
 * i18n
 */
.i18n_window, .i18n_popup {
  display: none;
}

.i18n_window {
  height: 100%;
  width: 100%;
  background: gainsboro;
  position: absolute;
  top: 0;
  opacity: 0.50;
  filter: Alpha(opacity = 50);
  display: none;
  z-index: 1004
}

.i18n_popup {
  width: 500px;
  height: 300px;
  margin: 0 auto;
  border: 1px solid #000000;
  background: gainsboro;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -150px;
  display: none;
  z-index: 1005
}

.i18n_title {
  width: 100%;
  height: 30px;
  vertical-align: middle;
  text-align: center;
}

.i18n_buttons {
  clear: both;
  width: 100%;
  height: 30px;
  vertical-align: middle;
  margin-right: 15px;
}

.i18n_buttons span {
  float: right;
}

.i18n_content {
  height: 240px;
  overflow: auto;
  vertical-align: top;
  text-align: center;
  background-color: gainsboro;
}

.current {
  background-color: yellow;
}

.empty {
  background-color: orange;
}

.current .empty {
  background-color: red;
}

ul.column {
  
}

/* System profiles' dialog */
#sys-profile-dialog, #sys-profile-window {
  display: none;
}

#sys-profile-window {
  height: 100%;
  width: 100%;
  background: silver;
  position: absolute;
  top: 0;
  opacity: 0.50;
  filter: Alpha(opacity = 50);
  display: none;
}

#sys-profile-dialog {
  width: 690px;
  height: 300px;
  margin: 0 auto;
  border: 1px solid #000000;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -345px;
  margin-top: -150px;
  display: none;
}

#sys-profile-bar {
  height: 40px;
  width: 100%;
}

#sys-profile-bar button {
  float: right;
  height: 20px;
}

.myOptionGroup {
  color: #006400;
}

.myOptionGroupDisabled {
  color: #8fbc8f;
}

.myOption {
  color: #32cd32;
}

.invisibleElement {
  display: none
}

/* filter form style */
#queryButtons BUTTON {
  width: 90px;
}

.obj-query-textarea {
  border: thin solid Gray;
  background-color: GhostWhite;
}
/* Common style */
.ui-sortable-placeholder {
  border: 1px dotted black;
  visibility: visible !important;
  height: 1.5em !important;
  background: #DDDDFF !important;
}

.ui-sortable-placeholder * {
  visibility: hidden;
}

.ui-widget-content .ui-state-error {
  background: inherit;
  border: gray;
  color: inherit;
}

.ui-widget-overlay {
  filter: Alpha(Opacity = 70);
}

.list LI.not-movable-profile .handle, .list LI.not-movable-profile .check,
  .list LI.not-movable-profile .copy, .list LI.not-movable-profile .i18n,
  .list LI.not-movable-profile .trash, .list LI.not-movable-profile .pin
  {
  background: silver;
}

.list LI.removed {
  text-decoration: line-through;
}

.not-movable-group .ui-widget-header {
  background: #cccccc
    url(smoothness/images/ui-bg_diagonals-medium_75_cccccc_40x40.png)
    50% 50% repeat;
}

.list LI.not-movable-profile {
  background: #cccccc
    url(smoothness/images/ui-bg_diagonals-small_75_cccccc_40x40.png) 50%
    50% repeat;
}

.fields UL {
  background-color: GhostWhite;
  width: 100%;
  font-size: 10px;
  margin: 3px;
  padding: 0;
  height: 100%;
  position: relative;
}

.fields LI {
  margin: 0;
  width: 100%;
  border: 0;
  height: 20px;
  text-align: left;
  position: relative;
}

.fields LI .txt {
  float: left;
  padding: 2px 0 0 5px;
  width: 100%;
  height: 100%;
}

.fields LI .handle {
  position: absolute;
  top: 0;
  left: 0;
}

.fields LI .ui-icon {
  position: absolute;
  top: 0;
  right: 0;
}

.fields .ui-state-highlight {
  line-height: 20px;
}

.ui-selected {
  background: #F39814 !important;
  color: white;
}

.ui-selecting {
  background: #FECA40 !important;
}
/* Main window style */
#profile-list {
  background-color: GhostWhite;
  width: 260px;
  float: left;
  height: 90%;
  overflow: auto;
  font-size: 10px;
}

#profile-editor.fields ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#profile-editor.fields div {
  overflow: auto;
  height: 100%;
  border: 1px solid gray;
}

#profile-editor.fields li {
  padding: 2px 2px 0 2px;
  background: rgb(222, 222, 222);
  border-bottom: 1px solid gray;
}

#availableFields .ui-icon, #availableGroupByFields .ui-icon {
  display: none;
}

#queryFields .ui-icon-check, #mandatoryGroupByFields .ui-icon-check,
  #orderByFields .ui-icon-check {
  display: none;
}

#groupByFields .ui-icon-notice, #mandatoryGroupByFields .ui-icon-notice,
  #orderByFields .ui-icon-notice {
  display: none;
}

#queryFields .handle {
  display: none;
}

#groupByFields LI, #mandatoryGroupByFields LI, #orderByFields LI {
  padding-left: 16px !important;
}
/* Dialog style */
.ui-dialog-content {
  padding: 5px !important;
  height: 100% !important;
}

.ui-dialog, .ui-dialog .ui-widget-content {
  background-color: #E0E0E0;
}

#system-profile-dialog {
  font-size: 12px !important;
}

#system-profile-list {
  background-color: GhostWhite;
  height: 97%;
  overflow: auto;
}

#system-profile-list .list li {
  padding: 0 5px;
  background-color: #F8F8F8;
}

#system-profile-dialog #dialog-filter {
  background-color: GhostWhite;
  width: 100%;
  border: none;
}

#system-profile-dialog .fields ul {
  height: 300px;
  overflow: auto;
}

#system-profile-dialog .fields li .txt {
  width: 80%;
}

/** wizard pivot profiles **/
.pivotProfileElementList {
  
}

.listPivotProfiles {
  width: 16em;
  height: 10em;
  overflow: auto;
  border: 1px solid gray;
  background-color: white;
}

.selectContainer {
  width: 16em;
  height: 10em;
  overflow: auto;
  border: 1px solid gray;
  background-color: white;
}

.listPivotProfilesContainer {
  margin: 0em;
  padding: 0em;
  border: 0em;
}

.liContainer {
  margin: 0em;
  padding: 0em;
  border: 0em;
}

.listPivotProperties {
  width: 16em;
}

.listPivotPropertiesElement {
  width: 8em;
  text-align: right;
}

.initialInput {
  border: 1px solid silver;
  text-align: left;
}

.validInput {
  border: 1px solid green;
  text-align: left;
}

.invalidInput {
  border: 1px solid red;
  text-align: left;
}

.disabledProfile {
  color: silver;
}

.invalidProfile {
  background-color: rgb(139, 51, 51);
  color: white;
}

.ui-dialog>.ui-widget-header {
  border: 0 solid black;
  font-weight: bold;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.notExist {
  color: gray;
}

.notDraggableOB {
  color: orange;
}

.notDraggableDC {
  color: orange;
}

.axis {
  
}

.spanLabelAxis {
  
}

.axisLabel {
  
}

LI.pivotProfileElementList.ui-selectee {
  margin: 0;
  width: 100%;
  border: 0;
  height: 15px;
  text-align: left;
  padding: 0;
  background-color: rgb(222, 222, 222);
  border-bottom: 1px solid gray;
  position: relative;
  list-style: none;
}

LI.pivotProfileElementList.ui-selected {
  background-color: orange;
  color: white;
}

LI.pivotProfileElementList.ui-selected-invalid {
  background-color: rgb(255, 64, 64);
  color: white;
}

LI.pivotProfileElementList.invalidProfile {
  background-color: rgb(139, 51, 51);
  color: white;
}

LI.liElement.ui-selectee {
  margin: 0;
  width: 100%;
  border: 0;
  height: 15px;
  text-align: left;
  padding: 0;
  background-color: rgb(222, 222, 222);
  border-bottom: 1px solid gray;
  position: relative;
  list-style: none;
}

LI.liElement.ui-selected {
  background-color: orange;
  color: white;
}

LI.liElement.ui-selected-invalid {
  background-color: rgb(255, 64, 64);
  color: white;
}

LI.liElement.invalidProfile {
  background-color: rgb(139, 51, 51);
  color: white;
}

.invisibleButtons {
  display: none;
}

/*
 * Admin Wizard
 */
TABLE.admin-wizard-buttons .icon {
  height: 30px;
  width: 30px;
  vertical-align: middle
}

TABLE.admin-wizard-buttons BUTTON SPAN {
  font-size: small;
  font-weight: bold;
}

BUTTON.webdings {
  width: 25px;
  height: 25px;
}

.buttonIcon {
  width: auto;
  height: auto;
}

/*
 * Calendar
 */
DIV.calendar {
  color: white;
}

#frmCalendar A {
  color: gray;
  text-decoration: none;
}

#frmCalendar SPAN.arrow {
  cursor: pointer;
  text-decoration: none;
  color: white;
  font-size: 18px;
}

#frmCalendar SELECT {
  width: auto;
}

TABLE.calTable {
  background-color: silver;
  color: black;
  font-weight: bold;
}

#frmCalendar TR.header {
  background-color: gray;
  font-style: italic;
  color: white;
}

TR.days {
  color: black;
}

DIV.festal A {
  color: #B00000 !important;
}

#frmCalendar DIV.selectedDate A {
  color: purple;
}

/*
 * Explorer
 */
BODY.page {
  background-color: white;
  color: black;
}

BODY.page H1 {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 3em;
  background-color: #528195;
}

BODY.page .explorerTitle, BODY.page .explorerTitle H1, BODY.page .explorerTitle BUTTON.flat
  {
  background-color: #A6A6A6;
}

BODY.page .explorerTitle BUTTON.disabled {
  background-color: #C0C0C0 !important;
}

BODY.page FORM {
  margin: 0;
}

BODY.page .master {
  background-color: white;
  color: black;
  text-decoration: none;
  padding-left: 5px;
}

BODY.page TABLE.master {
  text-align: center;
  background-color: white;
}

BODY.page THEAD.master {
  background-color: white;
}

BODY.page TR.master {
  cursor: pointer;
  background-color: #EFEFEF;
}

BODY.page TH.topTitles {
  text-align: center;
  font-size: 0.9em;
  font-weight: normal;
  border: 1px;
  background-color: #D3D3D3;
  border-bottom-style: ridge;
  border-left-style: none;
  border-top-style: none;
  border-right-style: none;
}

BODY.page TH.topGroupTitles {
  text-align: center;
  font-weight: normal;
  font-size: 0.9em;
  border: 1px;
  background-color: #D3D3D3;
  border-bottom-style: ridge;
  border-left-style: none;
  border-top-style: none;
  border-right-style: none;
}

BODY.page TABLE.groups {
  background-color: white;
  border: 1px solid black;
  border-bottom-style: none;
  border-left-style: none;
  border-top-style: none;
  border-right-style: none;
}

BODY.page TH.groups {
  background-color: white;
  vertical-align: top;
  border: 1px;
  border-bottom-style: none;
  border-left-style: none;
  border-top-style: none;
  border-right-style: ridge;
  font-size: 1em;
  font-weight: normal;
  text-align: right;
}

BODY.page TD.groups {
  background-color: white;
  vertical-align: top;
  border: 1px;
  border-bottom-style: none;
  border-left-style: none;
  border-top-style: none;
  border-right-style: ridge;
  font-size: 1em;
  text-align: right;
}

BODY.page TH {
  color: black;
  font-weight: bold;
  text-align: left;
}

BODY.page TH.noMain {
  vertical-align: middle;
  font-size: 0.8em;
  height: 100%;
  font-weight: normal;
  border: 1px;
  background-color: #F5F5F5;
  border-bottom-style: ridge;
  border-left-style: none;
  border-color: #F5F5F5;
}

BODY.page TD.noMain {
  vertical-align: bottom;
  height: 100%;
  border: 1px;
  border-top-style: none;
  border-left-style: none;
  font-weight: bold;
}

BODY.page TD {
  vertical-align: top;
  color: black;
}

BODY.page TD.keyvalue A:Hover {
  color: black;
}

BODY.page .listcolumns {
  color: black;
  text-decoration: none;
}

BODY.page .links {
  background-color: white;
  cursor: pointer;
}

BODY.page .linksDetail {
  background-color: white;
  color: green;
  text-decoration: none;
  cursor: default;
  border: 1px solid black;
  border-top-style: ridge;
  border-right-style: ridge;
  border-bottom-style: none;
  border-left-style: none;
}

BODY.page TD.links {
  border: 1px solid black;
  border-bottom-style: ridge;
  border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  vertical-align: top;
  color: black;
  text-decoration: none;
  font-weight: bold;
  font-size: 2em;
}

BODY.page .webdings {
  vertical-align: middle;
  font-size: 10em;
}

BODY.page A {
  color: Green;
}

BODY.page BUTTON {
  media: screen;
  height: 32px;
  width: 36px;
}

BODY.page BUTTON.disabled {
  background-color: gray;
  border: none;
}

BODY.page BUTTON.flat {
  background-color: #528195;
  border: none;
}

BODY.page SPAN.prompt {
  cursor: pointer;
  text-decoration: none;
  media: screen;
}

BODY.page .button {
  font-size: 11px;
  background: #d4d4d4;
  border-bottom: 1px solid #104A7B;
  border-right: 1px solid #104A7B;
  border-left: 1px solid #AFC4D5;
  border-top: 1px solid #AFC4D5;
  color: #000066;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  media: screen;
}

BODY.page IMG {
  vertical-align: middle;
}

/*
 * Print Hidden
 */
@media print {
  .hiddenPrint {
    display: none
  }
}

/*
 * Profile-Menu
 */
#bAddProfiles {
  position: absolute;
  right: 5px;
  margin: 0 !important;
  width: 16px;
  height: 16px;
  background-image: url(icons/all_icons_16.png);
  background-position: -32px -336px;
  background-repeat: no-repeat;
}

/* Profiles*/
.main-profiles .menuHeadElement {
  height: 22px;
  padding: 8px 0 0 4px;
}
/*
 * Report
 */
A.ReportGo {
  color: red;
  font-size: 2em;
}

A.ReportGo:Hover {
  color: #ffda3f;
}

.ReportTableTitle {
  font-size: 2em;
  color: #F08A17;
}

/*
 * Treednd treednd.css
 */
.general-panel {
  width: 500px;
  height: 450px;
}

.general-container {
  width: 200px;
}

.configuration-container {
  width: 450px;
  height: 80px;
}

.header-configuration {
  height: 35px;
  width: 250px;
}

.header-configuration-element {
  text-align: center;
}

.body-configuration {
  height: 45px;
  width: 250px;
}

.body-configuration-element {
  
}

H3.menu-header {
  background-color: gray;
  color: white;
  margin: 0;
  padding: 0;
  font-size: 13px;
  border-bottom: solid 1px orange;
}

TABLE.table-menu-header {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: gray;
}

.text-menu-header {
  color: orange;
  padding-left: 15px;
  cursor: pointer;
}

.text-menu-header-disabled {
  color: gray;
  background-color: gainsboro;
  padding-left: 15px;
  cursor: pointer;
}

.text-menu-header-selected {
  color: orange;
  padding-left: 15px;
  cursor: pointer;
}

.dnd-container {
  border: 1px solid black;
  background-color: #DAE4E7;
  height: 400px;
  width: 400px;
  overflow: auto;
}

.myConfigurable {
  padding-left: 5px;
  cursor: pointer;
}

.myAddableElement {
  padding-left: 5px;
  cursor: pointer;
}

.myAddableGroup {
  border-left: 5px solid gray;
  cursor: pointer;
}

.myTranslate {
  cursor: pointer;
  color: black;
}

.parameters-table {
  width: 100%;
}

.paramter-name {
  
}

.paramter-value {
  width: 100%;
}

.cell-name {
  width: 35%;
}

.dummy {
  width: 65%;
  height: 20px;
}

.confirm-button {
  
}

.configuring {
  color: orange;
  font-weight: bold;
}

.treeview UL {
  width: auto;
}

.treeview LI {
  /* background-color: white; */
  
}

.module-menu .filetree LI {
  border: none;
}

.filetree LI {
  padding: 1px 0 1px 10px;
  background-color: #F5F5F5;
  border: none;
}

.filetree.treeview SPAN.tree, .filetree.treeview span.leaf {
  padding: 1px 0 1px 15px;
  display: block;
}

.filetree.treeview SPAN.tree {
  background: url(icons/menu-minus.png) 0 0 no-repeat;
  background-position: left center;
}

.filetree LI.expandable span.tree {
  background-color: transparent;
}

.filetree.treeview SPAN.leaf {
  background: url(icons/submenu_arrow.png) 0 0 no-repeat;
  background-position: left center;
}

/* .module-menu .filetree SPAN.leaf { */
/*   padding: 4px 5px 4px 15px; */
/* } */
.treeview .hitarea {
  background: white;
  height: 0;
  width: 0;
  margin-left: 0;
  float: none;
  display: none;
}

BODY.module-menu-wizard .treeview LI {
  background-color: white;
}

BODY.module-menu-wizard .filetree span.leaf {
  padding: 1px 0 1px 15px;
  display: block;
  background-color: white;
}

BODY.module-menu-wizard .filetree SPAN.tree {
  padding: 1px 0 1px 15px;
  display: block;
  background-color: white;
  background-image: url(icons/menuOpenArrowConf.png);
}

BODY.module-menu-wizard .filetree LI.expandable span.tree {
  background-color: white;
}

/** Added from here **/
.ElementList {
  
}

.resultObj {
  width: 28em;
  height: 12em;
  overflow: auto;
  border: 1px solid gray;
  background-color: white;
}

.resultObjContainer {
  margin: 0em;
  padding: 0em;
  border: 0em;
  width: 28em;
}

.resultCols {
  width: 18em;
  height: 12em;
  overflow: auto;
  border: 1px solid gray;
  background-color: white;
}

.resultColsContainer {
  margin: 0em;
  padding: 0em;
  border: 0em;
  width: 18em;
}

.orderByCols {
  width: 18em;
  height: 12em;
  overflow: auto;
  border: 1px solid gray;
  background-color: white;
}

.orderByColsContainer {
  margin: 0em;
  padding: 0em;
  border: 0em;
  width: 18em;
}

.liContainer {
  margin: 0em;
  padding: 0em;
  border: 0em;
}

.listResultColsElement {
  width: 8em;
  text-align: right;
}

.initialInput {
  border: 1px solid silver;
  text-align: left;
}

.validInput {
  border: 1px solid green;
  text-align: left;
}

.invalidInput {
  border: 1px solid red;
  text-align: left;
}

.notExist {
  color: gray;
}

li.resultColsElementList.ui-selectee {
  margin: 0;
  width: 100%;
  border: 0;
  height: 15px;
  text-align: left;
  padding: 0;
  background-color: rgb(222, 222, 222);
  border-bottom: 1px solid gray;
  position: relative;
  list-style: none;
}

.dnd-container UL {
  font-size: 10px;
}

li.resultColsElementList.ui-selected {
  background-color: orange;
  color: white;
}

li.resultColsElementList.ui-selected-invalid {
  background-color: rgb(255, 64, 64);
  color: white;
}

li.liElement.ui-selectee {
  margin: 0;
  width: 100%;
  border: 0;
  height: 15px;
  text-align: left;
  padding: 0;
  background-color: rgb(222, 222, 222);
  border-bottom: 1px solid gray;
  position: relative;
  list-style: none;
}

li.liElement.ui-selected {
  background-color: orange;
  color: white;
}

li.liElement.ui-selected-invalid {
  background-color: rgb(255, 64, 64);
  color: white;
}

li.liElement.invalidProfile {
  background-color: rgb(139, 51, 51);
  color: white;
}

.notDraggable {
  color: orange;
}

.differentSid {
  color: gray;
  font-weight: bold;
}

/*
 * PagesPopup
 */
BODY.pageTablePopUp img, BODY.pageTablePopUp span.img {
  vertical-align: middle;
  margin: 0 5px 0 0;
  height: 14px;
  width: 14px;
}

BODY.pageTablePopUp IMG.ImgX, BODY.pageTablePopUp .ImgXXTitle, BODY.pageTablePopUp .ImgXXXTitle,
  BODY.pageTablePopUp .ImgXTitle {
  display: none;
}

BODY.pageTablePopUp span {
  vertical-align: middle;
  height: 100%;
}

BODY.pageTablePopUp {
  background-color: gainsboro;
  border: none;
  font-family: Arial;
  color: gray;
}

BODY.pageTablePopUp TD {
  vertical-align: top;
}

BODY.pageTablePopUp TR {
  vertical-align: top;
}

BODY.pageTablePopUp TABLE {
  vertical-align: top;
}

BODY.pageTablePopUp TD.PageXTitle {
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #A6CCC1;
  background-color: #528195;
}

BODY.pageTablePopUp TD.PageXItem {
  background-color: transparent;
  padding: 0;
  font-size: 12px;
  font-weight: bolder;
}

BODY.pageTablePopUp TD.PageXXTitle {
  background-color: transparent;
  padding: 0;
  font-size: 12px;
  font-weight: bolder;
  color: black;
  border: outset 3px white;
}

BODY.pageTablePopUp TD.PageXXItem {
  padding: 0;
  font-size: 11px;
  font-weight: normal;
}

BODY.pageTablePopUp TD.PageXXXTitle {
  padding: 0;
  font-size: 12px;
  font-weight: bolder;
  color: black;
  border: outset 3px white;
}

BODY.pageTablePopUp TD.PageXXXItem {
  padding: 0;
  font-size: 11px;
  font-weight: normal;
}

BODY.pageTablePopUp TD.PageXXDisabledItem {
  font-size: 14px;
}

BODY.pageTablePopUp A.conf {
  font-size: 12px;
  background-color: black;
  color: yellow;
  text-decoration: none;
}

BODY.pageTablePopUp A, BODY.pageTablePopUp A IMG, BODY.pageTablePopUp A:link,
  BODY.pageTablePopUp A:visited, BODY.pageTablePopUp A:active {
  border: 0;
  color: black;
  text-decoration: none;
}

BODY.pageTablePopUp A:hover SPAN {
  cursor: pointer;
}

BODY.pageTablePopUp IFRAME {
  display: none;
  height: 350px;
  width: 100%;
}

BODY.pageTablePopUp A.wizard {
  border: outset 2px white;
  padding: 3px 10px 5px 10px;
  vertical-align: middle;
  height: 32px;
}

BODY.pageTablePopUp A.wizard:hover {
  border: outset 5px white;
  padding: 0 7px 2px 7px;
  text-decoration: none;
}

BODY.pageTablePopUp A.wizard IMG {
  border: none;
  vertical-align: middle;
}

BODY.pageTablePopUp A.wizard SPAN {
  color: red;
  padding-left: .5em;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bolder;
  cursor: pointer;
}

BODY.pageTablePopUp A.webdings {
  display: none;
  color: red;
}

BODY.pageTablePopUp SPAN.webdings {
  color: red;
}

BODY.pageTablePopUp SPAN.conf {
  font-size: 12px;
  background-color: black;
  color: yellow;
}

BODY.pageTablePopUp SPAN.conf A {
  font-size: 12px;
  background-color: black;
  color: yellow;
}

BODY.pageTablePopUp BUTTON {
  width: 180px;
  margin: 0 8px 1px 8px;
}

/*
 * WizStep
 */
TABLE.tabRow {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

DIV.tabRow, TR.tabRow, TD.tabRow {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

TD.tabSelector {
  font-weight: normal;
  padding: 5px 10px;
  cursor: pointer;
}

TD.tabSelectorSelected {
  border-bottom: 2px solid #F2802D;
  background-color: #c0c0c0;
}

TD.tabSelector:hover {
  background-color: #ccc;
}

TD.GridSelected {
  background-color: #A0E0A0;
  color: white;
}

TD.GridEmpty {
  background-color: #A0E0A0;
  color: white;
}

TD.GridFull {
  color: red;
  cursor: pointer;
}

TD.GridDisabled {
  color: gray;
  cursor: default;
}

TD.GridEnabled {
  color: yellow;
  cursor: pointer;
}

TD.GridExecuted {
  background-color: #009933;
  cursor: pointer;
}

TD.GridIdSelected {
  background-color: #A0E0A0;
  color: white;
}

TD.GridIdFull {
  color: red;
  cursor: pointer;
}

TD.GridIdDisabled {
  color: gray;
  cursor: default;
}

TD.GridIdEnabled {
  color: yellow;
  cursor: pointer;
}

TD.GridIdExecuted {
  background-color: #009933;
  cursor: pointer;
}

/*
 * Base.css Removed
 */
@media print {
  @page {
    margin: 10%
  }
  H1, H2, H3, H4, H5, H6 {
    page-break-after: avoid;
    page-break-inside: avoid
  }
  BLOCKQUOTE, PRE {
    page-break-inside: avoid
  }
  UL, OL, DL {
    page-break-before: avoid
  }
}

@media speech {
  H1, H2, H3, H4, H5, H6 {
    voice-family: paul, male;
    stress: 20;
    richness: 90
  }
  H1 {
    pitch: x-low;
    pitch-range: 90
  }
  H2 {
    pitch: x-low;
    pitch-range: 80
  }
  H3 {
    pitch: low;
    pitch-range: 70
  }
  H4 {
    pitch: medium;
    pitch-range: 60
  }
  H5 {
    pitch: medium;
    pitch-range: 50
  }
  H6 {
    pitch: medium;
    pitch-range: 40
  }
  LI, DT, DD {
    pitch: medium;
    richness: 60
  }
  DT {
    stress: 80
  }
  PRE, CODE, TT {
    pitch: medium;
    pitch-range: 0;
    stress: 0;
    richness: 80
  }
  EM {
    pitch: medium;
    pitch-range: 60;
    stress: 60;
    richness: 50
  }
  STRONG {
    pitch: medium;
    pitch-range: 60;
    stress: 90;
    richness: 90
  }
  DFN {
    pitch: high;
    pitch-range: 60;
    stress: 60
  }
  S, STRIKE {
    richness: 0
  }
  I {
    pitch: medium;
    pitch-range: 60;
    stress: 60;
    richness: 50
  }
  B {
    pitch: medium;
    pitch-range: 60;
    stress: 90;
    richness: 90
  }
  U {
    richness: 0
  }
  A:link {
    voice-family: harry, male
  }
  A:visited {
    voice-family: betty, female
  }
  A:active {
    voice-family: betty, female;
    pitch-range: 80;
    pitch: x-high
  }
}

/*
 * Charts
 */
#chart {
  width: 100%;
  height: 100%;
}

/*
 * Print Conf
 */
BODY.print-conf {
  background-color: #D0D2D0;
}

BODY.print-conf .icon {
  height: 30px;
  width: 30px;
}

BODY.print-conf BUTTON {
  padding: 0;
  margin: 2px;
  height: 36px;
  width: 135px;
}

BODY.print-conf BUTTON SPAN {
  font-weight: bold;
  font-size: small;
}

BODY.print-conf FORM {
  background-color: #D0D2D0;
}

/*
 * Dashboard
 */
BODY.dashboard #divRight {
  height: 100%;
  float: right;
}

BODY.dashboard #divRightHidden {
  display: none;
  width: 0%;
  height: 100%;
  float: right;
}

BODY.dashboard #divLeft {
  height: 100%;
  float: left;
}

BODY.dashboard #hidePanelLeft SPAN.symbol {
  font-size: 24px;
  color: orange;
  padding: 0 10px;
  float: left;
  width: 50%;
}

BODY.dashboard #hidePanelLeft SPAN.title {
  font-size: 20px;
  color: orange;
  padding: 0 10px;
  float: right;
  width: 50%;
  text-align: right;
  overflow: visible;
}

BODY.dashboard #hidePanelLeft {
  background: #333;
  height: 20px;
}

BODY.dashboard #showPanelLeft {
  display: none;
  position: inherit;
  z-index: 20;
  left: 0;
  float: left;
  width: 0%;
  height: 100%;
  cursor: pointer;
  background: #333;
}

BODY.dashboard #showPanelLeft SPAN {
  font-size: 24px;
  height: 100%;
  text-align: center;
  padding: 100px 0;
  width: 0%;
  color: orange;
  float: left;
}

BODY.dashboard IFRAME {
  border: 2px inset white;
}

#chart {
  width: 100%;
  height: 100%;
}

/*
 * Icons
 */
.icons-12 {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(icons/all_icons_12.png);
  width: 12px;
  height: 12px;
  margin: 2px;
}

.icons-16 {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(icons/all_icons_16.png);
  width: 16px;
  height: 16px;
  margin: 2px;
}

.icons-18 {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(icons/all_icons_18.png);
  width: 18px;
  height: 18px;
  margin: 2px;
}

.icons-24 {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(icons/all_icons_24.png);
  width: 24px;
  height: 24px;
  margin: 2px;
}

.icons-32 {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(icons/all_icons_32.png);
  width: 32px;
  height: 32px;
  margin: 2px;
}
/*BLACK 32x32*/
.icon-circleplus-bl-32 {
  background-position: 0 0;
}

.icon-tick-bl-32 {
  background-position: 0 -32px;
}

.icon-empty-circle-bl-32 {
  background-position: 0 -64px;
}

.icon-full-plus-bl-32 {
  background-position: 0 -96px;
}

.icon-empty-plus-bl-32 {
  background-position: 0 -128px;
}

.icon-sheets-bl-32 {
  background-position: 0 -160px;
}

.icon-sheet-bl-32 {
  background-position: 0 -192px;
}

.icon-bin-bl-32 {
  background-position: 0 -224px;
}

.icon-down-bl-32 {
  background-position: 0 -256px;
}

.icon-up-bl-32 {
  background-position: 0 -288px;
}

.icon-full-left-bl-32 {
  background-position: 0 -320px;
}

.icon-full-right-bl-32 {
  background-position: 0 -352px;
}

.icon-vertical-pin-bl-32 {
  background-position: 0 -384px;
}

.icon-horizontal-pin-bl-32 {
  background-position: 0 -416px;
}

.icon-full-bin-bl-32 {
  background-position: 0 -448px;
}

.icon-rhomb-bl-32 {
  background-position: 0 -480px;
}

.icon-full-down-bl-32 {
  background-position: 0 -512px;
}

.icon-full-up-bl-32 {
  background-position: 0 -544px;
}

.icon-square-world-bl-32 {
  background-position: 0 -576px;
}

.icon-square-plus-bl-32 {
  background-position: 0 -608px;
}

.icon-square-bin-bl-32 {
  background-position: 0 -640px;
}

.icon-square-empty-circle-bl-32 {
  background-position: 0 -672px;
}

.icon-square-full-circle-bl-32 {
  background-position: 0 -704px;
}

.icon-round-world-bl-32 {
  background-position: 0 -736px;
}

.icon-round-config-bl-32 {
  background-position: 0 -768px;
}

.icon-round-bin-bl-32 {
  background-position: 0 -800px;
}

.icon-round-full-circle-bl-32 {
  background-position: 0 -832px;
}

.icon-round-empty-circle-bl-32 {
  background-position: 0 -864px;
}

.icon-left-arrow-bl-32 {
  background-position: 0 -896px;
}

.icon-right-arrow-bl-32 {
  background-position: 0 -928px;
}

.icon-pencil-bl-32 {
  background-position: 0 -960px;
}

.icon-pc-bl-32 {
  background-position: 0 -992px;
}
/*NEXT ROW*/
.icon-clear-bl-32 {
  background-position: -64px 0;
}

.icon-query-bl-32 {
  background-position: -64px -32px;
}

.icon-zoom-bl-32 {
  background-position: -64px -64px;
}

.icon-insert-bl-32 {
  background-position: -64px -96px;
}

.icon-filter-rows-bl-32 {
  background-position: -64px -128px;
}

.icon-add-rows-bl-32 {
  background-position: -64px -160px;
}

.icon-delete-bl-32 {
  background-position: -64px -192px;
}

.icon-pivot-bl-32 {
  background-position: -64px -224px;
}

.icon-save-bl-32 {
  background-position: -64px -256px;
}

.icon-undo-bl-32 {
  background-position: -64px -288px;
}

.icon-first-row-bl-32 {
  background-position: -64px -320px;
}

.icon-last-row-bl-32 {
  background-position: -64px -352px;
}

.icon-left-bl-32 {
  background-position: -64px -384px;
}

.icon-right-bl-32 {
  background-position: -64px -416px;
}

.icon-calc-bl-32 {
  background-position: -64px -448px;
}

.icon-planet-bl-32 {
  background-position: -64px -480px;
}

.icon-print-bl-32 {
  background-position: -64px -512px;
}

.icon-switch-bl-32 {
  background-position: -64px -544px;
}

.icon-save-new-bl-32 {
  background-position: -64px -576px;
}

.icon-graph-bl-32 {
  background-position: -64px -608px;
}

.icon-save-all-bl-32 {
  background-position: -64px -640px;
}

.icon-gear-bl-32 {
  background-position: -64px -672px;
}

.icon-exit-bl-32 {
  background-position: -64px -704px;
}

.icon-printer-bl-32 {
  background-position: -64px -736px;
}

.icon-document-bl-32 {
  background-position: -64px -768px;
}

.icon-key-bl-32 {
  background-position: -64px -800px;
}

.icon-refresh-bl-32 {
  background-position: -64px -832px;
}

.icon-excel-bl-32 {
  background-position: -64px -864px;
}

.icon-glasses-bl-32 {
  background-position: -64px -896px;
}

.icon-mail-bl-32 {
  background-position: -64px -928px;
}

.icon-palette-bl-32 {
  background-position: -64px -960px;
}

.icon-doc-bl-32 {
  background-position: -64px -992px;
}

/*WHITE 32x32*/
.icon-circleplus-wh-32 {
  background-position: -32px 0;
}

.icon-tick-wh-32 {
  background-position: -32px -32px;
}

.icon-empty-circle-wh-32 {
  background-position: -32px -64px;
}

.icon-full-plus-wh-32 {
  background-position: -32px -96px;
}

.icon-empty-plus-wh-32 {
  background-position: -32px -128px;
}

.icon-sheets-wh-32 {
  background-position: -32px -160px;
}

.icon-sheet-wh-32 {
  background-position: -32px -192px;
}

.icon-bin-wh-32 {
  background-position: -32px -224px;
}

.icon-down-wh-32 {
  background-position: -32px -256px;
}

.icon-up-wh-32 {
  background-position: -32px -288px;
}

.icon-full-left-wh-32 {
  background-position: -32px -320px;
}

.icon-full-right-wh-32 {
  background-position: -32px -352px;
}

.icon-vertical-pin-wh-32 {
  background-position: -32px -384px;
}

.icon-horizontal-pin-wh-32 {
  background-position: -32px -416px;
}

.icon-full-bin-wh-32 {
  background-position: -32px -448px;
}

.icon-rhomb-wh-32 {
  background-position: -32px -480px;
}

.icon-full-down-wh-32 {
  background-position: -32px -512px;
}

.icon-full-up-wh-32 {
  background-position: -32px -544px;
}

.icon-square-world-wh-32 {
  background-position: -32px -576px;
}

.icon-square-plus-wh-32 {
  background-position: -32px -608px;
}

.icon-square-bin-wh-32 {
  background-position: -32px -640px;
}

.icon-square-empty-circle-wh-32 {
  background-position: -32px -672px;
}

.icon-square-full-circle-wh-32 {
  background-position: -32px -704px;
}

.icon-round-world-wh-32 {
  background-position: -32px -736px;
}

.icon-round-config-wh-32 {
  background-position: -32px -768px;
}

.icon-round-bin-wh-32 {
  background-position: -32px -800px;
}

.icon-round-full-circle-wh-32 {
  background-position: -32px -832px;
}

.icon-round-empty-circle-wh-32 {
  background-position: -32px -864px;
}

.icon-left-arrow-wh-32 {
  background-position: -32px -896px;
}

.icon-right-arrow-wh-32 {
  background-position: -32px -928px;
}

.icon-pencil-wh-32 {
  background-position: -32px -960px;
}

.icon-pc-wh-32 {
  background-position: -32px -992px;
}
/*NEXT ROW*/
.icon-clear-wh-32 {
  background-position: -96px 0;
}

.icon-query-wh-32 {
  background-position: -96px -32px;
}

.icon-zoom-wh-32 {
  background-position: -96px -64px;
}

.icon-insert-wh-32 {
  background-position: -96px -96px;
}

.icon-filter-rows-wh-32 {
  background-position: -96px -128px;
}

.icon-add-rows-wh-32 {
  background-position: -96px -160px;
}

.icon-delete-wh-32 {
  background-position: -96px -192px;
}

.icon-pivot-wh-32 {
  background-position: -96px -224px;
}

.icon-save-wh-32 {
  background-position: -96px -256px;
}

.icon-undo-wh-32 {
  background-position: -96px -288px;
}

.icon-first-row-wh-32 {
  background-position: -96px -320px;
}

.icon-last-row-wh-32 {
  background-position: -96px -352px;
}

.icon-left-wh-32 {
  background-position: -96px -384px;
}

.icon-right-wh-32 {
  background-position: -96px -416px;
}

.icon-calc-wh-32 {
  background-position: -96px -448px;
}

.icon-planet-wh-32 {
  background-position: -96px -480px;
}

.icon-print-wh-32 {
  background-position: -96px -512px;
}

.icon-switch-wh-32 {
  background-position: -96px -544px;
}

.icon-save-new-wh-32 {
  background-position: -96px -576px;
}

.icon-graph-wh-32 {
  background-position: -96px -608px;
}

.icon-save-all-wh-32 {
  background-position: -96px -640px;
}

.icon-gear-wh-32 {
  background-position: -96px -672px;
}

.icon-exit-wh-32 {
  background-position: -96px -704px;
}

.icon-printer-wh-32 {
  background-position: -96px -736px;
}

.icon-document-wh-32 {
  background-position: -96px -768px;
}

.icon-key-wh-32 {
  background-position: -96px -800px;
}

.icon-refresh-wh-32 {
  background-position: -96px -832px;
}

.icon-excel-wh-32 {
  background-position: -96px -864px;
}

.icon-glasses-wh-32 {
  background-position: -96px -896px;
}

.icon-mail-wh-32 {
  background-position: -96px -928px;
}

.icon-palette-wh-32 {
  background-position: -96px -960px;
}

.icon-doc-wh-32 {
  background-position: -96px -992px;
}

/*BLACK 24x24*/
.icon-circleplus-bl-24 {
  background-position: 0 0;
}

.icon-tick-bl-24 {
  background-position: 0 -24px;
}

.icon-empty-circle-bl-24 {
  background-position: 0 -48px;
}

.icon-full-plus-bl-24 {
  background-position: 0 -72px;
}

.icon-empty-plus-bl-24 {
  background-position: 0 -96px;
}

.icon-sheets-bl-24 {
  background-position: 0 -120px;
}

.icon-sheet-bl-24 {
  background-position: 0 -144px;
}

.icon-bin-bl-24 {
  background-position: 0 -168px;
}

.icon-down-bl-24 {
  background-position: 0 -192px;
}

.icon-up-bl-24 {
  background-position: 0 -216px;
}

.icon-full-left-bl-24 {
  background-position: 0 -240px;
}

.icon-full-right-bl-24 {
  background-position: 0 -264px;
}

.icon-vertical-pin-bl-24 {
  background-position: 0 -288px;
}

.icon-horizontal-pin-bl-24 {
  background-position: 0 -312px;
}

.icon-full-bin-bl-24 {
  background-position: 0 -336px;
}

.icon-rhomb-bl-24 {
  background-position: 0 -360px;
}

.icon-full-down-bl-24 {
  background-position: 0 -384px;
}

.icon-full-up-bl-24 {
  background-position: 0 -408px;
}

.icon-square-world-bl-24 {
  background-position: 0 -432px;
}

.icon-square-plus-bl-24 {
  background-position: 0 -456px;
}

.icon-square-bin-bl-24 {
  background-position: 0 -480px;
}

.icon-square-empty-circle-bl-24 {
  background-position: 0 -504px;
}

.icon-square-full-circle-bl-24 {
  background-position: 0 -528px;
}

.icon-round-world-bl-24 {
  background-position: 0 -552px;
}

.icon-round-config-bl-24 {
  background-position: 0 -576px;
}

.icon-round-bin-bl-24 {
  background-position: 0 -600px;
}

.icon-round-full-circle-bl-24 {
  background-position: 0 -624px;
}

.icon-round-empty-circle-bl-24 {
  background-position: 0 -648px;
}

.icon-left-arrow-bl-24 {
  background-position: 0 -672px;
}

.icon-right-arrow-bl-24 {
  background-position: 0 -696px;
}

.icon-pencil-bl-24 {
  background-position: 0 -720px;
}

.icon-pc-bl-24 {
  background-position: 0 -744px;
}
/*NEXT ROW*/
.icon-clear-bl-24 {
  background-position: -48px 0;
}

.icon-query-bl-24 {
  background-position: -48px -24px;
}

.icon-zoom-bl-24 {
  background-position: -48px -48px;
}

.icon-insert-bl-24 {
  background-position: -48px -72px;
}

.icon-filter-rows-bl-24 {
  background-position: -48px -96px;
}

.icon-add-rows-bl-24 {
  background-position: -48px -120px;
}

.icon-delete-bl-24 {
  background-position: -48px -144px;
}

.icon-pivot-bl-24 {
  background-position: -48px -168px;
}

.icon-save-bl-24 {
  background-position: -48px -192px;
}

.icon-undo-bl-24 {
  background-position: -48px -216px;
}

.icon-first-row-bl-24 {
  background-position: -48px -240px;
}

.icon-last-row-bl-24 {
  background-position: -48px -264px;
}

.icon-left-bl-24 {
  background-position: -48px -288px;
}

.icon-right-bl-24 {
  background-position: -48px -312px;
}

.icon-calc-bl-24 {
  background-position: -48px -336px;
}

.icon-planet-bl-24 {
  background-position: -48px -360px;
}

.icon-print-bl-24 {
  background-position: -48px -384px;
}

.icon-switch-bl-24 {
  background-position: -48px -408px;
}

.icon-save-new-bl-24 {
  background-position: -48px -432px;
}

.icon-graph-bl-24 {
  background-position: -48px -456px;
}

.icon-save-all-bl-24 {
  background-position: -48px -480px;
}

.icon-gear-bl-24 {
  background-position: -48px -504px;
}

.icon-exit-bl-24 {
  background-position: -48px -528px;
}

.icon-printer-bl-24 {
  background-position: -48px -552px;
}

.icon-document-bl-24 {
  background-position: -48px -576px;
}

.icon-key-bl-24 {
  background-position: -48px -600px;
}

.icon-refresh-bl-24 {
  background-position: -48px -624px;
}

.icon-excel-bl-24 {
  background-position: -48px -648px;
}

.icon-glasses-bl-24 {
  background-position: -48px -672px;
}

.icon-mail-bl-24 {
  background-position: -48px -696px;
}

.icon-palette-bl-24 {
  background-position: -48px -720px;
}

.icon-doc-bl-24 {
  background-position: -48px -744px;
}

/*WHITE 24x24*/
.icon-circleplus-wh-24 {
  background-position: -24px 0;
}

.icon-tick-wh-24 {
  background-position: -24px -24px;
}

.icon-empty-circle-wh-24 {
  background-position: -24px -48px;
}

.icon-full-plus-wh-24 {
  background-position: -24px -72px;
}

.icon-empty-plus-wh-24 {
  background-position: -24px -96px;
}

.icon-sheets-wh-24 {
  background-position: -24px -120px;
}

.icon-sheet-wh-24 {
  background-position: -24px -144px;
}

.icon-bin-wh-24 {
  background-position: -24px -168px;
}

.icon-down-wh-24 {
  background-position: -24px -192px;
}

.icon-up-wh-24 {
  background-position: -24px -216px;
}

.icon-full-left-wh-24 {
  background-position: -24px -240px;
}

.icon-full-right-wh-24 {
  background-position: -24px -264px;
}

.icon-vertical-pin-wh-24 {
  background-position: -24px -288px;
}

.icon-horizontal-pin-wh-24 {
  background-position: -24px -312px;
}

.icon-full-bin-wh-24 {
  background-position: -24px -336px;
}

.icon-rhomb-wh-24 {
  background-position: -24px -360px;
}

.icon-full-down-wh-24 {
  background-position: -24px -384px;
}

.icon-full-up-wh-24 {
  background-position: -24px -408px;
}

.icon-square-world-wh-24 {
  background-position: -24px -432px;
}

.icon-square-plus-wh-24 {
  background-position: -24px -456px;
}

.icon-square-bin-wh-24 {
  background-position: -24px -480px;
}

.icon-square-empty-circle-wh-24 {
  background-position: -24px -504px;
}

.icon-square-full-circle-wh-24 {
  background-position: -24px -528px;
}

.icon-round-world-wh-24 {
  background-position: -24px -552px;
}

.icon-round-config-wh-24 {
  background-position: -24px -576px;
}

.icon-round-bin-wh-24 {
  background-position: -24px -600px;
}

.icon-round-full-circle-wh-24 {
  background-position: -24px -624px;
}

.icon-round-empty-circle-wh-24 {
  background-position: -24px -648px;
}

.icon-left-arrow-wh-24 {
  background-position: -24px -672px;
}

.icon-right-arrow-wh-24 {
  background-position: -24px -696px;
}

.icon-pencil-wh-24 {
  background-position: -24px -720px;
}

.icon-pc-wh-24 {
  background-position: -24px -744px;
}
/*NEXT ROW*/
.icon-clear-wh-24 {
  background-position: -72px 0;
}

.icon-query-wh-24 {
  background-position: -72px -24px;
}

.icon-zoom-wh-24 {
  background-position: -72px -48px;
}

.icon-insert-wh-24 {
  background-position: -72px -72px;
}

.icon-filter-rows-wh-24 {
  background-position: -72px -96px;
}

.icon-add-rows-wh-24 {
  background-position: -72px -120px;
}

.icon-delete-wh-24 {
  background-position: -72px -144px;
}

.icon-pivot-wh-24 {
  background-position: -72px -168px;
}

.icon-save-wh-24 {
  background-position: -72px -192px;
}

.icon-undo-wh-24 {
  background-position: -72px -216px;
}

.icon-first-row-wh-24 {
  background-position: -72px -240px;
}

.icon-last-row-wh-24 {
  background-position: -72px -264px;
}

.icon-left-wh-24 {
  background-position: -72px -288px;
}

.icon-right-wh-24 {
  background-position: -72px -312px;
}

.icon-calc-wh-24 {
  background-position: -72px -336px;
}

.icon-planet-wh-24 {
  background-position: -72px -360px;
}

.icon-print-wh-24 {
  background-position: -72px -384px;
}

.icon-switch-wh-24 {
  background-position: -72px -408px;
}

.icon-save-new-wh-24 {
  background-position: -72px -432px;
}

.icon-graph-wh-24 {
  background-position: -72px -456px;
}

.icon-save-all-wh-24 {
  background-position: -72px -480px;
}

.icon-gear-wh-24 {
  background-position: -72px -504px;
}

.icon-exit-wh-24 {
  background-position: -72px -528px;
}

.icon-printer-wh-24 {
  background-position: -72px -552px;
}

.icon-document-wh-24 {
  background-position: -72px -576px;
}

.icon-key-wh-24 {
  background-position: -72px -600px;
}

.icon-refresh-wh-24 {
  background-position: -72px -624px;
}

.icon-excel-wh-24 {
  background-position: -72px -648px;
}

.icon-glasses-wh-24 {
  background-position: -72px -672px;
}

.icon-mail-wh-24 {
  background-position: -72px -696px;
}

.icon-palette-wh-24 {
  background-position: -72px -720px;
}

.icon-doc-wh-24 {
  background-position: -72px -744px;
}

/*BLACK 18x18*/
.icon-circleplus-bl-18 {
  background-position: 0 0;
}

.icon-tick-bl-18 {
  background-position: 0 -18px;
}

.icon-empty-circle-bl-18 {
  background-position: 0 -36px;
}

.icon-full-plus-bl-18 {
  background-position: 0 -54px;
}

.icon-empty-plus-bl-18 {
  background-position: 0 -72px;
}

.icon-sheets-bl-18 {
  background-position: 0 -90px;
}

.icon-sheet-bl-18 {
  background-position: 0 -108px;
}

.icon-bin-bl-18 {
  background-position: 0 -126px;
}

.icon-down-bl-18 {
  background-position: 0 -144px;
}

.icon-up-bl-18 {
  background-position: 0 -162px;
}

.icon-full-left-bl-18 {
  background-position: 0 -180px;
}

.icon-full-right-bl-18 {
  background-position: 0 -198px;
}

.icon-vertical-pin-bl-18 {
  background-position: 0 -216px;
}

.icon-horizontal-pin-bl-18 {
  background-position: 0 -234px;
}

.icon-full-bin-bl-18 {
  background-position: 0 -252px;
}

.icon-rhomb-bl-18 {
  background-position: 0 -270px;
}

.icon-full-down-bl-18 {
  background-position: 0 -288px;
}

.icon-full-up-bl-18 {
  background-position: 0 -306px;
}

.icon-square-world-bl-18 {
  background-position: 0 -324px;
}

.icon-square-plus-bl-18 {
  background-position: 0 -342px;
}

.icon-square-bin-bl-18 {
  background-position: 0 -360px;
}

.icon-square-empty-circle-bl-18 {
  background-position: 0 -378px;
}

.icon-square-full-circle-bl-18 {
  background-position: 0 -396px;
}

.icon-round-world-bl-18 {
  background-position: 0 -414px;
}

.icon-round-config-bl-18 {
  background-position: 0 -432px;
}

.icon-round-bin-bl-18 {
  background-position: 0 -450px;
}

.icon-round-full-circle-bl-18 {
  background-position: 0 -468px;
}

.icon-round-empty-circle-bl-18 {
  background-position: 0 -486px;
}

.icon-left-arrow-bl-18 {
  background-position: 0 -504px;
}

.icon-right-arrow-bl-18 {
  background-position: 0 -522px;
}

.icon-pencil-bl-18 {
  background-position: 0 -540px;
}

.icon-pc-bl-18 {
  background-position: 0 -558px;
}
/*NEXT ROW*/
.icon-clear-bl-18 {
  background-position: -36px 0;
}

.icon-query-bl-18 {
  background-position: -36px -18px;
}

.icon-zoom-bl-18 {
  background-position: -36px -36px;
}

.icon-insert-bl-18 {
  background-position: -36px -54px;
}

.icon-filter-rows-bl-18 {
  background-position: -36px -72px;
}

.icon-add-rows-bl-18 {
  background-position: -36px -90px;
}

.icon-delete-bl-18 {
  background-position: -36px -108px;
}

.icon-pivot-bl-18 {
  background-position: -36px -126px;
}

.icon-save-bl-18 {
  background-position: -36px -144px;
}

.icon-undo-bl-18 {
  background-position: -36px -162px;
}

.icon-first-row-bl-18 {
  background-position: -36px -180px;
}

.icon-last-row-bl-18 {
  background-position: -36px -198px;
}

.icon-left-bl-18 {
  background-position: -36px -216px;
}

.icon-right-bl-18 {
  background-position: -36px -234px;
}

.icon-calc-bl-18 {
  background-position: -36px -252px;
}

.icon-planet-bl-18 {
  background-position: -36px -270px;
}

.icon-print-bl-18 {
  background-position: -36px -288px;
}

.icon-switch-bl-18 {
  background-position: -36px -306px;
}

.icon-save-new-bl-18 {
  background-position: -36px -324px;
}

.icon-graph-bl-18 {
  background-position: -36px -342px;
}

.icon-save-all-bl-18 {
  background-position: -36px -360px;
}

.icon-gear-bl-18 {
  background-position: -36px -378px;
}

.icon-exit-bl-18 {
  background-position: -36px -396px;
}

.icon-printer-bl-18 {
  background-position: -36px -414px;
}

.icon-document-bl-18 {
  background-position: -36px -432px;
}

.icon-key-bl-18 {
  background-position: -36px -450px;
}

.icon-refresh-bl-18 {
  background-position: -36px -468px;
}

.icon-excel-bl-18 {
  background-position: -36px -486px;
}

.icon-glasses-bl-18 {
  background-position: -36px -504px;
}

.icon-mail-bl-18 {
  background-position: -36px -522px;
}

.icon-palette-bl-18 {
  background-position: -36px -540px;
}

.icon-doc-bl-18 {
  background-position: -36px -558px;
}

/*WHITE 18x18*/
.icon-circleplus-wh-18 {
  background-position: -18px 0;
}

.icon-tick-wh-18 {
  background-position: -18px -18px;
}

.icon-empty-circle-wh-18 {
  background-position: -18px -36px;
}

.icon-full-plus-wh-18 {
  background-position: -18px -54px;
}

.icon-empty-plus-wh-18 {
  background-position: -18px -72px;
}

.icon-sheets-wh-18 {
  background-position: -18px -90px;
}

.icon-sheet-wh-18 {
  background-position: -18px -108px;
}

.icon-bin-wh-18 {
  background-position: -18px -126px;
}

.icon-down-wh-18 {
  background-position: -18px -144px;
}

.icon-up-wh-18 {
  background-position: -18px -162px;
}

.icon-full-left-wh-18 {
  background-position: -18px -180px;
}

.icon-full-right-wh-18 {
  background-position: -18px -198px;
}

.icon-vertical-pin-wh-18 {
  background-position: -18px -216px;
}

.icon-horizontal-pin-wh-18 {
  background-position: -18px -234px;
}

.icon-full-bin-wh-18 {
  background-position: -18px -252px;
}

.icon-rhomb-wh-18 {
  background-position: -18px -270px;
}

.icon-full-down-wh-18 {
  background-position: -18px -288px;
}

.icon-full-up-wh-18 {
  background-position: -18px -306px;
}

.icon-square-world-wh-18 {
  background-position: -18px -324px;
}

.icon-square-plus-wh-18 {
  background-position: -18px -342px;
}

.icon-square-bin-wh-18 {
  background-position: -18px -360px;
}

.icon-square-empty-circle-wh-18 {
  background-position: -18px -378px;
}

.icon-square-full-circle-wh-18 {
  background-position: -18px -396px;
}

.icon-round-world-wh-18 {
  background-position: -18px -414px;
}

.icon-round-config-wh-18 {
  background-position: -18px -432px;
}

.icon-round-bin-wh-18 {
  background-position: -18px -450px;
}

.icon-round-full-circle-wh-18 {
  background-position: -18px -468px;
}

.icon-round-empty-circle-wh-18 {
  background-position: -18px -486px;
}

.icon-left-arrow-wh-18 {
  background-position: -18px -504px;
}

.icon-right-arrow-wh-18 {
  background-position: -18px -522px;
}

.icon-pencil-wh-18 {
  background-position: -18px -540px;
}

.icon-pc-wh-18 {
  background-position: -18px -558px;
}
/*NEXT ROW*/
.icon-clear-wh-18 {
  background-position: -54px 0;
}

.icon-query-wh-18 {
  background-position: -54px -18px;
}

.icon-zoom-wh-18 {
  background-position: -54px -36px;
}

.icon-insert-wh-18 {
  background-position: -54px -54px;
}

.icon-filter-rows-wh-18 {
  background-position: -54px -72px;
}

.icon-add-rows-wh-18 {
  background-position: -54px -90px;
}

.icon-delete-wh-18 {
  background-position: -54px -108px;
}

.icon-pivot-wh-18 {
  background-position: -54px -126px;
}

.icon-save-wh-18 {
  background-position: -54px -144px;
}

.icon-undo-wh-18 {
  background-position: -54px -162px;
}

.icon-first-row-wh-18 {
  background-position: -54px -180px;
}

.icon-last-row-wh-18 {
  background-position: -54px -198px;
}

.icon-left-wh-18 {
  background-position: -54px -216px;
}

.icon-right-wh-18 {
  background-position: -54px -234px;
}

.icon-calc-wh-18 {
  background-position: -54px -252px;
}

.icon-planet-wh-18 {
  background-position: -54px -270px;
}

.icon-print-wh-18 {
  background-position: -54px -288px;
}

.icon-switch-wh-18 {
  background-position: -54px -306px;
}

.icon-save-new-wh-18 {
  background-position: -54px -324px;
}

.icon-graph-wh-18 {
  background-position: -54px -342px;
}

.icon-save-all-wh-18 {
  background-position: -54px -360px;
}

.icon-gear-wh-18 {
  background-position: -54px -378px;
}

.icon-exit-wh-18 {
  background-position: -54px -396px;
}

.icon-printer-wh-18 {
  background-position: -54px -414px;
}

.icon-document-wh-18 {
  background-position: -54px -432px;
}

.icon-key-wh-18 {
  background-position: -54px -450px;
}

.icon-refresh-wh-18 {
  background-position: -54px -468px;
}

.icon-excel-wh-18 {
  background-position: -54px -486px;
}

.icon-glasses-wh-18 {
  background-position: -54px -504px;
}

.icon-mail-wh-18 {
  background-position: -54px -522px;
}

.icon-palette-wh-18 {
  background-position: -54px -540px;
}

.icon-doc-wh-18 {
  background-position: -54px -558px;
}

/*BLACK 16x16*/
.icon-circleplus-bl-16 {
  background-position: 0 0;
}

.icon-tick-bl-16 {
  background-position: 0 -16px;
}

.icon-empty-circle-bl-16 {
  background-position: 0 -32px;
}

.icon-full-plus-bl-16 {
  background-position: 0 -48px;
}

.icon-empty-plus-bl-16 {
  background-position: 0 -64px;
}

.icon-sheets-bl-16 {
  background-position: 0 -80px;
}

.icon-sheet-bl-16 {
  background-position: 0 -96px;
}

.icon-bin-bl-16 {
  background-position: 0 -112px;
}

.icon-down-bl-16 {
  background-position: 0 -128px;
}

.icon-up-bl-16 {
  background-position: 0 -144px;
}

.icon-full-left-bl-16 {
  background-position: 0 -160px;
}

.icon-full-right-bl-16 {
  background-position: 0 -176px;
}

.icon-vertical-pin-bl-16 {
  background-position: 0 -192px;
}

.icon-horizontal-pin-bl-16 {
  background-position: 0 -208px;
}

.icon-full-bin-bl-16 {
  background-position: 0 -224px;
}

.icon-rhomb-bl-16 {
  background-position: 0 -240px;
}

.icon-full-down-bl-16 {
  background-position: 0 -256px;
}

.icon-full-up-bl-16 {
  background-position: 0 -272px;
}

.icon-square-world-bl-16 {
  background-position: 0 -288px;
}

.icon-square-plus-bl-16 {
  background-position: 0 -304px;
}

.icon-square-bin-bl-16 {
  background-position: 0 -320px;
}

.icon-square-empty-circle-bl-16 {
  background-position: 0 -336px;
}

.icon-square-full-circle-bl-16 {
  background-position: 0 -352px;
}

.icon-round-world-bl-16 {
  background-position: 0 -368px;
}

.icon-round-config-bl-16 {
  background-position: 0 -384px;
}

.icon-round-bin-bl-16 {
  background-position: 0 -400px;
}

.icon-round-full-circle-bl-16 {
  background-position: 0 -416px;
}

.icon-round-empty-circle-bl-16 {
  background-position: 0 -432px;
}

.icon-left-arrow-bl-16 {
  background-position: 0 -448px;
}

.icon-right-arrow-bl-16 {
  background-position: 0 -464px;
}

.icon-pencil-bl-16 {
  background-position: 0 -480px;
}

.icon-pc-bl-16 {
  background-position: 0 -496px;
}
/*NEXT ROW*/
.icon-clear-bl-16 {
  background-position: -32px 0;
}

.icon-query-bl-16 {
  background-position: -32px -16px;
}

.icon-zoom-bl-16 {
  background-position: -32px -32px;
}

.icon-insert-bl-16 {
  background-position: -32px -48px;
}

.icon-filter-rows-bl-16 {
  background-position: -32px -64px;
}

.icon-add-rows-bl-16 {
  background-position: -32px -80px;
}

.icon-delete-bl-16 {
  background-position: -32px -96px;
}

.icon-pivot-bl-16 {
  background-position: -32px -112px;
}

.icon-save-bl-16 {
  background-position: -32px -128px;
}

.icon-undo-bl-16 {
  background-position: -32px -144px;
}

.icon-first-row-bl-16 {
  background-position: -32px -160px;
}

.icon-last-row-bl-16 {
  background-position: -32px -176px;
}

.icon-left-bl-16 {
  background-position: -32px -192px;
}

.icon-right-bl-16 {
  background-position: -32px -208px;
}

.icon-calc-bl-16 {
  background-position: -32px -224px;
}

.icon-planet-bl-16 {
  background-position: -32px -240px;
}

.icon-print-bl-16 {
  background-position: -32px -256px;
}

.icon-switch-bl-16 {
  background-position: -32px -272px;
}

.icon-save-new-bl-16 {
  background-position: -32px -288px;
}

.icon-graph-bl-16 {
  background-position: -32px -304px;
}

.icon-save-all-bl-16 {
  background-position: -32px -320px;
}

.icon-gear-bl-16 {
  background-position: -32px -336px;
}

.icon-exit-bl-16 {
  background-position: -32px -352px;
}

.icon-printer-bl-16 {
  background-position: -32px -368px;
}

.icon-document-bl-16 {
  background-position: -32px -384px;
}

.icon-key-bl-16 {
  background-position: -32px -400px;
}

.icon-refresh-bl-16 {
  background-position: -32px -416px;
}

.icon-excel-bl-16 {
  background-position: -32px -432px;
}

.icon-glasses-bl-16 {
  background-position: -32px -448px;
}

.icon-mail-bl-16 {
  background-position: -32px -464px;
}

.icon-palette-bl-16 {
  background-position: -32px -480px;
}

.icon-doc-bl-16 {
  background-position: -32px -496px;
}

/*WHITE 16x16*/
.icon-circleplus-wh-16 {
  background-position: -16px 0;
}

.icon-tick-wh-16 {
  background-position: -16px -16px;
}

.icon-empty-circle-wh-16 {
  background-position: -16px -32px;
}

.icon-full-plus-wh-16 {
  background-position: -16px -48px;
}

.icon-empty-plus-wh-16 {
  background-position: -16px -64px;
}

.icon-sheets-wh-16 {
  background-position: -16px -80px;
}

.icon-sheet-wh-16 {
  background-position: -16px -96px;
}

.icon-bin-wh-16 {
  background-position: -16px -112px;
}

.icon-down-wh-16 {
  background-position: -16px -128px;
}

.icon-up-wh-16 {
  background-position: -16px -144px;
}

.icon-full-left-wh-16 {
  background-position: -16px -160px;
}

.icon-full-right-wh-16 {
  background-position: -16px -176px;
}

.icon-vertical-pin-wh-16 {
  background-position: -16px -192px;
}

.icon-horizontal-pin-wh-16 {
  background-position: -16px -208px;
}

.icon-full-bin-wh-16 {
  background-position: -16px -224px;
}

.icon-rhomb-wh-16 {
  background-position: -16px -240px;
}

.icon-full-down-wh-16 {
  background-position: -16px -256px;
}

.icon-full-up-wh-16 {
  background-position: -16px -272px;
}

.icon-square-world-wh-16 {
  background-position: -16px -288px;
}

.icon-square-plus-wh-16 {
  background-position: -16px -304px;
}

.icon-square-bin-wh-16 {
  background-position: -16px -320px;
}

.icon-square-empty-circle-wh-16 {
  background-position: -16px -336px;
}

.icon-square-full-circle-wh-16 {
  background-position: -16px -352px;
}

.icon-round-world-wh-16 {
  background-position: -16px -368px;
}

.icon-round-config-wh-16 {
  background-position: -16px -384px;
}

.icon-round-bin-wh-16 {
  background-position: -16px -400px;
}

.icon-round-full-circle-wh-16 {
  background-position: -16px -416px;
}

.icon-round-empty-circle-wh-16 {
  background-position: -16px -432px;
}

.icon-left-arrow-wh-16 {
  background-position: -16px -448px;
}

.icon-right-arrow-wh-16 {
  background-position: -16px -464px;
}

.icon-pencil-wh-16 {
  background-position: -16px -480px;
}

.icon-pc-wh-16 {
  background-position: -16px -496px;
}
/*NEXT ROW*/
.icon-clear-wh-16 {
  background-position: -48px 0;
}

.icon-query-wh-16 {
  background-position: -48px -16px;
}

.icon-zoom-wh-16 {
  background-position: -48px -32px;
}

.icon-insert-wh-16 {
  background-position: -48px -48px;
}

.icon-filter-rows-wh-16 {
  background-position: -48px -64px;
}

.icon-add-rows-wh-16 {
  background-position: -48px -80px;
}

.icon-delete-wh-16 {
  background-position: -48px -96px;
}

.icon-pivot-wh-16 {
  background-position: -48px -112px;
}

.icon-save-wh-16 {
  background-position: -48px -128px;
}

.icon-undo-wh-16 {
  background-position: -48px -144px;
}

.icon-first-row-wh-16 {
  background-position: -48px -160px;
}

.icon-last-row-wh-16 {
  background-position: -48px -176px;
}

.icon-left-wh-16 {
  background-position: -48px -192px;
}

.icon-right-wh-16 {
  background-position: -48px -208px;
}

.icon-calc-wh-16 {
  background-position: -48px -224px;
}

.icon-planet-wh-16 {
  background-position: -48px -240px;
}

.icon-print-wh-16 {
  background-position: -48px -256px;
}

.icon-switch-wh-16 {
  background-position: -48px -272px;
}

.icon-save-new-wh-16 {
  background-position: -48px -288px;
}

.icon-graph-wh-16 {
  background-position: -48px -304px;
}

.icon-save-all-wh-16 {
  background-position: -48px -320px;
}

.icon-gear-wh-16 {
  background-position: -48px -336px;
}

.icon-exit-wh-16 {
  background-position: -48px -352px;
}

.icon-printer-wh-16 {
  background-position: -48px -368px;
}

.icon-document-wh-16 {
  background-position: -48px -384px;
}

.icon-key-wh-16 {
  background-position: -48px -400px;
}

.icon-refresh-wh-16 {
  background-position: -48px -416px;
}

.icon-excel-wh-16 {
  background-position: -48px -432px;
}

.icon-glasses-wh-16 {
  background-position: -48px -448px;
}

.icon-mail-wh-16 {
  background-position: -48px -464px;
}

.icon-palette-wh-16 {
  background-position: -48px -480px;
}

.icon-doc-wh-16 {
  background-position: -48px -496px;
}

/*BLACK 12x12*/
.icon-circleplus-bl-12 {
  background-position: 0 0;
}

.icon-tick-bl-12 {
  background-position: 0 -12px;
}

.icon-empty-circle-bl-12 {
  background-position: 0 -24px;
}

.icon-full-plus-bl-12 {
  background-position: 0 -36px;
}

.icon-empty-plus-bl-12 {
  background-position: 0 -48px;
}

.icon-sheets-bl-12 {
  background-position: 0 -60px;
}

.icon-sheet-bl-12 {
  background-position: 0 -72px;
}

.icon-bin-bl-12 {
  background-position: 0 -84px;
}

.icon-down-bl-12 {
  background-position: 0 -96px;
}

.icon-up-bl-12 {
  background-position: 0 -108px;
}

.icon-full-left-bl-12 {
  background-position: 0 -120px;
}

.icon-full-right-bl-12 {
  background-position: 0 -132px;
}

.icon-vertical-pin-bl-12 {
  background-position: 0 -144px;
}

.icon-horizontal-pin-bl-12 {
  background-position: 0 -156px;
}

.icon-full-bin-bl-12 {
  background-position: 0 -168px;
}

.icon-rhomb-bl-12 {
  background-position: 0 -180px;
}

.icon-full-down-bl-12 {
  background-position: 0 -192px;
}

.icon-full-up-bl-12 {
  background-position: 0 -204px;
}

.icon-square-world-bl-12 {
  background-position: 0 -216px;
}

.icon-square-plus-bl-12 {
  background-position: 0 -228px;
}

.icon-square-bin-bl-12 {
  background-position: 0 -240px;
}

.icon-square-empty-circle-bl-12 {
  background-position: 0 -252px;
}

.icon-square-full-circle-bl-12 {
  background-position: 0 -264px;
}

.icon-round-world-bl-12 {
  background-position: 0 -276px;
}

.icon-round-config-bl-12 {
  background-position: 0 -288px;
}

.icon-round-bin-bl-12 {
  background-position: 0 -300px;
}

.icon-round-full-circle-bl-12 {
  background-position: 0 -312px;
}

.icon-round-empty-circle-bl-12 {
  background-position: 0 -324px;
}

.icon-left-arrow-bl-12 {
  background-position: 0 -336px;
}

.icon-right-arrow-bl-12 {
  background-position: 0 -348px;
}

.icon-pencil-bl-12 {
  background-position: 0 -360px;
}

.icon-pc-bl-12 {
  background-position: 0 -372px;
}
/*NEXT ROW*/
.icon-clear-bl-12 {
  background-position: -24px 0;
}

.icon-query-bl-12 {
  background-position: -24px -12px;
}

.icon-zoom-bl-12 {
  background-position: -24px -24px;
}

.icon-insert-bl-12 {
  background-position: -24px -36px;
}

.icon-filter-rows-bl-12 {
  background-position: -24px -48px;
}

.icon-add-rows-bl-12 {
  background-position: -24px -60px;
}

.icon-delete-bl-12 {
  background-position: -24px -72px;
}

.icon-pivot-bl-12 {
  background-position: -24px -84px;
}

.icon-save-bl-12 {
  background-position: -24px -96px;
}

.icon-undo-bl-12 {
  background-position: -24px -108px;
}

.icon-first-row-bl-12 {
  background-position: -24px -120px;
}

.icon-last-row-bl-12 {
  background-position: -24px -132px;
}

.icon-left-bl-12 {
  background-position: -24px -144px;
}

.icon-right-bl-12 {
  background-position: -24px -156px;
}

.icon-calc-bl-12 {
  background-position: -24px -168px;
}

.icon-planet-bl-12 {
  background-position: -24px -180px;
}

.icon-print-bl-12 {
  background-position: -24px -192px;
}

.icon-switch-bl-12 {
  background-position: -24px -204px;
}

.icon-save-new-bl-12 {
  background-position: -24px -216px;
}

.icon-graph-bl-12 {
  background-position: -24px -228px;
}

.icon-save-all-bl-12 {
  background-position: -24px -240px;
}

.icon-gear-bl-12 {
  background-position: -24px -252px;
}

.icon-exit-bl-12 {
  background-position: -24px -264px;
}

.icon-printer-bl-12 {
  background-position: -24px -276px;
}

.icon-document-bl-12 {
  background-position: -24px -288px;
}

.icon-key-bl-12 {
  background-position: -24px -300px;
}

.icon-refresh-bl-12 {
  background-position: -24px -312px;
}

.icon-excel-bl-12 {
  background-position: -24px -324px;
}

.icon-glasses-bl-12 {
  background-position: -24px -336px;
}

.icon-mail-bl-12 {
  background-position: -24px -348px;
}

.icon-palette-bl-12 {
  background-position: -24px -360px;
}

.icon-doc-bl-12 {
  background-position: -24px -372px;
}

/*WHITE 12x12*/
.icon-circleplus-wh-12 {
  background-position: -12px 0;
}

.icon-tick-wh-12 {
  background-position: -12px -12px;
}

.icon-empty-circle-wh-12 {
  background-position: -12px -24px;
}

.icon-full-plus-wh-12 {
  background-position: -12px -36px;
}

.icon-empty-plus-wh-12 {
  background-position: -12px -48px;
}

.icon-sheets-wh-12 {
  background-position: -12px -60px;
}

.icon-sheet-wh-12 {
  background-position: -12px -72px;
}

.icon-bin-wh-12 {
  background-position: -12px -84px;
}

.icon-down-wh-12 {
  background-position: -12px -96px;
}

.icon-up-wh-12 {
  background-position: -12px -108px;
}

.icon-full-left-wh-12 {
  background-position: -12px -120px;
}

.icon-full-right-wh-12 {
  background-position: -12px -132px;
}

.icon-vertical-pin-wh-12 {
  background-position: -12px -144px;
}

.icon-horizontal-pin-wh-12 {
  background-position: -12px -156px;
}

.icon-full-bin-wh-12 {
  background-position: -12px -168px;
}

.icon-rhomb-wh-12 {
  background-position: -12px -180px;
}

.icon-full-down-wh-12 {
  background-position: -12px -192px;
}

.icon-full-up-wh-12 {
  background-position: -12px -204px;
}

.icon-square-world-wh-12 {
  background-position: -12px -216px;
}

.icon-square-plus-wh-12 {
  background-position: -12px -228px;
}

.icon-square-bin-wh-12 {
  background-position: -12px -240px;
}

.icon-square-empty-circle-wh-12 {
  background-position: -12px -252px;
}

.icon-square-full-circle-wh-12 {
  background-position: -12px -264px;
}

.icon-round-world-wh-12 {
  background-position: -12px -276px;
}

.icon-round-config-wh-12 {
  background-position: -12px -288px;
}

.icon-round-bin-wh-12 {
  background-position: -12px -300px;
}

.icon-round-full-circle-wh-12 {
  background-position: -12px -312px;
}

.icon-round-empty-circle-wh-12 {
  background-position: -12px -324px;
}

.icon-left-arrow-wh-12 {
  background-position: -12px -336px;
}

.icon-right-arrow-wh-12 {
  background-position: -12px -348px;
}

.icon-pencil-wh-12 {
  background-position: -12px -360px;
}

.icon-pc-wh-12 {
  background-position: -12px -372px;
}
/*NEXT ROW*/
.icon-clear-wh-12 {
  background-position: -36px 0;
}

.icon-query-wh-12 {
  background-position: -36px -12px;
}

.icon-zoom-wh-12 {
  background-position: -36px -24px;
}

.icon-insert-wh-12 {
  background-position: -36px -36px;
}

.icon-filter-rows-wh-12 {
  background-position: -36px -48px;
}

.icon-add-rows-wh-12 {
  background-position: -36px -60px;
}

.icon-delete-wh-12 {
  background-position: -36px -72px;
}

.icon-pivot-wh-12 {
  background-position: -36px -84px;
}

.icon-save-wh-12 {
  background-position: -36px -96px;
}

.icon-undo-wh-12 {
  background-position: -36px -108px;
}

.icon-first-row-wh-12 {
  background-position: -36px -120px;
}

.icon-last-row-wh-12 {
  background-position: -36px -132px;
}

.icon-left-wh-12 {
  background-position: -36px -144px;
}

.icon-right-wh-12 {
  background-position: -36px -156px;
}

.icon-calc-wh-12 {
  background-position: -36px -168px;
}

.icon-planet-wh-12 {
  background-position: -36px -180px;
}

.icon-print-wh-12 {
  background-position: -36px -192px;
}

.icon-switch-wh-12 {
  background-position: -36px -204px;
}

.icon-save-new-wh-12 {
  background-position: -36px -216px;
}

.icon-graph-wh-12 {
  background-position: -36px -228px;
}

.icon-save-all-wh-12 {
  background-position: -36px -240px;
}

.icon-gear-wh-12 {
  background-position: -36px -252px;
}

.icon-exit-wh-12 {
  background-position: -36px -264px;
}

.icon-printer-wh-12 {
  background-position: -36px -276px;
}

.icon-document-wh-12 {
  background-position: -36px -288px;
}

.icon-key-wh-12 {
  background-position: -36px -300px;
}

.icon-refresh-wh-12 {
  background-position: -36px -312px;
}

.icon-excel-wh-12 {
  background-position: -36px -324px;
}

.icon-glasses-wh-12 {
  background-position: -36px -336px;
}

.icon-mail-wh-12 {
  background-position: -36px -348px;
}

.icon-palette-wh-12 {
  background-position: -36px -360px;
}

.icon-doc-wh-12 {
  background-position: -36px -372px;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid black;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid black;
  margin-right: 3px;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid black;
}

.mouseMenuItem:hover .arrow-up {
  border-bottom-color: white;
}

.mouseMenuItem:hover .arrow-down {
  border-top-color: white;
}

.mouseMenuItem:hover .arrow-right {
  border-left-color: white;
}

.mouseMenuItem:hover .arrow-left {
  border-right-color: white;
}

span.prompt {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

span.edit {
  color: red;
  cursor: pointer;
}

TABLE.formGroup {
  width: 100%;
  font-weight: bold;
}

TABLE.formGroup INPUT.Boolean {
  width: 20px;
  background-color: transparent;
}

TH.formHeader, TD.formHeader {
  text-align: right;
  font-weight: normal;
  color: #303030;
  /* white-space: nowrap; */
}

IFRAME {
  border: none;
  margin: 0;
  width: 100%;
  height: 100%;
}

BODY.dashboard .formGroup TH.formHeader {
  text-align: left;
}

BODY.dashboard .formGroup TD {
  text-align: right;
}

.form-link-visited {
  color: white !important;
}

#FORM {
  float: right;
}

.content, .portlet {
  width: 100%;
}

/* Column list style */
.portlet .active-column {
  color: orange;
}

/* Common profile list style */
.portlet {
  width: 100%;
}

.portlet-header {
  margin: 0px !important;
  padding: 3px;
  width: 100%;
  border: 0;
}

.portlet-header .ui-icon {
  float: right;
}

.portlet-header .ui-icon.ui-icon-grip-dotted-vertical {
  width: 12px;
}

.portlet-content {
  width: 100%;
}

.content-header {
  text-align: center;
  width: 100%;
  height: 25px
}

.content-list {
  position: relative;
}

.page-column {
  margin-bottom: 10px;
}

#button-bar {
  clear: both;
  text-align: right;
  vertical-align: middle;
  height: 25px;
  margin-top: 30px;
}

ul.columns {
  width: auto;
  overflow: auto;
  padding-left: 15px;
}

.page-column.left {
  float: left;
  width: 49%;
}

.page-column.right {
  float: right;
  width: 49%;
}

ul.columns li {
  clear: both;
}

.profile-list-element {
  padding: 0 !important;
  margin: 0 !important;
}

/*
 * Object Profiles and Object Query
 */
.deleted SPAN {
  text-decoration: line-through;
}

.list LI.ui-profile-disabled {
  background: #cccccc
    url(smoothness/images/ui-bg_diagonals-small_75_cccccc_40x40.png) 50%
    50% repeat;
  color: silver;
}

UL.list {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 1px 0px 0px 0px;
}

.list LI {
  border: 1px solid gray;
  list-style: none;
  background: white;
  position: relative;
  margin-bottom: 5px;
  padding: 0px 62px 0px 30px;
  font-size: 1.2em !important;
  height: 1.5em;
  width: 100%;
}

.list LI .text-profile {
  width: 100%;
  padding-left: 30px;
}

.list LI .i18n, .list LI .copy, .list LI .trash, .list LI .check, .list LI .handle,
  .list LI .default-profile, .list LI .pin {
  background-color: rgb(222, 222, 222);
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0px 3px;
  border-left: 1px solid gray;
}

.list LI .handle {
  left: 0;
  padding: 0px 5px;
}

.list LI .trash {
  right: 0;
}

.list LI .i18n {
  right: 23px;
}

.list LI .copy {
  right: 46px;
}

.list LI .check {
  right: 69px;
}

.list LI .default-profile {
  right: 92px;
}

.list LI .pin {
  right: 92px;
  padding: 0px 3px;
  border-left: 1px solid gray;
}

.list LI .text {
  height: 16px;
  padding-top: 1px;
}

.list LI.ui-profile-disabled .i18n, .list LI.ui-profile-disabled .copy {
  color: black;
}

.list LI.ui-selected {
  background-color: #FECA40 !important;
  margin-left: 1px;
  border-left: 5px solid gray;
  font-weight: bold;
  color: #222222;
}

.list LI.ui-selected .handle, .list LI.ui-selected .check, .list LI.ui-selected .copy,
  .list LI.ui-selected .i18n, .list LI.ui-selected .trash, .list LI.ui-selected .default-profile,
  .list LI.ui-selected .pin {
  background: #F39814;
}

.i18n_content tr {
  height: 20px;
}

.i18n_table {
  border-width: thin;
  border-color: silver;
  width: 350px;
}

.i18n_table th {
  background-color: gainsboro;
}

.i18n_table tr th:FIRST-CHILD {
  max-width: 100px;
}

.i18n_table tr td {
  min-width: 300px;
}

.i18n_table input {
  width: 420px;
}

#BUTTON_TABLE {
  border-spacing: 0;
  border-collapse: collapse;
}

.links-detail-content {
  /* border-top: 1px solid gray; */
  
}

LEGEND {
  font-weight: bold;
  color: black;
  font-size: 1em
}

.scrollBarMenu {
  background-color: #5B5B5D;
  position: relative;
  height: 18px;
  left: 0;
  right: 0;
}

.scrollBarMenu>.titleBar {
  float: left;
  font-size: 1.3em;
  font-weight: bold;
  color: white;
  display: inline-block;
  padding-left: 2px;
  padding-top: 1px;
}

.scrollBarMenu .elements {
  padding: 2px 2px;
  color: white;
  height: 14px;
}

.scrollBarMenu .scrollBarMenuLeft, .scrollBarMenu .scrollBarMenuRight {
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  width: 10px;
  font-size: 15px;
  cursor: pointer;
}

.scrollBarMenu .scrollBarMenuLeft {
  float: left;
  margin-left: 4px;
  margin-right: 0px;
  box-sizing: border-box;
  line-height: 15px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

html[data-useragent*='Trident'] .scrollBarMenu .scrollBarMenuLeft {
  top: -1px;
}

.scrollBarMenu .scrollBarMenuRight {
  position: absolute;
  top: -1px;
  right: 2px;
  display: inline-block;
}

.scrollBarMenu .links {
  white-space: nowrap;
  overflow: hidden;
  margin-right: 17px;
}

.scrollBarMenu A.barMenuDisable {
  background-color: #5B5B5D;
  color: #999999;
  cursor: default;
  text-decoration: none;
}

.scrollBarMenu a {
  padding: 0 2px;
  display: inline-block;
  color: #D6D4EA;
}

a.barMenuDisable {
  background-color: #5B5B5D;
  color: #999999;
  cursor: default;
  text-decoration: none;
}

footer {
  position: absolute;
  bottom: 0;
  background-color: #528195;
  width: 100%;
  padding: 5px 10px;
  color: white;
  text-align: end;
  box-sizing: border-box;
  height: 23px;
}