@font-face {
    font-family: 'vegur';
    src: url('../fonts/vegur-regular-webfont.eot');
    src: url('../fonts/vegur-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/vegur-regular-webfont.woff2') format('woff2'),
    url('../fonts/vegur-regular-webfont.woff') format('woff'),
    url('../fonts/vegur-regular-webfont.ttf') format('truetype'),
    url('../fonts/vegur-regular-webfont.svg#vegur') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vegur';
    src: url('../fonts/vegur-bold-webfont.eot');
    src: url('../fonts/vegur-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/vegur-bold-webfont.woff2') format('woff2'),
    url('../fonts/vegur-bold-webfont.woff') format('woff'),
    url('../fonts/vegur-bold-webfont.ttf') format('truetype'),
    url('../fonts/vegur-bold-webfont.svg#vegur') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* global defaults */
BODY, DIV, SPAN, INPUT, SELECT, TEXTAREA, FORM, B, STRONG, I, U, P, H1, H2, H3, H4, H5, H6, DL, DD, DT, UL, LI, OL,
OPTION, OPTGROUP, LABEL, A, TABLE, BUTTON {
  font-family: "vegur",Helvetica,Arial,Verdana,sans-serif;
  font-size: 12px;
}

table.pageLayout {
  vertical-align: top;
  width: 100%;
}

table.pageLayout td {
  vertical-align: top;
  padding: 0;
}

table.pageLayout td.pad1 {
  padding: 1px;
}

table.pageLayout td.pad2 {
  padding: 2px;
}

table.pageLayout td.pad3 {
  padding: 3px;
}

table.pageLayout td.pad4 {
  padding: 4px;
}

table.pageLayout td.pad5 {
  padding: 3px;
}

table.pageLayout td.padBottom1 {
  padding-bottom: 1px;
}

table.pageLayout td.padTop1 {
  padding-top: 1px;
}

table.pageLayout td.padLeft1 {
  padding-left: 1px;
}

table.pageLayout td.padRight1 {
  padding-right: 1px;
}

table.pageLayout td.padBottom2 {
  padding-bottom: 2px;
}

table.pageLayout td.padTop2 {
  padding-top: 2px;
}

table.pageLayout td.padLeft2 {
  padding-left: 2px;
}

table.pageLayout td.padRight2 {
  padding-right: 2px;
}

table.pageLayout td.padBottom3 {
  padding-bottom: 3px;
}

table.pageLayout td.padTop3 {
  padding-top: 3px;
}

table.pageLayout td.padLeft3 {
  padding-left: 3px;
}

table.pageLayout td.padRight3 {
  padding-right: 3px;
}

table.pageLayout td.padBottom3 {
  padding-bottom: 3px;
}

table.pageLayout td.padTop5 {
  padding-top: 5px;
}

table.pageLayout td.padLeft5 {
  padding-left: 5px;
}

table.pageLayout td.padRight5 {
  padding-right: 5px;
}

table.pageLayout td.padBottom5 {
  padding-bottom: 5px;
}

table.pageLayout td.padTop10 {
  padding-top: 10px;
}

table.pageLayout td.padLeft10 {
  padding-left: 10px;
}

table.pageLayout td.padRight10 {
  padding-right: 10px;
}

table.pageLayout td.padBottom10 {
  padding-bottom: 10px;
}

/* ------------------------------ banner > ----------------------------*/
table.banner {
  width: 100%;
  height: 27px;
  white-space: nowrap;
  border-spacing: 0;
}

table.resultSetSize td.resultSetSize span {
  font-size: 14px;
}

.bannerLink:link, .bannerLink:visited, .bannerLink:active, .bannerLink:hover {
  text-decoration: none !important;
  border: none !important;
  padding: 0 !important;
}

.bannerIcon {
  border: 0;
  height: 17px;
  width: 56px;
}

table.banner td {
  vertical-align: middle;
}

table.banner td.welcome {
  text-align: center;
  font-size: 14px;
}

table.banner td.controls {
  text-align: right;
  font-size: 14px;
  width: 30%;
  color: #666666;
  font-weight: bold;
  padding-top: 11px;
}

a.headerLink:link, a.headerLink:active, a.headerLink:visited {
    padding-left: 1px;
    padding-right: 1px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: normal;
    border: none;
    color: #666666;
    text-decoration: none;
}

a.headerLink:hover {
    text-decoration: underline;
}
a.headerLink.fas:hover {
    color: #FFFFFF !important;
    border-color: #666666;
    background-color: #666666;
    text-decoration: none;
}

/*a.headerLink.fas {*/
/*    font-size:large;*/
/*}*/
a.headerLink.far{
    font-weight: 400 !important;;
}
a.headerLink.fas{
    font-weight: 900 !important;;
}

#headerPanel {
    height: 42px;
}

div.mainTitleLogo {
    display: inline-block;
    height: 25px;
    border: none;
    margin-left: -1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
    background-color: #FFFFFF;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: 3px;
}

div.mainTitleLogoClassic {
    display: inline-block;
    height: 25px;
    border: solid 1px #666666;
    margin-left: -1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
    color: #FFFFFF;
    background-color: #666666;
    padding-left: 8px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: 3px;
}

div.mainTitleLogo > a {
    padding: 0;
}

div.mainTitleTab {
    display: inline-block;
    height: 25px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 18px;
    white-space: nowrap;
    text-align: left;
    background-color: #EEEEEE;
    border-top: none;
    border-right: solid 1px #EEEEEE;
    border-left: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
    padding-left: 8px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: 3px;
}

div.mainTitleText {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-left: -1px;
    margin-bottom: -1px;
    font-size: 18px;
    /*font-weight: bold;*/
    white-space: nowrap;
    text-align: left;
    color: #666666;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 1px;
    padding-bottom: 3px;
    margin-top: 1px;
}

.headerScreenTitle {
    font-size: 18px;
}

div.titleContainer {
    display: inline-flex;
    display: -webkit-inline-flex;
    font-size: 18px;
}

@-moz-document url-prefix() {
    div.titleContainer {
        font-weight: 100;
    }
}

.workdeskIcon:link, .workdeskIcon:visited, .workdeskIcon:active, .workdeskIcon:hover {
    padding: 0;
    /*margin-right: 7px;*/
    margin-top: -1px;
    color: #666666;
    font-size: 20px;
    text-decoration: none;
}

.workdeskIcon:hover {
    border-color: #666666;
}

/* --------------------------- < banner ---------------------------*/

/* ------------------------ > title toolbar -------------------- */

table.workdeskToolbar {
  width: 100%;
  border-collapse: collapse;
  background-color: #666666;
}
table.workdeskToolbar td {
  padding: 0px;
  margin: 0px;
}

table.standardToolbar {
  border-spacing: 0;
  margin: 0;
  width: 100%;
  height: 40px;
}

table.standardToolbar td {
  padding: 4px 2px 2px 2px;
}

table.standardToolbar td.title, table.standardToolbar td.title span,
table.standardToolbar td.title2, table.standardToolbar td.title2 span {
    font-size: 16pt;
    vertical-align: middle;
    padding-right: 15px;
    width: 100%;
    /*font-weight: bold;*/
}

div.modalMessageButton table.standardToolbar {
     border-spacing: 0;
     margin: 0 auto;
     width: 25%;
     height: 40px;
     padding: 0px;
 }

div.modalMessageButton table.standardToolbar td.title {
    display: none;
}

a.workdeskMain:link, a.workdeskMain:active, a.workdeskMain:visited, a.workdeskMain:hover {
    font-size: 16pt;
    font-weight: bold;
    border:none;
    color: #ffffff;
    text-decoration: none;
}

span.workdeskMain {
    font-size: 16pt;
    font-weight: bold;
    border:none;
    color: #597eaa;
    text-decoration: none;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 1px !important;
    padding-left: 0px !important;
    display: inline-block;
}

a.workdeskMainClassic:link, a.workdeskMainClassic:active, a.workdeskMainClassic:visited, a.workdeskMainClassic:hover {
    font-size: 16pt;
    font-weight: bold;
    border:none;
    color: #ffffff;
    text-decoration: none;
}

span.workdeskMainClassic {
    font-size: 16pt;
    font-weight: bold;
    border:none;
    color: #ffffff;
    text-decoration: none;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 1px !important;
    padding-left: 0px !important;
    display: inline-block;
}

table.standardToolbar td.title, table.standardToolbar td.title span {
  text-align: right;
}

table.standardToolbar td.title2, table.standardToolbar td.title2 span {
  text-align: center;
}

table.standardToolbar td.workDeskButton {
  width: 70px;
  padding-right: 4px;
  padding-left: 5px;
}

table.standardToolbar td.menu {
  vertical-align: middle;
}

table.screenMenu {
  margin-right: 5px;
  vertical-align: middle;
}

table.screenMenu td {
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

table.standardToolbar td.button {
  padding-right: 2px;
  padding-left: 10px;
}

option.active {
  font-weight: bolder;
}

option.inactive {
}

/* -------------------------- < title toolbar --------------------------- */


/* --------------------------  sidebar panel > --------------------------- */

div.sidePanelLayout,div.sidePanelLayoutWithMenu {
    background-color: #eee;
}

ul.sidebarPanel {
    margin-left: 0;
    width: 158px;
    list-style: none;
    background-color: #eee;
    margin-bottom: -12px;
}

div.sidePanelLayout ul:first-child, div.sidePanelLayoutWithMenu ul:first-child {
    margin-top: 0;
}

div.sidePanelLayout ul:first-child:before, div.sidePanelLayoutWithMenu ul:first-child:before {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

ul.action li,
ul.view li {
    margin-left: -30px;
    padding-bottom: 10px;
}

ul.view > li:first-child,
ul.action > li:first-child {
    margin-top: 5px;
}

ul.view li a.inactive{
    text-decoration: none !important;
    color: #000000 !important;
}

ul.action::before {
    content: "Action";
    color: #fff;
    margin-left: -38px;
    display: inline-block;
    height: 20px;
    width: 189px;
    padding: 6px 0px 3px 7px;
    background-color: #597eaa;
}

ul.view::before{
    content:"View";
    color: #fff;
    margin-left:-38px;
    display: inline-block;
    height: 20px;
    width: 189px;
    padding: 6px 0px 3px 7px;
    background-color: #597eaa;
}

/* -------------------------- < sidebar panel --------------------------- */

/* ------------------------ < scroll toolbar  ------------------------*/
table.scollToolbarContainer {
  padding: 0;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
  border-collapse: collapse;
  width: 100%;
}

table.scollToolbarContainer td span {
  font-size: 14px;
}

table.scollToolbarContainer td div {
    font-size: 14px;
}

table.scollToolbarContainer td {
    font-size: 14px;
}

table.scrollToolbar {
  margin: 0;
}

table.scrollToolbar td {
  padding-left: 2px;
  vertical-align: middle !important;
  font-size: 14px;
  white-space: nowrap;
}

/*need to give these links a specific class*/
a.scrollBarLink:link, a.scrollBarLink:active, a.scrollBarLink:visited, a.scrollBarLink:hover {
    font-size: 14px;
}

/* ------------------------ < scroll toolbar  ------------------------*/

/* ------------------------ < hatch patterns    ------------------------*/

input.imgpick {
  border-width: 1px;
  border-style: solid;
  width: 27px;
  height: 27px;
  padding: 0;
}

div.hatch_T,
div.hatch_TB {
  display: block;
  width: 24px;
  height: 24px;
  padding: 3px;
}

/* ------------------------ < hatch patterns ------------------------  */

button.toolbarArrow {
  border: none;
  width: 10px;
  height: 10px;
  padding: 0;
}

/*used in a detail browse as for single line delete*/
.iDelete, .iDelete:hover {
  display: block;
  width: 20px;
  height: 20px;
}

/* -------------------  buttons > ------------------------  */

/*
.tb   - Toolbar Button
.tbh  - Hover style

.tbi  - Toolbar Button icon

.tb2  - Toolbar Button (reversed tb)
.tbh2 - Hover style    (reversed tbh)

.db   - Detail Button
.dbh  - Hover style

.sb   - Scroll Button
.sbh  - Hover style

.lb   - Launch Button
.lbh  - Hover style

.lpb  - Launch Panel Button
.lpbh - Hover style
*/

button.tb, button.tbh, button.tb2, button.tbh2 {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  font-size: large;
  background-color: transparent;
  color: #666;
}

button.tbi {
    border-width: 0px;
    border-style: solid;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    padding: 0;
    cursor: pointer;
    font-size: large;
    background-color: transparent;
    color: #ffffff;
}

button.db, button.dbh, button.db2, button.dbh2,
button.db3, button.dbh3, button.sb, button.sbh {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  width: 19px;
  height: 19px;
  padding: 0;
  cursor: pointer;
  color: #666;
}

button.lb, button.lbh, input.lb, input.lbh {
    border-radius: 4px;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    margin-right: 4px;
    color: #666
}

button.lpb, button.lpbh {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  padding: 0;
  cursor: pointer;
}

button.bb, button.bbh {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  width: 27px;
  height: 27px;
  padding: 0;
  margin-right: 5px;
  cursor: pointer;
}

/* ------------------ < buttons --------------------------  */

/* ------------------ wizard menu  > --------------------------  */

table.mainMenuPanel, table.mainMenuPanelNoBorder {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* this class is for sub menus on a page - see space survey detail for an example */
a.subMenuLink:link, a.subMenuLink:visited, a.subMenuLink:active, a.subMenuLink:hover {
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
}

table.mainMenuPanelNoBorder td.quickLink {
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
  white-space: nowrap;
}

.quickLinkDesc {
  font-size: 12px;
  font-weight: normal;
  padding: 10px 10px 2px 2px;
  white-space: nowrap;
}

/*not used on veiwfinder. preserved because it may be used else where*/
.vfQuickLink {
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
    background-color: #FFFF99;
    display: block;
}

table.mainMenuPanel td.quickLink {
  font-weight: normal;
  font-size: 14px;
  padding: 2px;
  white-space: nowrap;
}

table.mainMenuPanel td.quickLink > a:link,
table.mainMenuPanel td.quickLink > a:visited,
table.mainMenuPanel td.quickLink > a:active,
table.mainMenuPanel td.quickLink > a:hover,
a.quickLink:link, a.quickLink:visited, a.quickLink:active, a.quickLink:hover,
a.quickLink2:link, a.quickLink2:visited, a.quickLink2:active, a.quickLink2:hover{
  font-weight: normal;
  font-size: 12px;
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
}

a.quickLink:hover, a.quickLink2:hover {
  font-weight: normal;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
}

/* ------------------ < wizard menu --------------------------  */

/* ------------------  viewfinder styles >  --------------------------  */
div.transTab {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none !important;
}

div.docTab {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div.vfTab {
    text-align: center;
    padding: 4px 2px;
    width: 78px;
    display: inline-block;
    border: solid 1px #666;
}

div.tabSelected {
    background-color: #666;
}

div.tabSelected a {
    color: #fff !important;
}

div.vfTab > a:link,
div.vfTab > a:visited,
div.vfTab > a:active,
div.vfTab > a:hover {
    font-weight: normal;
    font-size: 12px;
    text-decoration: none !important;
    border: none !important;
    text-align: center
}

.vfLinkContainer {
    position: relative;
    font-size: 12px;
    white-space: nowrap;
    padding: 5px 0;
}

.vfDeleteRow button {
    color: red !important;
}

table.vfDeleteRow > tbody > tr > td:last-child > div {
    padding-top: 5px;
}

.vfLink {
    color: #085394;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap;
}

td.vfLink {
    cursor: not-allowed;
}

.vfCount {
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 0;
    border-radius: 20px;
    color: #000;
    background-color: #C7C7C7;
    text-decoration: none;
    padding: 2px 12px;
    min-width: 18px;
}
/* ------------------  < viewfinder styles  --------------------------  */

/*  -------------------------  error list > ------------------------ */

ul.errorList {
  padding: 3px;
  margin: 3px;
  width: 100%;
  border-width: 2px;
  border-style: solid;
}

ul.errorList li {
  list-style-type: square;
  font-size: 12px;
  font-weight: bold;
  padding-left: 3px;
  margin: 2px 0;
}

/*  ------------------------- < error list  ------------------------ */

/*  ------------------------- > main group panel ------------------------ */
table.jGroupPanel {
  border-collapse: collapse;
  width: 100%;
}

table.jGroupPanel th {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 3px;
  height: 20px;
}

table.jGroupPanel td {
  vertical-align: top;
}

table.jGroupPanel td.title {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 2px;
  width: 100%;
}

table.jGroupPanel td.link {
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
  font-size: 12px;
  padding-right: 7px;
  padding-top: 0;
  padding-bottom: 1px;
}

table.jGroupPanel td.link a {
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}

table.jGroupPanel td.labelBlock {
}

.labelBlockHiddenText {
}

table.jGroupPanel td.labelBlockHidden {
  display: none;
  padding: 0;
}

table.jGroupPanel td.labelBlock, table.jGroupPanel td.plainBlock,
table.jGroupPanel td.labelBlockHeader, table.jGroupPanel td.plainTitleBlock,
table.jGroupPanel td.valueCell, table.jGroupPanel td.yellowValueCell,
table.jGroupPanel td.valueCellGray, table.jGroupPanel td.valueCellNormal {
  font-size: 12px;
  padding: 4px;
}

table.jGroupPanel td.labelBlockHeader, table.jGroupPanel td.plainTitleBlock {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

table.jGroupPanel td.labelBlockHeader, table.jGroupPanel td.valueCell,
table.jGroupPanel td.yellowValueCell, table.jGroupPanel td.boldText {
  font-weight: bold;
}

table.jGroupPanel td.valueCell table tbody tr td {
  font-size: 12px;
  font-weight: bold;
}

table.jGroupPanel td.valueCellNormal {
  white-space: pre-wrap;
}

table.jGroupPanel td.valueCellNormalNoPad {
  font-size: 12px;
  padding-bottom: 1px;
}

table.jGroupPanel span.subtitle {
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}

table.jGroupPanel td.none {
}

table.jGenericPanel {
  border-collapse: collapse;
  width: 100%;
}

/*  ------------------------- < main group panel ------------------------ */

.reviewContentWrapper {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
}

/*  ------------------------- > Header box ------------------------ */

span.textarea {
  display: block;
  font-weight: normal;
  white-space: pre;
  overflow: auto;
  max-height: 430px;
}

.boxContent {
}

div.row {
  margin: 0;
}

/*  ------------------------- < Header box ------------------------ */

/* ----------------- round boxes >------------------- */

div.boxWrapper {
  height: 100%;
  margin: 3px 2px 10px 3px;
}

div.browseWrapper {
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  border-radius: 4px;
  border: 1px solid #c2c2c2;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}

.titleWrapper {
  border-radius: 4px;
  border: 1px solid transparent;
  overflow: hidden;
}

.detailWrapper {
  padding: 0 3px;
}

.tabWrapper {
  margin-left: 7px;
  margin-bottom: -12px;
}

/* ----------------- < round boxes ------------------- */

span.required {display: table-cell;}
div.required {display: table-cell;}

/* ------------- Safari and Chrome fixes > --------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* FireFox, Chrome, and Safari CSS rules here */
    BODY, DIV, SPAN, INPUT, SELECT, TEXTAREA, FORM, B, STRONG, I, U, P, H1, H2, H3, H4, H5, H6, DL, DD, DT, UL, LI, OL,
    OPTION, OPTGROUP, LABEL, A, TABLE, BUTTON {
        -webkit-font-smoothing: antialiased;
        text-shadow: 0 1px 0 rgba(0,0,0,0.01);
    }
}

/*@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {*/
  /* iPhone CSS rules here */
  /*table.layoutBox {*/
    /*border-collapse: collapse;*/
  /*}*/
  /**/
  /*table.layoutRow td.layoutCell {*/
    /*display: block;*/
    /*margin: 5px;*/
  /*}*/

  /*table.layoutRow td.layoutCell:first-child {*/
    /*margin-left: 0px;*/
    /*margin-top: 0px;*/
  /*}*/

  /*table.layoutRow td.layoutCell:last-child {*/
    /*margin-bottom: 0px;*/
  /*}*/
/*}*/

@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    div.zoom {
        display: inline-block !important;
        height: 23px !important;
        position: relative;
    }
    div.zoom > input {
        height: 90%;
        margin: 0;
        box-sizing: border-box;
        width: 85%;
    }
    div.zoom > button {
        display: inline-block !important;
        margin-left: -5px !important;
    }
    table.headerBox td.editorBox > span {
        display: inline-block !important;
    }
}
/* ------------- < Safari and Chrome fixes --------------- */

/*  ------------------------- > zoom ------------------------ */

div.zoom-only-box {
  width: 250px;
  min-width: 250px;
  border: 1px solid #597eaa;
  border-radius: 4px;
  padding: 2px 5px;
}

div.zoom-only-box .zoomTable .horizontalZoom > td > span {
  display: inline-block;
  width: 230px;
}

div.zoomBreadCrumbPanel {
  margin: 3px;
}

.zoomCrumb {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 30px;
  line-height: 30px;
}

.zoomCrumb li {
  list-style-type: none;
  float: left;
  padding-left: 10px;
}

.zoomCrumb li a {
  height: 30px;
  border: none;
  display: block;
  padding-right: 15px;
  text-decoration: underline;
}

table.zoomTable {
  border-collapse: collapse;
}

table.zoomTable td {
  overflow: visible;
  white-space: nowrap;
  padding-left: 2px !important;
}

table.zoomTable td > input {
  margin-left: -1px;
}

table.zoomTable td span {
    font-size: 12px;
}

tr.horizontalZoom > td > button {
  vertical-align: top;
}

/*  ------------------------- < zoom ------------------------ */

/*  ------------------------- > search ------------------------ */
.searchContainer {
    padding-left: 5px;
    display: inline-block;
    width: 99%;
    padding-bottom: 5px;
}

table.searchHeadings {
    margin-bottom: 0px !important;
}

table.jSearchPanel {
  border-spacing: 0;
  width: 100%;
  white-space: nowrap;
  border: none;
}

table.jSearchPanel th {
  font-size: 12px;
  text-align: left;
  height: 20px;
}

table.jSearchPanel td.link {
  text-align: right;
  white-space: nowrap;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 4px;
}

table.searchDeatilHeaderTab {
    background-color: #666666;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 8px;
}

table.searchDetailHeaderTab td {
    font-size: 14px;
}

a.hideShow, a.hideShow:visited, a.hideShow:active, a.hideShow:hover {
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}

table.jSearchPanel td {
  vertical-align: top;
  padding: 2px;
}

table.jSearchPanel td.labelBlock {
  border-right-width: 1px;
  border-right-style: solid;
  padding-left: 5px;
}

table.jSearchPanel td.plainBlock {
  padding-left: 5px;
}

/*  ------------------------- < search ------------------------ */

/*  ------------------------- > tab panel ------------------------ */

table.jTabPanel {
  border-collapse: collapse;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 100%;
  white-space: nowrap;
}

table.jTabPanel th {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 20px;
}

/*  ------------------------- < tab panel ------------------------ */

a:link, a:visited, a:active, a:hover {
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  white-space: pre;
}

a:hover {
  white-space: nowrap;
}

/*  ------------------------- detail > ------------------------ */
table.noHeaderCell > thead > tr.boxHeadings > th {
  display: none;
}

.killBorders {
    border: none !important;
}

table.killBorders > tbody > tr > td:last-child,
table.killBorders > tfoot > tr > td:last-child {
    border: none !important;
}
table.killBorders > tbody > tr > td:first-child,
table.killBorders > tfoot > tr > td:first-child {
    border: none !important;
}
table.killBorders > tbody > tr:last-child > td {
    border: none !important;
}

table.jSubDetailPanel {
  width: 100%;
  border: none !important;
  margin-top: 5px;
  margin-bottom: 0px !important;
}

table.jSubDetailPanel > thead > tr.boxHeadings > th {
    background-color: #eee !important;
    color: #000 !important;
}

table.jSubDetailPanel tr.shade1 {
}

table.jSubDetailPanel tr.shade2 {
}

table.jSubDetailPanel tr.shade3 {
}

table.jSubDetailPanel td.subDataCell {
  padding-left: 5px;
  padding-right: 5px;
}

table.jSubDetailPanel td.subDataCell, table.jSubDetailPanel td.subDataCell2 {
  padding-top: 8px;
  padding-bottom: 7px;
  font-size: 12px;
}

table.jSubDetailPanel td.subDataCell span,
table.jSubDetailPanel td.subDataCell2 span {
  font-size: 12px;
}

/*  ------------------------- < detail ------------------------ */

/*  ------------------------- scheduler classes > ------------------------ */

div.popupMenu {
  position: absolute;
  /* set z-index higher than possible */
  z-index: 10000;
  visibility: hidden;
  border-radius: 4px;
  border: 1px solid #eee;
  overflow: hidden;
  box-shadow: 5px 5px 5px #bcbcbc;
}

div.popupMenu textarea {
    border: none;
}

table.jAvailabilityPanel {
  table-layout: fixed;
  border-collapse: collapse;
}

.jAvailabilityPanel .labels {
  width: 16%;
}

.jAvailabilityPanel .day {
  border-left-width: 1px;
  border-left-style: solid;
}

table.jAvailabilityPanel td {
  vertical-align: middle;
}

table.jAvailabilityPanel .av,
table.jAvailabilityPanel .ob,
table.jAvailabilityPanel .ab,
table.jAvailabilityPanel .ol,
table.jAvailabilityPanel .al,
table.jAvailabilityPanel .nb,
table.jAvailabilityPanel .nl {
  padding: 9px 0;
  height: 0.5em;
}

table.jAvailabilityPanel>thead>tr>th.headerCell {
  padding: 9px 0 !important;
  height: 0.5em !important;
  background-color: #597eaa;
  border-bottom: 1px solid #fff;
  font-weight: normal;
  color: #FFF;
}

table.jAvailabilityPanel>thead>tr>th.centerJ {
  text-align: center !important;
}

table.jAvailabilityPanel td.dataCell a {
  font-size: 12px;
}

table.jAvailabilityPanel td.dataCell {
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-right: 5px;
  font-size: 12px;
}

table.scheduler .boxHeadings {
    display: none;
}

/*  ------------------------- < scheduler classes ------------------------ */

/*  ------------------------- ColorPicker > ------------------------ */

table.sColorPicker {
  border: none;
  padding: 1px;
}

table.sColorPicker tr.sColorPickerRow {
}

table.sColorPicker tr.sColorPickerRow td.sColorPickerCell {
  font-size: 8px;
  border: 0;
  vertical-align: middle;
  padding: 1px;
  height: 16px;
}

table.sColorPicker tr.sColorPickerRow td.sColorPickerCell a.sColorPickerLink {
  border: 0px solid white;
  text-decoration: none;
  vertical-align: middle;
  font-size: 12px;
}

/*  ------------------------- < ColorPicker ------------------------ */

/*  ------------------------- bulk entry screens > ------------------------ */
table.bulkEntryPanel {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

table.bulkEntryPanel tr.evenRow {
}

table.bulkEntryPanel tr.oddRow {
}

/*  ------------------------- < bulk entry screens ------------------------ */

/* --------------------------- logon page -> ----------------------------------  */
.splashTopBuffer {
  width: 728px;
  height: 1px;
}

.splashLabel {
  margin: 0 10px 2px 17px;
  font-size: 12px;
  font-weight: normal !important;
}

.splashField {
  margin: 0 0 2px 0;
}

a.splashLink:link, a.splashLink:visited, a.splashLink:active {
  text-decoration: none;
  font-weight: bold;
  padding: 0 0 0 0;
}

a.splashLink:hover {
  text-decoration: underline;
  font-weight: bold;
  padding: 0 0 0 0;
}

.loginButton {
  text-align: left;
  text-decoration: underline;
  font-size: 14px;
  width: 65px;
  border: none;
}

/* --------------------------- <- logon page ----------------------------------  */

/* ---------------------------  misc styles by element > ------------------------  */
/* implement this to align decimals on the decimal point
td {text-align: ".";}
*/

table.clearBorder {
  border: none;
}

.copyrightText {
  font-size: 9px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  position: relative;
  float: left;
}

.refreshText {
  position: relative;
  float: right;
}

.desktopRefreshLinks {
  text-align: right;
  font-size: 12px;
}

.negativeCurrency {
}

.blackCurrency {
}

.parenthesis {
  font-size: 12px;
}

.errorMessage li {
    font-size: 14px;
}

.errorMessageM {
  font-size: 14px;
  font-weight: bold;
  padding-left: 3px;
  margin: 2px 0;
}

.errorMessageList ul {
  border-width: 2px;
  border-style: solid;
  list-style: decimal inside;
}

.errorMessageList ul > li:only-child {
  list-style-type: none;
}

.errorMessageList ul li {
  padding: 2px;
}

input.pkField, td.pkDisplay input,
input.pkFieldLong, td.pkDisplayLong input {
  font-size: 16px;
  font-weight: bold;
  margin: 2px;
}

input.pkFieldLong, td.pkDisplayLong input {
  font-size: 12px;
}

tr.rowShade3 input[type=checkbox] {
  display: none;
}

input.checkbox {
  border: none;
}

input.radio {
  border: none;
  margin: 0;
}

input[type="text"],
input[type="password"] {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  padding-left: 3px;
  margin-right: 1px;
  margin-left: 1px;
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 0;
  height: 16px;
}

.quickSearch > select {
  height: 22px;
}

select {
  border-radius: 4px;
  height: 20px;
}

div.splashField > input {
    width: 135px;
    border-radius: 0;
    border-color: transparent;
}

input[name*="quickSearchScreen, quickSearchCriteria"] {
    margin-top: 4px;
}

input[name*="recordInput"] {
    margin-top: 4px;
}

input.displayOrder {
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
}

input.negative {
}

input[disabled] {
}

textarea[disabled] {
}

select[disabled] {
}

select.selector {
  width: 200px;
}

textarea {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  padding: 1px 4px 1px 4px;
  margin-right: 1px;
  margin-left: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

span.titleText {
  width: 100%;
}

span.displayCell {
  display: block;
  width: 100%;
  height: 15px;
}

div.requiredTime {
  display: table-cell;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
}

.inlineErrTxt {
  margin: 2px 2px 2px 3px;
  font-weight: bold;
  /*text-decoration: blink;*/
}

.errorMessageContext {
  position: relative;
}

.errorMessagesPopup .errorMessages {
  display: none;
  position: absolute;
  z-index: 9;
  border-width: 1px;
  border-style: solid;
  bottom: 0;
  left: 0;
}

.errorMessages li {
  white-space: nowrap;
}

.displayCode {
  font-weight: bold;
}

.noWrapText {
  white-space: nowrap;
}

.displayPk {
  font-size: 18px;
  font-weight: bold;
}

.accesskey {
  text-decoration: underline;
}

.normalValue {
  font-weight: normal;
  font-size: 12px;
}

.normalValueRightAlign {
    font-weight: normal;
    font-size: 12px;
    text-align: right;
}

.valueDescFlex {
  font-weight: normal;
  font-size: 12px;
}

.valueDescFixed, .valueDescFixedNormal {
  font-weight: normal !important;
  font-size: 12px;
  overflow: hidden;
  height: 14px;
  display: block;
}

.valueDescFixedBrowse {
  font-weight: normal;
  overflow: hidden;
  width: 160px;
  height: 14px;
  display: block;
}

table.timeInput {
  display: inline;
}

table.timeInput td {
  padding: 0;
  margin: 0;
}

/* ---------------------- < misc styles by element ----------------------  */

.scrollOverflow {
  overflow: scroll;
}

.autoOverflow {
  overflow: auto;
}

.floatMessageOuter {
  display: none;
  z-index: 10;
  top: 40%;
  left: 25%;
  margin: 0 auto;
  width: 50%;
  position: absolute;
  height: 100px;
  border-width: 2px;
  border-style: solid;
}

.floatMessageMiddle {
  display: none;
  z-INDEX: 10;
  position: relative;
  top: 50px;
  width: 100%;
}

.floatMessageInner {
  display: none;
  font-weight: bold;
  font-size: 12px;
  z-index: 10;
  position: relative;
  top: -12px;
  text-align: center;
}

.helpHeader {
    background-color:#597EAA;
    color:#FFFFFF;
    /*font-size:14px;*/
    height:20px;
    line-height:20px;
    padding-left: 10px;
    padding-right: -10px;
}

.modalMessageFrame {
    width: 100%;
    height: 99%;
    background-color: #eee;
    position: absolute;
}

.modalMessageDialog {
    margin: 5% 20% 20%;
    background-color: #FFFFFF;
}

.modalMessageHeader {
    height: 25px;
    background-color: #597eaa;
    /*width: 100%;*/
    line-height: 25px;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: -10px;
}

.modalMessageButton {
    text-align: center;
    margin-bottom: 2%;
    padding-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
}

.modalMessage {
  text-align: center;
  /*font-size: larger;*/
  margin: 5% 5% 2%;
  padding: 2%;
}

.softErrorModal {
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  padding: 20px;
}

ul.softErrorList {
  width: 100%;
}

ul.softErrorList li {
  list-style-type: square;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 0;
}

.modalText {
  font-size: 14px;
  font-weight: bold;
}

.messageBox {
  margin: 20%;
  border: thin;
  border-style: solid;
  text-align: center;
  padding: 10px;
}

.alignCadOuter {
  display: table;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.alignCadMiddle {
  position: absolute;
  top: 200px;
  display: table-cell;
  vertical-align: middle;
  position: static;
}

.alignCadInner {
  position: relative;
  top: -200px;
  position: static;
}

.hiddenlabelBlock {
  font-size: 12px;
}

/* ------------  borders, padding, and alignment styles > ---------------  */
.borderCollapse {
  border-collapse: collapse;
}

.panelBorder, .panelBorderGrayBottom, .panelBorderGrayTop,
.panelNoTopBorder, .panelNoBottomBorder {
  border-width: 3px;
  border-style: solid;
}

.panelNoTopBorder {
  border-top: none;
}

.panelNoBottomBorder {
  border-bottom: none;
}

.leftBorder, .leftLightBorder, .leftGrayBorder,
.cellBorderLeft {
  border-left-width: 1px;
  border-left-style: solid;
}

.rightBorder, .rightLightBorder, .rightGrayBorder {
  border-right-width: 1px;
  border-right-style: solid;
}

.bottomBorder, .bottomLightBorder, .bottomGrayBorder {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.topBorder,
.topLightBorder,
.sectionDivider,
.topGrayBorder,
.topGrayBorder > tr:first-child > td,
tr.topGrayBorder > td {
  border-top-width: 2px;
  border-top-style: solid;
  padding-top: 10px;
}

.topTabBorder {
    border-top-width: 2px;
    border-top-style: solid;
}

.required {
  border-width: 2px !important;
  border-style: solid !important;
}

.headerBottomBorder {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.pad1 {  padding: 1px;}
.pad2 {  padding: 2px;}
.pad3 {  padding: 3px;}
.pad4 {  padding: 4px;}

.padTop5 {  padding-top: 5px;}
.padBottom5 {  padding-bottom: 5px;}

.margin1 {  margin: 1px;}
.margin2 {  margin: 2px;}
.margin3 {  margin: 3px;}
.margin4 {  margin: 4px;}
.margin5 {  margin: 5px;}

.marginTop1 {  margin-top: 1px;}
.marginTop2 {  margin-top: 2px;}
.marginTop3 {  margin-top: 3px;}
.marginTop4 {  margin-top: 4px;}
.marginTop5 {  margin-top: 5px;}

.marginTop10 {  margin-top: 10px;}

.marginBottom1 {  margin-bottom: 1px;}
.marginBottom2 {  margin-bottom: 2px;}
.marginBottom3 {  margin-bottom: 3px;}
.marginBottom4 {  margin-bottom: 4px;}
.marginBottom5 {  margin-bottom: 5px;}

.rightJ {  text-align: right !important;}
.centerJ {  text-align: center;}
.leftJ {  text-align: left;}

.alignTop {  vertical-align: top;}
.alignMiddle {  vertical-align: middle;}
.alignBottom {  vertical-align: bottom;}

.noBottomPadding {
    padding-bottom: 0 !important;
}

.checkboxNoBorder {
  border: none;
}

.noBorder {
  border: none !important;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.floatTop {
  position: absolute;
  top: 0;
}

.floatBottom {
  position: absolute;
  bottom: 0;
}

.noDisplay {
  display: none;
}

/* ------------ < borders, padding, and alignment styles  ---------------  */

/* ------------ font styles > ---------------  */

.fontBold {
  font-weight: bold;
}

.fontNormal {
  font-weight: normal;
}

.font8 {
    font-size: 8px;
}

.font10 {
  font-size: 10px;
}

.font11 {
  font-size: 11px;
}

.font12 {
  font-size: 12px;
}

.font13 {
  font-size: 13px;
}

.font14 {
  font-size: 14px;
}

.font15 {
  font-size: 15px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font24 {
  font-size: 24px;
}

.rowShade3 {
    font-weight: bold !important;
}

/* ------------ < font styles ---------------  */

/* -------------------  width and height styles > -----------------------  */

.height1 {
  height: 1px;
}

.height2 {
  height: 2px;
}

.height3 {
  height: 3px;
}

.height4 {
  height: 4px;
}

.height5 {
  height: 5px;
}

.height6 {
  height: 6px;
}

.height7 {
  height: 7px;
}

.height8 {
  height: 8px;
}

.height9 {
  height: 9px;
}

.height10 {
  height: 10px;
}

.height11 {
  height: 11px;
}

.height12 {
  height: 12px;
}

.height13 {
  height: 13px;
}

.height14 {
  height: 14px;
}

.height15 {
  height: 15px;
}

.height16 {
  height: 16px;
}

.height17 {
  height: 17px;
}

.height18 {
  height: 18px;
}

.height19 {
  height: 19px;
}

.height20 {
  height: 20px;
}

.height21 {
  height: 21px;
}

.height22 {
  height: 22px;
}

.height23 {
  height: 23px;
}

.height24 {
  height: 24px;
}

.height25 {
  height: 25px;
}

.height26 {
  height: 26px;
}

.height27 {
  height: 27px;
}

.height28 {
  height: 28px;
}

.height29 {
  height: 29px;
}

.height30 {
  height: 30px;
}

.height31 {
  height: 31px;
}

.height32 {
  height: 32px;
}

.height33 {
  height: 33px;
}

.height34 {
  height: 34px;
}

.height35 {
  height: 35px;
}

.height36 {
  height: 36px;
}

.height37 {
  height: 37px;
}

.height38 {
  height: 38px;
}

.height39 {
  height: 39px;
}

.height40 {
  height: 40px;
}

.height41 {
  height: 41px;
}

.height42 {
  height: 42px;
}

.height43 {
  height: 43px;
}

.height44 {
  height: 44px;
}

.height45 {
  height: 45px;
}

.height46 {
  height: 46px;
}

.height47 {
  height: 47px;
}

.height48 {
  height: 48px;
}

.height49 {
  height: 49px;
}

.height50 {
  height: 50px;
}

.height51 {
  height: 51px;
}

.height52 {
  height: 52px;
}

.height53 {
  height: 53px;
}

.height54 {
  height: 54px;
}

.height55 {
  height: 55px;
}

.height56 {
  height: 56px;
}

.height57 {
  height: 57px;
}

.height58 {
  height: 58px;
}

.height59 {
  height: 59px;
}

.height60 {
  height: 60px;
}

.height61 {
  height: 61px;
}

.height62 {
  height: 62px;
}

.height63 {
  height: 63px;
}

.height64 {
  height: 64px;
}

.height65 {
  height: 65px;
}

.height66 {
  height: 66px;
}

.height67 {
  height: 67px;
}

.height68 {
  height: 68px;
}

.height69 {
  height: 69px;
}

.height70 {
  height: 70px;
}

.height71 {
  height: 71px;
}

.height72 {
  height: 72px;
}

.height73 {
  height: 73px;
}

.height74 {
  height: 74px;
}

.height75 {
  height: 75px;
}

.height76 {
  height: 76px;
}

.height77 {
  height: 77px;
}

.height78 {
  height: 78px;
}

.height79 {
  height: 79px;
}

.height80 {
  height: 80px;
}

.height81 {
  height: 81px;
}

.height82 {
  height: 82px;
}

.height83 {
  height: 83px;
}

.height84 {
  height: 84px;
}

.height85 {
  height: 85px;
}

.height86 {
  height: 86px;
}

.height87 {
  height: 87px;
}

.height88 {
  height: 88px;
}

.height89 {
  height: 89px;
}

.height90 {
  height: 90px;
}

.height91 {
  height: 91px;
}

.height92 {
  height: 92px;
}

.height93 {
  height: 93px;
}

.height94 {
  height: 94px;
}

.height95 {
  height: 95px;
}

.height96 {
  height: 96px;
}

.height97 {
  height: 97px;
}

.height98 {
  height: 98px;
}

.height99 {
  height: 99px;
}

.height100 {
  height: 100px;
}

.height101 {
  height: 101px;
}

.height102 {
  height: 102px;
}

.height103 {
  height: 103px;
}

.height104 {
  height: 104px;
}

.height105 {
  height: 105px;
}

.height106 {
  height: 106px;
}

.height107 {
  height: 107px;
}

.height108 {
  height: 108px;
}

.height109 {
  height: 109px;
}

.height110 {
  height: 110px;
}

.height111 {
  height: 111px;
}

.height112 {
  height: 112px;
}

.height113 {
  height: 113px;
}

.height114 {
  height: 114px;
}

.height115 {
  height: 115px;
}

.height116 {
  height: 116px;
}

.height117 {
  height: 117px;
}

.height120 {
  height: 120px;
}

.height121 {
  height: 121px;
}

.height122 {
  height: 122px;
}

.height125 {
  height: 125px;
}

.height130 {
  height: 130px;
}

.height135 {
  height: 135px;
}

.height136 {
  height: 136px;
}

.height137 {
  height: 137px;
}

.height140 {
  height: 140px;
}

.height141 {
  height: 141px;
}

.height142 {
  height: 142px;
}

.height143 {
  height: 143px;
}

.height144 {
  height: 144px;
}

.height145 {
  height: 145px;
}

.height146 {
  height: 146px;
}

.height147 {
  height: 147px;
}

.height148 {
  height: 148px;
}

.height149 {
  height: 149px;
}

.height150 {
  height: 150px;
}

.height155 {
  height: 155px;
}

.height160 {
  height: 160px;
}

.height165 {
  height: 165px;
}

.height170 {
  height: 170px;
}

.height175 {
  height: 175px;
}

.height180 {
  height: 180px;
}

.height184 {
  height: 184px;
}

.height185 {
  height: 185px;
}

.height190 {
  height: 190px;
}

.height195 {
  height: 195px;
}

.height200 {
  height: 200px;
}

.height204 {
  height: 204px;
}

.height205 {
  height: 205px;
}

.height210 {
  height: 210px;
}

.height215 {
  height: 215px;
}

.height220 {
  height: 220px;
}

.height225 {
  height: 225px;
}

.height230 {
  height: 230px;
}

.height235 {
  height: 235px;
}

.height240 {
  height: 240px;
}

.height245 {
  height: 245px;
}

.height250 {
  height: 250px;
}

.height255 {
  height: 255px;
}

.height260 {
  height: 260px;
}

.height265 {
  height: 265px;
}

.height270 {
  height: 270px;
}

.height275 {
  height: 275px;
}

.height280 {
  height: 280px;
}

.height285 {
  height: 285px;
}

.height290 {
  height: 290px;
}

.height295 {
  height: 295px;
}

.height300 {
  height: 300px;
}

.height304 {
  height: 304px;
}

.height305 {
  height: 305px;
}

.height310 {
  height: 310px;
}

.height315 {
  height: 315px;
}

.height320 {
  height: 320px;
}

.height324 {
  height: 324px;
}

.height325 {
  height: 325px;
}

.height330 {
  height: 330px;
}

.height333 {
  height: 333px;
}

.height334 {
  height: 334px;
}

.height335 {
  height: 335px;
}

.height340 {
  height: 340px;
}

.height345 {
  height: 345px;
}

.height344 {
  height: 344px;
}

.height350 {
  height: 350px;
}

.height353 {
  height: 353px;
}

.height354 {
  height: 354px;
}

.height355 {
  height: 355px;
}

.height360 {
  height: 360px;
}

.height364 {
  height: 364px;
}

.height365 {
  height: 365px;
}

.height370 {
  height: 370px;
}

.height375 {
  height: 375px;
}

.height380 {
  height: 380px;
}

.height385 {
  height: 385px;
}

.height390 {
  height: 390px;
}

.height400 {
  height: 400px;
}

.height405 {
  height: 405px;
}

.height410 {
  height: 410px;
}

.height415 {
  height: 415px;
}

.height420 {
  height: 420px;
}

.height425 {
  height: 425px;
}

.height430 {
  height: 430px;
}

.height435 {
  height: 435px;
}

.height440 {
  height: 440px;
}

.height445 {
  height: 445px;
}

.height450 {
  height: 450px;
}

.height455 {
  height: 455px;
}

.height460 {
  height: 460px;
}

.height465 {
  height: 465px;
}

.height470 {
  height: 470px;
}

.height475 {
  height: 475px;
}

.height480 {
  height: 480px;
}

.height485 {
  height: 485px;
}

.height490 {
  height: 490px;
}

.height500 {
  height: 500px;
}

.height510 {
  height: 510px;
}

.height515 {
  height: 515px;
}

.height520 {
  height: 520px;
}

.height525 {
  height: 525px;
}

.height530 {
  height: 530px;
}

.height535 {
  height: 535px;
}

.height540 {
  height: 540px;
}

.height545 {
  height: 545px;
}

.height550 {
  height: 550px;
}

.height100p {
  height: 100%;
}

.height50p {
  height: 50%;
}

/* ------------------- < width and height styles  -----------------------  */

/* -------------------  map styles > -----------------------  */

.mapContainer {
  /*
    margin-left: 10%;
    margin-right: 10%;
  */
}

/* ------------------- < map styles -----------------------  */

/* ------------------- layout box styles > -----------------------  */
/* These are will replace the older class defs */

table.jApprovalPanel,
table.approval {
    padding-left: 25px;
    margin-top: -4px;
}

.cardWrapper {
  height: 100%;
  width: 99%;
  border-collapse: separate;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid transparent;
  border-spacing: 0;
}

table.layoutRow {
  width: 100%;
  border-spacing: 0;
  padding-top: 0;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
}

/* TODO: Express these as table.layoutRow > tbody > tr > td */
td.layoutCell {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 5px;
  vertical-align: top;
}

td.layoutCell:first-child {
  padding-left: 5px;
}

table.layoutRow > tbody > tr > td.layoutCell > div {
    border-radius: 4px;
    /*overflow: hidden;*/
}

div.layoutColumn td.layoutCell:first-child {
  padding-left: 0;
}

div.layoutColumn td.layoutCell:last-child {
  padding-right: 0;
}

div.layoutColumn {
  margin: 0;
  padding: 0;
  border: none;
  height: inherit;
  width: 100%;
}

/*box-sizing: border-box;*/
div.layoutCell {
  margin: 2px;
  padding-top: 0;
  overflow: hidden;
  min-height: 100%;
  height: 100%;
}

table.layoutBoxGroup {
  height: 100%;
  width: 100%;
  border-spacing: 0;
  background-color: #fff;
}

table.layoutBoxGroup td {
  vertical-align: top;
}

table.layoutBoxGroup > tbody > tr > td {
  padding: 0;
}

table.layoutBoxGroup table.layoutBox {
  width: 100%;
  height: 100%;
}

.labelBlockHeader, .plainTitleBlock, .yellowValueCell {
  font-size: 14px;
  padding: 4px;
}

.boldText {
  font-weight: bold !important;
}

/* ------------------- < Temporary layoutBox styles -----------------------  */

/* -------------------  Repository image styles > -----------------------  */
/* Note that this is assumed to be in a layoutBox structure */

table.repositoryImage > tbody > tr > td {
  padding: 1px;
  border: none;
  text-align: center;
  vertical-align: middle;
}

table.repositoryImage > tbody > tr > td > a {
  border: none;
}

table.repositoryImage > tbody > tr > td img {
  margin: auto;
}

td.imageBackdrop{
    vertical-align: middle!important;
}

/* ------------------- < Repository image styles -----------------------  */

/* ------------------- Temporary browse styles > -----------------------  */
/*viewfinder styles*/
table.docFinder > tbody > tr > td {
  border: none !important;
}

table.docFinder {
  border: none !important;
  box-shadow: none !important;
}

table.docFinder > thead > tr.browseToolbar > th > table {
  border-radius: 4px;
  background: #d7d7f0;
}

table.docFinder > thead > tr.browseToolbar {
  background: none !important;
}

table.browse {
  height: 100%;
  width: 100%;
  border-spacing: 0;
  margin-bottom: 15px;
}

table.browse th.headerCell {
  height: 25px;
  vertical-align: bottom;
  text-align: left;
}

table.browse td {
  vertical-align: top;
}

table.browse > tbody > tr:last-child > td {
    border-bottom: solid 3px #eee;
}

tr.boxTitle > th > table > tbody > tr > td {
    vertical-align: middle;
}

table.browse td.button,
table.browse td.link {
  text-align: right;
  white-space: nowrap;
  padding: 2px;
}

div.stickyHeader table > thead > tr.browseToolbar > th {
    text-align: center;
}

div.stickyHeader table > thead > tr.boxHeadings > th,
table.browse > thead > tr.boxHeadings > th {
  padding: 4px 4px 4px 5px;
  height: 20px;
  text-align: left;
}

table.browse> tbody > tr {
  vertical-align: bottom;
  text-align: left;
}

table.browse > tbody > tr:nth-child(even) {
  background-color: #F0F0F0;
}

table.browse > tbody > tr:nth-child(odd) {
    background-color: #FFFFFF;
}

tr.yellowValueCell {
    background-color: #FFFF99 !important;
}

.dummyCell {
    height : 20px;
}

table.browse > tbody > tr > td,
table.browse > tfoot > tr > td {
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-right: 5px;
  font-size: 12px;
}

table.browse > tfoot > tr > td:empty + td {
  border-left: none;
}

table.browse > tfoot > tr > td {
  border-bottom: 1px solid #eee;
  background-color: #FFFFAA;
  text-align: right;
  font-weight: bold;
}

table.browse > tbody > tr > td:first-child,
table.browse > tfoot > tr > td:first-child {
  border-left: solid 1px #eee;
}

table.browse > tbody > tr > td:last-child,
table.browse > tfoot > tr > td:last-child {
    border-right: solid 1px #eee;
}

table.browse > tbody > tr > td,
table.browse > tbody > tr > td > span,
table.browse > tbody > tr > td > a {
  font-size: 12px;
}

table.browse > thead > tr.browseToolbar > th > table {
  padding: 0;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
  border-collapse: collapse;
  width: 100%;
}

table.browse > thead > tr.browseToolbar > th > table > tbody > tr > td {
  padding-left: 2px;
  vertical-align: middle !important;
  font-size: 12px;
  white-space: nowrap;
}

table.browse > thead > tr.browseTools > th > table > tbody > tr > td,
table.browse > thead > tr.browseTools > th > table > tbody > tr > td > div,
table.browse > thead > tr.browseTools > th > table > tbody > tr > td > div > div > div {
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}

table.browse > thead > tr.browseTools > th > table > tbody > tr > td > div > div > div {
    margin-bottom: 5px;
}

div.falseHeaderForBrowse {
  margin-left: 5px;
  /*margin-right: 3px;*/
  margin-top: 0;
  margin-bottom: 0;
  border-collapse: collapse;
  width: 99%;
}

/*sub-detail browses - SC invoice approval*/
table.approval tr.browseRow > td {
    border-top: solid 1px #eee;
}

td.rowDetail {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    border: none !important;
    background-color: #fff !important;
}

/* ------------------- < Temporary browse styles -----------------------  */

table.totalHeaderBrowse {
    width: 100%;
    border-spacing: 0;
    /*border: 1px solid #888;*/
}

table.totalHeaderBrowse > tbody > tr > td:first-child,
table.totalHeaderBrowse > tfoot > tr > td:first-child {
    background-color: #FFFFFF;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #888;
}

table.totalHeaderBrowse > tbody > tr > td,
table.totalHeaderBrowse > tbody > tr > td > span,
table.totalHeaderBrowse > tbody > tr > td > a {
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #888;
}

table.totalHeaderBrowse td {
    vertical-align: top;
}

table.totalHeaderBrowse> tbody > tr {
    vertical-align: bottom;
    text-align: left;
}

table.totalHeaderBrowse > tbody > tr:nth-child(even) {
    background-color: #F0F0F0;
}

table.totalHeaderBrowse > tbody > tr > td,
table.totalHeaderBrowse > tfoot > tr > td {
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-right: 5px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
}
/* ------------------- report styles > -----------------------  */

table.report iframe {
  border: none;
}

/* ------------------- < report styles -----------------------  */

/* ------------------- box style > -----------------------  */

.box_no_shadow {
  overflow: hidden;
}

.boxFlatTop {
  border: 1px solid #888;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}

.box {
  border-radius: 4px;
}

/* For table boxes, also have to set the corner border radii of contained elements or else the corners will bleed
  through the rounded corners of the box.

  Note that we are assuming the table structure is limited to (COLGROUP, THEAD?, TFOOT?, TBODY+).
  A single COLGROUP and no CAPTION or COL elements.  Additionally, this assumes that any row groups are non-empty.

  There are a lot of bugs surrounding backgrounds bleeding though curved borders.  Theoretically setting overflow:
  hidden should solve the problem, but it doesn't for tables.  So we have to carefully set border radii for all
  elements that may have a background.
*/

table.box {
  border-collapse: separate; /* If collapse, border-radius is ignored. */
  height: 100%;
  width: 100%;
}

tr.boxTitle > th,
div.box > div:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

div.box > div:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* ------------------- < box style -----------------------  */

/* ------------------- boxTitle style > -----------------------  */

.boxTitle {
  text-align: left;
  font-size: 12px;
}

.boxTitle, .boxTitle > th > table {
  height: 35px;
  width: 100%;
}

.boxTitle .title {
    font-size: 18px;
    font-weight: normal !important;
    white-space: nowrap;
    text-align: left !important;
    vertical-align: middle;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #666666;
    min-width: 120px;
    height: 32px;
    line-height: 30px;
    padding: 4px 15px 0 15px;
    display: inline-block;
}

table.browse > thead,
tr.boxTitle > th,
tr.boxTitle > th > table {
    border-spacing: 0;
    border-collapse: collapse ;
}

table.browse > thead > tr.boxTitle > th {
    padding: 0;
}

/*tr.boxTitle > th,*/
/*tr.boxTitle > th > table,*/
/*tr.boxTitle > th > table > tbody,*/
/*tr.boxTitle > th > table > tbody > tr,*/
/*{*/

/*}*/

.boxTitle .tabSpacer {
    width: 100%;
}

.boxTitle .link {
  white-space: nowrap;
}

.boxTitle .link a {
  text-decoration: none;
  font-weight: normal !important;
}

/* ------------------- < boxTitle style -----------------------  */

/* ------------------- labeledBox style > -----------------------  */

table.labeledBox > tbody > tr > td:first-child {
    padding-left: 5px;
}

table.labeledBox > tbody > tr:first-child > td {
    padding-top: 7px;
}

table.labeledBox > colgroup > col:first-child:not([width]) {
  width: 90px;
}

table.labeledBox > tbody > tr > td:first-child {
  font-weight: normal;
}

table.labeledBox > tbody > tr > td {
  font-weight: normal;
}

table.labeledBox > tbody > tr > td > a {
  font-weight: normal;
}

tr.labeledBoxTitle > th,
tr.labeledBoxTitle > th > table {
  border-spacing: 0;
  border-collapse: collapse ;
}

tr.labeledBoxTitle {
    height: 30px;
}

tr.labeledBoxTitle > th > table {
  width: 100%;
  height: 100%;
}

tr.labeledBoxTitle td.tdSpacer {
  background-color: #eeeeee;
}

table.spacerEraser td.tdSpacer {
    background-color: #fff !important;
    height: 35px;
}

tr.labeledBoxTitle > th,
tr.labeledBoxTitle > th > table,
tr.labeledBoxTitle > th > table > tbody,
tr.labeledBoxTitle > th > table > tbody > tr,
tr.labeledBoxTitle > th > table > tbody > tr > td.tdSpacer {
  padding: 0;
}

/* special style so we create the new title style. most titles are not rendered*/
tr.styledTitle > th > table > tbody > tr > td.title {
    background-color: #597eaa;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding-left: 5px;
    text-align: left;
    height: 25px;
    vertical-align: middle;
}

tr.styledTitle > th > table > tbody > tr > td.tdSpacer {
    display: none;
}

tr.styledTitle > th > table > tbody > tr > td:first-child {
    border-top-left-radius: 4px;
}

tr.styledTitle > th > table > tbody > tr > td:last-child {
    border-top-right-radius: 4px;
}

table.matrix > thead> tr.styledTitle > th > table > tbody > tr > td.link,
table.matrix > thead> tr.styledTitle > th > table > tbody > tr > td.commandLeftJ {
    background-color: #ffffff !important;
}

tr.styledTitle > th > table > tbody > tr > td.link,
tr.styledTitle > th > table > tbody > tr > td.commandLeftJ {
    background-color: #597eaa !important;
}

tr.labeledBoxTitle > th > table > tbody > tr > td.button,
tr.labeledBoxTitle > th > table > tbody > tr > td.link {
  text-align: right;
  background-color: #fff;
  vertical-align: middle;
}

tr.labeledBoxTitle > th > table > tbody > tr > td.commandLeftJ {
    text-align: left;
    background-color: #fff;
    vertical-align: middle;
}

tr.labeledBoxTitle > th > table > tbody > tr > td:nth-child(4) {
    width: 90px;
    padding-right: 5px;
}

tr.boxTitle > th > table > tbody > tr > td.button,
tr.boxTitle > th > table > tbody > tr > td.link {
    text-align: center;
}

/* ------------------- < labeledBox style -----------------------  */

/* ------------------- layoutBox style > -----------------------  */

table.layoutBox {
  border-spacing: 0;
}

table.layoutBox > tbody > tr > td {
    vertical-align: top;
    font-size: 12px;
    padding: 4px 6px 2px 3px;
}

div.zoom {
    /*display: inline-flex !important;*/
    /*display: -webkit-inline-flex !important;*/
    display: inline-block;
    border: solid 1px #597eaa;
    border-radius: 4px;
    background-color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.zoom.modified {
    background-color: #FFFFE0 !important;
}

div.zoom > input {
    height: 90%;
    border: none !important;
}

table.layoutBox > tbody > tr > td.noPad {
  padding: 0;
}

table.matrix > thead > tr.boxHeadings  > th {
  text-align : right;
}

tr.boxHeadings > th {
  padding: 3px;
  font-size: 12px;
  height: 20px;
  font-weight: normal !important;
}

tr.grayline > td {
  border-top: 1px solid gray;
}

/* ------------------- < layoutBox style -----------------------  */

/* ------------------- editorBox style > -----------------------  */

table.headerBox td.labels {
  background: #ffffff !important;
  font-weight: normal;
  width: 80px;
}

table.headerBox td.editorBox > span {
  display: inline-table;
  width: 100%;
  text-align: right;
}

table.headerBox td.editorBox {
    text-align: right;
    padding-top: 5px;
    padding-right: 15px;
    background-color: #FFFF99;
}

table.headerBox td.editorBox > span:first-child {
    margin-bottom: 5px;
}

/* ------------------- < editorBox style -----------------------  */

/* ------------------- headerBox style > -----------------------  */

.headerBox {
    border-radius: 4px;
    overflow: hidden;
}

table.headerBox {
  background-color: #FFFFFF;
}

table.headerBox tr.headerTop {
  height: 25px;
  background-color: #FFFF99;
}

table.headerBox tr.headerTop > td {
  height: 25px;
  padding-left: 6px;
  vertical-align: middle;
}

table.headerBox td.pkDisplay,
table.headerBox td.pkDisplay span,
table.headerBox td.pkDisplay a {
  font-size: 16px;
  font-weight: bold;
  white-space: pre;
  background-color: #FFFF99;
}

table.headerBox td.pkDisplayLong,
table.headerBox td.pkDisplayLong span,
table.headerBox td.pkDisplayLong a {
  font-weight: bold;
  white-space: pre;
  background-color: #FFFF99;
}

/* The div is there because overflow generally won't work on TD elements: http://lists.w3.org/Archives/Public/www-style/2006Mar/0024.html */
table.headerBox div.description {
  width: 100%;
  overflow: auto;
  white-space: pre-wrap;
  font-weight: normal;
  padding-left: 4px;
  padding-top: 2px;
  background-color: #fff;
}

/* ------------------- < headerBox style -----------------------  */

/* ------------------- tab style > -----------------------  */
div.tab {
  width: 100px;
  height: 25px;
  line-height: 25px;
  border-width: 1px;
  border-style: solid;
  margin-left: 8px;
  margin-top: 10px;
  margin-bottom: -1px; /* Why? */
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
}

/* ------------------- < tab style -----------------------  */

/* ------------------- common style used by screens and the workdesk > -----------------------  */
.hide {
  display:none;
}

/* ------------------- Sticky Headers  -----------------------  */
div.stickyHeader {
    position:fixed;
    _position:absolute;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    top: 83px;
    width: 100%;
    color: #fff !important;
    text-align: left;
}

table.stickyHeader tr.boxHeadings {
    height: 25px;
    font-size: 12px;
}

/* Although not standard the below style does suppress the dead horizontal scroll bar
  in FF
*/
.iframe {
  overflow-x: hidden;
  overflow-y: scroll;
}

.ireport {
  overflow-x: hidden;
  overflow-y: hidden;
}

span.popupInfo {
  padding: 3px;
  font-weight: bold;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.datePicker::-ms-clear {
    display: none;
}

.browseFooterPager {
    padding: 0px;
    border-spacing: 0px;
}

table.browseFooterPager span {
  margin-right: 5px;
}

table.pageFooterPager span {
    margin-right: 5px;
    font-size: 14px;
}

div.linkTableComboWrapper {
    text-align: right;
}

div.linkTableComboWrapper > button {
    margin: 0px 0px 5px 5px;
}

div.linkTableComboWrapper > a:link,
div.linkTableComboWrapper > a:active,
div.linkTableComboWrapper > a:visited,
div.linkTableComboWrapper > a:hover {
    display: inline-block;
    min-height: 18px;
    padding: 4px 2px 1px 2px;
    color: #000 !important;
    border: 1px solid;
    border-radius: 4px;
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
    cursor: pointer;
    min-width: 70px;
    text-align: center;
    font-size: 14px;
    text-decoration: none !important;
    margin-bottom: 4px;
}

div.comboInputWrapper {
  height: 21px;
  width: 60px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-weight: normal;
  float: right;
}

div.innerComboInputWrapper {
    border: 1px #14257a solid;
    background-color: white;
    border-radius: 4px;
    display: inline-flex;
    display: -webkit-inline-flex;
}

div.columnTitleBar div.rightJ {
    display: inline-block;
    margin-left: 5px;
    margin-right: 1px;
    float: right;
}

div.columnTitleBar {
    background-color: #FFFFFF;
    text-align: right;
    height: 30px;
    margin-top: 10px;
}

div.noWrap > div {
    display: inline-block;
}

.noHeadings {
    background-color: #597eaa;
    height: 1px;
}

table.fakeHeadings td {
  padding: 5px 2px 5px 2px;
  background-color: #597eaa;
  color: #FFF;
}

table.fakeHeadings {
    background-color: #eee;
}

table.privilegeFilter > tbody > tr > td > button {
    color: #666666 !important;
    margin-top: -3px;
}

table.screenFilter > tbody > tr > td > button {
    color: #666666 !important;
    margin-top: -3px;
}

table.subListHeader {
    border: none !important;
}

table.subListHeader thead tr.styledTitle > th > table > tbody > tr > td.title {
    background-color: #666666 !important;
    font-size : 18px;
    font-weight: normal!important;
    height: 35px;
    padding-left: 15px;

}

.actionSelected {
    /*background-color: #FFFF99 !important;*/
    display: list-item;
    text-decoration: none !important;
    color: #000 !important;
    margin-right: 10px;
    cursor: not-allowed;
}

.deleteLink {
    border-style: none !important;
    padding: 0px !important;
    width: 25px;
    height: 25px;
}

.deleteItem {
    background-image: url(../images/delete-button.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #595858;
    width: 35px;
    height: 35px;
}

a.fundingCode:link, a.fundingCode:visited, a.fundingCode:active, a.fundingCode:hover  {
    width:300px;
    display: block;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.shoppingCartFilterRemove {
    width: 20px;
}
a.shoppingCartFilterRemoveLink:link, a.shoppingCartFilterRemoveLink:visited,a.shoppingCartFilterRemoveLink:active,a.shoppingCartFilterRemoveLink:hover  {
    text-decoration: none;
}
.shoppingCartFilter {
    width: 100px;
    white-space: normal;
}
.deleteItemSmall {
    background-image: url(../images/delete-button-small.png);
}
.percentLink{
    display: block;
    padding: 0px!important;
    border-width: 0px!important;
}
td.shopDAActionGrid {
    background-color: #EEEEEE;
    vertical-align: top;
}
.workOrderPhaseGrid{
    border-collapse: collapse;
    border-bottom: solid 1px #eee;
}
/* ------------------- < common style used by screens and the workdesk -----------------------  */


/* ------------------- < Forge Viewer styles -----------------------  */
#contentDiv.aim-space.embedded {
 top: 0px !important;
 bottom: 0px !important;
}
/*.aimViewerToolbarButton.active > .adsk-button-icon,*/
/*.aimViewerToolbarButton > .adsk-button-icon:hover,*/
/*.aimViewerToolbarButton > .adsk-button-icon:focus*/

.aimViewerToolbarButton.active > .adsk-button-icon {
    background-image: url(../images/AiM_menu-ON.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
}
.aimViewerToolbarButton > .adsk-button-icon {
    background-image: url(../images/AiM_menu-OFF.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
}

.propertyViewerToolbarButton.active > .adsk-button-icon {
  background-image: url(../images/Property-Floor_menu-ON.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px;
}
.propertyViewerToolbarButton > .adsk-button-icon {
  background-image: url(../images/Property-Floor_menu-OFF.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px;
}

.aimPrintViewerToolbarButton .adsk-button-icon {
    padding-top: 1px !important;
}
.adsk-viewing-viewer .aim-space-docking-panel-container .docking-panel-title {
  cursor: default;
}
.aim-space-docking-panel-container.aim-space-docking-panel-container-overflow {
  overflow: visible !important;
}

.aim-space-docking-panel-container.aim-space-docking-panel-container-overflow .docking-panel-scroll {
  overflow: visible !important;
  border-radius: 4px;
}
.aim-space-docking-panel-container .aim-row-location .aim-location-hatch {
    display: flex;
    align-items: center;
}
.aim-space-docking-panel-container .aim-row-location .aim-row-location-header {
  padding: 5px 5px 5px 14px !important;
  display: flex;
}

.aim-space-docking-panel-container .aim-row-location .aim-location-hatch-label {

}
.aim-space-docking-panel-container .aim-row-location .aim-location-hatch-color {
    border: 1px solid #FFF;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 10px;
}

.aim-space-docking-panel-container .aim-space-docking-panel-title {
    position: relative;
    width: calc(100% - 90px);
}
.aim-space-docking-panel-container .aim-space-docking-panel-title .space-selection {
    display: flex;
    align-items: center;
    cursor: move;
    z-index: 99;
}
.aim-space-docking-panel-container .aim-space-docking-panel-title .space-selection:hover {
    cursor: move;
}
.aim-space-docking-panel-container .aim-space-docking-panel-title .space-selection > * {
    flex-grow: 1;
}
.aim-space-docking-panel-container .aim-space-docking-panel-title .space-selection > .space-selection-value {
  display: inline-block;
  cursor: move;
}
.aim-space-docking-panel-container .space-selection-caret {
  right: 65px;
  top: 16px;
  width: 25px;
  height: 50px;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  background-position: 2px 19px;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  z-index: 1;
  font-size: 12pt;
  text-align: center;
  color: #fff;
}

.aim-space-docking-panel-container .aim-space-docking-panel-title .space-group-options {
    display: flex;
    flex-direction: column;
    height: 210px;
    border: 1px solid white;
    padding-bottom: 10px;
    width: 100%;
    /*transition: height 0.40s ease-in;*/
}
.aim-space-docking-panel-container .aim-space-docking-panel-title .space-group-options .space-group-options-selection:nth-child(even) {
    background-color: #373737;
}
.aim-space-docking-panel-container .aim-space-docking-panel-title .space-group-options .space-group-options-selection {
    background-color: #333333;
    cursor: pointer;
}
.aim-space-docking-panel-container .aim-space-docking-panel-title .space-group-options .space-group-options-selection:hover {
    cursor: pointer;
    background: rgba(0,0,0,.4)!important;
}

.aim-space-docking-panel-container .aim-space-docking-panel-title .space-group-options.hide {
    /*transition: height 0.25s ease-out;*/
    height: 0px;
    display: none;
}

.aim-space-docking-panel-container .aim-space-docking-panel-title .space-group-options > * {
    padding: 0px 10px;
}

/*ForgeViewer - Property / Floor Panel*/
.aim-space-docking-panel-container .property-floor-content {
  padding: 4px 8px;
  height: 50px;
  line-height: 50px;
}
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox {
  display: flex;
}
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox > * {
  margin-right: 10px;
}
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox > *:last-child {
  margin-right: 0px;
}
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox .handle,
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox .handle:hover {
  cursor: move;
}
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox label {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  margin-right: 10px;
}
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox .property-floor-field {
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: 0;
}
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox .property-docking-panel-close {
  width: 25px;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  height: 50px;
  cursor: pointer;
  background: no-repeat center center url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLjQ1NSAxMC45OTdhLjUuNSAwIDAgMS0uMzEtLjg1bDEwLTEwYS41MDIuNTAyIDAgMCAxIC43MS43MWwtMTAgMTBhLjUuNSAwIDAgMS0uNC4xNHoiIGZpbGw9IiM5NDk0OUYiLz48cGF0aCBkPSJNMTAuNDU3IDExLjAwN2EuNS41IDAgMCAxLS4zMS0uMTVsLTEwLTEwYS41MDIuNTAyIDAgMCAxIC43MS0uNzFsMTAgMTBhLjUuNSAwIDAgMS0uNC44NnoiIGZpbGw9IiM5MzlDQTUiLz48L2c+PC9zdmc+")
}

.aim-space-docking-panel-container .aim-dropdown-selectize {
  margin-right: 10px;
  width: 100%;
}
.aim-space-docking-panel-container .property-floor-content .property-floor-toolbox  .property-floor-floor {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  width: 150px;
}
.aim-space-docking-panel-container .aim-dropdown-selectize.property-floor-floor-ajax {
  width: 150px;
  flex-grow: 0;
  flex-basis: auto;
}

.aim-space-docking-panel-container .aim-dropdown-selectize .selectize-input {
  padding: 2px 4px;
  vertical-align: middle;
}
.aim-space-docking-panel-container .aim-dropdown-selectize .selectize-dropdown-content {
  cursor: pointer;
}
.aim-space-docking-panel-container .aim-dropdown-selectize .selectize-input input.pointer {
  cursor: pointer;
}

.aim-space-docking-panel-container .aim-dropdown-selectize .selectize-dropdown-content .option .title {
  color: #000;
}
.aim-space-docking-panel-container .aim-dropdown-selectize .selectize-dropdown-content .option .description {
  color: #4e4e4e;
}

#aimLocationDockingPanel #showHideAll {
    right: 40px;
    top: 17px;
    width: 25px;
    height: 50px;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    background-position: 2px 19px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    font-size: 12pt;
    text-align: center;
    color: #FFF;
}
#aimLocationDockingPanel #showHideAll.halflings-eye-close {
    color: #626262
}


#aimDockingPanel #showHideAll{
    right: 35px;
    top: 17px;
    width: 25px;
    height: 50px;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    background-position: 2px 19px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    font-size: 12pt;
    text-align: center;
    color: #FFF;
}
#aimDockingPanel #showHideAll.halflings-eye-close {
    color: #626262
}
.validSummaryAmount{
    color: #008000;
}
.invalidSummaryAmount{
    color: #ff0000;
}

#d_chartRow .highcharts-container .highcharts-contextmenu .highcharts-menu .highcharts-menu-item:nth-last-child(-n + 2),
.channelContent .highcharts-container .highcharts-contextmenu .highcharts-menu .highcharts-menu-item:nth-last-child(-n + 2) {
  display: none;
}
#d_chartRow .highcharts-container .highcharts-contextmenu .highcharts-menu .highcharts-menu-item:nth-child(6),
.channelContent .highcharts-container .highcharts-contextmenu .highcharts-menu .highcharts-menu-item:nth-child(6) {
  display: none;
}

/***---------------------------------Side Menu--------------------------------------------*/
.mainContent {
    display:flex;
    background: #D8D8D8;
    margin-left: 1px;
    margin-right: 1px;
}

div#centerContent {
    flex-grow: 1;
}

div#sideMenuContent {
    width: 40px;
}

div#sideMenu {
    background-color: #597eaa;
    color: #ffffff;
    font-size: x-large;
    text-decoration: none;
    border: none !important;
    width: 40px;
    /*li width + li padding*2*/
    height: 100%;
}

div#sideMenu>ul {
    margin:0px;
}

div#sideMenu>ul>li>a.selected {
    background-color: #ffffff;
    color: #597eaa;
}

div#sideMenu>ul{
    padding-inline-start: 0px;
}


a.clickable:link,
a.clickable:active,
a.clickable:visited ,
a.clickable:hover  {
    padding:10px;
    font-size: 14px;
    border: none;
    color: #FFFFFF;
    text-decoration: none;
    width: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
}

div#sideMenu>ul>li {
    border-bottom: 1px solid #ffffff;
}

div#sideMenu> li > a {
    list-style-type: none;
}

div#sideMenu> span {
    min-width: 10px;
    padding-left: 2px;
    padding-right: 2px;
}


div#sideMenu> div.favorite>ul {
    list-style-type: none;
}

div#sideMenu> div.test>ul {
    list-style-type: none;
}

div#sideMenu li:hover {
    background-color: #0961ac;
}

ul#favoritesSections li {
    padding: 8px 0 4px 0;
}

ul#favoritesSections > li > div > ul {
    overflow: hidden;
}

ul#favoriteQueriesScreenLinks > li {
    padding-left: 40px;
}

ul#favoriteReportsScreenLinks .sideMenuPopupIcon, ul#favoriteLinksScreenLinks .sideMenuPopupIcon{
    margin-right: 20px;
}

ul#favoriteReportsScreenLinks a {
    padding-left: 1px;
}

ul#queriesSections li > div, ul#reportsSections li > div {
    padding: 8px 0 4px 0;
}

ul#queriesSections li > div.sideMenuItemSplit, ul#reportsSections li > div.sideMenuItemSplit {
    padding: 0;
}

ul#favoritesSections .collapsible > ul {
    max-height: 2000px;
    transition: max-height 0.9s ease 0s;
}

ul#queriesSections > li:hover,
ul#reportsSections > li:hover,
.collapsible > ul > li:hover {
    background-color: #EEEEEE;
}

ul#screensSections > li {
    padding-bottom: 8px;
}

ul#screensSections .collapsible > ul {
    max-height: 0;
    transition: max-height 0.9s ease 0s;
}

ul#screensSections > li > div > ul > li > div {
    width: 100%;
}

ul#screensSections > li > div > ul > li > div a:last-child {
    display: inline-block;
    height: 16px;
    padding-top: 8px;
    width: 324px;
}

.sideMenuPopup {
    position: absolute;
    background-color: #FFFFFF;
    z-index:1;
    filter: drop-shadow(2px 2px 2px #C3C3C3);
    padding: 8px;
}

.sideMenuPopup ul {
    padding: 0;
    transition: width 0.5s;
}

/**
width Transitions to 350px
 */
.sideMenuPopup > ul.sections {
    width: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    height: calc(100vh - 160px);
    overflow: hidden auto;
}

.sideMenuPopup > ul.sections span,
.sideMenuPopup > ul.sections a {
    border:none;
    white-space: normal;
}

.sections li {
    white-space: nowrap;
    width: 366px;
}

.sideMenuPopup .far {
    font-weight: 400 !important;
    color:#007BFF;
}
.sideMenuPopup .fas {
    font-weight: 900 !important;
    color:#007BFF;
}

.sideMenuPopupIcon {
    vertical-align: middle;
    display: table-cell;
    width: 18px;
    padding: 1px 1px 3px 1px;
    font-size: 12px;
}

.sideMenuPopupIcon.fas.fa-chart-bar {
    color:#091035;
}
.sideMenuPopupIcon.far.fa-list-alt {
    color:#091035;
}
.sideMenuPopupIcon.fas.fa-chart-line {
    color:#091035;
}
.sideMenuPopupIcon.fas.fa-external-link-alt {
    color:#091035;
}

.sideMenuPopupCaret {
    cursor: pointer;
    vertical-align: middle;
    display: table-cell;
    width : 18px;
    padding-left : 4px;
    padding-bottom : 2px;
    padding-right :1px;
    padding-top:1px;
    font-size:12px;
    float:right;
}

.sideMenuPopupSection {
    font-size: 16px;
    margin-top: 2px;
}

span.sideMenuPopupSection {
    cursor: pointer;
}

.sideMenuPopupText {
    font-size:14px;
}

a.sideMenuPopupText {
    cursor:pointer;
}

.sideMenuPopup > ul > li , .sideMenuPopup > ul > li > div >  ul > li {
    list-style-type: none;
}

/* NOTE: Use a class instead of these oddly specific selectors */
.sideMenuPopup > ul > li > div > a,
.sideMenuPopup > ul > li > div > ul > li > div > a {
     background-color: transparent;
     color: #091035;
     text-decoration: none;
     border: none !important;
     padding-bottom : 3px;
}

.sideMenuItemSplit {
    border-bottom:1px solid #666666;
}

ul#screensSections .sideMenuItemSplit {
    margin-top: 6px;
}

.sideMenuContext {
    top: 85px !important;
    position: absolute;
    float: left;
    z-index: 3;
    height: 100vh;
    margin-left: 1px;
}

.sideMenuContext44 {
    top: 44px !important;
    position: absolute;
    float: left;
    z-index: 3;
    height: 100vh;
}

.screenFavoriteButton {
    width : 100%;
    text-align : right;
}

a.toggle_screen_favorite_star {
    text-decoration: none;
    border-width: 0;
    border-style: none;
    padding: 1px;
    white-space: pre;
    font-size: 16px;
}

a.toggle_screen_favorite_star:link, a.toggle_screen_favorite_star:active, a.toggle_screen_favorite_star:visited {
    text-decoration: none;
}

.screenFavoriteButton .far{
    font-weight: 400 !important;
    color:#FFFFFF;
}
.screenFavoriteButton .fas{
    font-weight: 900 !important;
    color:#FFFFFF;
}

.sideMenuSectionTitle {
    font-size: 16px;
    font-weight: bold;
}

a.fa-pencil-alt:link, a.fa-pencil-alt:active, a.fa-pencil-alt:visited {
    text-decoration: none;
    border: none !important;
}

.dashboardSelector {
  width: 100%;
  text-align: right;
  padding-right: 8px;
  padding-top: 4px;
}

.dashboardSelectorDropdown select {
  height: 22px;
}

.mainContent.workdeskContent iframe {
    background-color: #EEE;
    width: calc(100% - 41px);
    min-height: calc(100vh - 120px);
    border: none;
}

/***---------------------------------Side Menu End--------------------------------------------*/