/**
 * If you are developing a project that makes use of Dijit widgets, you will probably want to include the two files
 * below; otherwise, you can remove them. When building for release, Dojo will automatically combine all of your
 * @imported CSS files into a single file.
 *
 * It is highly, highly recommended that you develop your CSS using Stylus: http://learnboost.github.com/stylus/.
 */
/*
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*/
@import "fonts.css";
/* ===== NEW COLOR VARIABLES ===== */
/* ===== NEW TYPOGRAPHY MIXINS ===== */
/* Base inherited styles should be Open Sans font, font-weight 400 and color #333/@gray5 */
@import '../../../dojo/resources/dojo.css';
@import '../themes/espresso/espresso.css';
@import "../../../dgrid/css/dgrid.css";
@import "../../../dgrid/css/dgrid_rtl.css";
@import "../../../dgrid/css/extensions/ColumnHider.css";
@import "../../../dgrid/css/extensions/ColumnResizer.css";
@import "../../../dgrid/css/skins/claro.css";
@import "../../../dgrid-1.3.3/css/dgrid.css";
@import "../../../dojox/editor/plugins/resources/css/Save.css";
@import "../../../dojox/editor/plugins/resources/css/SafePaste.css";
@import "../../../dojox/layout/resources/ToggleSplitter.css";
@import "../gs-icon/gs-icon.css";
@import "gscommon.css";
@import "bootstrap-skeleton.css";
@import "CommonRTL.css";
.t-jumbo {
  font-size: 20px;
}
.t-large {
  font-size: 16px;
}
.t-medium {
  font-size: 14px;
}
.t-medium-loud {
  font-size: 14px;
  font-weight: 700;
}
.t-small-loud {
  font-size: 13px;
  font-weight: 600;
}
.t-small {
  font-size: 13px;
}
.t-small-soft {
  font-size: 13px;
  font-style: italic;
}
.t-tiny-forte {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.t-tiny-loud {
  font-size: 11px;
  font-weight: 600;
}
.t-tiny {
  font-size: 11px;
}
/* @import "../../../gridx/resources/claro/Gridx.css"; */
html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif !important;
  color: #333333;
}
.espressoSprite {
  background-image: url("../images/espressoSprite.png");
}
#gsEspresso-BC {
  border: none !important;
}
/*
#gsEspresso-top_splitter{
  display:none;
}
*/
.searchIcon {
  width: 17px;
  height: 16px;
  padding: 4px 8px;
  background-color: #0C9CE5;
  background-position: -2px -213px;
  border: 1px solid #fff;
  text-indent: -9999px;
  cursor: pointer;
}
#contextView_heading {
  font-size: 19px;
  margin: 0;
  line-height: 65px;
  font-weight: 300;
}
.dijitDialog {
  font-size: 14px;
}
.dialogIcon {
  text-indent: -9999px;
  width: 35px;
  height: 35px;
  margin: 0 14px 0 0;
  float: left;
}
.reportDialog .dialogIcon {
  background-position: -53px -50px;
}
.galSysRunReportList .dgrid-row {
  padding: 5px 10px;
}
#gsEspresso-leading {
  background-color: #C1C1C1;
  width: 350px;
}
#gsEspresso-center {
  background: #fff;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.invisible {
  visibility: hidden;
}
#contextViewToolbar h1 {
  color: #58595B;
  font-size: 18px;
}
.results_text {
  width: 31%;
  margin-right: 1%;
  margin-bottom: 1%;
}
#thesLayout {
  width: 100%;
  height: 100%;
}
/*
.contextView {
    padding: 1em;
}
*/
.boxSizingBorder {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.queryResults {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#queryResults_content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#queryResults_content .dgrid {
  width: 100%;
  height: 100%;
  border: none;
}
#queryResults_content .dgrid-column-image {
  width: 50px;
}
#queryResults_content .dgrid-row {
  height: 5em;
}
#queryResults_content .dgrid-cell {
  overflow-y: hidden;
}
#queryResults_content {
  padding: 23px 23px 0;
  border-top-style: none;
}
#contextView_content {
  padding: 23px 18px 0;
  border-top-style: none;
}
#navigationView_content,
#contextList_content {
  padding: 0;
  border: none;
  height: 100%;
}
.navigationView {
  height: 100%;
}
#navigationView_tabContainer {
  height: 100%;
  width: 100%;
  border: none !important;
}
.galSysListView {
  /*padding: 0;
  border: none;
  width: 100%;
  height: 100%;*/
}
.galSysListView .dgrid .dgrid-header .field--2 {
  visibility: hidden;
}
.largest {
  font-size: 1.5em;
}
.larger {
  font-size: 1.25em;
}
.medium {
  font-size: 1em;
}
.smaller {
  font-size: 0.87em;
}
.smallest {
  font-size: 0.75em;
}
.galSysCapPosTop label {
  /*display: block;
  min-height: 1em;
  margin-bottom: 2px;*/
}
.galSysCapPosSide label {
  display: inline-block;
  /*float: left;*/
  margin-bottom: 2px;
}
.galSysCapPosTop {
  /* display: block;
  min-height: 1em;
  margin-bottom: 2px;
  margin-top: 2px;*/
}
.galSysCapPosSide {
  display: inline-block;
  /*float: left;*/
  margin-bottom: 2px;
}
.galSysCapPosBefore,
html[dir=rtl] .galSysCapPosAfter {
  margin-right: 2px;
}
.galSysCapPosAfter,
html[dir=rtl] .galSysCapPosBefore {
  margin-left: 2px;
}
.galSysMultiLineTextInput {
  border: none;
}
.galSysMultiLineTextInput .galSysExpandButton {
  position: absolute;
  top: 13px;
  left: auto;
  right: 10px;
  cursor: pointer;
  display: block;
  margin: 0 auto 0;
  font-size: 18px;
}
html[dir=rtl] .galSysMultiLineTextInput .galSysExpandButton {
  left: 10px;
  right: auto;
}
.galSysMultiLineTextInput.expanded .galSysExpandButton {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.galSysHeader.dijitContentPane {
  background-color: #e5f2fe;
  border: 1px solid #ddd;
  padding: 0;
  /*height: 23px;*/
}
.galSysCaption {
  font-weight: bold;
  margin: 2px 8px;
}
.galSysClassificationsTotal {
  /*   display: none;*/
}
.galSysClassificationsListDisplay .dgrid-scroller {
  overflow-y: auto;
  margin-top: 36px !important;
}
.galSysClassificationsListDisplay .galSysButtonPane {
  float: right;
}
.galSysClassificationsListDisplay .dgrid-scroller .dgrid-content {
  width: inherit !important;
}
.galSysMultiItemInput .dgrid-scroller {
  overflow-y: auto;
}
.galSysMultiItemInput .autoHeight {
  height: auto;
}
.galSysMultiItemInput .autoHeight .dgrid-scroller {
  position: relative;
  overflow: visible;
}
.galSysWidthAuto {
  width: auto !important;
}
.galSysWidgetToolbar {
  /*
  display: inline-block;
  float: right;
  */
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  text-align: end;
}
#dijit_layout_ContentPane_0 {
  font-size: 14px;
}
.galSysClassification .dijitComboBoxFocused .dijitButtonNode,
.galSysClassification .dijitComboBoxHover .dijitButtonNode {
  visibility: visible;
}
.galSysClassification .dgrid-cell-padding {
  padding: 0;
}
.galSysBanner {
  vertical-align: top;
  font-size: 1.5em;
  margin: 0.5em;
}
.galSysDisplayBlock {
  display: block;
  margin-top: 10px;
}
.galSysMessageInvalid {
  color: #cc3b27;
}
.galSysLoading {
  background-image: url('../loadingspinner.gif') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: rgba(255, 255, 255, 0.88) !important;
}
.border-box {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
textarea {
  resize: none;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
textarea,
pre {
  font-family: inherit;
  font-size: 14px !important;
}
h1 {
  font-size: 1.5em;
}
[draggable=true] {
  cursor: pointer;
}
.galSysStaticText {
  padding: 0;
}
.galSysStaticTextContent {
  padding: 0;
  overflow: hidden;
  font-size: 14px;
}
/* extra editor styles */
.galSysSimpleTextEntry .dijitToolbar .dijitButtonActive .dijitButtonNode,
.galSysSimpleTextEntry .dijitToolbar .dijitButtonHover .dijitButtonNode,
.galSysMainToolbarOptions .dijitButtonHover .dijitButtonNode {
  background: none !important;
  background-color: none !important;
  background-image: none !important;
  outline: none !important;
}
.galSysMainToolbarOptions .dijitButtonHover .dijitButtonNode {
  border-color: transparent !important;
}
.galSysSimpleTextEntry .dijitButtonContents:focus,
.galSysSimpleTextEntry .dijitButton:focus,
.galSysSimpleTextEntry .dijitButtonNode:focus {
  outline: none !important;
  border: none !important;
}
.galSysEditor_ctrl_on {
  background-color: #0074AD;
}
.espresso .galSysEditor_ctrl_on .dijitIcon {
  color: #FFF;
}
/* end extra editor styles */
/* extra simple text entry styles */
.galSysSimpleTextEntry .galSysWidgetHeader {
  width: 100%;
  /* border-bottom: 1px solid #b5bcc7; */
}
.galSysSimpleTextEntry .galSysWidgetLabelArea {
  float: left;
}
.galSysSimpleTextEntry .galSysWidgetToolbarArea {
  float: right;
}
.galSysSimpleTextEntry.galSysSimpleTextEntryRtl .galSysWidgetLabelArea {
  float: right;
}
.galSysSimpleTextEntry.galSysSimpleTextEntryRtl .galSysWidgetToolbarArea {
  float: left;
}
.galSysSimpleTextEntry .dijitEditor {
  clear: both;
  border: none;
}
.galSysSimpleTextEntry .galSysWidgetToolbar .dijitButtonHover .dijitHover {
  background-color: transparent !important;
}
.galSysSimpleTextEntry .dijitEditorIFrameContainer {
  border-width: 1px 1px 1px 1px;
  border-color: #b5bcc7;
  border-style: solid;
}
.galSysSimpleTextEntry .galSysFullScreenEditor {
  background-color: aliceblue;
  position: fixed !important;
  z-index: 1000 !important;
}
/* end extra simple text entry styles */
/* utilities */
.galSysHide {
  display: none !important;
}
#gsEspresso_Banner {
  width: 100%;
}
#banner_heading,
.galSysBannerHeader {
  line-height: 65px;
  padding: 0;
  margin: 0;
  font-size: 20px;
}
#banner_viewSwitch {
  display: inline-block;
  float: right;
  margin-right: 50px;
}
.galSysMainToolbarRight {
  margin: 10px 0 0;
}
.galSysSearchToggle {
  color: #fff;
  outline: none;
}
.galSysSearchToggle .dijitButtonNode {
  height: 32px;
  width: 33px;
  text-align: center;
  padding: 0;
  margin: 0 10px 0 0;
  outline: none;
  background-color: #0074AD;
  border: none;
  transition: 0.2s ease-in-out;
}
.galSysSearchToggle .dijitButtonNode:hover {
  background-color: #FFF;
  color: #333333;
}
.galSysSearchToggle .dijitButtonNode .dijitButtonText {
  display: none;
}
.galSysSearchToggle .dijitButtonNode .dijitIcon {
  line-height: 32px;
  font-size: 18px;
}
.galSysUserMenu {
  height: 26px;
  padding: 0;
  margin: 0;
  line-height: 26px;
  border: 2px solid #E6E7E8;
  background: transparent;
  color: #E6E7E8;
}
.galSysUserMenu .dijitButtonNode {
  border: none;
}
.galSysUserMenu .dijitArrowButtonInner {
  position: relative;
  top: -4px;
  right: -5px;
}
.galSysUserMenu .dijitButtonText {
  margin-right: 10px;
  font-size: 11px;
  text-transform: uppercase;
  padding: 7px 7px;
}
.galSysUserMenu .dijitArrowButton {
  border: none;
  outline: none;
}
.galSysNavToolbar .dijitButton .dijitButtonNode,
.galSysNavToolbar .dijitButton .dijitButtonContents {
  padding: 0;
  margin: 0;
}
.galSysNavToolbar .dijitButtonHover .dijitButtonNode {
  background: none;
}
.galSysNavToolbar .galSysNavPos {
  margin: 0 10px;
  width: 100px;
}
.galSys-mxo-dwnload-btn-cont .dijitButton {
  float: none;
  border: 1px solid #58595B;
  text-transform: uppercase;
  color: #58595B;
  font-size: 11px;
  font-weight: 600;
  margin-top: 7px;
}
.galSys-mxo-dwnload-btn-cont .dijitButtonText {
  text-transform: uppercase;
  font-size: 11px;
  color: #000;
}
.claro .gridxRowSelected .gridxRowTable,
.claro .gridxRowSelected .gridxCell,
.claro .gridxRow .gridxColumnSelected,
.claro .gridxRow .gridxCellSelected {
  /*
  background:url("../images/rowback.png") #cee6fa repeat-x;
  */
  background-color: #bfd6eb !important;
}
#gsEspresso-top {
  height: 115px;
  overflow: hidden;
}
#gsEspresso-bottom {
  height: 222px;
  overflow: hidden;
}
/* Banner Data View */
.galSysBannerDataView {
  padding: 23px;
  overflow: auto;
  border-bottom: 1px solid #E6E7E8;
}
#gsEspresso_CenterContent,
#gsEspresso_WelcomeBanner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#gsEspresso_CenterContent-cp-center,
#gsEspresso_WelcomeBanner-cp-center {
  overflow: hidden;
}
.galSysContextScrollableArea,
.contextList {
  overflow: auto;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
}
.viewSwitcherIcon {
  /*height:17px;
  width:17px;*/
  font-size: 18px;
}
.lightboxViewIconDarkGray {
  background-position: -4px -390px;
}
.listViewIconInactive:before {
  content: "\f00b";
  font-family: FontAwesome;
  color: #808080;
}
.detailViewIconDarkGray {
  background-position: -61px -390px;
}
.lightboxViewIconWhite {
  background-position: -4px -365px;
}
.listViewIconWhite {
  background-position: -31px -365px;
}
.detailViewIconWhite {
  background-position: -61px -365px;
}
.galSysThumbnail {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  text-align: center;
  padding: 15px 10px 0px 10px;
  background-color: #fff;
  min-height: 206px;
  transition: background 0.3s;
  box-shadow: 0px 0px 3px #666;
  -webkit-box-shadow: 0px 0px 3px #666;
  -moz-box-shadow: 0px 0px 3px #666;
}
.galSysThumbnail.galSysThumbnailRtl {
  margin-left: 15px;
  margin-right: unset;
}
.galSysThumbActionBar {
  height: 32px;
  background-color: #EDEDED;
  border-top: 1px solid #C5C5C5;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 5px;
  font-size: 16px;
}
.galSysThumbnailSelected {
  background-color: #fff;
  outline: 4px solid #006699;
}
.galSysThumbnailFocused {
  background-color: #CFDFE9 !important;
  /*
  transition: background-color .3s ease-in;
  */
}
.galSysThumbnail .dijitButtonFocused .dijitButtonContents .dijitIcon {
  box-shadow: 0px 3px 0px #231f20;
}
.galSysThumbnailImage {
  display: block;
  margin: 0px auto 10px;
}
.galSysThumbnailDragging {
  outline: 1px green dotted;
}
.galSysThumbnailPrimaryLabel {
  float: none;
  /* the element cannot be floating for this to work */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 13px;
}
.galSysThumbnailSecondaryLabel {
  font-size: 13px;
  font-style: italic;
  float: none;
  /* the element cannot be floating for this to work */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.galSysSimpleMediaXrefs {
  padding: 0;
  margin: 0 !important;
}
.galSysSimpleMediaXrefs .galSysContentTable {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.galSysSimpleMediaXrefs .galSysContentRow {
  display: table-row;
}
.galSysThumbnailSet .galSysWidgetHeader {
  display: table;
  table-layout: fixed;
  word-break: keep-all !important;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.galSysThumbnailSet .galSysDragEnter {
  background-color: #d8e6ef;
}
.galSysThumbnailSetContent {
  min-height: 224px;
  width: auto;
  overflow-y: hidden;
  padding: 15px;
  background: #EDEDED;
  border: 1px solid #B3B3B3;
}
.galSysSimpleMediaXrefs .galSysWidgetToolbar {
  text-align: end;
  display: table-cell;
  outline: none;
}
.galSysSimpleMediaXrefs .galSysWidgetToolbar .dijitToggleButton {
  background: #1d86c3;
  width: 175px;
  font-size: 11px;
  border-radius: 5px;
  height: 25px;
  text-align: center;
  cursor: pointer;
}
.galSysSimpleMediaXrefs .galSysWidgetToolbar .dijitToggleButtonHover {
  background: #2997CE;
}
.galSysSimpleMediaXrefs .galSysWidgetToolbar .dijitToggleButtonChecked .dijitButtonNode {
  background: inherit;
  border: none;
}
/* .galSysSimpleMediaXrefs .galSysWidgetToolbar .dijitIcon{
  margin: 0px 5px -3px;
} Spacing for toolbar icons should be consistent across all widgets */
.galSysSimpleMediaXrefs .galSysWidgetToolbar .dijitButtonContents {
  text-transform: uppercase;
}
.galSysSimpleMediaXrefs .galSysFileDropArea {
  display: table-cell;
  width: 205px;
  height: 260px;
  vertical-align: top;
  border: none;
  position: relative;
  z-index: 1000;
}
.galSysFileDropAreaLabel {
  width: 62%;
  display: block;
  margin: 35px auto 8px auto;
  text-align: center;
}
.galSysSimpleMediaXrefs .galSysFileDropArea .galSysFileDropAreaContainer {
  display: table;
  height: inherit !important;
  width: 184px;
  height: 184px;
  border: 2px dashed #1d86c3;
  float: right;
  background: #F1F2F2;
  margin-right: 5px;
  /*
  table-layout: fixed;
  width: inherit !important;
  */
}
.galSysFileDropAreaLabel div:nth-child(2) {
  font-size: 14px;
  margin-top: 30px;
}
.galSysFileDropAreaRow .dijitButton {
  width: 88%;
  display: block;
  margin: 8px auto;
}
.galSysFileDropAreaRow .dijitButtonNode {
  width: 100%;
}
.text-x.dijitButton {
  font-family: verdana, sans-serif;
  font-size: 18px;
}
.galSysViewSwitcherIcon {
  font-size: 20px;
  font-family: FontAwesome;
}
.galSysViewSwitcherIcon.vs-inactive {
  color: #333333;
}
.galSysViewSwitcherIcon.vs-active {
  color: #0074AD;
}
.galSysViewSwitcherIcon.vs-stateless {
  color: #fff;
}
.galSysViewSwitcherIcon.listViewIcon:before {
  content: "\f00b";
}
.galSysViewSwitcherIcon.lightboxViewIcon:before {
  content: "\f009";
}
.galSysViewSwitcherIcon.dataEntryIcon:before {
  content: "\f04d";
  font-size: 19px;
  position: relative;
  top: -1px;
}
.galSysEditIcon:before {
  font-size: 18px;
  font-family: FontAwesome;
  content: "\f044";
}
.reportDialog #reportheadinglabel .dijitTextBox {
  width: 100%;
  margin-top: 3px;
  border-color: #BCBCBC;
}
.reportDialog #reportheadinglabel .dijitInputInner {
  height: 32px;
  text-indent: 7px;
}
.reportDialog #availablereportlist {
  height: 300px;
  border-color: #BCBCBC;
}
.espresso #gsEspresso-BC > .dijitSplitterH,
.espresso .galSysQueryBuilderDialog .dijitSplitterH {
  /*background: url(../images/dividerbghorizontal.png) 0 0 repeat-x;*/
  height: 10px;
}
.espresso #gsEspresso-BC > .dijitSplitterH .dijitSplitterThumb,
.espresso .galSysQueryBuilderDialog .dijitSplitterH .dijitSplitterThumb {
  /*top:3px;
  background:#fff;
  */
  /*background:#6D6E70;*/
  height: 10px;
}
.espresso #gsEspresso-BC > .dijitSplitterV,
.espresso .galSysQueryBuilderDialog .dijitSplitterV {
  /*background: url(../images/dividerbgvertical.png) 0 0 repeat-y;*/
  width: 10px;
}
.espresso #gsEspresso-BC > .dijitSplitterV .dijitSplitterThumb,
.espresso .galSysQueryBuilderDialog .dijitSplitterV .dijitSplitterThumb {
  /*left:3px;*/
  /*background:#6D6E70;*/
  width: 10px;
}
.espresso .dojoxToggleSplitter .dijitSplitterThumb {
  background: #6D6E70;
}
.espresso .dojoxToggleSplitter .dijitSplitterThumb:hover {
  background: #2997CE;
}
.espresso .dijitSplitterHHover,
.espresso .dijitSplitterVHover {
  font-size: 1em;
}
.espresso .dojoxToggleSplitterRight .dojoxToggleSplitterA11y,
.espresso .dojoxToggleSplitterLeft .dojoxToggleSplitterA11y {
  display: block;
  color: transparent;
  font-size: 1em;
  top: 42%;
}
.espresso .dojoxToggleSplitterTop .dojoxToggleSplitterA11y,
.espresso .dojoxToggleSplitterBottom .dojoxToggleSplitterA11y {
  display: block;
  color: transparent;
  font-size: 1em;
  line-height: 0.67777778em;
  text-align: center;
}
.espresso .dojoxToggleSplitterA11y:before {
  font-family: FontAwesome;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.espresso .dojoxToggleSplitterTop .dojoxToggleSplitterIconOpen .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterBottom .dojoxToggleSplitterIconClosed .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterTop .dojoxToggleSplitterIconOpenHover .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterBottom .dojoxToggleSplitterIconClosedHover .dojoxToggleSplitterA11y:before {
  content: "\f077";
}
.espresso .dojoxToggleSplitterBottom .dojoxToggleSplitterIconOpen .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterTop .dojoxToggleSplitterIconClosed .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterBottom .dojoxToggleSplitterIconOpenHover .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterTop .dojoxToggleSplitterIconClosedHover .dojoxToggleSplitterA11y:before {
  content: "\f078";
}
.espresso .dojoxToggleSplitterLeft .dojoxToggleSplitterIconOpen .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterRight .dojoxToggleSplitterIconClosed .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterLeft .dojoxToggleSplitterIconOpenHover .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterRight .dojoxToggleSplitterIconClosedHover .dojoxToggleSplitterA11y:before {
  content: "\f053";
}
.espresso .dojoxToggleSplitterRight .dojoxToggleSplitterIconOpen .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterLeft .dojoxToggleSplitterIconClosed .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterRight .dojoxToggleSplitterIconOpenHover .dojoxToggleSplitterA11y:before,
.espresso .dojoxToggleSplitterLeft .dojoxToggleSplitterIconClosedHover .dojoxToggleSplitterA11y:before {
  content: "\f054";
}
.dj_ios .espresso #gsEspresso-BC > .dijitSplitterH,
.dj_android .espresso #gsEspresso-BC > .dijitSplitterH {
  height: 10px;
}
.dj_ios .espresso #gsEspresso-BC > .dijitSplitterH .dijitSplitterThumb,
.dj_android .espresso #gsEspresso-BC > .dijitSplitterH .dijitSplitterThumb {
  top: 0;
}
.dj_ios .espresso #gsEspresso-BC > .dijitSplitterV,
.dj_android .espresso #gsEspresso-BC > .dijitSplitterV {
  width: 10px;
}
.dj_ios .espresso #gsEspresso-BC > .dijitSplitterV .dijitSplitterThumb,
.dj_android .espresso #gsEspresso-BC > .dijitSplitterV .dijitSplitterThumb {
  left: 0;
}
/*
.dijitBorderContainer .dijitSplitterV .dojoxToggleSplitterIcon {
  vertical-align: middle;
  width: 10px;
  height: 71px;
  left: 2px;
  top: 45%;
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: white;
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dojoxToggleSplitterLeft .dojoxToggleSplitterIconOpen:before,
.dojoxToggleSplitterRight .dojoxToggleSplitterIconClosed:before {
  content: "\f0d9";
}

.dojoxToggleSplitterRight .dojoxToggleSplitterIconOpen:before,
.dojoxToggleSplitterLeft .dojoxToggleSplitterIconClosed:before {
  content: "\f0da";
}
*/
.dashboard {
  padding: 23px;
  position: absolute;
  top: 115px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
}
.dashboard .dijitTitlePaneTitle {
  padding: 12px 15px;
}
.dashboard .dijitTitlePaneContentOuter {
  border: none;
}
.dashboard .dijitTitlePaneContentInner {
  padding: 0;
}
.dashboard .dijitTitlePaneContentOuter .dijitToolbar {
  position: absolute;
  top: 6px;
  left: auto;
  right: 15px;
}
html[dir=rtl] .dashboard .dijitTitlePaneContentOuter .dijitToolbar {
  left: 15px;
  right: auto;
}
html[dir=ltr] .dashboard .dijitTitlePaneContentOuter .dijitToolbar .dijitButton {
  margin-left: 15px;
}
html[dir=rtl] .dashboard .dijitTitlePaneContentOuter .dijitToolbar .dijitButton {
  margin-right: 15px;
}
.dashboard .gridxRowTable td,
.dashboard .gridxHeaderRowInner td {
  padding: 6px 10px !important;
}
.dashboard .gridxRowSelected .gridxRowTable {
  background-color: #cee8f2 !important;
}
.dashboard .gridxBodyRowHoverEffect .gridxRowOver > .gridxRowTable {
  background-color: inherit;
}
.dashboard h2 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #595A5C;
  margin: 0 0 20px;
}
/*
.espresso .galSysEmptyValue, .espresso .galSysEmptyValue .dgrid-cell {
  color: @gray2;
}
*/
.espresso .galSysGridLayout,
.espresso .galSysGridLayout .dgrid-cell {
  /*border-width: 1px !important;*/
  border-color: #bcbcbc !important;
}
.espresso .galSysGridLayout textarea,
.espresso .galSysPackageFoldersDialog .dgrid textarea {
  min-height: 34px;
  /* fixes the remarks input in these grids not appearing full height */
  max-height: 80px;
}
.espresso .dgrid-cell > .galSysCellWrapper {
  min-height: 34px;
  /* fixes the remarks input in these grids not appearing full height */
  max-height: 80px;
  overflow: hidden;
}
/*
.espresso .galSysGridLayout td.dgrid-cell {
  background-color: white;
}
*/
.espresso :not(.galSysThesaurusXrefs) > .galSysGridLayout td.dgrid-column-value {
  background-color: white !important;
}
.galSysGridLayout .dgrid-input,
.galSysGridLayout .dgrid-input * {
  background-color: transparent !important;
}
.galSysGridLayout .dgrid-column-actions {
  width: 72px;
}
.galSysGridLayout .dgrid-column-actions > * {
  /*visibility: hidden;*/
  opacity: 0;
}
/*
.galSysGridLayout .dgrid-focus>* {
  opacity: 1;
}
*/
.galSysGridLayout .dgrid-row:focus-within .dgrid-column-actions > * {
  /*visibility: visible;*/
  opacity: 1;
}
.galSysGridLayout .dgrid-row:hover .dgrid-column-actions > * {
  /*visibility: visible;*/
  opacity: 1;
}
/*
.galSysGridLayout .dgrid-row-selected .dgrid-column-actions>* {
  visibility: visible;
}
*/
.galSysGridLayout .galSysEmptyValue:hover .dgrid-column-actions > * {
  /*visibility: hidden;*/
  opacity: 0;
}
.galSysThesaurusXrefs .galSysGridLayout .dgrid-column-actions {
  width: 120px;
}
.galSysThesaurusXrefs .galSysGridLayout .dgrid-row:hover .dgrid-column-actions > * {
  opacity: 1;
}
.galSysThesaurusXrefs .galSysGridLayout .dgrid-row .dgrid-cell:focus,
.galSysThesaurusXrefs .galSysGridLayout .dgrid-row .dgrid-cell:focus-within > * {
  opacity: 1;
}
.galSysGridLayout .galSysEmptyValue:hover .dgrid-column-actions > * {
  opacity: 1;
}
/*
.galSysThesaurusXrefs .galSysGridLayout .dgrid-column-actions>* {
  visibility: hidden;
}

.galSysThesaurusXrefs .galSysGridLayout .dgrid-row:hover .dgrid-column-actions>* {
  visibility: visible;
}

.galSysThesaurusXrefs .galSysGridLayout .dgrid-row.dgrid-selected .dgrid-column-actions>* {
  visibility: visible;
}

.galSysThesaurusXrefs .galSysGridLayout .dgrid-row .dgrid-cell:focus,
.galSysThesaurusXrefs .galSysGridLayout .dgrid-row .dgrid-cell:focus-within > * {
  visibility: visible;
}

.galSysGridLayout .galSysEmptyValue:hover .dgrid-column-actions>* {
  visibility: visible;
}
*/
.galSysTextBoxWithAction .dijitTextBox {
  font-size: 14px;
  box-sizing: border-box;
  width: 100%;
}
.galSysTextBoxWithAction .dijitTextBox .dijitInputField {
  line-height: 2em;
  text-indent: 10px;
}
.galSysTextBoxWithAction .dijitTextBox .dijitInputInner {
  min-height: 28px;
  text-indent: 7px;
}
.galSysTextBoxWithAction .dijitButton.dijitDisabled {
  background-color: #ccc;
}
.galSysTextBoxWithAction .dijitButton:hover {
  background-color: #2997ce;
}
.galSysTextBoxWithAction .dijitButton.dijitDisabled:hover {
  background-color: #ccc !important;
}
.galSysTextBoxWithAction .dijitButtonNode {
  text-align: center;
  display: block;
}
.galSysTextBoxWithAction .dijitButtonNode .dijitButtonText {
  color: #fff;
}
.galSysBlueButton {
  background-color: #1d86c3;
  border-radius: 5px;
  margin-top: 0px;
  height: 34px;
  margin-bottom: 0px;
  display: inline-block;
  line-height: 2em;
}
.galSysBlueButton.dijitButton.dijitDisabled {
  background-color: #ccc !important;
}
.galSysBlueButton:hover {
  background-color: #2997ce;
}
.galSysBlueButton .dijitButtonNode {
  color: #fff !important;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* close commented backslash hack */
.galSysEnvCtrl {
  padding: 20px;
  background: #f1f1f2;
  border: 1px solid #BCBCBC;
  float: left;
}
.galSysEnvCtrl .dgrid-header {
  background: #E6E7E8;
}
.galSysEnvCtrl .dgrid-header th {
  padding: 2px 6px;
  text-align: center;
  outline: none;
}
.galSysEnvCtrl .dgrid-header th:first-child {
  text-align: start;
}
.espresso #contextView_content .galSysEnvCtrl .dgrid-scroller {
  overflow-y: auto;
}
.espresso #contextView_content .galSysEnvCtrl .dgrid td .dijitCheckBox {
  display: block;
  margin: 6px auto 0;
}
.espresso #contextView_content .galSysEnvCtrl .galSysMultiItemInput .dgrid-row .dgrid-cell {
  border: 1px solid #ddd;
  border-top: none;
}
.espresso #contextView_content .galSysEnvCtrl .dgrid td .dijitTextBox {
  /*border-right: none;
    border-bottom: none;*/
  text-align: center;
}
.espresso #contextView_content .galSysEnvCtrl .dgrid {
  margin-bottom: 20px;
}
#gsEspresso-bottom_splitter {
  background-color: #C9477C;
}
/**** Firefox-specific scrollbar decoration (experimental) ****/
.espresso * {
  scrollbar-color: dark;
  /*@gray4 @gray1;*/
  scrollbar-width: thin;
}
/***************************************************************/
::-webkit-scrollbar-thumb {
  background-color: #A7A9AC;
  -webkit-box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.6);
}
::-webkit-scrollbar-thumb:hover {
  background-color: #004574;
}
::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background-color: #EDEDED;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
/* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-track:hover {
  /* background:#fff; */
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
/* close commented backslash hack */
/* experimental reusable grid classes */
.galSysRow {
  width: 100%;
}
.galSysRow:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.galSysRow {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .galSysRow {
  height: 1%;
}
.galSysRow {
  display: block;
}
/* close commented backslash hack */
.galSysCol-4 {
  float: left;
  width: 30%;
  padding-right: 3.33%;
}
/* end experimental reusable grid classes */
/* media grid */
.mediaGrid {
  width: auto !important;
  min-height: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.mediaGrid .galSysThumbnailPrimaryLabel {
  display: none;
}
.mediaGrid .galSysThumbnailSecondaryLabel {
  display: none;
}
.galSysSimpleMediaXrefs .dijitCheckBox {
  display: block;
  margin: 0 auto;
}
/*end media grid*/
.dijitDialog .galSysLoginPanel {
  margin: 0 !important;
  box-shadow: none !important;
  padding: 50px 92px 100px 92px !important;
}
#logon_dialog_underlay,
#logoff_dialog_underlay {
  /*background-color: darken(@theme-medium,5%);*/
  background-color: #2b0c38;
  opacity: 1;
}
#logoff_message {
  height: 220px;
  line-height: 180px;
  text-align: center;
}
#logoff_message > span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 20px;
}
/* error styles */
.espresso .galSysNoResultsMsg {
  font-size: 21px;
  color: #cc3b27;
  text-align: center;
  margin-top: 22px;
}
.espresso .galSysLabelError,
.espresso .galSysLabelError label {
  color: #cc3b27;
  font-weight: bold;
}
/*Media comparison overlay*/
.galSysMediaCompareOverlay {
  top: 0 !important;
  left: 0 !important;
  right: 0;
  bottom: 0;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  /*overflow:auto;*/
}
.galSysMediaCompareOverlay .dijitDialogPaneContent {
  display: none;
}
/*
  .galSysMediaCompareOverlay .dijitDialogTitleBar{
    width:100% !important;
    margin:0 auto !important;
    padding: 20px 0 0 0 !important;
  }
  */
.galSysMediaCompareOverlay .dijitDialogCloseIcon {
  padding-right: 15px !important;
}
.galSysMediaCompareView #galSysMedia_0 {
  display: block;
  width: 100%;
  height: 450px;
}
.compareImage {
  float: left ;
  width: 100%;
}
.compare .dijitSlider {
  margin: 10px auto;
}
.compareTools {
  background: #FFF;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.layerIcon {
  background: url("../images/espressoSprite.png") no-repeat -16px -573px;
  width: 21px;
  height: 16px;
}
.layerIcon-inactive {
  background: url("../images/espressoSprite.png") no-repeat -49px -573px;
  width: 21px;
  height: 16px;
}
.panner-active {
  color: #1d86c3 !important;
}
.compareInfoBtn {
  left: -35px;
  position: relative;
}
.zoomContainer,
.opacityContainer {
  float: left;
  width: 50%;
  height: 100%;
}
.opacityValue {
  float: left;
  margin: 5px 5px;
}
.zoomValue {
  float: left;
  margin: 5px 5px;
  right: 0;
  position: absolute;
  margin-right: 30px;
}
.overlayImage {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  z-index: 500;
}
.overlayZoomSlider {
  right: 0;
  position: absolute;
  margin-right: 70px !important;
}
.overlayOpacitySlider {
  float: left;
  margin-left: 30px !important;
}
.Landscape_2 .compareTools,
.Landscape_3 .compareTools {
  width: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.galSysMediaCompareView {
  display: block;
  clear: both;
  height: 400px;
  background: #ccc;
}
.galSysMediaCompareStrip {
  display: block;
  clear: both;
  width: 100%;
  margin-top: 50px;
  padding-top: 50px;
}
.rightMargin {
  margin-right: 4px;
}
.leftMargin {
  margin-left: 4px;
}
#galSysCompareThumbs {
  height: 260px;
}
.galSysMediaCompareStrip .dijitTitlePane {
  min-height: 125px;
}
.galSysMediaCompareOverlaySingleChild {
  padding: 0 !important;
}
#comparisonBorderContainer {
  background-color: rgba(153, 153, 153, 0.41);
  height: 100% !important;
  padding: 0px;
  width: 100% !important;
}
#compareStrip {
  width: 100% !important;
  border-top: 5px solid #C9477C;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: #FFF;
  height: 38px !important;
  top: inherit !important;
}
#compareStrip_titleBarNode {
  background-color: #FFF !important;
  height: 20px;
}
#compareStrip .dijitTitlePaneContentOuter {
  background-color: #FFF;
  border: none;
  overflow-x: auto;
  padding-top: 4px;
  padding-bottom: 8px;
  margin-top: -4px;
}
#compareStrip .dijitTitlePaneContentInner {
  padding: 0 10px;
}
#topBar {
  height: 50px;
  background-color: #FFF;
  nomargin-bottom: 5px;
  width: 100% !important;
}
.comparisonButton {
  color: #FFF !important;
  border: 1px solid #FFF;
  width: 86px;
  text-align: center;
  position: absolute;
  top: 6px;
  left: 20px;
}
.overlayButton {
  color: #FFF !important;
  border: 1px solid #FFF;
  text-align: center;
  position: absolute;
  top: 6px;
  left: 110px;
}
.comparisonButton span,
.overlayButton span {
  color: #FFF !important;
}
.closeButton {
  position: absolute;
  right: 20px;
  top: 6px;
  text-align: center;
}
.compareWrapper {
  float: left;
}
html[dir=rtl] .compareWrapper {
  float: right;
}
html[dir=rtl] .compareImage {
  float: right;
}
html[dir=rtl] .comparisonButton {
  right: 20px;
  left: unset;
}
html[dir=rtl] .overlayButton {
  right: 110px;
  left: unset;
}
html[dir=rtl] .closeButton {
  left: 20px;
  right: unset;
}
.closeButton span {
  color: #FFF;
}
.Portrait_1,
.Landscape_1 {
  width: 50% !important;
  float: none !important;
  margin: 0 auto;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.Landscape_2 {
  width: 100% !important;
  height: 50% !important;
  margin-top: 5px;
}
.Landscape_3 {
  width: 100% !important;
  height: 33% !important;
  margin-top: 5px;
}
.Portrait_2 {
  width: 49.9% !important;
}
.Portrait_3 {
  box-sizing: border-box;
  padding: 0;
  width: 33.33% !important;
}
.Portrait_4 {
  width: 50% !important;
  height: 50% !important;
  margin-top: 10px;
}
#mediaComparsionOverlay div.dijitDialogTitleBar {
  visibility: hidden !important;
  height: 0px !important;
  position: absolute;
  left: 0 !important;
  top: 0 !important;
}
.galSysMediaCompareOverlaySingleChild {
  top: 0 !important;
}
/* Reusable Buttons */
.galSys-btn-1 {
  background-color: #1d86c3;
  height: 28px;
  border-radius: 5px;
  margin: 10px 0px;
  padding: 0 8px;
  line-height: 26px;
}
.galSys-btn-1 .dijitButtonText {
  color: #fff;
}
.galSys-btn-1.dijitButtonHover {
  background-color: #2997ce;
}
.galSys-btn-1.dijitButtonDisabled {
  opacity: 0.5;
}
/* Annotations */
#gsAnnotations_Root {
  background-color: #333;
}
#gsAnnotations_Root .galSysBanner {
  margin: 0px 0px 40px 0px;
}
#gsAnnotations_Root .galSysBanner h1 {
  text-transform: uppercase;
  color: #666;
  text-align: center;
  margin: 0px;
}
/*  ModuleListView  */
#listView_content {
  height: 100%;
  position: relative;
}
#listView_content .gridx {
  position: absolute;
  top: 65px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto !important;
  width: 100% !important;
}
.galSysNotification {
  padding: 10px;
}
/* Margaret Patch Fixes */
#dashboard_content .galSysViewSwitcherIcon {
  color: #333;
  font-size: 14px;
  padding-top: 4px;
  font-family: Open Sans, sans-serif;
  padding: 0;
  margin: 0;
}
#dashboard_content .galSysViewSwitcherIcon:before {
  font-size: 18px;
  font-family: 'FontAwesome';
  margin-right: 6px;
  position: relative;
  top: 2px;
}
/* New Margaret Styles */
.espresso {
  /* Spacing for list views */
  /* To alter appearance of incorrect styled dropdown */
  /* To avoid double scrollbar or overflow caused by border (2px+ 100%) */
  /* To override gridX style scrollbars */
  /* To override gridX focus dashed border */
  /* To override gridX gradient background for checkbox/radio column? */
}
.espresso .galSysActBtn {
  background-color: #000000 !important;
  border-radius: 0;
  font-size: 16px;
}
.espresso .galSysActBtn .dijitButtonNode {
  padding-top: 5px;
}
.espresso .galSysActBtn .dijitButtonContents:focus .dijitButtonText {
  box-shadow: 0px 3px 0px #FFF;
}
.espresso .galSysActBtn:hover {
  background-color: #333333;
}
.espresso .dgrid-header .dgrid-cell {
  font-size: 14px;
  background-color: #EDEDED;
}
.espresso .dgrid-cell {
  font-size: 13px;
  border: 1px solid #B3B3B3;
  border-top: 0;
  border-left: 0;
}
.espresso .gridxHeaderRow .gridxCell {
  font-size: 14px;
}
.espresso .gridxCell {
  font-size: 13px;
}
.espresso .dgrid-cell-padding {
  padding: 6px 10px;
}
.espresso .dgrid {
  background-color: #FFF;
  /*prevents transparent backgrounds for table widgets in anchors*/
  border: 1px solid #B3B3B3;
}
.espresso .dgrid-selected {
  background-color: #CFDFE9;
  border: 1px solid #0074AD;
}
.espresso .galSysUvListView .galSysWidgetToolbar {
  float: right;
}
.espresso .galSysUvListView.galSysUvListViewRtl .galSysWidgetToolbar {
  float: left;
}
.espresso #contextList_content {
  position: relative;
}
.espresso #contextList_content .galSysUvListView {
  position: absolute;
  top: 16px;
  left: 20px;
  right: 20px;
  bottom: 0px;
}
.espresso #contextList_content .galSysUvListView .galSysListView {
  position: absolute;
  top: 40px;
  bottom: 20px;
  left: 0px;
  right: 0px;
  padding-top: 10px;
}
.espresso #contextList_content .galSysUvListView .galSysListView .dgrid {
  height: 100%;
}
.espresso #gsEspresso_ListView-cp-center {
  margin: 20px;
}
.espresso table.dijitDownArrowButton {
  height: 34px;
  text-indent: 3px;
}
.espresso table.dijitDownArrowButton .dijitButtonContents {
  border-right: 0;
}
.espresso table.dijitDownArrowButton .dijitArrowButton,
.espresso table.dijitDownArrowButton .dijitArrowButton.dijitSelectHover,
.espresso table.dijitDownArrowButton.dijitSelectHover {
  background-color: #FFF;
}
.espresso .gridx {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.espresso .gridxMac .gridxHScrollerInner::-webkit-scrollbar-thumb,
.espresso .gridxMac .gridxVScroller::-webkit-scrollbar-thumb {
  border-radius: 0 !important;
  border: 0 !important;
  background-color: #A7A9AC !important;
}
.espresso .gridxMac .gridxHScrollerInner::-webkit-scrollbar-thumb:hover,
.espresso .gridxMac .gridxVScroller::-webkit-scrollbar-thumb:hover {
  background-color: #004574 !important;
}
.espresso .gridx .gridxBody .gridxCellFocus {
  border: inherit !important;
}
.espresso .gridxRowHeaderRow {
  background: #FFF !important;
}
/* Temp Style probably, to space out buttons in Media Working List and keep labels from being hidden - Rendition numbers should not be hidden in Media Working List */
#gsEspresso_MediaWorkView .galSysWidgetHeaderRow .galSysWidgetToolbar .dijitButton {
  margin: 1px 4px;
  position: relative;
  top: 2px;
}
#gsEspresso_MediaWorkView .galSysThumbnailPrimaryLabel,
#gsEspresso_MediaWorkView .galSysThumbnailSecondaryLabel {
  visibility: visible !important;
}
#gsEspresso_MediaWorkView .galSysWidgetHeaderRow .galSysWidgetToolbar .galSysCloseBtn {
  margin-right: 20px;
  font-size: 16px;
}
#gsEspresso_MediaWorkView .galSysWidgetHeaderRow .galSysWidgetLabelArea:before {
  font-family: "gs-icon";
  font-size: 24px;
  color: #c9477c;
  content: "\70";
  float: left;
  position: relative;
  left: 4px;
}
#gsEspresso_MediaWorkView .dijitToolbar label {
  float: left;
  line-height: 32px;
  margin-inline-start: 3px;
  font-size: 16px;
}
#gsEspresso_MediaWorkView .toolbarStart {
  float: left;
}
#gsEspresso_MediaWorkView .galSysMediaWorkListRtl .galSysWidgetHeaderRow .galSysWidgetLabelArea:before {
  float: right;
  left: unset;
  right: 6px;
  transform: scaleX(-1);
}
#gsEspresso_MediaWorkView .galSysMediaWorkListRtl .dijitToolbar label {
  padding: 0 8px 0 3px;
  float: right;
}
#gsEspresso_MediaWorkView .galSysMediaWorkListRtl .toolbarStart {
  float: right;
}
.galSysMediaWorkList .galSysContentTable {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.galSysMediaWorkList .galSysThumbnailSetContent {
  min-height: 128px;
}
.galSysMediaWorkList .galSysThumbnail {
  min-height: 110px;
}
.galSysMediaWorkList .galSysContentRow {
  display: table-row;
}
.galSysMediaWorkList .galSysFileDropArea {
  display: table-cell;
  width: 205px;
  height: 152px;
  vertical-align: top;
  border: none;
  position: relative;
  z-index: 1000;
}
.galSysMediaWorkList .galSysFileDropArea .galSysFileDropAreaContainer {
  display: table;
  height: inherit !important;
  width: 184px;
  border: 2px dashed #1d86c3;
  float: right;
  background: #F1F2F2;
  margin-right: 5px;
}
.galSysMediaWorkList .galSysFileDropArea .galSys-smallBtn .dijitButtonNode {
  height: 20px !important;
  padding: 1px !important;
}
.galSysMediaWorkList .galSysFileDropArea .galSys-smallBtn .dijitButtonContents {
  padding-top: 0px !important;
}
.galSysMediaWorkList .galSysFileDropArea .galSys-smallBtn .dijitButton,
.galSysMediaWorkList .galSysFileDropArea .text-x.dijitButton {
  margin: 0.1em !important;
}
/* Reusable Components? */
.autofill {
  position: relative;
}
.autofill:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #000000;
  border-width: 17px;
  margin-top: -17px;
}
.galSysComplexContainer {
  padding: 15px;
  background: #EDEDED;
  border: 1px solid #B3B3B3;
}
.galSysComplexContainer .galSysThumbnailSetContent,
.galSysComplexContainer .galSysComplexContainer {
  background-color: #C5C5C5;
  border: 1px solid #A7A9AC;
}
.galSysComplexContainer .dijitTitlePaneTitle {
  background-color: #C5C5C5;
}
.galSysComplexContainer .dijitTitlePaneTitleOpen {
  background-color: #C2D2DC;
}
.galSysComplexContainer .galSys-secondaryBtnColor.dijitButtonDisabled .dijitButtonNode,
.galSysComplexContainer .galSys-primaryBtnColor.dijitButtonDisabled .dijitButtonNode {
  background-color: #d9d9d9;
}
.galSysComplexContainer .galSysContextView {
  background-color: #FFF;
  padding: 16px;
  border: 1px solid #B3B3B3;
  margin: 16px 0 16px 0;
}
.hr-custom-thick {
  margin: 20px 0;
  border: 2px solid #000000;
}
.hr-custom {
  border: 0;
  border-top: 1px solid #A7A9AC;
  margin: 20px 0;
}
.widget-label {
  margin: 6px 0 3px 0;
  font-size: 13px;
  font-weight: 600;
}
.widget-body label {
  /* Temp style probably, used to style labels that are not localized or present in the template file for now */
  font-size: 13px;
  font-weight: 600;
  text-align: start;
  margin: 6px 0 3px 0;
  display: inline-block;
}
.section-label {
  display: block;
  margin: 4px 0 8px 0;
  font-size: 14px;
  font-weight: 700;
}
.inline-selection {
  display: inline-block;
  margin-right: 20px;
}
html[dir=rtl] .inline-selection {
  display: inline-block;
  margin-left: 20px;
  margin-right: 0;
}
.block-selection {
  display: block;
  margin-bottom: 5px;
}
.visibility-hidden {
  visibility: hidden;
}
/* For Multi Cell Rows */
.widget-row {
  width: 100%;
  text-align: justify;
  margin-bottom: 14px;
  font-size: 0.1px;
  /* For White Space Issue */
}
.widget-row .fa {
  font-size: 16px;
  /* In case icons are hidden by font-size 0.1px rule */
}
.widget-row .widget-cell {
  vertical-align: top;
  position: relative;
  text-align: start;
  box-sizing: border-box;
}
.widget-row.widget-row-2 .widget-cell {
  width: 49%;
  display: inline-block;
}
.widget-row.widget-row-3 .widget-cell {
  width: 32%;
  display: inline-block;
}
.widget-row.widget-row-4 .widget-cell {
  width: 23.5%;
  display: inline-block;
}
.widget-row:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
}
/* Troubleshooting Multi Cell Rows */
.widget-cell .galSysTextBoxWithAction {
  position: relative;
  top: -6px;
}
/* For Multi or Single Cell Rows */
.widget-header {
  height: 23px;
}
.widget-single {
  margin-bottom: 14px;
}
.widget-body {
  font-size: 14px;
}
.widget-body table {
  font-size: 0.1px;
}
.widget-body .dijitTextBox,
.widget-body .dijitComboBox,
.widget-body table {
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
.widget-row .galSysWidgetHeader {
  height: 23px;
}
.widget-row .galSysWidgetLabelArea {
  margin: 6px 0 3px 0;
  font-size: 13px;
  font-weight: 600;
}
/* Placing title and toolbar in modal dialogs? */
.widget-title-left {
  font-weight: bold;
  float: left;
  margin-top: 7px;
  font-size: 14px;
}
html[dir=rtl] .widget-title-left {
  font-weight: bold;
  float: right;
  margin-top: 7px;
  font-size: 14px;
}
.widget-title-left:after {
  content: ' ';
  clear: both;
}
.widget-toolbar-right {
  text-align: end;
}
/* New Complex Widgets? */
.status-flags-box {
  border: 1px solid #B3B3B3;
  background-color: #FFF;
  padding: 8px;
  border-top: 3px solid #cc3b27;
  font-size: 13px;
}
.status-flags-label {
  font-style: italic;
}
.status-flags {
  color: #cc3b27;
}
.status-flags-box .fa-flag {
  color: #cc3b27;
  margin-right: 4px;
}
.status-flags-box b {
  font-weight: 700;
}
.dijitTitlePaneTitle .dijitToolbar {
  position: relative;
  bottom: 4px;
  left: 8px;
}
/* New Overrides: Dijit Radio, Sprite-based close button */
.espresso .status-flags-box .dijitButtonFocused .dijitButtonContents .dijitIcon {
  color: #006699;
  box-shadow: 0 3px 0 #006699;
}
.espresso .dijitCheckBoxInput {
  opacity: 1;
}
.espresso .dijitCheckBox {
  background-image: none !important;
  width: 16px;
  height: 16px;
}
.espresso .dijitRadio {
  background-image: none !important;
  float: none !important;
  width: inherit !important;
  height: inherit !important;
}
.espresso .dijitRadio input {
  margin: 1px;
  /* Fixes issue with radio buttons looking cut off in Macs? */
}
.espresso .dijitDialogCloseIcon:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
}
.espresso .galSysCrossFieldSearch .dijitDialogCloseIcon:before {
  font-size: 24px;
}
.espresso .dijitDownArrowButtonActive {
  background-color: inherit;
  /* gets rid of flash of blue bg for down arrow buttons on click */
}
/* Overrides dijit Tab Style */
.espresso .dijitTabContainer .dijitTab {
  background-image: none;
  border-radius: 0;
  background-color: #FFF;
}
.espresso .dijitTabContainer .dijitTab .tabLabel:focus {
  outline: none;
}
/* Overrides some dropdowns with large size text */
.dijitSelectLabel {
  font-size: 14px;
}
.galSysLanguageSelect .dijitSelectLabel {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
/* Overrides table-based dropdowns that have percentage based contents, which causes caret to appear in middle of box */
td.dijitArrowButtonContainer {
  width: 35px;
}
/* dom Constructed toolbar area, because ConxRefsLookup has a weird structure */
.galSysWidgetPseudoToolbar {
  position: absolute;
  right: 0;
  top: 2px;
}
.dgrid-cell .galSysWidgetPseudoToolbar {
  position: relative;
  /* When widget used in Table cell? See Environmental Measurements widget for example */
  display: inline-block;
}
.widget-cell .galSysWidgetPseudoToolbar .dijitIcon {
  margin-left: 7px;
}
/* New treeview dropdown caret - improve target area and appearance  */
.espresso .navigationView .dijitDownArrowButton .dijitArrowButtonInner:before {
  content: '\f078';
  font-family: "FontAwesome";
  font-size: 11px;
  top: -5px;
  right: 11px;
  padding: 6px 9px;
  position: relative;
  background-color: #0074AD;
  color: #FFF;
  z-index: 1;
}
.espresso .galSysTreeNodeBtn .dijitButtonNode {
  top: 4px;
  right: 4px;
  position: relative;
}
/* Fix for calculate button not picking up general styles - specificity issues */
.calculate-button .dijitButtonNode {
  width: 30px;
}
.calculate-button .dijitButtonNode .dijitButtonContents {
  color: #FFF;
  font-size: 15px;
  line-height: 13px;
}
/* End Margaret Patch Fixes */
/* Adding css related to mediaxref grid  */
.espresso .galSysMediaXrefGrid {
  /*height: auto !important;
  .dgrid-scroller {
    position: relative;
    overflow: auto;
    min-height: 150px;
  }*/
}
/* ending Media xref grid css*/
.galSysManageSubReport .dgrid .galSysTextBoxWithAction .widget-header {
  display: none;
}
/* Module Font Icon */
.gs-icon-module {
  color: #004574;
  margin-right: 8px;
  font-size: 26px;
  position: relative;
  top: 4px;
}
/* Add more spacing to dashboard queries */
.dashboard_titlePane {
  margin: 5px 0;
}
/* zoom edit */
.zoom-edit {
  position: relative;
}
.zoom-edit .fa-ellipsis-h {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 5px;
  padding-inline-end: 5px;
}
.zoom-edit .fa-ellipsis-h::before {
  margin-top: 0px !important;
}
html[dir=rtl] .zoom-edit .fa-ellipsis-h {
  right: unset;
  left: 5px;
}
.capitalize {
  text-transform: capitalize;
}
.dgrid-no-data {
  font-size: 14px;
  padding: 10px;
}
@media only screen and (max-height: 800px) {
  .espresso .galSysModuleLookUpDg .dgrid {
    height: 24em !important;
  }
}
.espresso .galSysModuleLookUpDg .galSysModuleLookupRelationship {
  margin-right: 20px;
  margin-left: unset;
}
html[dir=rtl] .espresso .galSysModuleLookUpDg .galSysModuleLookupRelationship {
  margin-left: 20px;
  margin-right: unset;
}
.espresso .galSysAddItemByPackageAsst .galSysItemsAvailable {
  margin: 10px 0;
  float: right;
}
html[dir=rtl] .espresso .galSysAddItemByPackageAsst .galSysItemsAvailable {
  float: left;
}
.galSysRunReportSelections .dojoxCheckedMultiSelectButton .dijitButtonContents .dijitButtonText {
  width: 100% !important;
}
#contextList_content .galSysUvListView .galSysLVActionBtn .dijitArrowButtonInner {
  display: none;
}
.fa input {
  font-family: 'Open Sans', sans-serif !important;
}
#gsEspresso-trailing {
  width: 28px;
  background-color: #FFF;
  /*  #gsEspresso_TrailingView, #trailingView_content, .galSysMultiItemInput, .dgrid-grid, .dgrid-scroller {
    height: inherit !important;
  }*/
}
#gsEspresso-trailing #gsEspresso_TrailingView {
  height: inherit !important;
}
#gsEspresso-trailing #gsEspresso_TrailingView #trailingView_content {
  height: 100%;
}
#gsEspresso-trailing #gsEspresso_TrailingView #trailingView_content .trailing-view-collapse-button {
  float: left;
  display: block;
}
#gsEspresso-trailing #gsEspresso_TrailingView #trailingView_content .trailing-view-collapse-button.dijitButtonRtl {
  float: right;
}
#gsEspresso-trailing #gsEspresso_TrailingView #trailingView_content .trailing-view-collapse-button.dijitButtonRtl .dijitIcon {
  transform: scaleX(-1);
}
#gsEspresso-trailing #trailingView_ActionsPane {
  border-inline-start: 1px solid #c5c5c5;
}
#gsEspresso-trailing #trailingView_ActionsPane .dijitButton {
  writing-mode: vertical-rl;
  width: 28px;
}
#gsEspresso-trailing #trailingView_ActionsPane .dijitButton.dijitButtonHover {
  background-color: #cfe5fa;
}
#gsEspresso-trailing #trailingView_ActionsPane .dijitButton .dijitButtonNode {
  padding: 11px 0;
  width: 28px;
}
#gsEspresso-trailing #trailingView_ActionsPane .dijitButton .dijitButtonText {
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
#gsEspresso-trailing #trailingView_ObjectWorkListPane .galSysObjectWorkList {
  padding-inline-end: 10px;
}
#gsEspresso-trailing #trailingView_PackagePane {
  height: 100%;
}
#gsEspresso-trailing #trailingView_PackagePane h1 {
  margin: 6px 0 10px 0;
  font-size: 16px;
}
#gsEspresso-trailing #trailingView_PackagePane .dijitIcon {
  font-size: 16px;
}
#gsEspresso-trailing #trailingView_PackagePane .packageHeaderInfo .galSysThumbnailImage {
  float: left;
  padding-right: 10px;
  margin-bottom: 0;
}
#gsEspresso-trailing #trailingView_PackagePane .packageHeaderTools {
  text-align: end;
}
#gsEspresso-trailing #trailingView_PackagePane .packageHeaderTools .fa-search {
  border: 2px solid black;
  padding: 6px;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager {
  height: calc(100% - 6px);
  padding-right: 10px;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .dijitArrowButtonInner {
  display: none;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .row {
  min-height: 55px;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager #packageItemsDiv {
  height: calc(100% - 90px);
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .dgrid {
  height: calc(100% - 30px);
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .dgrid .dgrid-scroller {
  margin-top: 26px !important;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .dgrid .dgrid-cell {
  text-align: center;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .dgrid .galSysThumbnailImage {
  margin: 6px 2px 6px 3px;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .field-select {
  width: 30px;
  vertical-align: middle;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .field-imageUrl {
  width: 65px;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .field-itemInfo {
  width: 60%;
  vertical-align: middle;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .galSysWidgetHeader {
  border-top: 4px solid #17b4ce;
  font-size: 16px;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManager .galSysWidgetHeader .galSysItemCount {
  display: none;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManagerRtl .packageHeaderInfo {
  float: right;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManagerRtl {
  padding-left: 10px;
  padding-right: unset;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManagerRtl .packageHeaderInfo .galSysThumbnailImage {
  float: right;
  padding-left: 10px;
  padding-right: unset;
  margin: 0;
}
#gsEspresso-trailing #trailingView_PackagePane .galSysPackageManagerRtl .galSysThumbnailImage {
  margin: 6px 3px 6px 2px;
}
.galSysWidgetToolbar .dijitArrowButtonInner {
  display: none;
}
.galSysWidgetToolbar .galSysWidgetToolbarLabel {
  float: left;
  margin: 3px 0 3px 0;
}
.galSysWidgetToolbarRtl .galSysWidgetToolbarLabel {
  float: right;
  margin: 3px 0 3px 0;
}
.galSysServerFolderLookup .dgrid {
  max-height: 30em !important;
}
@media only screen and (max-height: 800px) {
  .galSysServerFolderLookup .dgrid {
    max-height: 10em !important;
  }
}
th.dgrid-column-set-cell {
  height: 50px;
  border-bottom: 1px solid #b3b3b3;
}
.gslogo_transparent {
  background-image: url("../images/gslogo.png");
  background-repeat: no-repeat;
}
.gslogo_transparent.about_dialog {
  height: 100px;
  background-size: 300px;
}
.galSysDiagram * {
  font-family: "Noto Sans", sans-serif;
}
.galSysDiagram .joint-link:focus {
  outline: none;
}
.galSysDiagram .joint-link:focus path[joint-selector="wrapper"] {
  stroke: lightseagreen;
  opacity: 0.5;
}
.galSysDiagram .joint-element:focus {
  outline: none;
}
.galSysDiagram .joint-element:focus .outer {
  stroke: black;
}
.espresso .galSysSaveQueryDialog .galSys-outlineBtnPositive {
  float: right;
}
.espresso .galSysSaveQueryDialogRtl .galSys-outlineBtnPositive {
  float: left;
}
.espresso .galSysCrateLookup .widget-row-2 .galSys-mediumBtn {
  float: right;
}
.espresso .galSysCrateLookup .dijitDialogPaneActionBar {
  float: right;
}
.espresso .galSysCrateLookupRtl .widget-row-2 .galSys-mediumBtn {
  float: left;
}
.espresso .galSysCrateLookupRtl .dijitDialogPaneActionBar {
  float: left;
}
.espresso .galSysAboutDialog .about-info {
  margin-left: 20%;
}
.espresso .galSysAboutDialogRtl .about-info {
  margin-left: unset;
  margin-right: 20%;
}
.espresso .galSysFileDownloadSizeSelectDropdown.dijitMenu.dijitMenuRtl .dijitMenuItemLabel {
  unicode-bidi: plaintext;
}
.espresso .galSysNoUnderlayDialog_underlay {
  display: none;
}
