/* ---------------------------------------
------------------------------------------
-- XAPP: UI Base Styles
------------------------------------------
--------------------------------------- */

/* --------------------------------
 App Brand: Panels and Logos
 ------------------------------- */
/* Brand Containers have one or more child Brand Panels, which will show app-branded
   logos, icons, lables, titles, etc .. usually from DB config options. The Brand Container
   and child Brand Panels are almost always block level elements (div, td, etc).
   Brand Panels need typing using xbp<Type> qualifier css classes, (identical to xwpPanel xwpLeft, etc in LS Mgr).
   Valid Qualifiers: xbpHead = std header / title bar.  xbpDock = docked LsMgr panel icon / labels.
   Eg with brand container being in side a LsMgr dockable header region (xsprHeader)

      <tr class="xwprHeader">
         <td class="xsBrandCont">
            <!-- brand undocked header logo and title panel -->
            <div class="xsBrandPanel xbpHead"><img class="xsBrandImg" .... /><span class="xsBrandLabel">...</span></div>

            <!-- brand docked icon panel -->
            <div class="xsBrandPanel xbpDock"><img class="xsBrandImg" .../><div>
         </td>
      </tr>
*/

/* Cont and Panel Base Cfg */
.xsBrandCont {
   padding-left: 0;
}

.xsBrandCont .xsBrandPanel {
   margin-right: 0;
}

.xsBrandCont .xsBrandPanel,
.xsBrandCont .xsBrandLabel,
.xsBrandCont .xsLabel {
   vertical-align: middle;
}


/* Win Title Bar Speciic */
.xsWinTitleHeader.xi-xtop .xsBrandPanel {
   max-width: 16px;
   max-height: 16px;
}

.xsWinTitleHeader .xsBrandPanel {
   padding: 0;
   margin-left: 3px;
}

/* --------------------------------
 WinTitleComp: Additions
 ------------------------------- */
.xsWinTitleComp.xi-xtra {
   visibility: hidden;
}
.xsWinTitleComp.xi-xtra.xi-xtop {
   visibility: visible;
}

.xsWinTitleComp.xi-spacer {
   margin:0; padding:0; border:0;
}
.xsWinTitleComp.xi-spacer.xi-xtop {
   border-bottom: 6px solid #f6f6f6;
}

/* --------------------------------
 XUI Component: AX.XHintip
 ------------------------------- */
/* std tooltip theme matching our yellow */
.hint--xnav:after {
   color: #000000;
   background-color: #f1c400;
   text-shadow: none;
   opacity: 1.0;
   font-weight: bold;
   font-size: 11px;
   line-height: 11px;
}

/* xtip theme: includes focus aware tooltips */
.hint--xtip:not(.xsIcon):after {
   color: #010101;
   background-color: #fcf3cc;
   text-shadow: initial;
   font-size: 11px;
   line-height: 11px;
}

/* Admin Editors: Data Action Auto-Focus ToolTips */
.xsAppDashPad button.xsIcon.hint--xtip:focus:before,
.xsAppDashPad button.xsIcon.hint--xtip:focus:after,
.xpAdmBase .xsDataActions button.xbIcon.hint--xtip:focus:before,
.xpAdmBase .xsDataActions button.xbIcon.hint--xtip:focus:after {
   visibility: visible;
   opacity: 1;
}

.xsAppDashPad button.xsIcon.hint--xtip:focus:before,
.xsAppDashPad button.xsIcon.hint--xtip:focus:after,
.xpAdmBase .xsDataActions button.xbIcon.hint--xtip:focus:before,
.xpAdmBase .xsDataActions button.xbIcon.hint--xtip:focus:after {
   -webkit-transition-delay: 20ms;
   -moz-transition-delay: 20ms;
   transition-delay: 20ms;
}

button.xsIcon.hint--bottom-left:focus:before,
button.xsIcon.hint--bottom-right:focus:before,
button.xbIcon.hint--bottom-left:focus:before,
button.xbIcon.hint--bottom-right:focus:before {
   margin-top: -11px;
}

button.xsIcon.hint--bottom-left:focus:before,
button.xbIcon.hint--bottom-left:focus:before {
   -webkit-transform: translateY(8px);
   -moz-transform: translateY(8px);
   transform: translateY(8px);
}

button.xsIcon.hint--bottom-left:focus:after,
button.xbIcon.hint--bottom-left:focus:after {
   -webkit-transform: translateX(-100%) translateY(8px);
   -moz-transform: translateX(-100%) translateY(8px);
   transform: translateX(-100%) translateY(8px);
}

button.xsIcon.hint--bottom-right:focus:before,
button.xbIcon.hint--bottom-right:focus:before {
   -webkit-transform: translateY(8px);
   -moz-transform: translateY(8px);
   transform: translateY(8px);
}

button.xsIcon.hint--bottom-right:focus:after,
button.xbIcon.hint--bottom-right:focus:after {
   -webkit-transform: translateY(8px);
   -moz-transform: translateY(8px);
   transform: translateY(8px);
}

/* --------------------------------
 XUI Component: xwMsgPanel (Object not found, etc)
 ------------------------------- */
.xwMsgPanel .xsDivH {
   border-style: dotted;
}

/* --------------------------------
 XUI Component: AX.MultiSelect
 ------------------------------- */
div.xsSelectListPanel {
   width: 100%;
}
div.xsSelectListPanel .selection {
   width: 100%;
}
div.xsSelectListPanel .select2-selection {
   height: 50px;
   min-height: 50px;
   max-height: 50px;
   overflow-y: scroll;
}

div.xsSelectListPanel .select2-container--default .select2-selection--multiple {
   border-radius: inherit;
   border: 1px solid #9ea2a2; /*#cccccc;*/
}

div.xsSelectListPanel .select2-container--default.select2-container--focus .select2-selection--multiple {
   border: solid 1px #ff9900;
   box-shadow: 0 0 4px 1px #ff9900;
}

/* --------------------------------
 XUI Component: AX.XListBox
 ------------------------------- */
input[type="text"].xsListRowLabel,
input:not([type="checkbox"]):not([type="radio"]):not(.xbText).xsListRowLabel {
   padding: 0;
   height: 18px;
}
.xsListBox .xsListRowPanel.xsListRowLabel {
   padding: 3px 0 3px 0;
}


/* --------------------------------
 XUTIL: Test Utilties in /xapp/
 ------------------------------- */
.xsPageError {
   padding: 30px 6px;
}

.xsPageError .xsLabel {
   font-size: 14px;
   color: #b7312c;
   margin-left: 3px;
}

.xsUtilResultField {
   width: 100%;
}

.xsUtilResultLabel {
   white-space: nowrap;
}

/* NOTE: xq- or xi- */
.xsUtilResultLabel.xq-statuserror {
   color: #b7312c;
}

.xsUtil tr.xsUtilExeResultsPanel {
   vertical-align: top;
}
.xsUtilExeResultsPanel iframe {
   width: 100%;
   height: 400px;
}

/* --------------------------------
 XUI Component: Loading Panels
 ------------------------------- */
.xwMainBodyLoadPanel {
   position: absolute;
   top: 50px;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 9999;
   padding: 0px 10px 10px 10px;
   font-size: larger;
   text-transform:capitalize;
   font-family: "cal-ws-bold";
}

.xwMainBodyLoadPanel.xi-xpagefull {
   top: 10px;
}

.xwMainBodyLoadPanel.xi-xpanelembed {
   top: 70px;
}

.xwMainBodyLoadPanel .xsLoadingIcon {
   -webkit-animation: spin 1s infinite linear;
   animation: spin 1s infinite linear;
}
.xwMainBodyLoadPanel .xsLoadingIcon .xfi:before {
   content: "\f110";
}
.xwMainBodyLoadPanel .xsLoadingLabel {
   margin-left: 4px;
}

/* --------------------------------
 XUI Component: Toolbar User Menu
 ------------------------------- */
td.xsDataFieldPanel.xsAppProductInfoPanel {
   padding-left: 2px;
   margin-left: 0;
}
td.xsAppProductInfoPanel .xsAppProductInfo {
   margin-top: 4px;
   margin-bottom: 0;
}

td.xsAppProductInfoPanel .xsAppProductInfo .xsMeta {
   padding-left: 4px;
}

.xwuUserQuickMenuBody input[type=text].xsDataDisplay {
   height: auto;
   line-height: 1;
}

/* --------------------------------
 XUI Component: AX.Notify
 ------------------------------- */
.xsNotifyPanel {
   position: absolute;
   z-index: 99999;
   color: #ffffff;
}

.xsNotifyPanel.xsRightSide {
   max-width: 300px;
   top: 0px;
   right: -300px;
}

/*.xsNotifyPanel.xsTopSide {
   max-width: 400px;
   top: -300px;
   left: 0;
   right: 0;
   margin: auto;
}*/

.xsNotifyPanel .xsNotify {
   border: 0;
   margin: 0 0 10px;
   line-height: normal;
   position: relative;
}

.xsNotifyPanel .xsNotify,
.xsNotifyPanel td {
   padding: 6px;
}

.xsNotifyPanel .xbIcon {
   padding: 0;
   color: #ffffff;
}

.xsNotifyPanel .xsNotifyTitle,
.xsNotifyPanel .xsNotifyMessage {
   text-transform: capitalize;
}

.xsVertRow .xsNotifyMessagePanel {
   vertical-align: middle;
}

.xsDropdownMenu.xsNotifyInfoPanel {
   border: 1px solid #ffffff;
   margin: 0;
}

.xsNotify .xsVertRow + tr > td {
   padding-top: 0;
}

.xsStatusPanel {
  border-top: 1px dashed #778899;
  padding-top: 5px;
  display: none;
}

.xsStatusPanel .xsStatusInfo {
   cursor: pointer;
   white-space: initial;
}

.xsStatusPanel td {
   vertical-align: top;
}

.xsStatusPanel .xbIcon {
   margin: 0;
}

.xsStatusPanel .xfin {
   font-size: 12px;
}

.xsStatusPanel .xsDropdownMenu,
.xsStatusPanel .xsStatusTrace  {
   margin: 0;
}

.xsStatusPanel textarea {
   width: 100%;
   resize: vertical;
}

.xsNotifyPanel .xsNotify.xin-loading,
.xsNotifyPanel .xsNotify.xin-processing,
.xsNotifyPanel .xsNotify.xin-processing-confirm {
   background-color: #2980b9;
}

.xsNotifyPanel .xsNotify.xin-alert {
   background-color: #e67e22;
}

.xsNotifyPanel .xsNotify.xin-info {
   background-color: #e67e22;
}

.xsNotifyPanel .xsNotify.xin-loaded,
.xsNotifyPanel .xsNotify.xin-success {
   background-color: #27ae60;
}

.xsNotifyPanel .xsNotify.xin-error {
   background-color: #e74c3c;
}

.xsNotifyPanel .xsNotify.xin-warning {
   background-color: #f39c12;
}

.xsStatusPanel .xsStatus > div,
.xsNotifyPanel .xsNotify > div {
   display: table-cell;
}

.xsStatusPanel .xsStatus > div:first-child,
.xsNotifyPanel .xsNotify > div:first-child {
   padding-right: 10px;
}

.xsStatusPanel .xsStatus > div:last-child,
.xsNotifyPanel .xsNotify > div:last-child {
   padding-left: 10px;
   vertical-align: top;
}

.xsStatusPanel .xsStatus.xin-style1 > div:first-child,
.xsNotifyPanel .xsNotify.xin-style1 > div:first-child {
   vertical-align: top;
}

.xsStatusPanel .xsStatus.xin-style2 > div:first-child,
.xsNotifyPanel .xsNotify.xin-style2 > div:first-child {
   vertical-align: middle;
}

.xsStatusPanel .xsDropdownMenu,
.xsStatusPanel .xsStatusTrace,
.xsNotify .xsDropdownMenu {
   position: relative;
   background: none;
}

.xsStatusPanel .xsMoreInfo,
.xsNotify:not(.xin-error) .xsMoreInfo {
   display: none;
}

.xsStatusPanel .xsStatus .xsStatusActions,
.xsNotifyPanel .xsNotify .xsNotifyActions {
   display: none;
}

.xsStatusPanel .xsStatus.xis-processing-confirm .xsStatusActions,
.xsNotifyPanel .xsNotify.xin-processing-confirm .xsNotifyActions {
   display: block;
}

.xsStatusPanel .xsStatus.xis-style1 .xsActionGroup,
.xsNotifyPanel .xsNotify.xin-style1 .xsActionGroup {
   text-align: right;
}

.xsStatusPanel button.xsCancel,
.xsNotifyPanel button.xsCancel {
  background: none;
  border: 1px solid #ffffff;
  color: #ffffff;
  margin: 10px auto 0;
}

.xsStatusPanel button.xsClose,
.xsNotifyPanel button.xsClose {
   margin: 0;
   visibility: hidden;
}

.xsNotify.xin-error button.xsClose,
.xis-error button.xsClose {
   visibility: visible;
}


/* Progress Bar Loader */
.xsProgress {
   width: 300px;
   height: 10px;
   overflow: hidden;
   background-color: #f5f5f5;
   border-radius: 4px;
   box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
   display: inline-block;
   vertical-align: top;
   border: 1px solid #9ea2a2;
}

.xsProgressBar {
   float: left;
   width: 0;
   height: 100%;
   font-size: 12px;
   line-height: 20px;
   color: #ffffff;
   text-align: center;
   background-color: #337ab7;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
   box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
   -webkit-transition: width .6s ease;
   -o-transition: width .6s ease;
   transition: width .6s ease;
}

.xis-processing .xsProgressBar {
   background-color: #3498db;
}

.xis-error .xsProgressBar {
   background-color: #e74c3c;
   width: 50%;
}

.xis-success .xsProgressBar {
   background-color: #27ae60;
}

/* Text Ellipsis Loader */
.xa-ellipsis:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026";
  width: 0px;
} /* 2026 ascii code for the ellipsis character */

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}


/* --------------------------------
 XUI Component: AX.XPageDialog
 ------------------------------- */
.xsDialog {
   background: #ffffff;
}

.xsDialog .ui-igdialog-headerimage {
   font-size: 14px;
}

.xsDialog .xsDataTable > table {
   border-collapse: separate;
   border-spacing: 6px;
}

.xsDialog .xsDataTable.xi-lmodelthin > table {
   border-spacing: 0;
}

.xsDialog .xsDataTable thead th {
   padding: 6px;
}

.xsDialog .xsDataTable .xsHeaderLabel {
   font-size: 12px;
   font-family: "cal-ws-bold";
}

.xsDialog .xsDataTable td {

}

.xsDialog textarea {
   width: 100%;
   min-height: 100px;
}

.xsDialog form td {
   white-space: nowrap;
   position: relative;
}

.xsDialog form thead td {
   font-family: "cal-ws-bold";
   font-weight: normal;
   text-transform: uppercase;
   vertical-align: middle;
}

.xsDialog form thead .xbIcon {
   margin: 0;
}

.xsDialog tfoot td {
   text-align: right;
}

.xsDialogContent .xsHeader {
   border: 0;
   border-bottom: 1px solid #9ea2a2;
   border-radius: 0;
}

.xsDialogContent .xsHeader.xsMenu {
   /*padding: 6px;*/
}

.xsDialogContent tr.xsSpacer td {
   padding: 3px 0;
}

.xsDialog .xsGrid {
   padding: 6px;
}

.ax-dialog-input-panel {

}

.ax-dialog-input-field-panel {
   padding-top: 4px;
   padding-bottom: 4px;
}

.ax-dialog-input-hint {
   margin-top: 4px;
   padding: 4px;
   font-size: smaller;
}

/* --------------------------------
/* xsDialogIframe: iframe resides in the body region
 ------------------------------- */
.xsDialogIframe .ui-dialog-content {

}

/* TXDO: HACK: Fixes issue with cal-ws custom fonts not displaying in header refion */
.xsDialogIframe .xsRegionHeader {
   /*font-family: Calibri;*/
}
.xsDialogIframe .xsRegionHeader button.xbText {
   /*font-family: Calibri !important;*/
   /*font-weight: bold;*/
}

div.ui-dialog .ui-dialog-titlebar {
   background: #1d252d;
   border: 0;
   border-bottom: 1px solid #9ea2a2;
   border-radius: 0;
   color: #ffffff;
   padding-left: 6px;
   padding-right: 6px;
   font-weight: normal;
   font-size: 11px;
}

div.ui-dialog .ui-dialog-titlebar.ui-state-focus {
   background: #1d252d;
   border: 0;
   border-bottom: 1px solid #9ea2a2;
}

.ui-igdialog .ui-igdialog-headertext {
   line-height: 1.7em;
}

a.ui-igdialog-headerbutton {
   position: static;
   top: initial;
   margin: 0;
}

/* ax-dialog-widget */
div.ui-dialog.ui-widget.ui-widget-content {
   border-radius: 0;
   padding: 0;
   z-index: 2000;
} /* ignite ui dialog is preset to 1000 */

button.ui-button.ui-widget {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   vertical-align: middle;
   background: none;
   border: 1px solid #9ea2a2;
   color: #333333;
   text-transform: none;
   cursor: pointer;
   padding: 3px 6px;
   line-height: normal;
   font-family: "cal-ws-bold";
   font-size: 1em;
}

button.ui-button.ui-widget:hover {
   background: #b7312c;
   border-color: #b7312c;
   color: #fff;
}

/* TXDO: CXJH: verify ignite buttons not affected by removing default margins */
.ui-dialog .ui-dialog-buttonpane button {
   margin: 0 3px;
}

.ui-button-text-only .ui-button-text {
   padding: 0;
}

button.ui-button.ui-widget.ui-dialog-titlebar-close {
   font: normal normal normal 14px/1 AxFontIco;
   text-align: center;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   padding: 0;
   background: none;
   border: 0;
   color: #ffffff;
}

button.ui-button.ui-widget.ui-dialog-titlebar-close:before {
   content: "\f00d";
}

/* TXDO: CXJH: fix padding for ignite splitter */
.ui-button-text-only.ui-button .ui-button-text {
}
/*padding: .2em .4em; /* ignite css to make jquery-ui splitter button even height */

.ax-dialog-widget-prompt.ui-dialog .ui-dialog-titlebar-close,
.ax-dialog-widget-auth.ui-dialog .ui-dialog-titlebar-close,
button.ui-button.ui-widget.ui-dialog-titlebar-close .ui-icon,
button.ui-button.ui-widget.ui-dialog-titlebar-close .ui-button-text {
   display: none;
}

/* --------------------------------
 Base jquery ui styles
 TXDO: REVIEW: correct location?
 ------------------------------- */
.ui-dialog-content *,
.ui-dialog-content *:before,
.ui-dialog-content *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
} /* fix for ui- using content-box which overrides border-box in base.css */

.ui-igdialog.ui-dialog .ui-igdialog-content,
.ui-igdialog-content {
   overflow: hidden;
   padding: 0;
}

.ui-widget-overlay {
   background: #000000;
}

.ui-dialog .ui-dialog-content {
   padding: 6px;
}

.ui-dialog .ui-dialog-buttonpane {
   padding: 6px 3px;
}

.ui-dialog .ui-icon {
   margin: 0;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
   font-family: "cal-ws-regular";
   font-style: normal;
   font-size: 12px;
}

.ui-accordion .ui-accordion-header {
   font-family: "cal-ws-regular";
   font-style: normal;
}

.ui-widget button {
   font-family: "cal-ws-bold";
   font-style: normal;
   font-size: 12px;
}


/* --------------------------------
 XUI Component: IGDIALOG:
 ------------------------------- */
.xsDialog.xsObjEditor .ui-dialog-content {
   overflow: hidden;
}


/* --------------------------------
 XUI Component: IGGRID:
 ------------------------------- */
.ui-iggrid {
   /*width: 100% !important;*/
}

/* grid header */
.ui-iggrid th {
   height: 22px;
}

.ui-iggrid th,
.ui-iggrid th.ui-state-default,
.ui-iggrid .ui-iggrid-header,
.ui-iggrid table th {
   height: auto;
   padding: 5px 6px;
   /* padding: 6px 6px; TXDO: FAX-SYNC: verify change above*/
}

.ui-widget-header:not(.ui-iggrid-footer),
.ui-iggrid table th,
.ui-widget-header.ui-state-default {
   background-color: #333f48;
}

.ui-iggrid-sortableheader > a,
span.ui-iggrid-headertext {
   min-height: 0;
}

.ui-iggrid-indicatorcontainer {
   margin-top: 0;
   height: 10px;
}

.ui-iggrid-colheaderasc .ui-iggrid-headertext,
.ui-iggrid-colheaderdesc .ui-iggrid-headertext,
.ui-iggrid-headercell-featureenabled .ui-iggrid-headertext {
   line-height: 12px;
   font-size: 12px;
}

.ui-iggrid .ui-iggrid-header,
.ui-iggrid table th {

}

.xsDataTable.xsReportTable .xwtTable thead td,
.xsDataTable.xsReportTable td.xwtSortCell,
.xsDataTable.xsReportTable .xsLevelGroup > td,
.ui-iggrid th,
.ui-iggrid th.ui-state-default {
   border-right: 1px solid #777777;
}

.ui-iggrid th:last-child,
.ui-iggrid th.ui-state-default:last-child,
.ui-iggrid .ui-iggrid-tablebody td:last-child,
.ui-iggrid .ui-iggrid-tablebody > tr > td:last-child,
.ui-iggrid .ui-iggrid-table > tbody > tr > td:last-child,
.ui-iggrid thead .ui-iggrid-editingcell:last-child {
   border-right: 0;
}

.ui-iggrid th,
.ui-iggrid th.ui-state-default {
   border-left: none;
   border-top: none;
   border-bottom: 0;
}

.ui-iggrid tr.ui-state-focus th,
.ui-iggrid tr.ui-ig-altrecord.ui-state-focus th {
   border-left: none;
   border-top: none !important;
   border-bottom: none !important;
}

.ui-iggrid th.ui-state-hover {
   background: none;
}

.ui-iggrid th.ui-state-active,
.ui-widget-header .ui-state-active {
   background: none;
}

.ui-iggrid th[id*="XAction"] .ui-iggrid-indicatorcontainer,
.ui-iggrid th[id*="XAction"] .ui-iggrid-indicatorcontainer .ui-icon {
   display: none;
}

.ui-iggrid th:first-child,
.ui-iggrid th.ui-state-default:first-child {
   border-left: 4px solid transparent !important;
}

/*
.ui-iggrid th.ui-state-active,
.ui-iggrid th.ui-state-focus {
   background: rgba(29, 37, 45, 0.8);
}

.ui-widget-header,
.ui-iggrid table th,
.ui-widget-header.ui-state-default {
   background: rgba(29, 37, 45, 0.8);
}
*/

/* grid body */
.ui-iggrid table tbody td,
.ui-iggrid tr.ui-state-focus td,
.ui-iggrid tr.ui-ig-altrecord.ui-state-focus td,
.ui-iggrid td.ui-state-active.ui-state-focus,
.ui-iggrid td.ui-state-focus {
   padding: 6px 6px;
}

.ui-iggrid-record > tr > td {
   white-space: nowrap;
}

.ui-iggrid .ui-iggrid-tablebody td {
   border-right: 1px solid #f6f6f6;
}

.ui-iggrid td.ui-state-hover,
.ui-iggrid .ui-ig-altrecord td.ui-state-hover,
.ui-iggrid td.ui-state-active,
.ui-iggrid .ui-ig-altrecord td.ui-state-active {
   border-left: none;
   border-top: none;
   border-bottom: 0;
}

.ui-iggrid-record > tr > td,
.ui-iggrid tr.ui-state-focus,
.ui-iggrid tr.ui-state-focus td,
.ui-iggrid tr.ui-ig-altrecord.ui-state-focus td {
   border-left: none;
   border-top: none !important;
   border-bottom: none !important;
}

.ui-iggrid .ui-iggrid-tablebody td.ui-state-hover,
.ui-iggrid td.ui-state-highlight {
   background: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
   background: none;
}

.ui-iggrid .ui-iggrid-tablebody td.ui-state-active {
   background-color: hsl(2, 61%, 85%);
   border-color: transparent;
}

.ui-iggrid tr.ui-ig-altrecord {
   background-color: #f6f6f6;
}

.ui-iggrid .ui-iggrid-table > tbody > tr > td:first-child,
.ui-iggrid .ui-iggrid-tablebody > tr > td:first-child {
   border-left: 4px solid transparent;
}

.ui-iggrid .ui-iggrid-tablebody > tr > td.ui-state-active:first-child,
.ui-iggrid .ui-iggrid-tablebody > tr > td.ui-state-hover:first-child {
   border-left: 4px solid hsl(2, 61%, 45%) !important;
}

/* grid footer */
.ui-iggrid .ui-iggrid-footer {
   background: #ffffff;
   padding: 6px;
   border: 0;
}

.ui-iggrid .ui-iggrid-footer .ui-state-hover {
   background: none;
}

/* multiselect selected */
.ui-iggrid .xsMultiSelect td.ui-state-active,
.ui-iggrid .xsMultiSelect .ui-ig-altrecord td.ui-state-active {
   background: rgba(183, 49, 44, 0.1);
}

/* multiselect active */
.ui-iggrid .xsMultiSelect .xi-active td.ui-state-active,
.ui-iggrid .xsMultiSelect .xi-active .ui-ig-altrecord td.ui-state-active {
   background-color: hsl(2, 61%, 85%);
}

.ui-iggrid.xq-gridscroll {
   /*background-color: rgba(29, 37, 45, 1); */
}
.ui-iggrid.xq-gridscroll .ui-widget-header {
   padding-right: 18px;
}


/* TXDO: HACK: temp css update to fix paging size taken from latest iggrid update v2017.1 */
.ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer .ui-igedit-container,
.ui-iggrid .ui-iggrid-results .ui-igedit-container,
.ui-iggrid .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer {
   float: left;
   height: 1.8em;
   line-height: 1.4em;
}

.ui-iggrid .ui-iggrid-toolbar {
   border: 0;
}

.ui-iggrid-scrolldiv {
   background-color: #ffffff;
   border-bottom: 1px solid #dddddd !important;
   border-bottom: 0 !important;
}

/* --------------------------------
 Ignite Date Picker
 ------------------------------- */
.ui-datepicker th {
   background-color: #333f48;
   color: #ffffff;
}

/* --------------------------------
 Ignite Color Picker
 ------------------------------- */
.ui-igbutton .ui-igbutton-forecolor, .button-split {
   background-image: url('/xapp/component/ignite/images/ui-icons_888888_256x240.png');
   background-size: 384px 370px;
}

.xsColorPicker .ui-igbutton .ui-igbutton-forecolor, .button-square.ui-icon {
   background-image: url('/xapp/component/ignite/images/ui-icons_888888_256x240.png');
   background-position: -148px -254px;
}

.ui-splitbutton .ui-igtoolbarbutton.ui-button {
   margin: 0;
   border: none!important;
} /* Needed to prevent various jquery ui interaction state scenarios */


/* --------------------------------
 FORMS
 ------------------------------- */
form.xsAdminSettingsConfigForm {
   position: relative;
   height: 100%;
}

/* --------------------------------
 XAPP: Accordion
 ------------------------------- */
.xsItemHeader,
.ui-accordion .ui-accordion-header {
   width: 100%;
   padding: 0;
}

.xsItemHeader,
.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-header.ui-state-hover,
.ui-accordion .ui-accordion-header.ui-state-active {
   /*background: none;
   color: hsl(210, 21.6%, 14.5%);*/
} /*#1d252d;*/

.ui-accordion .ui-accordion-content {
   padding: 0;
}

.xsItemDetail.ui-draggable-dragging {
   border: 1px solid hsl(0, 0%, 34.5%);
}

/* --------------------------------
 XAPP: Work Task Monitor
 ------------------------------- */
.xsWorkItemExe .xsDataFieldPanel.xi-proctrc {
   height: 60px;
}

.xsWorkItemExe .xi-proctrc textarea {
   height:100%;
   border: 1px solid hsl(0, 0%, 95%);
}


/* --------------------------------
 XUI Component: AX.HelpPanel
 ------------------------------- */
.xsHelpToggle {
   cursor: pointer;
}


/* --------------------------------
 XWUI: XColorPicker
 ------------------------------- */
.xwuColorPicker.xsDropList {
   background: #ffffff;
   border: 1px solid #cccccc !important;
   padding: 4px !important;
}

.xwuColorPicker.xsDropList .xi-selected {
   background-color: hsl(2.2, 61.2%, 84.5%);
}

.xwuColorPicker.xsDropList .xsDropListItem:hover {
   background-color: hsl(195.1, 46.6%, 93.4%);
}


/* --------------------------------
 XWUI: XTable
 ------------------------------- */
.xwtActionCell {
   width: 0;
   text-align: center;
}

.xwtActionCell input[type="checkbox"] {
   vertical-align: middle;
}

.xwtTable input.xi-xdataerr {
   border: 1px solid #e74c3c;
}

.xwtTable tr.xi-xdataerr td {
   color: #d8000c;
   background-color: #ffbaba;
}

.xwtTable tr.xi-xdatawarn td {
   color: #9f6000;
   background-color: #feefb3;
}

.xwtTable thead td {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.xwtTable tbody td.xwtDragCell {
   text-align: center;
   vertical-align: middle;
   padding: 4px;
   cursor: move;
}

.xwtDragCell .xq-dragbar {
   font-size: 6px;
}

.ui-iggrid-sortableheader,
.xwtSortCell .xwtSortPanel {
   position: relative;
   width: 100%;
   padding-right: 6px;
   cursor: pointer;
}

.ui-iggrid-sortableheader:after,
.xwtSortCell .xwtSortPanel:not(.xi-sortasc):not(.xi-sortdesc):after {
   content: '';
   border-top: 6px solid #ffffff;
   border-left: 6px solid transparent;
   position: absolute;
   opacity: 0.4;
}

.ui-iggrid-sortableheader:after {
   top: 6px;
   right: 6px;
}

.xsDataTable thead td.xwtActionCell,
.xsDataTable thead td.xwtSortCell {
   padding: 3px 6px;
}

.xwtSortCell .xwtSortPanel:after {
   top: 0;
   right: 0;
}

.ui-iggrid-sortableheader.ui-iggrid-sortableheaderactive:after,
.ui-iggrid-indicatorcontainer .ui-iggrid-colindicator {
   display: none;
}

.ui-iggrid-indicatorcontainer {
   position: relative;
}

.xwtSortCell .xi-sortasc:after,
.xwtSortCell .xi-sortdesc:after,
.ui-iggrid-colheaderdesc .ui-iggrid-indicatorcontainer:after,
.ui-iggrid-colheaderasc .ui-iggrid-indicatorcontainer:after {
   position: absolute;
   top: 0;
   right: 0;
}

/* alternate sort icon */
.xwtSortCell .xi-sortasc:after,
.ui-iggrid-colheaderasc .ui-iggrid-indicatorcontainer:after {
   /*content: "\2191";*/
}

.xwtSortCell .xi-sortdesc:after,
.ui-iggrid-colheaderdesc .ui-iggrid-indicatorcontainer:after {
   /*content: "\2193";*/
}


.xwtSortCell .xi-sortasc:after,
.ui-iggrid-colheaderasc .ui-iggrid-indicatorcontainer:after {
   content: '';
   border-top: 6px solid #ffffff;
   border-left: 6px solid transparent;
   top: 0;
   right: 0;
}

.xwtSortCell .xi-sortdesc:after,
.ui-iggrid-colheaderdesc .ui-iggrid-indicatorcontainer:after {
   content: '';
   border-bottom: 6px solid #ffffff;
   border-left: 6px solid transparent;
   bottom: 0;
   right: 0;
}

/* --------------------------------
 XAPP: Process Cfg: BEGIN
 ------------------------------- */
.xsProcCfg div.xsItemHeader {
   display: table;
   width: 100%;
}
.xsProcCfg div.xsItemHeader > div {
   display: table-row;
   white-space: nowrap;
}
.xsProcCfg div.xsItemHeader > div > div {
   display: table-cell;
}

.xsProcCfg div.xsItemHeader div.xsItemIdLabel {
   padding-right: 2px;
   text-align: right;
   white-space: nowrap;
   font-size: smaller;
}

/* --------------------------------
 XAPP: Process Execute: BEGIN
 ------------------------------- */
.xsProcExeBody {
   width: 100%;
   height: 100%;
   overflow: scroll;
}

.xsProcExeBody > div.xsDataLog {
   padding: 2px;
   padding-left: 4px;
}

.xsProcExeBody div.xsDataTable.xsProcExe > div.xsDataLabelPanel {
   padding: 4px;
}

/* structure */
.xsProcExe div.xsHeader,
.xsProcExe div.xsItemHeader,
.xsProcExe div.xsSectionHeader {
   display: table;
   width: 100%;
}

.xsProcExe div.xsHeader > div,
.xsProcExe div.xsItemHeader > div,
.xsProcExe div.xsSectionHeader > div {
   display: table-row;
   white-space: nowrap;
}

.xsProcExe div.xsHeader > div > div,
.xsProcExe div.xsItemHeader > div > div,
.xsProcExe div.xsSectionHeader > div > div {
   display: table-cell;
}

/* DOC: Trace data value panels usually using textareas.
   XIQ known qualifiers:
       xiq-dbg: debug trace data
       xiq-err: error trace data
       xiq-log: log trace data
       xiq-msg: messages (error, warning, etc)

*/

.xsProcExe .xsDataFieldPanel textarea {
   font-size: 12px;
}

.xsProcExe .xsDataFieldPanel.xi-proctrc {
   height: 60px;
   padding: 0; /* overrides padding if element is a td */
}

.xsProcExe .xsDataFieldPanel.xi-proctrc.xiq-dbg {
   height: 140px;
}

.xsProcExe .xsDataFieldPanel.xi-proctrc.xiq-err {
   height: 100px;
}

.xsProcExe .xsDataFieldPanel.xi-proctrc.xiq-msg {
   height: 30px;
}

.xsProcExe .xi-proctrc textarea {
   width: 100%;
   height: 100%;
   padding: 4px;
}

/* margins and padding */
.xsProcExe .xsProcTimer {
   padding-right: 4px;
   text-align: right;
   white-space: nowrap;
}

.xsProcExe .xsSectionHeader .xsIcon {
   padding-right: 4px;
}

.xsProcExeBody div.xsSectionHeader {
   padding: 6px;
}

.xsProcExeBody .xsSectionHeader.xsHeader {
   padding: 10px;
   padding-left: 4px;
}

.xsProcExeBody > .xsSectionHeader > .xsProcExe {
   padding: 6px;
   padding: 12px;
}

/* typography */
.xsProcExe .xsSectionHeader.xsHeader *,
.xsProcExe .xsSectionHeader.xsFooter *,
.xsProcExe .xsItemGroup .xsSectionHeader.xsItemHeader * {
   text-transform: uppercase;
}

/* colors: background and foreground */
.xsProcExeBody > .xsSectionHeader:first-child > td {

}

.xsProcExeBody .xsSectionHeader > td {
   background: #5b6770;
   color: #ffffff;
}

.xsProcExeBody .xsSectionHeader.xi-results > td {
   background: #1d252d;
   color: #ffffff;
}

.xsProcExeBody .xsItem .xsSectionHeader.xsItemHeader,
.xsProcExeBody .xsItem .xsSectionHeader.xsItemStep {
   background-color: #e6f2f6;
   color: #1d252d;
}

.xsProcExeBody .xsSectionHeader.xi-error {
   background: #b7312c;
   color: #ffffff;
}

.xsProcExeBody .xsSectionHeader.xi-info,
.xsProcExeBody .xsSectionHeader.xi-proctrc.xiq-dbg {
   background-color: #eef1f4;
   color: #1d252d;
}

/* Between item separator Spacer HR for between task item layouts*/
.xsProcExeBody .xsDivH.xsProcItem {
   border-top: 4px solid #27323c;
   margin-bottom: 25px;
}

/* border handle case: */
.xsProcExeBody .xsItem .xsSectionHeader.xsItemHeader {
   border-color: #4298b5;
   border-left: 8px solid;
   padding: 8px;
   padding-left: 10px;
}

.xsProcExeDownloadPanel a {
   display: inline-block;
   text-decoration: underline;
   padding: 6px 6px 6px 0;
}

.xsProcExeDownloadPanel a:link,
.xsProcExeDownloadPanel a:visited,
.xsProcExeDownloadPanel a:hover,
.xsProcExeDownloadPanel a:active {
   color: #1d252d;
}

.xsProcExeDownloadPanel .xbText {
   display: inline-block;
}

.xsProcExeBody tbody > tr.xsSectionHeader > td {

}

.xsDataTable.xsProcExeBody .xsDataLabel.xi-normal {
   font-family: "cal-ws-regular";
}

.xsDataTable.xsProcExeDownloadPanel .xsSectionHeader {
   background-color: #658d1b;
}

.xsDataTable.xsEditTable .xsProcExeBody .xsProcExe {
   background: #333f48;
}


/* --------------------------------
 XAPP: Simple Result Grid multi-row layout
 ------------------------------- */
.xsResultGrid {
   border-collapse: collapse;
   border-spacing: 0;
}

.xsResultGrid .xsResultGridBody {

}

.xsResultGrid .xsResultGridBody td {

}

.xsResultGrid .xsResultGridHeader .xsDataLabel {

}

/*.xsResultGrid thead .xsResultGridHeader td,*/
.xsResultGrid tbody.xsResultGridBody tr:nth-child(even) td {
   border-right: 1px solid #ffffff;
}

.xsResultGrid tbody.xsResultGridBody tr:nth-child(even) td:last-child {
   border-right: 0;
}


/* --------------------------------
 XAPP: Admin Search Grid Comps
 ------------------------------- */
.xsQfQualPanel {
   padding-left: 0;
   padding-right: 0;
}
.xsQfQualPanel .xsLabel {
   padding-left: 8px;
   padding-right: 4px;
}

/* quick find flag multi-state button */
.xsQfFlagPanel{
   padding: 0;
   margin: 0;
}

/* quick find flag default states */
.xq-qfFlag .xfi:before,
.xq-qfFlag.xi-state1 .xfi:before {
   content: "\f022";
   vertical-align: middle;
}

.xq-qfFlag.xi-state2 .xfi:before {
   content: "\f21b";
}

.xq-qfFlag.xi-state3 .xfi:before {
   content: "\f0c0";
}

.xq-qfFlag.xi-state4 .xfi:before {
   content: "\f009";
}

/* quick find user delete filter: undeleted, deleted, all */
.xsQfFlagPanel.xi-fusrdel .xq-qfFlag .xfi:before,
.xsQfFlagPanel.xi-fusrdel .xq-qfFlag.xi-state1 .xfi:before {
   content: "\f007";
}
.xsQfFlagPanel.xi-fusrdel .xq-qfFlag.xi-state2 .xfi:before {
   content: "\f21b";
}
.xsQfFlagPanel.xi-fusrdel .xq-qfFlag.xi-state3 .xfi:before {
   content: "\f0c0";
}

/* quick find local indicator filter: global, local, all */
.xsQfFlagPanel.xi-flocalind .xq-qfFlag .xfi:before,
.xsQfFlagPanel.xi-flocalind .xq-qfFlag.xi-state1 .xfi:before {
   content: "\f0ac";
}
.xsQfFlagPanel.xi-flocalind .xq-qfFlag.xi-state2 .xfi:before {
   content: "\f015";
}
.xsQfFlagPanel.xi-flocalind .xq-qfFlag.xi-state3 .xfi:before {
   content: "\f29a";
}