@keyframes loading-spinner-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes loading-spinner-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes waitMsgOverlay-loading-spinner-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes waitMsgOverlay-background-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
/******************************************************************************
* Main Delegate CSS styles                                                    *
* Assume CSS2/Standards Mode compatible browser                               *
******************************************************************************/
:root {
  --delegate-primary: #50bec8;
  --delegate-primary-border: #91c1c4;
  --delegate-primary-medium: #91d6dc;
  --delegate-primary-light: #d3eff1;
  --delegate-primary-lighter: #e4f5f6;
  --delegate-primary-lightest: #f4fbfb;
  --delegate-secondary: #464646;
  --delegate-secondary-medium: #8b8b8b;
  --delegate-secondary-light: #d1d1d1;
  --delegate-secondary-lighter: #e2e2e2;
  --delegate-secondary-lightest: #f3f3f3;
  --link-color: #0081a9;
  --input-border-color: darkgray;
  --input-disabled-color: #646464;
  --input-disabled-background: #f7f6f5;
  --input-disabled-border-color: darkgray;
  --input-readonly-color: #646464;
  --input-readonly-background: #f7f6f5;
  --input-readonly-border-color: darkgray;
  --label-disabled-color: #b4b4b4;
  --grid-row-color: white;
  --grid-row-alt-color: #e6e6e6;
  --grid-row-selected-color: #a7dee3;
  --grid-row-selected-alt-color: #8ad4da;
  --grid-row-sub-header: #909090;
}
.DGLABEL,
.DGLABELUNDERLINE {
  font-size: 8pt;
  color: black;
  font-family: Arial;
}
span.DGLABEL[disabled="true"],
span.DGLABEL[disabled="disabled"],
span.DGLABELBOTTOM[disabled="true"],
span.DGLABELBOTTOM[disabled="disabled"],
span.DGLABELSUBTITLE[disabled="true"],
span.DGLABELSUBTITLE[disabled="disabled"],
span.DGLABELUNDERLINE[disabled="true"],
span.DGLABELUNDERLINE[disabled="disabled"],
span.DGLABELWHITE[disabled="true"],
span.DGLABELWHITE[disabled="disabled"],
span.BUTTONLINKONMENU[disabled="true"],
span.BUTTONLINKONMENU[disabled="disabled"],
span.EditMenuNutritionLabel[disabled="true"],
span.EditMenuNutritionLabel[disabled="disabled"] {
  color: #b4b4b4;
}
.DGLABELUNDERLINE {
  text-decoration: underline;
}
.DGLOGIN {
  font-size: 9pt;
  font-family: Verdana, Arial;
}
.DGLOGINERROR {
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold !important;
  color: Red;
  background-color: White;
  padding: 2px 2px 2px 2px;
}
.DGGROUPPANEL {
  font-size: 8pt;
  color: black;
  font-family: Arial;
}
.DGGROUPPANEL > fieldset > legend {
  /*Hack for IE */
  margin-bottom: 3px;
}
.DGGROUPPANEL[disabled="true"] > fieldset > legend,
.DGGROUPPANEL[disabled="disabled"] > fieldset > legend,
.DGGROUPPANEL[disabled="true"] > legend,
.DGGROUPPANEL[disabled="disabled"] > legend {
  color: #b4b4b4;
}
.DGGROUPPANEL > fieldset,
fieldset.DGGROUPPANEL {
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
}
.DGGROUPPANEL > fieldset > legend > .DGCHECKBOX,
fieldset.DGGROUPPANEL > legend > .DGCHECKBOX {
  height: 10px;
  position: relative;
  top: -3px;
  left: -2px;
}
.DGLABELBOTTOM {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  height: 16px;
  vertical-align: bottom;
}
/* ChooseField */
div.DGCHOOSEFIELD {
  border: none;
  display: inline-block;
}
div.DGCHOOSEFIELD div {
  background-color: #d3eff1;
  border: solid 1px #91c1c4;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 2px 2px;
}
input.DGCHOOSEFIELD {
  background-color: transparent;
  color: black;
  font-size: 8pt;
  font-family: Arial;
  border: none;
  box-sizing: border-box;
}
input.DGCHOOSEFIELD::placeholder {
  color: #749a9d;
  font-style: italic;
}
div.DGCHOOSEFIELD.CF_ReadOnly div {
  background-color: #f7f6f5;
  border: solid 1px darkgray;
}
div.DGCHOOSEFIELD.CF_Disabled div {
  background-color: #f7f6f5;
  border: solid 1px darkgray;
}
input.DGCHOOSEFIELD.CF_ReadOnly {
  color: #646464;
}
input.DGCHOOSEFIELD.CF_Disabled {
  color: #646464;
}
div.DGCHOOSEFIELD_ADV_ONCALL div {
  position: relative;
}
div.DGCHOOSEFIELD_ADV_ONCALL div:after {
  content: "";
  background-image: url("AppImageLoader.ashx?spinner/loading_teal_16.png");
  width: 16px;
  height: 16px;
  position: absolute;
  right: 1px;
  bottom: 1px;
  z-index: 0;
  animation-name: loading-spinner-rotation, loading-spinner-fadein;
  animation-delay: 0ms, 50ms;
  animation-duration: 1.25s, 250ms;
  animation-timing-function: linear, ease;
  animation-iteration-count: infinite, 1;
  animation-fill-mode: both;
}
input.CHOOSEFIELD_LARGE {
  font-size: 24px !important;
}
tr.CF_MultiSelect {
  background-color: #f4fbfb !important;
}
tr.CF_Highlight {
  background-color: #d3eff1 !important;
}
tr.CF_Popup_MultiSelect {
  background-color: #f4fbfb !important;
}
tr.CF_Popup_Highlight {
  background-color: #d3eff1 !important;
}
.DropShadow {
  box-shadow: 3px 3px 8px -5px;
}
div.DGCFADV_POPUP {
  border: solid 1px #808080;
  box-shadow: 3px 3px 8px -5px;
}
table.DGCFADV_POPUP {
  border-collapse: collapse;
  background-color: White;
  font-size: 8pt;
  color: black;
  font-family: Arial;
  cursor: default;
  -moz-user-select: none;
}
table.DGCFADV_POPUP td {
  padding: 2px 3px 2px 3px;
}
div.DGCFADV_POPUP_HEADER {
  background-color: #464646;
  background-image: url(AppImageLoader.ashx?gridHeader.png);
  background-repeat: repeat-x;
}
table.DGCFADV_POPUP_HEADER {
  background-color: #464646;
  background-image: url(AppImageLoader.ashx?gridHeader.png);
  background-repeat: repeat-x;
  color: White;
  font-family: Arial;
  font-size: 8pt;
  font-weight: bold;
  border-collapse: collapse;
  cursor: default;
  -moz-user-select: none;
}
table.DGCFADV_POPUP_HEADER td {
  vertical-align: middle;
  padding: 2px 3px 2px 3px;
}
table.DGCFADV_POPUP_HEADER td span {
  white-space: pre;
}
table.DGCFADV_ELLIPSIS td,
table.DGCFADV_ELLIPSIS td span {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}
tr.CF_GetMoreRow {
  background-color: #F9F9F9;
  background-image: url('AppImageLoader.ashx?Smalldown.gif');
  background-repeat: no-repeat;
  background-position: center;
}
tr.CF_GetMoreRowHover {
  background-color: #C1DDDF !important;
}
table.CF_ResultHeader td.cm {
  /* JEL 10.02.2014: Disabled, to avoid confusion, since the Adv. Popup does not support "Select/Deselect All"
       Defect 28445 - DG_WEB | Purchase | Selection of all item's isn't possible
	background-image: url('AppImageLoader.ashx?SELImg.gif');
	background-repeat: no-repeat;
	background-position: center;
	*/
}
.DGVALIDATOR {
  font-size: 8pt;
  font-family: Arial;
  font-weight: bold;
  color: Red;
  background-color: #FFEAEA;
  border: solid 2px Red;
  padding: 2px 3px 2px 3px;
}
/* styles for autosuggestion textbox in receiving quick entry */
div.AUTOSUGGESTION {
  border: 1px solid black;
  position: absolute;
}
div.AUTOSUGGESTION div {
  cursor: default;
  padding: 0px 3px;
  background-color: White;
  font-size: 10pt;
  color: black;
  font-family: Arial;
}
div.AUTOSUGGESTION div.current {
  background-color: #3366cc;
  color: white;
}
a {
  color: #0081a9;
}
a[disabled="true"],
a[disabled="disabled"] {
  color: #b4b4b4;
}
.DGHYPERLINK,
.DGHYPERLINKDISABLED {
  font-size: 8pt;
  cursor: pointer;
  color: #0081a9;
  font-family: Arial;
  text-decoration: underline;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DGHYPERLINK,
.DGHYPERLINKDISABLED:not(:last-child) {
  margin-bottom: 2px;
}
.DGRADIOBUTTON {
  font-size: 8pt;
  color: black;
  font-family: Arial;
}
span.DGRADIOBUTTON * {
  vertical-align: middle;
}
span.DGRADIOBUTTON[disabled="true"],
span.DGRADIOBUTTON[disabled="disabled"] {
  color: #b4b4b4;
}
/*** TextBox ***/
div.DGTEXTBOX {
  border: none;
  display: inline-block;
}
div.DGTEXTBOX div {
  background-color: White;
  border: solid 1px darkgray;
  /*width: auto;*/
  height: auto;
  margin: 0px;
  padding: 2px 2px;
}
input.DGTEXTBOX {
  background-color: transparent;
  color: black;
  font-size: 8pt;
  font-family: Arial;
  border: none;
  box-sizing: border-box;
}
.DGTEXTAREA {
  box-sizing: border-box;
}
div.TBX_Disabled div {
  background-color: #f7f6f5;
}
input.TBX_Disabled {
  color: #646464;
}
div.TBX_ReadOnly div {
  background-color: #f7f6f5;
}
input.TBX_ReadOnly {
  color: #646464;
}
textarea.DGTEXTBOX {
  font-size: 8pt;
  font-family: Arial;
  box-sizing: border-box;
}
textarea.DGTEXTBOX[disabled="disabled"],
textarea.DGTEXTBOX[readonly="readonly"] {
  border: solid 1px darkgray;
  overflow: auto;
}
textarea.DGTEXTBOX[disabled="disabled"] {
  color: #646464;
  background-color: #f7f6f5;
}
textarea.DGTEXTBOX[readonly="readonly"] {
  color: #646464;
  background-color: #f7f6f5;
}
table.DGWEBDATETIMEEDIT {
  height: 20px;
  border: solid 1px darkgray;
}
table.DGWEBDATETIMEEDIT > tbody > tr {
  vertical-align: middle;
}
input.DGWEBDATETIMEEDIT {
  color: black;
  font-size: 8pt;
  font-family: Arial;
  background-color: White;
  width: auto;
  height: 17px;
  padding: 0 2px;
  box-sizing: border-box;
}
input.DGWEBDATETIMEEDIT_DISABLED {
  background-color: #EBEBE4;
  border: solid 1px darkgray;
  font-size: 8pt;
  font-family: Arial;
  width: auto;
  height: auto;
  margin: 0px;
}
.DGCHECKBOX,
.DGCHECKBOXDISABLED {
  font-size: 8pt;
  color: black;
  font-family: Arial;
}
.DGCHECKBOXDISABLED {
  color: #b4b4b4;
}
span.DGCHECKBOX * {
  vertical-align: middle;
}
span.DGCHECKBOX[disabled="true"],
span.DGCHECKBOX[disabled="disabled"] {
  color: #b4b4b4;
}
span.DGCHECKBOXFLEX {
  display: inline-flex;
  align-items: flex-start;
}
span.DGCHECKBOXFLEX label {
  flex: 1;
  margin-top: 3px;
  line-height: 13px;
}
span.DGCHECKBOXFLEX[disabled="true"],
span.DGCHECKBOXFLEX[disabled="disabled"] {
  color: #b4b4b4;
}
.DGSMALLBUTTON {
  font-family: Arial;
  font-size: 8pt;
  height: 20px;
  width: 30px;
}
.DGBUTTON {
  font-family: Arial;
  font-size: 8pt;
  padding: 0px;
}
.DGSORTBUTTON {
  font-family: Arial;
  font-size: 8pt;
  height: 20px;
  width: 100px;
  margin-left: 0px;
  margin-right: 4px;
}
.DGBUTTONBASE {
  font-family: Arial;
  font-size: 8pt;
  height: 20px;
}
.DGBUTTONSEARCH {
  background-color: white;
  cursor: pointer;
}
.DGLINK {
  font-size: 8pt;
  cursor: pointer;
  color: #0081a9;
  font-family: Arial;
  text-decoration: underline;
}
.DGLINK:hover {
  font-weight: bold;
  color: red;
  text-decoration: none;
}
.DGLIST {
  font-size: 8pt;
  cursor: pointer;
  color: blue;
  font-family: Arial;
  text-decoration: underline;
  font-weight: normal;
}
.DGLIST:hover {
  font-weight: bold;
  color: red;
  text-decoration: none;
}
.DGSUSPENDED {
  font-weight: normal;
  font-size: 8pt;
  cursor: pointer;
  color: green;
  font-family: Arial;
  text-decoration: underline;
}
.DGSUSPENDED:hover {
  font-weight: bold;
  color: red;
  text-decoration: none;
}
.DGMASTERDATA {
  font-size: 8pt;
  cursor: pointer;
  color: #0081a9;
  font-family: Arial;
  text-decoration: underline;
  font-weight: normal;
}
.DGMASTERDATA.red {
  color: red !important;
}
.DGMASTERDATA.orange {
  color: orange;
}
.DGMASTERDATA.indented {
  font-style: italic;
  text-indent: 10px;
}
.DGMASTERDATA.inactive {
  color: inherit !important;
  text-decoration: none !important;
}
.DGVIEW {
  z-index: 100;
  left: 30px;
  position: absolute;
  top: 10px;
}
.DGTOOLBAR_HOVER {
  border-top: solid 1px navy;
  cursor: pointer;
  color: #336699;
  border-bottom: solid 1px navy;
  font-family: Arial;
  text-align: center;
}
.DGTOOLBAR {
  font-size: 8pt;
  font-family: Arial;
  color: black;
  height: 100%;
}
div.WaitMsg_Popup {
  position: absolute;
  top: 60px;
  left: 100px;
  width: 400px;
  height: auto;
  background-color: LightYellow;
  border: solid 2px Black;
  padding: 2px 6px 2px 0px;
  /* FF style; prevents blurry scaling of the loading animation */
  image-rendering: -moz-crisp-edges;
}
div.WaitMsg_Popup table {
  /* Quirksmode doesn't inherit font styles to tables properly
	otherwise this would be in the above style class */
  font-family: Verdana, Arial;
  font-size: 1.1em;
  font-weight: bold;
}
.waitMsgOverlay-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 1999;
  animation-name: waitMsgOverlay-background-fadein;
  animation-duration: 300ms;
  animation-delay: 50ms;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.waitMsgOverlay-background[instant] {
  animation-duration: 0ms;
  animation-delay: 0ms;
}
.waitMsgOverlay-loading-spinner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("AppImageLoader.ashx?spinner/loading_teal_32.png");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2000;
  animation-name: waitMsgOverlay-loading-spinner-fadein, loading-spinner-rotation;
  animation-duration: 300ms, 1.25s;
  animation-delay: 50ms, 0s;
  animation-timing-function: ease, linear;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: both;
}
span.waitMsg-loading-text {
  margin-left: 20px;
}
span.waitMsg-loading-spinner {
  display: inline-block;
  background-image: url("AppImageLoader.ashx?spinner/loading_teal_16.png");
  width: 16px;
  height: 16px;
  animation: loading-spinner-rotation 1.25s linear infinite;
  position: absolute;
}
.loading-spinner-animation {
  animation: loading-spinner-rotation 1.25s linear infinite;
}
table.LoadingBar_MainTable {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  border-collapse: collapse;
  cursor: default;
  font-family: Arial;
  z-index: 1;
}
td.LoadingBar_LeftCell {
  width: 15px;
  border: 1px solid #464646;
  border-right-style: none;
  border-right-width: 0;
  border-top-left-radius: 9.5px 9px;
  border-bottom-left-radius: 9.5px 9px;
}
td.LoadingBar_LoadingCell {
  width: 1px;
  background-color: #50bec8;
  padding-left: 0px;
  padding-right: 6px;
}
td.LoadingBar_MiddleCell {
  text-align: left;
  padding-left: 6px;
}
td.LoadingBar_LoadingImgCell {
  width: 1px;
}
td.LoadingBar_RightCell {
  width: 14px;
  border: 1px solid #464646;
  border-left-style: none;
  border-left-width: 0;
  border-top-right-radius: 9.5px 9px;
  border-bottom-right-radius: 9.5px 9px;
}
img.LoadingBar_LoadingImg {
  animation: loading-spinner-rotation 1.25s linear infinite;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left: 10px;
}
.menu_background {
  background-color: #50bec8;
}
.menu_border {
  background-color: #464646;
}
.menu_buttonlabel {
  border-right: solid 1px #464646;
  border-top: solid 1px #464646;
  font-size: 8pt;
  color: white;
  border-bottom: solid 1px #464646;
  background-color: #50bec8;
  white-space: nowrap;
  padding-right: 6px;
  /* Better readability of white text: */
  /*font-weight: bold;
	text-shadow: 0px 0px 3px #097B81;*/
}
.menu_buttonlabel SPAN {
  white-space: nowrap;
}
.menu_button {
  border-top: solid 1px #464646;
  font-size: 8pt;
  border-bottom: solid 1px #464646;
  font-family: Arial;
  background-color: #ffffff;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.menu_button IMG {
  vertical-align: baseline;
}
.menu_button SPAN {
  white-space: nowrap;
}
td.menu_button[disabled="true"] img,
td.menu_button[disabled="disabled"] img {
  opacity: 0.5;
}
td.menu_button[disabled="true"] span[igtxt="1"],
td.menu_button[disabled="disabled"] span[igtxt="1"] {
  color: #b4b4b4;
}
TD.menu_leftcell {
  width: 15px;
  background-color: #50bec8;
  border: 1px solid #464646;
  border-right-style: none;
  border-right-width: 0;
  border-top-left-radius: 9.5px 9px;
  border-bottom-left-radius: 9.5px 9px;
}
DIV.menu_leftcell {
  width: 15px;
}
TD.menu_rightcell {
  width: 14px;
  background-color: white;
  border: 1px solid #464646;
  border-left-style: none;
  border-left-width: 0;
  border-top-right-radius: 9.5px 9px;
  border-bottom-right-radius: 9.5px 9px;
}
DIV.menu_rightcell {
  width: 14px;
}
.left_menucircle {
  background-color: #50bec8;
}
.right_menucircle {
  background-color: White;
}
.DATAGRID {
  border-collapse: separate;
  /* Fix for IE which inherits table styles - if a parent table specifies "collapse" the grid looks weird */
  background-color: rgba(255, 255, 255, 0.5);
}
.DGHB {
  -moz-user-select: none;
  border-style: outset;
  background-color: #E0E0E0;
  font-weight: bold;
  color: Black;
  cursor: pointer;
}
.DGH {
  -moz-user-select: none;
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial;
  background-color: #464646;
  background-image: url(AppImageLoader.ashx?gridHeader.png);
  background-repeat: repeat-x;
}
.DGH .DGH {
  background-image: none;
  background-color: transparent;
}
.DGH_NOBG {
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial;
  background-image: none !important;
  background-color: Transparent !important;
}
div.DGHR {
  background-color: #464646;
  background-image: url(AppImageLoader.ashx?gridHeader.png);
  background-repeat: repeat-x;
}
.DGHR.DGH {
  background-image: none;
  background-color: transparent;
}
th.DGHR {
  color: white;
}
.DGADDROW {
  font-weight: bold;
  font-size: 8pt;
  color: black;
  font-family: Arial;
  background-color: #E1E1E1;
  text-align: right;
}
.DGSUBHEADER {
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial;
  background-color: #909090 !important;
}
/**used by the recentlyAddedGrids**/
.DGHInfo {
  /*  font-size: 10px; not taken */
  padding-left: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.DGRInfo {
  padding-top: 5px;
  padding-left: 12px;
}
.DGRAInfo {
  padding-top: 5px;
  padding-left: 12px;
}
.DGRQTYInfo {
  color: Red;
  font-weight: bold;
}
/****/
.DGCR {
  text-align: right;
}
.DGCC {
  text-align: center;
}
.DGR {
  font-size: 8pt;
  font-family: Verdana;
  margin-left: 3px;
  background-color: white;
}
.DGRA {
  font-size: 8pt;
  font-family: Verdana;
  background-color: #e6e6e6;
  margin-left: 3px;
}
.DGRAC {
  font-size: 8pt;
  font-family: Verdana;
  background-color: #f7dfbd;
  margin-left: 3px;
}
.DGRACA {
  font-size: 8pt;
  font-family: Verdana;
  background-color: #ffefce;
  margin-left: 3px;
}
.ExtArea {
  /*background-color: #e1e1e1;*/
  background-color: #eeeeee;
  white-space: nowrap;
}
.DGROWSEL {
  background-image: none;
}
.DGRSEL,
td.DGRSEL {
  margin-left: 3px;
  color: Black;
  background-color: #a7dee3;
}
.DGRSEL.DGE,
td.DGRSEL.DGE {
  color: royalblue;
  background-color: White;
}
tr.DGRA.DGRSEL,
tr.DGRA td.DGRSEL,
td.DGRA.DGRSEL {
  background-color: #8ad4da;
}
tr.DGRA.DGRSEL.DGE,
tr.DGRA td.DGRSEL.DGE,
td.DGRA.DGRSEL.DGE {
  background-color: White;
}
.DGE {
  cursor: text;
  color: royalblue;
  text-align: right;
  background-color: White;
  /*border: inset 2px ActiveBorder !important;*/
  border-style: solid !important;
  border-width: 2px !important;
  border-left-color: #9a9a9a !important;
  border-top-color: #9a9a9a !important;
  border-right-color: #e2e2e2 !important;
  border-bottom-color: #e2e2e2 !important;
}
.DGEDITABLE {
  cursor: text;
  color: royalblue;
  text-align: right;
  background-color: White;
  border: inset 2px ActiveBorder !important;
}
.DGDISABLEDCELL {
  background-color: Gainsboro;
  color: gray;
}
input.DGE_TEXTBOX {
  font-size: 8pt;
  font-family: Verdana, Arial;
  border: solid 1px white;
}
input.DGE_DATETIME {
  font-size: 8pt;
  font-family: Verdana, Arial;
  border: solid 1px white;
}
.DGGRIDPAGER {
  font-size: 9pt;
  background: White;
}
.fa.dg-selectall {
  margin-left: 1px;
}
.fa.dg-selectall::before {
  transform: rotate(-5deg);
}
/* DGInfo styles */
.DGInfoH {
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial;
  background-color: #e1e1e1;
  /*background-image: url(AppImageLoader.ashx?gridHeader.png); 	background-repeat: repeat-x;*/
}
.DGInfoR {
  font-size: 8pt;
  font-family: Arial;
  margin-left: 3px;
}
/* eof dgInfo styles */
.DGMAINTABLE {
  width: 800px;
  height: 100%;
}
.DGMAINRESIZE {
  width: 100%;
  height: 100%;
}
.DGSUBTABLE {
  width: 744px;
}
tr.ToolbarRow {
  height: 20px;
  vertical-align: top;
}
tr.SubToolbarRow {
  height: 15px;
  vertical-align: top;
}
tr.NavigationRow {
  height: 1px;
}
tr.NavigationRow > td .DGRecordNavigator {
  margin-top: 13px;
  margin-left: 3px;
  margin-bottom: 5px;
}
tr.FilterRow {
  height: 20px;
  vertical-align: top;
}
tr.ViewOptionsRow {
  height: 1px;
}
.ViewOptionsRow > td > div {
  position: relative;
}
.ViewOptionsRow > td > div > a {
  text-align: right;
  background-color: white;
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: auto;
}
tr.ContentRow {
  vertical-align: top;
}
tr.FooterRow {
  height: 20px;
}
.DGREQUESTED {
  font-weight: normal;
  font-size: 8pt;
  cursor: pointer;
  color: gray;
  font-family: Arial;
  text-decoration: underline;
}
.DGREQUESTED:HOVER {
  font-weight: bold;
  font-size: 8pt;
  cursor: pointer;
  color: red;
  font-family: Arial;
  text-decoration: none;
}
.SEL {
  cursor: pointer;
}
.CHOOSEFIELDSCAPTION {
  font-weight: bold;
  font-size: 8pt;
  color: black;
  font-family: Arial;
  text-decoration: none;
}
.DGCELLBUTTONSTYLE {
  font-size: 8pt;
  font-family: Arial !important;
  background-color: #E0E0E0 !important;
  border-top: White 1px !important;
  border-left: White 1px !important;
  border-right: DimGray 1px !important;
  border-bottom: DimGray 1px !important;
  border-style: solid !important;
  height: 18px;
  line-height: 18px;
}
.DGGRIDBUTTONSTYLE {
  font-size: 8pt;
  font-family: Arial !important;
  background-color: #E0E0E0 !important;
  border-top: White 1px !important;
  border-left: White 1px !important;
  border-right: DimGray 1px !important;
  border-bottom: DimGray 1px !important;
  border-style: solid !important;
}
.DGGRIDBUTTONSTYLEFONTAWESOME {
  font-size: 8pt;
  font-family: 'Font Awesome 5 Pro' !important;
  font-weight: 900 !important;
  background-color: #E0E0E0 !important;
  border-top: White 1px !important;
  border-left: White 1px !important;
  border-right: DimGray 1px !important;
  border-bottom: DimGray 1px !important;
  border-style: solid !important;
}
.DGGRIDBUTTONSTYLE.GREEN {
  background-color: #2BFF63 !important;
}
.DGGRIDBUTTONSTYLE.RED {
  background-color: #FF0000 !important;
}
.DGGRIDBUTTONSTYLE.PRESSED {
  border-top: DimGray 1px !important;
  border-left: DimGray 1px !important;
  border-right: White 1px !important;
  border-bottom: White 1px !important;
  border-style: solid !important;
}
.DGGROUPBOX {
  border: 1px solid black;
  border-collapse: collapse;
}
.DGGROUPBOX_NOCOLLAPSE {
  border: 1px solid black;
}
.DGDROPDOWNSTYLE {
  font-size: 8pt;
  font-family: Arial;
  height: 20px;
}
.MODULEIMAGE {
  border: 0px;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.MASTERDATAINACTIVEIMAGE {
  border: 0px;
  vertical-align: middle;
  margin-right: 0px;
}
.LISTBOX_CATEGORY {
  height: 150px;
  width: 160px;
}
@media print {
  .HideOnPrint {
    visibility: hidden;
  }
}
@media screen {
  .HideOnScreen {
    visibility: hidden;
  }
}
.DGMPDETAIL {
  font-weight: normal;
  font-size: 8pt;
  cursor: pointer;
  color: green;
  font-family: Arial;
  text-decoration: none;
}
.DGMPDETAIL:HOVER {
  font-weight: bold;
  font-size: 8pt;
  cursor: pointer;
  color: red;
  font-family: Arial;
  text-decoration: none;
}
.DGMPDETAILSUB {
  font-size: 8pt;
  cursor: pointer;
  color: green;
  font-family: Arial;
  text-decoration: none;
}
.DGMPDETAILSUB:HOVER {
  font-size: 8pt;
  cursor: pointer;
  color: red;
  font-family: Arial;
  text-decoration: none;
}
/*************************************************************************
* DGDropDownList Styles												 *
*************************************************************************/
select.DGDROPDOWNLIST {
  font-size: 8pt;
  height: 20px;
}
/*************************************************************************
* DGDropDownButton Styles												 *
*************************************************************************/
/****** DGDropDownButton example ******/
/* DropDownButton main table default style */
table.DGDDBDefault {
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  font-family: Trebuchet MS;
  font-size: 10pt;
}
/* All cells in DropDownButton main table */
table.DGDDBDefault td {
  padding: 3px 3px 3px 3px;
}
/* DropDownButton main table hover style */
table.DGDDBHover {
  background-color: White;
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  font-family: Trebuchet MS;
  font-size: 10pt;
  color: #336699;
}
/* All cells in DropDownButton main table while hovering */
table.DGDDBHover td {
  padding: 3px 3px 3px 3px;
}
/* DropDownButton main table style when the mousebutton is pressed & held */
table.DGDDBClick {
  color: #336699;
  background-color: White;
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  font-family: Trebuchet MS;
  font-size: 10pt;
}
/* All cells in DropDownButton main table while clicking */
table.DGDDBClick td {
  padding: 3px 3px 3px 3px;
}
/* Right cell containing dropdown indicator */
td.DGDDBSeparatorDefault {
  border-left-style: solid;
  border-left-color: White;
  border-left-width: 1px;
}
/* Right cell containing dropdown indicator while hovering*/
td.DGDDBSeparatorHover {
  border-left-style: solid;
  border-left-color: White;
  border-left-width: 1px;
}
/* Right cell containing dropdown indicator while clicking*/
td.DGDDBSeparatorClick {
  border-left-style: solid;
  border-left-color: White;
  border-left-width: 1px;
}
/* SubMenu table */
table.DGDDBSubMenuDefault {
  background-color: White;
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  border-top-style: none;
  font-family: Trebuchet MS;
  font-size: 10pt;
  outline: none;
}
/* All cells in SubMenu table */
table.DGDDBSubMenuDefault td {
  padding: 3px 3px 3px 3px;
  white-space: nowrap;
}
/* Style of the hovered row in the SubMenu */
tr.DGDDBSubMenuItemHover {
  color: #336699;
}
/************* DGWebTree *************/
.DGWebTree {
  font-size: 8pt;
  text-align: left;
  font-family: Verdana;
  /* Arial;*/
  background-color: #EFEFEF;
  color: Navy;
  overflow: auto;
}
.DGWTSELNODE {
  font-weight: bold;
  color: Navy;
}
/*************************************/
/****** DGDropDownButtonSave ******/
/* DropDownButton main table default style */
table.DGDDBSaveDefault {
  margin: 0px 5px 0px 5px;
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  font-family: Trebuchet MS;
  font-size: 10pt;
}
/* All cells in DropDownButton main table */
table.DGDDBSaveDefault td {
  padding: 0px 0px 0px 0px;
}
/* Span element containing the DropDownButton text */
table.DGDDBSaveDefault span {
  padding: 0px 3px 0px 6px;
}
/* DropDownButton main table hover style */
table.DGDDBSaveHover {
  margin: 0px 5px 0px 5px;
  background-color: White;
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  font-family: Trebuchet MS;
  font-size: 10pt;
  color: #336699;
}
/* All cells in DropDownButton main table while hovering */
table.DGDDBSaveHover td {
  padding: 0px 0px 0px 0px;
}
/* Span element containing the DropDownButton text on hovering */
table.DGDDBSaveHover span {
  padding: 0px 3px 0px 6px;
}
/* DropDownButton main table style when the mousebutton is pressed & held */
table.DGDDBSaveClick {
  margin: 0px 5px 0px 5px;
  color: #336699;
  background-color: White;
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  font-family: Trebuchet MS;
  font-size: 10pt;
}
/* All cells in DropDownButton main table while clicking */
table.DGDDBSaveClick td {
  padding: 0px 0px 0px 0px;
}
/* Span element containing the DropDownButton text on clicking */
table.DGDDBSaveClick span {
  padding: 0px 3px 0px 6px;
}
/* DropDownButton main table default style */
table.DGDDBSaveDisabled {
  margin: 0px 5px 0px 5px;
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  font-family: Trebuchet MS;
  font-size: 10pt;
  color: Gray;
}
/* All cells in DropDownButton main table */
table.DGDDBSaveDisabled td {
  padding: 0px 0px 0px 0px;
}
/* Span element containing the DropDownButton text */
table.DGDDBSaveDisabled span {
  padding: 0px 3px 0px 6px;
}
/* Right cell containing dropdown indicator */
td.DGDDBSaveSeparatorDefault {
  border-left-style: solid;
  border-left-color: White;
  border-left-width: 1px;
}
/* Right cell containing dropdown indicator while hovering*/
td.DGDDBSaveSeparatorHover {
  border-left-style: solid;
  border-left-color: White;
  border-left-width: 1px;
}
/* Right cell containing dropdown indicator while clicking*/
td.DGDDBSaveSeparatorClick {
  border-left-style: solid;
  border-left-color: White;
  border-left-width: 1px;
}
td.DGDDBSaveSeparatorDisabled {
  border-left-style: solid;
  border-left-color: White;
  border-left-width: 1px;
}
/* SubMenu table */
table.DGDDBSaveSubMenuDefault {
  background-color: White;
  border-color: White;
  border-width: 1px;
  border-style: Solid;
  border-top-style: none;
  font-family: Trebuchet MS;
  font-size: 10pt;
  outline: none;
}
/* All cells in SubMenu table */
table.DGDDBSaveSubMenuDefault td {
  padding: 6px 0px 0px 0px;
  white-space: nowrap;
}
/* All text in SubMenu table cells */
table.DGDDBSaveSubMenuDefault span {
  padding: 0px 6px 0px 6px;
}
/* Style of the hovered row in the SubMenu */
tr.DGDDBSaveSubMenuItemHover {
  color: #336699;
}
/* Style of the hovered row in the SubMenu */
tr.DGDDBSaveSubMenuItemDisabled {
  color: Gray;
}
/* Complex SubMenu table (wrapped around simple submenu) */
table.DGDDBSaveSubMenuComplexMain {
  background-color: White;
  margin-top: 3px;
  height: auto !important;
}
/* Complex SubMenu left cell */
td.DGDDBSaveSubMenuL {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: Navy;
  width: 6px;
}
/* Complex SubMenu right cell */
td.DGDDBSaveSubMenuR {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: Navy;
  width: 5px;
}
/* Complex SubMenu bottom left cell */
td.DGDDBSaveSubMenuBL {
  background-image: url(AppImageLoader.ashx?box/softedge_BL.gif);
  width: 6px;
  background-repeat: no-repeat;
  height: 8px;
}
/* Complex SubMenu bottom cell */
td.DGDDBSaveSubMenuB {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: Navy;
  height: 8px;
}
/* Complex SubMenu bottom right cell */
td.DGDDBSaveSubMenuBR {
  background-image: url(AppImageLoader.ashx?box/softedge_BR.gif);
  width: 5px;
  background-repeat: no-repeat;
  height: 8px;
}
/** filterpanel styles  ******/
.filterPanelTable {
  /*    border-width: 4px;     border-style: solid;     border-color: #E2E2E2;*/
}
.filterPanelButtonTable {
  background-color: #E2E2E2;
  border-collapse: collapse;
}
.filterPanelButtonTable td {
  padding: 3px;
}
.filterPanelContent {
  border-width: 2px;
  border-style: solid;
  border-color: #E2E2E2;
}
/************/
/*************************************************************************
* DGNavigationToolbar Styles											 *
*************************************************************************/
/* Contains miNavToolbar and miNavToolbar_location */
table.miNavToolbar_container {
  height: 36px;
  border-collapse: collapse;
}
/* Style of the toolbar itself */
div.miNavToolbar {
  height: 30px;
  text-align: left;
  border-top: solid 1px Black;
  border-bottom: solid 1px Black;
}
/* Default style of a toolbar item */
.miNavToolbar_item {
  vertical-align: middle;
  font-family: Trebuchet MS;
  font-size: 10pt;
  padding: 0 8 0 8;
  cursor: pointer;
}
/* Hover style of a toolbar item */
.miNavToolbar_item_hover {
  font-family: Trebuchet MS;
  font-size: 10pt;
  padding: 0 8 0 8;
  color: #336699;
  cursor: pointer;
}
td.miNavToolbar_left {
  width: 10px;
  background: url(AppImageLoader.ashx?miNavToolbar_left.gif) no-repeat right center;
}
/* Cell containing the help button */
td.miNavToolbar_help {
  width: 44px;
  height: 36px;
  background: url(AppImageLoader.ashx?HelpNew.gif) no-repeat left center;
  cursor: pointer;
}
td.miNavToolbar_help_hover {
  width: 44px;
  height: 36px;
  background: url(AppImageLoader.ashx?newHelpSmoothAnimation.gif) no-repeat left center;
  /*HelpNewHighlight.gif would be the unanimated one*/
  cursor: pointer;
}
/* Style of the "location button" (button that shows the title of the current module) */
table.miNavToolbar_location {
  border-style: none;
  border-collapse: collapse;
}
td.miNavToolbar_location_cellL {
  font-weight: bold;
  height: 30px;
  cursor: pointer;
  background: url(AppImageLoader.ashx?btnDefault_blue.gif) no-repeat left top;
  padding: 0px 8px 2px 13px;
  font-family: Trebuchet MS;
  font-size: 12pt;
  color: #BAC5D5;
}
td.miNavToolbar_location_cellL_hover {
  font-weight: bold;
  height: 30px;
  cursor: pointer;
  background: url(AppImageLoader.ashx?btnHighlight_blue.gif) no-repeat left top;
  padding: 0px 8px 2px 13px;
  font-family: Trebuchet MS;
  font-size: 12pt;
  color: White;
}
td.miNavToolbar_location_cellR {
  width: 5px;
  cursor: pointer;
  font-size: 2px;
  background: url(AppImageLoader.ashx?btnDefault_blue.gif) no-repeat right top;
}
td.miNavToolbar_location_cellR_hover {
  width: 5px;
  cursor: pointer;
  font-size: 2px;
  background: url(AppImageLoader.ashx?btnHighlight_blue.gif) no-repeat right top;
}
table.miNavToolbar_loading {
  height: 36px;
  border-style: none;
  background-color: White;
}
td.miNavToolbar_loading_right {
  width: 44px;
  height: 36px;
  background: url(AppImageLoader.ashx?Loading.gif) no-repeat left center;
}
td.miNavToolbar_loading_center_text {
  text-align: left;
  font-family: Trebuchet MS;
  font-size: 10pt;
  vertical-align: middle;
}
div.miNavToolbar_loading_center {
  height: 30px;
  border-top: solid 1px Black;
  border-bottom: solid 1px Black;
}
td.miNavToolbar_loading_left {
  width: 10px;
  background: url(AppImageLoader.ashx?miNavToolbar_left.gif) no-repeat right center;
}
/*************************************************************************
* DGButtonAdv Styles													 *
*************************************************************************/
table.btnAdv {
  font-family: Arial;
  color: Black;
  font-size: 8pt;
  height: 20px;
  vertical-align: bottom;
  outline: none;
  display: inline-table;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  min-width: 100px;
}
table.btnAdv td {
  padding: 0px;
}
table.btnAdv td.btnAdv_middle {
  text-align: center;
  white-space: nowrap;
}
table.btnAdv td.btnAdv_left div {
  width: 4px;
}
table.btnAdv td.btnAdv_right div {
  width: 4px;
}
table.btnAdv span {
  white-space: nowrap;
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: middle;
}
table.btnAdv img {
  vertical-align: middle;
}
/* Default */
table.btnAdv.default td.btnAdv_left {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdv_left.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
table.btnAdv.default td.btnAdv_middle {
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdv_middle.gif);
  background-position: left center;
  background-repeat: repeat-x;
}
table.btnAdv.default td.btnAdv_right {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdv_right.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
/* Highlight */
table.btnAdv.hover td.btnAdv_left {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_left.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
table.btnAdv.hover td.btnAdv_middle {
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_middle.gif);
  background-position: left center;
  background-repeat: repeat-x;
}
table.btnAdv.hover td.btnAdv_right {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_right.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
/* Active */
table.btnAdv.active td.btnAdv_left {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_left.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
table.btnAdv.active td.btnAdv_middle {
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_middle.gif);
  background-position: left center;
  background-repeat: repeat-x;
}
table.btnAdv.active td.btnAdv_right {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_right.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
/* Pressed */
table.btnAdv.pressed td.btnAdv_left {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvP_left.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
table.btnAdv.pressed td.btnAdv_middle {
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvP_middle.gif);
  background-position: left center;
  background-repeat: repeat-x;
}
table.btnAdv.pressed td.btnAdv_right {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvP_right.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
/* Disabled */
table.btnAdv.disabled td.btnAdv_left {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvD_left.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
table.btnAdv.disabled td.btnAdv_middle {
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvD_middle.gif);
  background-position: left center;
  background-repeat: repeat-x;
  color: #b4b4b4;
}
table.btnAdv.disabled td.btnAdv_right {
  width: 4px;
  background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvD_right.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
/*Classes for Guest page*/
/**********************/
.DGCOMMONSETTINGS {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  height: 15px;
}
.DGLABELSUBTITLE {
  font-size: 12pt;
  color: Navy;
  font-family: Arial;
  font-weight: bold;
}
.DGTEXTBOX4COLS {
  font-size: 8pt;
  width: 183px;
  padding-bottom: 10px;
}
.DGDROPDOWN4COLS {
  font-size: 8pt;
  width: 183px;
}
.DGSPINNER4COLS {
  font-size: 8pt;
  width: 165px;
  height: 16px;
}
.DGCONTROLRELWIDTH {
  width: 100%;
}
.DGTAB {
  font-size: 10pt;
  color: Navy;
  font-family: Arial;
}
.TDLINE {
  border-top: groove 1px black;
}
.DGTABLE {
  width: 98%;
  margin: 12px 12px 12px 12px;
}
.tableTreeViewGrid {
  width: 100%;
  height: 100%;
}
.TreeViewContainer {
  width: 270px;
  height: 250px;
  font-family: Verdana;
  font-size: 8pt;
  color: Navy;
  background-color: #EFEFEF;
  overflow-x: hidden;
  overflow-y: auto;
  top: 100%;
}
.PrintTreeViewDisabled {
  font-family: Verdana;
  font-size: 8pt;
  color: Gray;
}
.SideBarMenu {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000080;
}
td.SideBarMenu {
  width: 170px;
  vertical-align: top;
  white-space: nowrap;
}
ul.SideBarMenu {
  list-style: none;
  margin-left: 0px;
  margin-top: 10px;
  padding-left: 0px;
  text-indent: -12px;
  list-style-position: inside;
  white-space: nowrap;
}
ul.SideBarMenu span.Bullet {
  font-family: Wingdings 3;
  font-size: 12px;
}
ul.SideBarMenu a {
  color: #000080;
  text-decoration: none;
}
ul.SideBarMenu a.Selected {
  font-weight: bold;
}
ul.SideBarMenu li {
  font-weight: normal;
  margin-bottom: 4px;
  padding-top: 4px;
}
ul.SideBarMenu li.FirstItem {
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  border-color: Gray;
}
.contentPanel {
  margin-top: 5px;
  margin-bottom: 10px;
  border: ridge 1px #aaaaaa;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
td.compHeaderLeft {
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  border-color: Gray;
}
td.compHeaderRight {
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  border-color: Gray;
}
td.CmpOrdPanTop {
  background-color: Navy;
  font-family: Verdana;
  font-size: 10px;
  color: White;
  font-weight: bold;
  text-align: center;
  height: 20px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: Gray;
}
table.tblBelowComponents {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: Gray;
}
.table.tblBelowComponents tr.row0 {
  height: 20px;
  background-color: #D1E6FF;
}
.table.tblBelowComponents tr.row1 {
  height: 20px;
}
table.OverviewContainer {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: Gray;
}
.OrderDetailLabel {
  font-family: Verdana;
  font-size: 12px;
  color: Navy;
  font-weight: bold;
}
.tblTab {
  width: 100%;
  border-collapse: collapse;
}
#tblAssignments td {
  border: solid 1px #64D2EA;
  font-family: Verdana;
  font-size: 10px;
  color: Black;
  padding-left: 5px;
  vertical-align: middle;
  white-space: nowrap;
}
#trTabEmptyRow {
  height: 7px;
}
.tabEmptyTd {
  background-color: #64D2EA;
}
.MainDiv {
  width: 100%;
}
.list {
  position: inherit;
  border: solid 0px 1px 0px 1px #2a56b3;
  overflow: auto;
  width: 300px;
  font-family: verdana;
  font-size: 10px;
  color: #2a56b3;
  height: 200px;
}
.listOption {
  background: #FFFFFF;
  color: #2a56b3;
  font-family: verdana;
  font-size: 10px;
  cursor: default;
  width: 298px;
  height: 20px;
  vertical-align: middle;
  white-space: nowrap;
}
.listOptionHighlighted {
  background: #0099FF;
  color: White;
  border: solid 0px 1px 0px 1px #2a56b3;
  font-family: verdana;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  height: 20px;
  vertical-align: middle;
  width: 298px;
  white-space: nowrap;
}
.tdTreeView {
  width: 35%;
  font-family: Verdana;
  font-size: 8pt;
  color: Navy;
  vertical-align: top;
  height: 100%;
  background-color: #EFEFEF;
  white-space: inherit;
}
.tdGrid {
  width: 65%;
  height: 100%;
  vertical-align: top;
  border-width: 0px;
}
.colGrid {
  text-align: center;
  height: 20px;
  border-bottom: solid 1px Navy;
}
.disabledTreeNode,
.hierarchyTreeNode {
  font-family: Verdana;
  font-size: 8pt;
  color: Gray;
  font-weight: normal;
}
.savedTreeNode {
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
}
.treeNode {
  font-family: Verdana;
  font-size: 8pt;
  font-weight: normal;
}
.selectedTreeNode {
  font-family: Verdana;
  font-size: 8pt;
  background-color: navy;
  color: white;
  padding-inline: 2px;
  margin-inline: -2px;
}
.selectedTreeNode.disabledTreeNode,
.selectedTreeNode.hierarchyTreeNode {
  color: dimgrey;
  background-color: lightgray;
}
.cantsaveTreeNode {
  color: Gray;
  font-weight: bold;
  width: 100px;
}
/* for DGAssignTreeView control*/
.TreeNodeVisible {
  vertical-align: top;
  display: block;
}
/* for DGAssignTreeView control*/
.TreeNodeHidden {
  vertical-align: top;
  display: none;
}
/* for DGAssignTreeView control*/
.WebTreeCss,
.WebTreeCssSmall,
.ScanFormsAssignDivTreeCss,
.TrayCardAssignDiv {
  width: 350px;
  font-family: Verdana;
  font-size: 8pt;
  color: Navy;
  vertical-align: top;
  height: 480px;
  background-color: white;
  white-space: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: Black;
  cursor: default;
  -moz-user-select: none;
  padding-left: 5px;
  padding-top: 5px;
  overflow-x: hidden;
  overflow-y: auto!important;
}
.WebTreeCssSmall,
.ScanFormsAssignDivTreeCss,
.TrayCardAssignDiv {
  width: 260px;
  height: 280px !important;
}
.ScanFormsAssignDivTreeCss {
  height: 400px;
}
.TrayCardAssignDiv {
  height: 220px !important;
}
/* start horizontal spin control */
.DGHSpinTextLeftLabel {
  width: 20px;
  height: 16px;
  cursor: pointer;
  border-style: none;
  background-color: Transparent;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Wingdings;
  font-size: 12px;
  padding-top: 3px;
}
.DGHSpinTextRightLabel {
  width: 185px;
  cursor: pointer;
  background-color: Transparent;
  border-style: none;
  height: 16px;
  padding-left: 2px;
  padding-top: 3px;
}
/* ---------------- BEGIN: Common Styles for DGHorizontalSpin ------------------------------------------ */
.DGHSpinContainer {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  text-indent: 0px;
}
.SpinMain {
  background-color: White;
  border: solid 1px Gray;
}
.DGHSpinContainer .SpinLeft {
  margin-left: 1px;
}
.DGHSpinContainer .SpinRight {
  margin-right: 1px;
}
div.SpinNormal {
  width: 100px!important;
}
div.SpinShort {
  width: 70px!important;
}
div.SpinVeryShort {
  width: 30px!important;
}
.SpinNormal input[type=text],
.SpinShort input[type=text],
.SpinVeryShort input[type=text] {
  vertical-align: middle!important;
  font-family: Arial;
  font-size: 12px;
  margin: 0px;
  border-style: none;
  border-width: 0px;
}
.DGHSpinLabelButton {
  background: #B5D3FF;
  border-style: none;
}
.DGHSpinContainer .DGHSpinLabelButton {
  float: left;
  width: 18px;
  height: 19px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
input[type=button].DGHSpinButton {
  padding: 0px!important;
  width: 18px!important;
  height: 19px!important;
  border-style: none;
  border-width: 0px;
  background: #b5d3ff !important;
}
/* ---------------- END: Common Styles for DGHorizontalSpin ------------------------------------------ */
/* */
.mt-cell-empty {
  background-color: transparent;
  border-color: transparent;
}
.mealtimes .mealtimes-controls {
  border-left: solid 8px White;
  width: 100%;
  vertical-align: top;
}
.mealtimes .mealtimes-controls table * {
  font-size: 8pt;
  font-family: Arial, Verdana;
}
.mealtimes .mealtimes-controls tr {
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
}
.mealtimes .mealtimes-controls .DGTextBox {
  box-sizing: border-box;
}
.mealtimes .mealtimes-controls input[type='text'] {
  border: none;
}
.mealtimes .mealtimes-controls .mealtimes-details td {
  border: 1px solid #e6e6e6;
}
.mealtimes .mealtimes-controls .mealtimes-header td {
  -moz-user-select: none;
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial;
  background-color: #464646;
  background-image: url(AppImageLoader.ashx?gridHeader.png);
  background-repeat: repeat-x;
  border-right: solid 1px white !important;
}
.mealtimes .mealtimes-controls .mealtimes-header td * {
  color: white !important;
  line-height: 20px !important;
}
.mealtimes .mealtimes-controls .mealtimes-header td.empty {
  background-color: transparent;
  border-color: transparent;
}
.mealtimes .mealtimes-controls td.empty {
  background-color: transparent;
  border-color: transparent;
}
.mealtimes .mealtimes-controls .mealtimes-cutoff-header td {
  background-color: #84BDF2;
}
.mealtimes .mealtimes-controls .mealtimes-cutoff-header td * {
  font-weight: bold !important;
}
.mealtimes .mealtimes-controls .mealtimes-cutoff-header td.empty {
  background-color: transparent;
  border-color: transparent;
}
.mealtimes .mealtimes-controls td.no-border {
  border: none;
}
.mealtime_settings {
  width: 180px;
  border-color: transparent;
}
.mealtime_inherit {
  border-color: transparent;
  width: 160px;
}
.mealtime_autoorder {
  width: 80px;
}
.mealtime_day {
  width: 50px;
}
.mealtime_time {
  width: 75px;
}
.HeaderBlue {
  background-color: Navy;
  color: White;
  height: 20px;
  vertical-align: top;
}
.HeaderBlue > span {
  font-family: Arial;
  font-size: 8pt;
  color: White;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  padding-left: 2px;
}
.SalesItemTreeviewEditFormBorder {
  border: solid 1 Gray;
  padding: 5px, 0px, 0px, 5px;
}
.SalesItemGridPadding {
  padding-top: 21px;
  border-left: solid 10px White;
}
.SalesItemBottomLabel {
  margin-bottom: -5px;
}
.SalesItemTextBox {
  margin-top: -2px;
}
.DGTEXTBOX_MEALTIME {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  border: Solid 1 darkgray;
  height: 20px;
  margin-top: -2px;
}
/* */
.DGASSIGNLABEL {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  height: 16px;
}
.DGTITLELABEL {
  font-size: large;
  font-weight: bold;
  color: black;
  font-family: Arial;
  height: 60px;
  margin-bottom: 20pt;
}
.MENUALIGNMIDDLE {
  text-align: center;
}
.MENUTABLERADIO {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  vertical-align: top;
  text-align: left;
  top: inherit;
}
.TDALIGNRIGHT {
  text-align: right;
  padding-right: 5px;
  white-space: nowrap;
  vertical-align: middle;
}
.TDALIGNLEFT {
  padding-left: 5px;
  vertical-align: middle;
}
.TDLABELS {
  border-left: 2pt;
  border-left-color: White;
  border-right-width: 2pt;
  border-right-color: White;
  background-color: Navy;
}
.DGTEXTBOXLONG {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  width: 300px;
}
.DGTEXTBOXSHORT {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  width: 110px;
}
.TDCLASS {
  height: 10pt;
}
.BUTTONLINK {
  font-size: 8pt;
  font-family: Arial;
  background-color: White;
  border-color: White;
  border-style: none;
  text-decoration: underline;
  font-weight: bold;
  color: Navy;
  text-align: left;
}
.DGEDITPANEL {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 45%;
  border: ridge 1px #aaaaaa;
}
.DGASSIGNPANEL {
  margin-top: 10px;
  margin-bottom: 10px;
  border: ridge 1px #aaaaaa;
  border-collapse: collapse;
}
.LISTBOX {
  font-size: 8pt;
  font-weight: normal;
  font-family: Verdana;
  color: Black;
  border-color: lightgrey;
  text-decoration: none;
  overflow: auto;
}
.TDLISTBOX {
  border: inset 2px;
  font-size: 10pt;
  font-weight: normal;
  font-family: Arial;
  color: Black;
  text-decoration: none;
  height: 18px;
}
.DGCALENDAR4COLS {
  background-color: #D4C8D0;
  font-family: Arial;
  color: Black;
  font-size: 8pt;
  height: 18px;
  width: 183px;
  padding-bottom: 10px;
}
/************************/
/* DGAssignListBoxes START */
.dgalb-flexContainer {
  display: flex;
  align-items: center;
  height: 100%;
}
.dgalb-container {
  width: 1px;
  flex-grow: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.dgalb-containerHeader {
  width: 100%;
  -moz-user-select: none;
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial;
  background-color: #464646;
  background-image: url(AppImageLoader.ashx?gridHeader.png);
  background-repeat: repeat-x;
  text-align: center;
  line-height: 19px;
}
.dgalb-containerContent {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.dgalb-label,
.assignLabels {
  font-family: Arial;
  height: 16px;
  font-size: 8pt;
  font-weight: bold !important;
  color: White;
}
.dgalb-buttonsTable,
.assignButtonsTable {
  align-self: center;
}
.dgalb-listBox {
  width: 100%;
  font-size: 8pt;
  font-weight: normal;
  font-family: Arial;
  color: Black;
  text-decoration: none;
  outline: none;
  flex-grow: 1;
}
.assignSaveButton {
  margin-top: 40px;
  font-family: Arial;
  color: Black;
  font-size: 8pt;
  height: 20px;
  width: 100px;
}
/* DGAssignListBoxes END */
/* DGAssignDivs, DGAssignTreeview START */
.assignTable {
  height: 100%;
}
.assignLabelsTd,
.assignLabelsTdLarge {
  background-color: #464646;
  background-image: url(AppImageLoader.ashx?gridHeader.png);
  background-repeat: repeat-x;
  text-align: center;
  width: 260px;
  height: 19px;
}
.assignLabelsTdLarge {
  width: 380px;
}
.assignListBox {
  width: 100%;
  font-size: 8pt;
  font-weight: normal;
  font-family: Arial;
  color: Black;
  text-decoration: none;
}
.assignSaveButton {
  margin-top: 40px;
  font-family: Arial;
  color: Black;
  font-size: 8pt;
  height: 20px;
  width: 100px;
}
.assignContainer,
.assignContainerLarge,
.assignContainerLargeWithSubList {
  width: 260px;
  height: 500px;
  overflow: auto;
  border-style: solid;
  border-width: 1px;
  border-color: lightgrey;
  cursor: default;
  -moz-user-select: none;
}
.assignContainerLarge,
.assignContainerLargeWithSubList {
  width: 380px;
}
.assignContainerLargeWithSubList {
  height: 350px !important;
}
.dga-assigTable {
  height: 100%;
  height: unset;
}
.defaultItem {
  font-family: Verdana;
  font-size: 8pt;
  color: black;
  margin-left: 3px;
  display: block;
  text-decoration: none;
  background-color: White;
  cursor: pointer;
}
.defaultItem[dga-data-groupid]:not(.groupItem) {
  padding-left: 20px;
}
.groupItem {
  font-family: Verdana;
  font-size: 8pt;
  color: black;
  margin-left: 3px;
  display: block;
  text-decoration: none;
  background-color: White;
  cursor: pointer;
  color: #d1d1d1;
}
.groupItem[dga-data-groupid]:not(.groupItem) {
  padding-left: 20px;
}
.disabledItem {
  font-family: Verdana;
  font-size: 8pt;
  color: black;
  margin-left: 3px;
  display: block;
  text-decoration: none;
  background-color: White;
  cursor: pointer;
  color: Gray;
  cursor: text;
}
.disabledItem[dga-data-groupid]:not(.groupItem) {
  padding-left: 20px;
}
.markedItem {
  font-family: Verdana;
  font-size: 8pt;
  color: black;
  margin-left: 3px;
  display: block;
  text-decoration: none;
  background-color: White;
  cursor: pointer;
  color: red !important;
}
.markedItem[dga-data-groupid]:not(.groupItem) {
  padding-left: 20px;
}
.selectedItem {
  font-family: Verdana;
  font-size: 8pt;
  color: black;
  margin-left: 3px;
  display: block;
  text-decoration: none;
  background-color: White;
  cursor: pointer;
  background-color: #f3f3f3;
}
.selectedItem[dga-data-groupid]:not(.groupItem) {
  padding-left: 20px;
}
.hiddenItem {
  display: none;
}
/* DGAssignDivs, DGAssignTreeview END */
.leftBorder {
  border-left: solid 1px white !important;
}
.rightBorder {
  border-right: solid 1px white !important;
}
.orderCutOffHeaderLeft {
  text-align: left;
  padding-left: 2px;
  border-right: solid 1px white;
}
.orderCutOffHeaderRight {
  text-align: right;
  padding-right: 2px;
}
.deliveryButton {
  text-align: center;
  width: 85px;
}
.GuestDeliveryRecord {
  font-family: Arial;
  color: Black;
  font-size: 8pt;
  font-weight: bold;
}
.tblAlternateRow0 {
  font-size: 8pt;
  font-family: Verdana;
  margin-left: 3px;
  background-color: white;
}
.tblAlternateRow1 {
  font-size: 8pt;
  font-family: Verdana;
  background-color: #e6e6e6;
  margin-left: 3px;
}
.tblAlternateLink,
.tblAlternateLink0,
.tblAlternateLink1 {
  font-size: 8pt;
  color: #0081a9;
  font-family: Arial;
  text-decoration: underline;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  border: hidden;
}
.tblAlternateLinkTransparent {
  font-size: 8pt;
  font-family: Arial;
  background-color: Transparent;
  border-color: White;
  border-style: none;
  text-decoration: underline;
  font-weight: bold;
  color: Navy;
  text-align: left;
}
.alternateText0 {
  font-size: 8pt;
  font-family: Arial;
  color: Navy;
  text-align: right;
  background-color: #D1E6FF;
  padding-right: 15px;
}
.alternateText1 {
  font-size: 8pt;
  font-family: Arial;
  color: Navy;
  text-align: right;
  background-color: #FEFCFD;
  padding-right: 15px;
}
.CheckSign {
  font-family: Wingdings;
  color: Green;
  font-weight: 700 !important;
  font-size: 10pt;
}
.InactiveSign {
  font-family: Wingdings;
  color: Red;
  font-weight: 700 !important;
  font-size: 10pt;
}
.ArrowSign {
  font-family: Wingdings 3;
  color: Green;
  font-weight: 700 !important;
  font-size: 10pt;
}
.ArrowHeader {
  font-family: Wingdings 3;
  color: White;
  font-weight: 700 !important;
  font-size: 10pt;
}
table.RoomService td {
  vertical-align: top;
}
.PCModuleHeader {
  font-family: Arial;
  font-size: large !important;
  color: Navy !important;
  font-weight: bold;
  width: 100%;
}
.deliveryTableBottomLeft {
  avertical-align: bottom;
  text-align: left;
}
.deliveryTableTopLeft {
  vertical-align: top;
  text-align: left;
}
.deliveryTableTop {
  vertical-align: top;
}
.deliveryTableBottom {
  vertical-align: bottom;
}
.deliveryTableMiddleLeft {
  vertical-align: middle;
  text-align: left;
}
.BUTTONLINKONMENU {
  font-size: 8pt;
  font-family: Arial;
  border-style: none;
  background-color: transparent;
  border-color: #CCFEFE;
  text-decoration: underline;
  font-weight: bold;
  color: Navy;
  cursor: pointer;
}
.GRIDCOLBTN_DELETEBTN {
  background-position: 5px 1px;
  background-color: Red;
  background-image: url(../../../../Common/images/red.gif);
  background-repeat: no-repeat;
}
.POS_HOVER {
  background: red;
}
.POS_OUT {
  background: blue;
}
.EditMenuNutritionLabel {
  text-align: left;
  color: Navy;
  font-size: 8pt;
  font-family: Arial;
  border-style: none;
  vertical-align: bottom;
}
.DGSPINNER {
  font-size: 8pt;
  height: 16px;
}
.ScreenLabel {
  text-align: left;
  color: Navy;
  font-size: medium;
  font-weight: bold;
  font-family: Arial;
  border-style: none;
}
span.MenuImg {
  font-size: 12px;
  font-family: Wingdings 3;
  color: Navy;
}
.DGLABELWHITE {
  font-size: 8pt;
  color: white;
  font-family: Arial;
  height: 16px;
}
.DIVSetSortOrderButton {
  display: none;
}
.DIVSetFilterPanel {
  float: left;
}
.DIVFilterPanelContainer {
  /*width: 600;*/
}
.DG_NAMEINMENU_GENERATED {
  font-size: 8pt;
  color: black;
  font-family: Arial;
}
.DG_NAMEINMENU_NOT_GENERATED {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  background-color: #e4f5f6;
}
.DGEDITPANELFIXED {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 960px;
  border: ridge 1px #aaaaaa;
  border-collapse: collapse;
}
.EDITCELL {
  border-top: activeborder 2px inset !important;
  border-bottom: activeborder 2px inset !important;
  border-left: activeborder 2px inset !important;
  border-right: activeborder 2px inset !important;
  background-color: white;
  font-size: 8pt;
  font-family: Verdana;
  margin-left: 3px;
  color: royalblue;
  padding: 0px 0px 0px 3px;
}
/**********************/
/* DGCalendar Control */
/************************************************************/
/* IMPORTANT: DO NOT CHANGE THE ORDER OF THE CLASSES BELOW! */
/************************************************************/
/* Main table, everything is inside */
.DGCALENDAR_MAIN {
  font-family: Verdana, Arial;
  font-size: 8pt;
  border: none 0px transparent !important;
}
/* All links inside the main table */
.DGCALENDAR_MAIN A {
  color: #000084;
  text-decoration: none;
}
/* Separate table, including the cells for the month/year display and <, > */
.DGCALENDAR_TITLE {
  font-family: Verdana, Arial;
  font-size: 8pt;
  font-weight: bold;
  background-color: #84AAFF;
  color: #000084;
}
/* The cell containing the prev and next links */
.DGCALENDAR_NEXTPREV {
  text-decoration: none !important;
}
/* The cell containing the day headers (Mon-Sun) */
.DGCALENDAR_DAYHEADER {
  background-color: #000084;
  color: White;
}
/* 
NOTE: 
	_DAY and _WEEKENDDAY are the base classes.
	_TODAY, _SELECTEDAY and _OTHERMONTHDAY get applied additionally to the base classes!
Example:
	class="DGCALENDAR_DAY DGCALENDAR_TODAY"
*/
/* Additional class for the currently selected day */
.DGCALENDAR_SELECTEDDAY {
  background-color: #FFAAAA !important;
}
/* Additional class for the current day */
/* Additional class for days belonging to another month */
/* Links for days belonging to another month */
.DGCALENDAR_OTHERMONTHDAY A {
  visibility: hidden;
}
.DGCALENDAR_HOLIDAY {
  background-color: Yellow !important;
}
/* The base class for every day cell */
.DGCALENDAR_DAY {
  background-color: #84AAFF;
}
/* The base class for every weekend day cell */
.DGCALENDAR_WEEKENDDAY {
  background-color: #C6D7FF;
}
/*** DGCalendar END ***/
/***************************
* DGFileUpload Control     *
***************************/
.DGFileUpload {
  display: inline-flex;
  font-family: Arial;
  font-size: 8pt;
  position: relative;
}
.DGFileUpload .main-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.DGFileUpload[multiple] .main-container {
  flex-direction: column;
  align-items: flex-start;
}
.DGFileUpload[multiple] .file-list {
  width: 100%;
}
.DGFileUpload:not([multiple]) .file-list {
  flex: 1;
}
.DGFileUpload.drop-valid {
  outline: 1px solid #50bec8;
}
.DGFileUpload.drop-valid * {
  pointer-events: none;
}
.DGFileUpload.drop-valid .drop-overlay {
  visibility: visible;
  height: 100%;
}
.DGFileUpload.drop-invalid {
  background-color: #ffd7d7;
}
.DGFileUpload.drop-invalid * {
  pointer-events: none;
}
.DGFileUpload[disabled].drop-invalid {
  background-color: inherit;
}
.DGFileUpload .drop-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  background-color: rgba(145, 214, 220, 0.5);
}
.DGFileUpload .drop-overlay > span {
  background-color: rgba(200, 235, 238, 0.8);
  padding: 0px 2px;
  border-radius: 4px;
}
.DGFileUpload .button-container {
  display: flex;
  align-items: center;
}
.DGFileUpload .file-list {
  overflow-x: hidden;
}
.DGFileUpload .file-list .file {
  display: flex;
  align-items: center;
  padding: 3px;
  margin: 1px;
  cursor: default;
}
.DGFileUpload .file-list .file * {
  white-space: nowrap;
}
.DGFileUpload .file-list .file .name {
  order: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DGFileUpload .file-list .file .size {
  order: 10;
  margin-left: 6px;
}
.DGFileUpload .file-list .file .progress {
  order: 20;
  margin-left: 6px;
  width: 50px;
  height: 10px;
  border: 1px solid #91c1c4;
  border-radius: 2px;
  background-color: white;
  display: none;
}
.DGFileUpload .file-list .file .progress .progress-bar {
  background-color: #91d6dc;
  height: 100%;
}
.DGFileUpload .file-list .file .cancel {
  order: 30;
  color: red;
  cursor: pointer;
  display: none;
  margin-left: 3px;
}
.DGFileUpload .file-list .file .success {
  order: 30;
  color: green;
  display: none;
  margin-left: 3px;
}
.DGFileUpload .file-list .file .delete {
  order: 30;
  color: red;
  cursor: pointer;
  display: none;
  margin-left: 3px;
  font-weight: 400;
}
.DGFileUpload .file-list .file .delete:hover {
  font-weight: 900;
}
.DGFileUpload .file-list .file .fa,
.DGFileUpload .file-list .file .far,
.DGFileUpload .file-list .file .fas {
  font-size: 12px;
}
.DGFileUpload .file-list .file:hover {
  background-color: #f3f3f3;
}
.DGFileUpload .file-list .file.uploading .cancel {
  display: inline;
}
.DGFileUpload .file-list .file.uploading .progress {
  display: block;
}
.DGFileUpload .file-list .file.completed .success {
  display: inline;
}
.DGFileUpload .file-list .file.completed:hover .success {
  display: none;
}
.DGFileUpload .file-list .file.completed:hover .delete {
  display: inline;
}
.DGFileUpload .file-list .file.cancelled {
  display: none;
  color: #b4b4b4;
  font-style: italic;
}
.DGFileUpload .file-list .file.cancelled .delete {
  display: inline;
}
.DGFileUpload .file-list .file.error {
  color: red;
}
.DGFileUpload .file-list .file.error .delete {
  display: inline;
}
.DGFileUpload[disabled] .file-list .file:hover {
  background-color: inherit;
}
.DGFileUpload[disabled] .file-list .file.completed:hover .success {
  display: inline;
}
.DGFileUpload[disabled] .file-list .file.completed:hover .delete {
  display: none;
}
.DGFileUploadErrorInformation {
  font-size: 10pt;
}
.DGFileUploadErrorInformation .error-text {
  margin-bottom: 6px;
}
.DGFileUploadErrorInformation .error-header {
  font-weight: bold;
}
.DGFileUploadErrorInformation .error-info:before {
  content: " (";
}
.DGFileUploadErrorInformation .error-info:after {
  content: ")";
}
.DGFileUploadErrorInformation ul.error-list {
  margin-top: 2px;
  padding-left: 20px;
  font-size: 8pt;
}
.DGFileUploadErrorInformation ul.error-list:last-of-type {
  margin-bottom: 2px;
}
/*** DGFileUpload END ***/
/****************************
* DGRecordNavigator Control *
****************************/
.DGRecordNavigator {
  display: inline-flex;
  flex-direction: row;
  gap: 4px;
}
.DGFilterPanel > table > tbody > tr > td > .DGRecordNavigator {
  margin-right: 6px;
}
/*** DGRecordNavigator END ***/
/***************************
* DGWebDateChooser Control *
***************************/
/* Style applied to the main table element (containing the input and dropdown button) */
.DGWEBDATECHOOSER_MAIN {
  border: 1px inset;
}
.DGWEBDATECHOOSER_MAIN input {
  font-size: 8pt;
}
.DGWEBDATECHOOSER_MAIN img {
  max-height: 18px;
}
/* Style applied the dropdown/calendar container */
.DGWEBDATECHOOSER_DROPDOWN {
  box-shadow: 3px 3px 8px -5px;
  border-radius: 5px 5px 5px 5px;
}
/* Main Calendar style, applied to all tables in the dropdown calendar */
.DGWEBDATECHOOSER {
  background-color: #DEDEDE;
  background-image: linear-gradient(to bottom, #f0f0f0, #c8c8c8);
  font-family: Arial;
  color: Black;
  font-size: 8pt;
  border-radius: 5px 5px 5px 5px;
}
/* Tables contained inside the main outer table */
table.DGWEBDATECHOOSER table.DGWEBDATECHOOSER {
  border-radius: 0 0 0 0;
  background-color: transparent;
  background-image: none;
}
table.DGWEBDATECHOOSER table.DGWEBDATECHOOSER select {
  font-size: 8pt;
  height: 18px;
}
/* The table containing day headers, week numbers and days */
table.DGWEBDATECHOOSER table.DGWEBDATECHOOSER[id] {
  table-layout: fixed;
}
/* The cells containing the previous/next arrows */
/* Prev */
.DGWEBDATECHOOSER_PREVNEXT:first-child {
  background-image: url(AppImageLoader.ashx?Smallleft.gif);
  background-position: right center;
  padding: 0 4px 0 8px;
}
/* Prev+Next */
.DGWEBDATECHOOSER_PREVNEXT {
  background-image: url(AppImageLoader.ashx?Smallright.gif);
  background-position: 40% center;
  background-repeat: no-repeat;
  padding: 0 8px 0 8px;
}
/* The cell containing the day headers (Mon-Sun) */
.DGWEBDATECHOOSER_DAYHEADER {
  background-color: transparent !important;
  width: auto !important;
}
.DGWEBDATECHOOSER_DAYHEADER:first-child {
  border-bottom: 0px none;
  width: 18px !important;
}
/* The cell containing week numbers */
.DGWEBDATECHOOSER_WEEKNUMBER {
  background-color: transparent !important;
}
/* Any cells belonging to a weekend */
/* Today's cell */
/* The selected cell */
.DGWEBDATECHOOSER_SELECTED {
  background-color: transparent !important;
}
/* Cells of days belonging to a different month */
.DGWEBDATECHOOSER_OTHERMONTHDAY {
  color: #A0A0A0;
}
/* The footer area */
.DGWEBDATECHOOSER_FOOTER {
  padding: 2px;
}
/*** DGWebDateChooser END ***/
.DISABLEDCELL {
  background-color: #EEEEEE;
}
.WINGMEALIMAGE,
.WINGMEALIMAGELARGE {
  font-family: Wingdings 3;
  font-size: 16px;
  color: Navy;
  cursor: pointer;
}
td.compHeaderGreen {
  background-color: Lime;
  border-right: solid 1px white;
  height: 20px;
}
td.compHeaderBlue {
  background-color: #D1E6FF;
  border-right: solid 1px white;
  height: 20px;
}
td.compHeaderRed {
  background-color: Red;
  border-right: solid 1px white;
  height: 20px;
}
td.compHeaderDisabled {
  background-color: #E1E1E1;
  border-right: solid 1px white;
  height: 20px;
}
.LabelCmpOrdPanBlueTop {
  font-family: Arial;
  font-size: 12px;
  color: Navy;
  font-weight: bold;
  vertical-align: middle;
}
.assignLabelsPrintFloorStock {
  font-size: 8pt;
  text-align: left;
  font-family: Arial;
  height: 16px;
  font-size: 12pt;
  color: White;
}
.RedOption {
  color: Red;
}
.indentLeft {
  padding-left: 20px;
}
#tooltip,
.tooltip {
  position: absolute;
  z-index: 3000;
  font-family: Tahoma, Sans-Serif;
  font-size: 8pt;
  text-align: left;
  padding: 2px 3px 2px 3px;
  border: 1px solid black;
  background-color: #FFFFE1;
  /* Near pixel-perfect shadow emulation of browser tooltip: */
  box-shadow: 4px 4px 1.75px -2.5px rgba(0, 0, 0, 0.5);
}
/********************************
* Rights Preview Banner Control *
********************************/
.rightsPreview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  background-color: #eff297;
  padding: 5px;
  font-family: Helvetica, Arial, sans-serif;
  padding-left: 20px;
  padding-right: 40px;
}
.rightsPreview div {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rightsPreview button {
  flex-shrink: 0;
  background-color: #eff297;
}
/******************************************************************************
* MYGUEST-SPECIFIC STYLES:                                                    *
******************************************************************************/
.DGHYPERLINKDISABLED {
  color: Gray;
  cursor: default;
}
.DGRABLUE {
  font-size: 8pt;
  font-family: Verdana;
  background-color: #D1E6FF;
  margin-left: 3px;
}
.DGLABELBOLDNAVY {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  color: navy;
  font-weight: bold;
}
.MealListBox {
  border-style: none;
  position: absolute;
  z-index: 9999999;
  float: left;
  height: 80px;
  overflow: auto;
  text-align: left;
}
.hrClass {
  height: 2px;
  border-width: 0;
  color: gray;
  background-color: gray;
}
.ComponentGroupFirstRowBox {
  border: solid 1px Gainsboro;
  height: 80px;
  width: 100%;
  visibility: visible;
  overflow: auto;
}
.ComponentGroupSecondRowBox {
  border: solid 1px Gainsboro;
  height: 60px;
  width: 100%;
  overflow: auto;
}
.ComponentGroupBoxCell {
  font-size: 8pt;
  color: black;
  font-family: Arial;
  height: 16px;
  vertical-align: top;
}
.ComponentGroupSelectedList {
  background-color: #9EDDFF;
}
.ComponentGroupSelectedListOverflow {
  background-color: #FF8147;
}
.DGHYPERLINKNOUNDERLINE,
.DGHYPERLINKNOUNDERLINEBOLD,
.DGHYPERLINKNOUNDERLINEBOLDITALIC {
  font-size: 8pt;
  cursor: pointer;
  color: Navy;
  font-family: Arial;
  text-decoration: none;
}
.DGHYPERLINKUNDERLINE,
.DGHYPERLINKUNDERLINEITALIC,
.DGHYPERLINKUNDERLINEBOLDITALIC {
  font-size: 8pt;
  cursor: pointer;
  color: Navy;
  font-family: Arial;
  text-decoration: underline;
}
.DGHYPERLINKNOUNDERLINE,
.DGHYPERLINKUNDERLINE {
  font-weight: normal;
}
.DGHYPERLINKNOUNDERLINEBOLD,
.DGHYPERLINKNOUNDERLINEBOLDITALIC,
.DGHYPERLINKUNDERLINEBOLDITALIC {
  font-weight: bold;
}
.DGHYPERLINKNOUNDERLINEBOLDITALIC,
.DGHYPERLINKUNDERLINEITALIC,
.DGHYPERLINKUNDERLINEBOLDITALIC {
  font-style: italic;
}
.BLUEUNDERLINEROW {
  border-bottom: solid 1px Navy;
}
.ChooseFieldPopupBigFont {
  font-size: 18px !important;
  font-family: Arial !important;
}
.WatermarkLabel,
.WatermarkLabelSmall,
.WatermarkLabelLarge {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: White;
  font-size: 42px;
}
.WatermarkLabelSmall {
  font-size: xx-large;
}
.WatermarkLabelLarge {
  font-size: 48pt;
}
.WatermarkOverlay,
.ExceededBanner,
.CutoffTimeExceededBanner,
.TrayCardAlreadyPrintedBanner,
.LockPatientManagedByNutritionist,
.OrderIsNotDeliveredBanner {
  background-color: #c3bebe;
  background-repeat: no-repeat;
  background-position: left top;
  filter: alpha(opacity=50);
  opacity: 0.5;
  padding-top: 200px;
  z-index: 99999;
}
.InactiveBanner * {
  color: red;
}
.NotFound {
  opacity: 1;
}
.NotFound * {
  color: red;
}
.LockPatientManagedByNutritionist {
  background-color: Silver;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.TreeWithGuestsPanel {
  background-color: #f3f3f3;
  height: 550px;
  width: 300px;
  left: 20px;
  position: absolute;
  font-family: Verdana;
  font-size: 8pt;
  color: Navy;
  -moz-user-select: none;
  padding-left: 5px;
  padding-top: 5px;
  overflow: auto !important;
  z-index: 1001;
}
.DGLISTBOX,
.DGLISTBOXDISABLED {
  font-size: 8pt;
  background-color: White;
  color: black;
  font-family: Arial;
}
.DGLISTBOXDISABLED {
  color: #B4B4B4;
  border: solid 1px darkgray;
}
.SurveyQuestionText {
  font-size: 12pt;
}
.SurveyQuestionOptionText {
  font-size: 10pt;
}
.SurveyQuestionAnswerText {
  padding-left: 20px;
  font-family: Arial;
  font-size: 10pt;
}
.BarChart {
  height: 20px;
}
.BarChartImg {
  float: left;
  height: 16px;
}
.BarChartValue {
  float: left;
  padding-left: 4px;
  padding-top: 3px;
}
.NumericUpDownButton {
  font-size: 1pt;
  border-width: 1px;
  border-style: solid;
  border-color: #91c1c4;
  background-color: #d3eff1 !important;
}
.NumericUpDownButtonPressed {
  background-color: #91d6dc !important;
}
.NumericUpDownButtonHover {
  background-color: #e4f5f6 !important;
}
.NumericUpDownButtonDisabled {
  border-color: #E4E4E4 !important;
  background-color: #F1F1ED !important;
}
.l-width {
  width: 200px !important;
}
.m-width {
  width: 100px !important;
}
div.DGTEXTBOX.l-width input,
div.DGTEXTBOX.m-width input,
div.DGTEXTBOX.s-width input {
  width: 100% !important;
}
.s-width {
  width: 50px !important;
}
.full-width {
  width: 100% !important;
}
.rating-box {
  position: relative;
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  color: #50bec8;
}
.rating-box:before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-weight: 100;
}
.rating-box .rating {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: width cubic-bezier(0, 0, 0.2, 1) 0.3s;
  color: #50bec8;
}
.rating-box .rating:before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-weight: 900;
}
/* Promotions */
.promotion.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.promotion.main-banner.container {
  width: 950px;
  height: 120px;
  background-color: white;
}
.promotion.main-banner.image {
  max-width: 950px;
  max-height: 120px;
}
.promotion.main-portrait.container {
  width: 255px;
  height: 450px;
  background-color: white;
}
.promotion.main-portrait.image {
  max-width: 255px;
  max-height: 450px;
}
.promotion.order-banner.container {
  width: 830px;
  height: 50px;
  align-items: flex-end;
}
.promotion.order-banner.image {
  max-width: 830px;
  max-height: 50px;
}
/* Container for alignment with assign controls */
.ac-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.ac-container > div {
  width: 1px;
  flex-grow: 1;
  align-self: stretch;
  display: inline-block;
}
.ac-container > div:last-of-type {
  margin-left: 106px;
  /* Derived from known Button width */
}
.ac-label {
  margin: 5px 0;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.ac-label > span {
  white-space: nowrap;
  display: initial !important;
}
/*	Apply class to tables as a replacement for the 
	widely used legacy HTML attributes
	
		cellpadding="0" cellspacing="0" width="100%" 
	
	See https://stackoverflow.com/questions/339923/set-cellpadding-and-cellspacing-in-css
*/
.table-migrate {
  border-spacing: 0;
  /* default: 2px */
  border-collapse: collapse;
}
.table-migrate td {
  padding: 0;
}
span.dg-assign .assignContainer {
  /* Display assignments */
}
span.dg-assign .assignContainer span.group {
  font-family: Verdana;
  font-size: 8pt;
  color: black;
  margin-left: 3px;
  text-decoration: none;
  background-color: White;
  cursor: pointer;
  user-select: none;
  color: #d1d1d1;
}
span.dg-assign .assignContainer span.group.hidden {
  display: none;
}
span.dg-assign .assignContainer.source span.item {
  font-family: Verdana;
  font-size: 8pt;
  color: black;
  margin-left: 3px;
  text-decoration: none;
  background-color: White;
  cursor: pointer;
  user-select: none;
  display: block;
}
span.dg-assign .assignContainer.source span.item.selected {
  background-color: Highlight !important;
  color: HighlightText !important;
}
span.dg-assign .assignContainer.source span.item[groupKey] {
  padding-left: 20px;
}
span.dg-assign .assignContainer.source span.item.assigned {
  display: none;
}
span.dg-assign .assignContainer.source span.item.filtered {
  display: none !important;
}
span.dg-assign .assignContainer.target span.item {
  font-family: Verdana;
  font-size: 8pt;
  color: black;
  margin-left: 3px;
  text-decoration: none;
  background-color: White;
  cursor: pointer;
  user-select: none;
  display: none;
}
span.dg-assign .assignContainer.target span.item.selected {
  background-color: Highlight !important;
  color: HighlightText !important;
}
span.dg-assign .assignContainer.target span.item[groupKey] {
  padding-left: 20px;
}
span.dg-assign .assignContainer.target span.item.assigned {
  display: block;
}
span.dg-assign .assignContainer.target span.item.filtered {
  display: none !important;
}
div.grouppanel-align > div {
  height: 100% !important;
}
div.grouppanel-align .DGGROUPPANEL {
  height: 100% !important;
}
div.grouppanel-align .DGGROUPPANEL > fieldset {
  height: 100% !important;
}
div.ruleAlert {
  display: none;
  position: relative;
  min-height: 20px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  padding: 4px 10px 0 10px;
}
div.ruleAlert * {
  color: navy;
  font-size: 12px !important;
  font-weight: bold !important;
}
div.ruleAlert > img:first-of-type {
  position: absolute;
  left: 10px;
  width: 20px;
  top: 2px;
}
div.ruleAlert.Rule {
  display: block;
  background-color: red;
}
div.ruleAlert.Warning {
  display: block;
  background-color: orange;
}
/* In Room Service Ordering only */
#ComponentsControlsLabelsContainerMain div.ruleAlert {
  margin: 10px 0;
}
table.comp-sections {
  margin-top: 20px;
  border-collapse: collapse;
}
table.comp-sections .DGTEXTBOX {
  width: 100% !important;
}
table.comp-sections tr:first-of-type {
  height: 20px;
  line-height: 20px;
}
table.comp-sections tr:first-of-type > td {
  -moz-user-select: none;
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial;
  background-color: #464646;
  background-image: url(AppImageLoader.ashx?gridHeader.png);
  background-repeat: repeat-x;
  padding-left: 5px;
}
table.comp-sections tr:first-of-type > td span {
  color: white !important;
  font-weight: bold !important;
}
table.comp-sections > td {
  border: 0px solid transparent;
  background-clip: padding-box;
}
table.comp-sections > tbody > tr > td + td {
  padding-left: 20px;
}
table.comp-sections > tbody > tr + tr > td {
  padding-top: 10px;
}
/*************************************************************************
* Utility CSS Classes                                                    *
*************************************************************************/
.d-block {
  display: block;
}
.d-flex {
  display: flex;
}
.d-inline {
  display: inline;
}
.d-inline-block {
  display: inline-block;
}
.d-inline-flex {
  display: inline-flex;
}
.d-none {
  display: none !important;
}
.d-table {
  display: table;
}
.d-table-cell {
  display: table-cell;
}
.p-absolute {
  position: absolute;
}
.p-fixed {
  position: fixed;
}
.p-relative {
  position: relative;
}
.p-static {
  position: static;
}
.p-sticky {
  position: sticky;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.min-width-0 {
  min-width: 0;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-space-around {
  justify-content: space-around;
}
.justify-space-between {
  justify-content: space-between;
}
.justify-space-evenly {
  justify-content: space-evenly;
}
.justify-start {
  justify-content: flex-start;
}
.align-content-center {
  align-content: center;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-space-around {
  align-content: space-around;
}
.align-content-space-between {
  align-content: space-between;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-stretch {
  align-content: stretch;
}
.align-baseline {
  align-items: baseline;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.align-start {
  align-items: flex-start;
}
.align-stretch {
  align-items: stretch;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-center {
  align-self: center;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-stretch {
  align-self: stretch;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.hide-scrollbar {
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.thin-scrollbar {
  scrollbar-width: thin;
}
.scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}
.scrollbar-gutter-stable-both-edges {
  scrollbar-gutter: stable both-edges;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 3px;
}
.gap-2 {
  gap: 6px;
}
.gap-3 {
  gap: 9px;
}
.gap-4 {
  gap: 12px;
}
.gap-5 {
  gap: 15px;
}
.gap-6 {
  gap: 18px;
}
.gap-7 {
  gap: 21px;
}
.gap-8 {
  gap: 24px;
}
.gap-9 {
  gap: 27px;
}
.gap-10 {
  gap: 30px;
}
.gap-x-0 {
  column-gap: 0px;
}
.gap-x-1 {
  column-gap: 3px;
}
.gap-x-2 {
  column-gap: 6px;
}
.gap-x-3 {
  column-gap: 9px;
}
.gap-x-4 {
  column-gap: 12px;
}
.gap-x-5 {
  column-gap: 15px;
}
.gap-x-6 {
  column-gap: 18px;
}
.gap-x-7 {
  column-gap: 21px;
}
.gap-x-8 {
  column-gap: 24px;
}
.gap-x-9 {
  column-gap: 27px;
}
.gap-x-10 {
  column-gap: 30px;
}
.gap-y-0 {
  row-gap: 0px;
}
.gap-y-1 {
  row-gap: 3px;
}
.gap-y-2 {
  row-gap: 6px;
}
.gap-y-3 {
  row-gap: 9px;
}
.gap-y-4 {
  row-gap: 12px;
}
.gap-y-5 {
  row-gap: 15px;
}
.gap-y-6 {
  row-gap: 18px;
}
.gap-y-7 {
  row-gap: 21px;
}
.gap-y-8 {
  row-gap: 24px;
}
.gap-y-9 {
  row-gap: 27px;
}
.gap-y-10 {
  row-gap: 30px;
}
.ma-0 {
  margin: 0px;
}
.ma-1 {
  margin: 3px;
}
.ma-2 {
  margin: 6px;
}
.ma-3 {
  margin: 9px;
}
.ma-4 {
  margin: 12px;
}
.ma-5 {
  margin: 15px;
}
.ma-6 {
  margin: 18px;
}
.ma-7 {
  margin: 21px;
}
.ma-8 {
  margin: 24px;
}
.ma-9 {
  margin: 27px;
}
.ma-10 {
  margin: 30px;
}
.ma-11 {
  margin: 33px;
}
.ma-12 {
  margin: 36px;
}
.ma-13 {
  margin: 39px;
}
.ma-14 {
  margin: 42px;
}
.ma-15 {
  margin: 45px;
}
.ma-16 {
  margin: 48px;
}
.ma-17 {
  margin: 51px;
}
.ma-18 {
  margin: 54px;
}
.ma-19 {
  margin: 57px;
}
.ma-20 {
  margin: 60px;
}
.ma-1px {
  margin: 1px;
}
.ma-2px {
  margin: 2px;
}
.ma-3px {
  margin: 3px;
}
.ma-4px {
  margin: 4px;
}
.ma-5px {
  margin: 5px;
}
.ma-6px {
  margin: 6px;
}
.ma-7px {
  margin: 7px;
}
.ma-8px {
  margin: 8px;
}
.ma-9px {
  margin: 9px;
}
.ma-10px {
  margin: 10px;
}
.ma-11px {
  margin: 11px;
}
.ma-12px {
  margin: 12px;
}
.ma-13px {
  margin: 13px;
}
.ma-14px {
  margin: 14px;
}
.ma-15px {
  margin: 15px;
}
.ma-16px {
  margin: 16px;
}
.ma-17px {
  margin: 17px;
}
.ma-18px {
  margin: 18px;
}
.ma-19px {
  margin: 19px;
}
.ma-20px {
  margin: 20px;
}
.ma-n1 {
  margin: -3px;
}
.ma-n2 {
  margin: -6px;
}
.ma-n3 {
  margin: -9px;
}
.ma-n4 {
  margin: -12px;
}
.ma-n5 {
  margin: -15px;
}
.ma-n6 {
  margin: -18px;
}
.ma-n7 {
  margin: -21px;
}
.ma-n8 {
  margin: -24px;
}
.ma-n9 {
  margin: -27px;
}
.ma-n10 {
  margin: -30px;
}
.ma-n11 {
  margin: -33px;
}
.ma-n12 {
  margin: -36px;
}
.ma-n13 {
  margin: -39px;
}
.ma-n14 {
  margin: -42px;
}
.ma-n15 {
  margin: -45px;
}
.ma-n16 {
  margin: -48px;
}
.ma-n17 {
  margin: -51px;
}
.ma-n18 {
  margin: -54px;
}
.ma-n19 {
  margin: -57px;
}
.ma-n20 {
  margin: -60px;
}
.ma-n1px {
  margin: -1px;
}
.ma-n2px {
  margin: -2px;
}
.ma-n3px {
  margin: -3px;
}
.ma-n4px {
  margin: -4px;
}
.ma-n5px {
  margin: -5px;
}
.ma-n6px {
  margin: -6px;
}
.ma-n7px {
  margin: -7px;
}
.ma-n8px {
  margin: -8px;
}
.ma-n9px {
  margin: -9px;
}
.ma-n10px {
  margin: -10px;
}
.ma-n11px {
  margin: -11px;
}
.ma-n12px {
  margin: -12px;
}
.ma-n13px {
  margin: -13px;
}
.ma-n14px {
  margin: -14px;
}
.ma-n15px {
  margin: -15px;
}
.ma-n16px {
  margin: -16px;
}
.ma-n17px {
  margin: -17px;
}
.ma-n18px {
  margin: -18px;
}
.ma-n19px {
  margin: -19px;
}
.ma-n20px {
  margin: -20px;
}
.ma-auto {
  margin: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 3px;
}
.mt-2 {
  margin-top: 6px;
}
.mt-3 {
  margin-top: 9px;
}
.mt-4 {
  margin-top: 12px;
}
.mt-5 {
  margin-top: 15px;
}
.mt-6 {
  margin-top: 18px;
}
.mt-7 {
  margin-top: 21px;
}
.mt-8 {
  margin-top: 24px;
}
.mt-9 {
  margin-top: 27px;
}
.mt-10 {
  margin-top: 30px;
}
.mt-11 {
  margin-top: 33px;
}
.mt-12 {
  margin-top: 36px;
}
.mt-13 {
  margin-top: 39px;
}
.mt-14 {
  margin-top: 42px;
}
.mt-15 {
  margin-top: 45px;
}
.mt-16 {
  margin-top: 48px;
}
.mt-17 {
  margin-top: 51px;
}
.mt-18 {
  margin-top: 54px;
}
.mt-19 {
  margin-top: 57px;
}
.mt-20 {
  margin-top: 60px;
}
.mt-1px {
  margin-top: 1px;
}
.mt-2px {
  margin-top: 2px;
}
.mt-3px {
  margin-top: 3px;
}
.mt-4px {
  margin-top: 4px;
}
.mt-5px {
  margin-top: 5px;
}
.mt-6px {
  margin-top: 6px;
}
.mt-7px {
  margin-top: 7px;
}
.mt-8px {
  margin-top: 8px;
}
.mt-9px {
  margin-top: 9px;
}
.mt-10px {
  margin-top: 10px;
}
.mt-11px {
  margin-top: 11px;
}
.mt-12px {
  margin-top: 12px;
}
.mt-13px {
  margin-top: 13px;
}
.mt-14px {
  margin-top: 14px;
}
.mt-15px {
  margin-top: 15px;
}
.mt-16px {
  margin-top: 16px;
}
.mt-17px {
  margin-top: 17px;
}
.mt-18px {
  margin-top: 18px;
}
.mt-19px {
  margin-top: 19px;
}
.mt-20px {
  margin-top: 20px;
}
.mt-n1 {
  margin-top: -3px;
}
.mt-n2 {
  margin-top: -6px;
}
.mt-n3 {
  margin-top: -9px;
}
.mt-n4 {
  margin-top: -12px;
}
.mt-n5 {
  margin-top: -15px;
}
.mt-n6 {
  margin-top: -18px;
}
.mt-n7 {
  margin-top: -21px;
}
.mt-n8 {
  margin-top: -24px;
}
.mt-n9 {
  margin-top: -27px;
}
.mt-n10 {
  margin-top: -30px;
}
.mt-n11 {
  margin-top: -33px;
}
.mt-n12 {
  margin-top: -36px;
}
.mt-n13 {
  margin-top: -39px;
}
.mt-n14 {
  margin-top: -42px;
}
.mt-n15 {
  margin-top: -45px;
}
.mt-n16 {
  margin-top: -48px;
}
.mt-n17 {
  margin-top: -51px;
}
.mt-n18 {
  margin-top: -54px;
}
.mt-n19 {
  margin-top: -57px;
}
.mt-n20 {
  margin-top: -60px;
}
.mt-n1px {
  margin-top: -1px;
}
.mt-n2px {
  margin-top: -2px;
}
.mt-n3px {
  margin-top: -3px;
}
.mt-n4px {
  margin-top: -4px;
}
.mt-n5px {
  margin-top: -5px;
}
.mt-n6px {
  margin-top: -6px;
}
.mt-n7px {
  margin-top: -7px;
}
.mt-n8px {
  margin-top: -8px;
}
.mt-n9px {
  margin-top: -9px;
}
.mt-n10px {
  margin-top: -10px;
}
.mt-n11px {
  margin-top: -11px;
}
.mt-n12px {
  margin-top: -12px;
}
.mt-n13px {
  margin-top: -13px;
}
.mt-n14px {
  margin-top: -14px;
}
.mt-n15px {
  margin-top: -15px;
}
.mt-n16px {
  margin-top: -16px;
}
.mt-n17px {
  margin-top: -17px;
}
.mt-n18px {
  margin-top: -18px;
}
.mt-n19px {
  margin-top: -19px;
}
.mt-n20px {
  margin-top: -20px;
}
.mt-auto {
  margin-top: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 3px;
}
.mr-2 {
  margin-right: 6px;
}
.mr-3 {
  margin-right: 9px;
}
.mr-4 {
  margin-right: 12px;
}
.mr-5 {
  margin-right: 15px;
}
.mr-6 {
  margin-right: 18px;
}
.mr-7 {
  margin-right: 21px;
}
.mr-8 {
  margin-right: 24px;
}
.mr-9 {
  margin-right: 27px;
}
.mr-10 {
  margin-right: 30px;
}
.mr-11 {
  margin-right: 33px;
}
.mr-12 {
  margin-right: 36px;
}
.mr-13 {
  margin-right: 39px;
}
.mr-14 {
  margin-right: 42px;
}
.mr-15 {
  margin-right: 45px;
}
.mr-16 {
  margin-right: 48px;
}
.mr-17 {
  margin-right: 51px;
}
.mr-18 {
  margin-right: 54px;
}
.mr-19 {
  margin-right: 57px;
}
.mr-20 {
  margin-right: 60px;
}
.mr-1px {
  margin-right: 1px;
}
.mr-2px {
  margin-right: 2px;
}
.mr-3px {
  margin-right: 3px;
}
.mr-4px {
  margin-right: 4px;
}
.mr-5px {
  margin-right: 5px;
}
.mr-6px {
  margin-right: 6px;
}
.mr-7px {
  margin-right: 7px;
}
.mr-8px {
  margin-right: 8px;
}
.mr-9px {
  margin-right: 9px;
}
.mr-10px {
  margin-right: 10px;
}
.mr-11px {
  margin-right: 11px;
}
.mr-12px {
  margin-right: 12px;
}
.mr-13px {
  margin-right: 13px;
}
.mr-14px {
  margin-right: 14px;
}
.mr-15px {
  margin-right: 15px;
}
.mr-16px {
  margin-right: 16px;
}
.mr-17px {
  margin-right: 17px;
}
.mr-18px {
  margin-right: 18px;
}
.mr-19px {
  margin-right: 19px;
}
.mr-20px {
  margin-right: 20px;
}
.mr-n1 {
  margin-right: -3px;
}
.mr-n2 {
  margin-right: -6px;
}
.mr-n3 {
  margin-right: -9px;
}
.mr-n4 {
  margin-right: -12px;
}
.mr-n5 {
  margin-right: -15px;
}
.mr-n6 {
  margin-right: -18px;
}
.mr-n7 {
  margin-right: -21px;
}
.mr-n8 {
  margin-right: -24px;
}
.mr-n9 {
  margin-right: -27px;
}
.mr-n10 {
  margin-right: -30px;
}
.mr-n11 {
  margin-right: -33px;
}
.mr-n12 {
  margin-right: -36px;
}
.mr-n13 {
  margin-right: -39px;
}
.mr-n14 {
  margin-right: -42px;
}
.mr-n15 {
  margin-right: -45px;
}
.mr-n16 {
  margin-right: -48px;
}
.mr-n17 {
  margin-right: -51px;
}
.mr-n18 {
  margin-right: -54px;
}
.mr-n19 {
  margin-right: -57px;
}
.mr-n20 {
  margin-right: -60px;
}
.mr-n1px {
  margin-right: -1px;
}
.mr-n2px {
  margin-right: -2px;
}
.mr-n3px {
  margin-right: -3px;
}
.mr-n4px {
  margin-right: -4px;
}
.mr-n5px {
  margin-right: -5px;
}
.mr-n6px {
  margin-right: -6px;
}
.mr-n7px {
  margin-right: -7px;
}
.mr-n8px {
  margin-right: -8px;
}
.mr-n9px {
  margin-right: -9px;
}
.mr-n10px {
  margin-right: -10px;
}
.mr-n11px {
  margin-right: -11px;
}
.mr-n12px {
  margin-right: -12px;
}
.mr-n13px {
  margin-right: -13px;
}
.mr-n14px {
  margin-right: -14px;
}
.mr-n15px {
  margin-right: -15px;
}
.mr-n16px {
  margin-right: -16px;
}
.mr-n17px {
  margin-right: -17px;
}
.mr-n18px {
  margin-right: -18px;
}
.mr-n19px {
  margin-right: -19px;
}
.mr-n20px {
  margin-right: -20px;
}
.mr-auto {
  margin-right: auto;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 3px;
}
.mb-2 {
  margin-bottom: 6px;
}
.mb-3 {
  margin-bottom: 9px;
}
.mb-4 {
  margin-bottom: 12px;
}
.mb-5 {
  margin-bottom: 15px;
}
.mb-6 {
  margin-bottom: 18px;
}
.mb-7 {
  margin-bottom: 21px;
}
.mb-8 {
  margin-bottom: 24px;
}
.mb-9 {
  margin-bottom: 27px;
}
.mb-10 {
  margin-bottom: 30px;
}
.mb-11 {
  margin-bottom: 33px;
}
.mb-12 {
  margin-bottom: 36px;
}
.mb-13 {
  margin-bottom: 39px;
}
.mb-14 {
  margin-bottom: 42px;
}
.mb-15 {
  margin-bottom: 45px;
}
.mb-16 {
  margin-bottom: 48px;
}
.mb-17 {
  margin-bottom: 51px;
}
.mb-18 {
  margin-bottom: 54px;
}
.mb-19 {
  margin-bottom: 57px;
}
.mb-20 {
  margin-bottom: 60px;
}
.mb-1px {
  margin-bottom: 1px;
}
.mb-2px {
  margin-bottom: 2px;
}
.mb-3px {
  margin-bottom: 3px;
}
.mb-4px {
  margin-bottom: 4px;
}
.mb-5px {
  margin-bottom: 5px;
}
.mb-6px {
  margin-bottom: 6px;
}
.mb-7px {
  margin-bottom: 7px;
}
.mb-8px {
  margin-bottom: 8px;
}
.mb-9px {
  margin-bottom: 9px;
}
.mb-10px {
  margin-bottom: 10px;
}
.mb-11px {
  margin-bottom: 11px;
}
.mb-12px {
  margin-bottom: 12px;
}
.mb-13px {
  margin-bottom: 13px;
}
.mb-14px {
  margin-bottom: 14px;
}
.mb-15px {
  margin-bottom: 15px;
}
.mb-16px {
  margin-bottom: 16px;
}
.mb-17px {
  margin-bottom: 17px;
}
.mb-18px {
  margin-bottom: 18px;
}
.mb-19px {
  margin-bottom: 19px;
}
.mb-20px {
  margin-bottom: 20px;
}
.mb-n1 {
  margin-bottom: -3px;
}
.mb-n2 {
  margin-bottom: -6px;
}
.mb-n3 {
  margin-bottom: -9px;
}
.mb-n4 {
  margin-bottom: -12px;
}
.mb-n5 {
  margin-bottom: -15px;
}
.mb-n6 {
  margin-bottom: -18px;
}
.mb-n7 {
  margin-bottom: -21px;
}
.mb-n8 {
  margin-bottom: -24px;
}
.mb-n9 {
  margin-bottom: -27px;
}
.mb-n10 {
  margin-bottom: -30px;
}
.mb-n11 {
  margin-bottom: -33px;
}
.mb-n12 {
  margin-bottom: -36px;
}
.mb-n13 {
  margin-bottom: -39px;
}
.mb-n14 {
  margin-bottom: -42px;
}
.mb-n15 {
  margin-bottom: -45px;
}
.mb-n16 {
  margin-bottom: -48px;
}
.mb-n17 {
  margin-bottom: -51px;
}
.mb-n18 {
  margin-bottom: -54px;
}
.mb-n19 {
  margin-bottom: -57px;
}
.mb-n20 {
  margin-bottom: -60px;
}
.mb-n1px {
  margin-bottom: -1px;
}
.mb-n2px {
  margin-bottom: -2px;
}
.mb-n3px {
  margin-bottom: -3px;
}
.mb-n4px {
  margin-bottom: -4px;
}
.mb-n5px {
  margin-bottom: -5px;
}
.mb-n6px {
  margin-bottom: -6px;
}
.mb-n7px {
  margin-bottom: -7px;
}
.mb-n8px {
  margin-bottom: -8px;
}
.mb-n9px {
  margin-bottom: -9px;
}
.mb-n10px {
  margin-bottom: -10px;
}
.mb-n11px {
  margin-bottom: -11px;
}
.mb-n12px {
  margin-bottom: -12px;
}
.mb-n13px {
  margin-bottom: -13px;
}
.mb-n14px {
  margin-bottom: -14px;
}
.mb-n15px {
  margin-bottom: -15px;
}
.mb-n16px {
  margin-bottom: -16px;
}
.mb-n17px {
  margin-bottom: -17px;
}
.mb-n18px {
  margin-bottom: -18px;
}
.mb-n19px {
  margin-bottom: -19px;
}
.mb-n20px {
  margin-bottom: -20px;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-0 {
  margin-left: 0px;
}
.ml-1 {
  margin-left: 3px;
}
.ml-2 {
  margin-left: 6px;
}
.ml-3 {
  margin-left: 9px;
}
.ml-4 {
  margin-left: 12px;
}
.ml-5 {
  margin-left: 15px;
}
.ml-6 {
  margin-left: 18px;
}
.ml-7 {
  margin-left: 21px;
}
.ml-8 {
  margin-left: 24px;
}
.ml-9 {
  margin-left: 27px;
}
.ml-10 {
  margin-left: 30px;
}
.ml-11 {
  margin-left: 33px;
}
.ml-12 {
  margin-left: 36px;
}
.ml-13 {
  margin-left: 39px;
}
.ml-14 {
  margin-left: 42px;
}
.ml-15 {
  margin-left: 45px;
}
.ml-16 {
  margin-left: 48px;
}
.ml-17 {
  margin-left: 51px;
}
.ml-18 {
  margin-left: 54px;
}
.ml-19 {
  margin-left: 57px;
}
.ml-20 {
  margin-left: 60px;
}
.ml-1px {
  margin-left: 1px;
}
.ml-2px {
  margin-left: 2px;
}
.ml-3px {
  margin-left: 3px;
}
.ml-4px {
  margin-left: 4px;
}
.ml-5px {
  margin-left: 5px;
}
.ml-6px {
  margin-left: 6px;
}
.ml-7px {
  margin-left: 7px;
}
.ml-8px {
  margin-left: 8px;
}
.ml-9px {
  margin-left: 9px;
}
.ml-10px {
  margin-left: 10px;
}
.ml-11px {
  margin-left: 11px;
}
.ml-12px {
  margin-left: 12px;
}
.ml-13px {
  margin-left: 13px;
}
.ml-14px {
  margin-left: 14px;
}
.ml-15px {
  margin-left: 15px;
}
.ml-16px {
  margin-left: 16px;
}
.ml-17px {
  margin-left: 17px;
}
.ml-18px {
  margin-left: 18px;
}
.ml-19px {
  margin-left: 19px;
}
.ml-20px {
  margin-left: 20px;
}
.ml-n1 {
  margin-left: -3px;
}
.ml-n2 {
  margin-left: -6px;
}
.ml-n3 {
  margin-left: -9px;
}
.ml-n4 {
  margin-left: -12px;
}
.ml-n5 {
  margin-left: -15px;
}
.ml-n6 {
  margin-left: -18px;
}
.ml-n7 {
  margin-left: -21px;
}
.ml-n8 {
  margin-left: -24px;
}
.ml-n9 {
  margin-left: -27px;
}
.ml-n10 {
  margin-left: -30px;
}
.ml-n11 {
  margin-left: -33px;
}
.ml-n12 {
  margin-left: -36px;
}
.ml-n13 {
  margin-left: -39px;
}
.ml-n14 {
  margin-left: -42px;
}
.ml-n15 {
  margin-left: -45px;
}
.ml-n16 {
  margin-left: -48px;
}
.ml-n17 {
  margin-left: -51px;
}
.ml-n18 {
  margin-left: -54px;
}
.ml-n19 {
  margin-left: -57px;
}
.ml-n20 {
  margin-left: -60px;
}
.ml-n1px {
  margin-left: -1px;
}
.ml-n2px {
  margin-left: -2px;
}
.ml-n3px {
  margin-left: -3px;
}
.ml-n4px {
  margin-left: -4px;
}
.ml-n5px {
  margin-left: -5px;
}
.ml-n6px {
  margin-left: -6px;
}
.ml-n7px {
  margin-left: -7px;
}
.ml-n8px {
  margin-left: -8px;
}
.ml-n9px {
  margin-left: -9px;
}
.ml-n10px {
  margin-left: -10px;
}
.ml-n11px {
  margin-left: -11px;
}
.ml-n12px {
  margin-left: -12px;
}
.ml-n13px {
  margin-left: -13px;
}
.ml-n14px {
  margin-left: -14px;
}
.ml-n15px {
  margin-left: -15px;
}
.ml-n16px {
  margin-left: -16px;
}
.ml-n17px {
  margin-left: -17px;
}
.ml-n18px {
  margin-left: -18px;
}
.ml-n19px {
  margin-left: -19px;
}
.ml-n20px {
  margin-left: -20px;
}
.ml-auto {
  margin-left: auto;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 3px;
  margin-right: 3px;
}
.mx-2 {
  margin-left: 6px;
  margin-right: 6px;
}
.mx-3 {
  margin-left: 9px;
  margin-right: 9px;
}
.mx-4 {
  margin-left: 12px;
  margin-right: 12px;
}
.mx-5 {
  margin-left: 15px;
  margin-right: 15px;
}
.mx-6 {
  margin-left: 18px;
  margin-right: 18px;
}
.mx-7 {
  margin-left: 21px;
  margin-right: 21px;
}
.mx-8 {
  margin-left: 24px;
  margin-right: 24px;
}
.mx-9 {
  margin-left: 27px;
  margin-right: 27px;
}
.mx-10 {
  margin-left: 30px;
  margin-right: 30px;
}
.mx-11 {
  margin-left: 33px;
  margin-right: 33px;
}
.mx-12 {
  margin-left: 36px;
  margin-right: 36px;
}
.mx-13 {
  margin-left: 39px;
  margin-right: 39px;
}
.mx-14 {
  margin-left: 42px;
  margin-right: 42px;
}
.mx-15 {
  margin-left: 45px;
  margin-right: 45px;
}
.mx-16 {
  margin-left: 48px;
  margin-right: 48px;
}
.mx-17 {
  margin-left: 51px;
  margin-right: 51px;
}
.mx-18 {
  margin-left: 54px;
  margin-right: 54px;
}
.mx-19 {
  margin-left: 57px;
  margin-right: 57px;
}
.mx-20 {
  margin-left: 60px;
  margin-right: 60px;
}
.mx-1px {
  margin-left: 1px;
  margin-right: 1px;
}
.mx-2px {
  margin-left: 2px;
  margin-right: 2px;
}
.mx-3px {
  margin-left: 3px;
  margin-right: 3px;
}
.mx-4px {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-5px {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-6px {
  margin-left: 6px;
  margin-right: 6px;
}
.mx-7px {
  margin-left: 7px;
  margin-right: 7px;
}
.mx-8px {
  margin-left: 8px;
  margin-right: 8px;
}
.mx-9px {
  margin-left: 9px;
  margin-right: 9px;
}
.mx-10px {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-11px {
  margin-left: 11px;
  margin-right: 11px;
}
.mx-12px {
  margin-left: 12px;
  margin-right: 12px;
}
.mx-13px {
  margin-left: 13px;
  margin-right: 13px;
}
.mx-14px {
  margin-left: 14px;
  margin-right: 14px;
}
.mx-15px {
  margin-left: 15px;
  margin-right: 15px;
}
.mx-16px {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-17px {
  margin-left: 17px;
  margin-right: 17px;
}
.mx-18px {
  margin-left: 18px;
  margin-right: 18px;
}
.mx-19px {
  margin-left: 19px;
  margin-right: 19px;
}
.mx-20px {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-n1 {
  margin-left: -3px;
  margin-right: -3px;
}
.mx-n2 {
  margin-left: -6px;
  margin-right: -6px;
}
.mx-n3 {
  margin-left: -9px;
  margin-right: -9px;
}
.mx-n4 {
  margin-left: -12px;
  margin-right: -12px;
}
.mx-n5 {
  margin-left: -15px;
  margin-right: -15px;
}
.mx-n6 {
  margin-left: -18px;
  margin-right: -18px;
}
.mx-n7 {
  margin-left: -21px;
  margin-right: -21px;
}
.mx-n8 {
  margin-left: -24px;
  margin-right: -24px;
}
.mx-n9 {
  margin-left: -27px;
  margin-right: -27px;
}
.mx-n10 {
  margin-left: -30px;
  margin-right: -30px;
}
.mx-n11 {
  margin-left: -33px;
  margin-right: -33px;
}
.mx-n12 {
  margin-left: -36px;
  margin-right: -36px;
}
.mx-n13 {
  margin-left: -39px;
  margin-right: -39px;
}
.mx-n14 {
  margin-left: -42px;
  margin-right: -42px;
}
.mx-n15 {
  margin-left: -45px;
  margin-right: -45px;
}
.mx-n16 {
  margin-left: -48px;
  margin-right: -48px;
}
.mx-n17 {
  margin-left: -51px;
  margin-right: -51px;
}
.mx-n18 {
  margin-left: -54px;
  margin-right: -54px;
}
.mx-n19 {
  margin-left: -57px;
  margin-right: -57px;
}
.mx-n20 {
  margin-left: -60px;
  margin-right: -60px;
}
.mx-n1px {
  margin-left: -1px;
  margin-right: -1px;
}
.mx-n2px {
  margin-left: -2px;
  margin-right: -2px;
}
.mx-n3px {
  margin-left: -3px;
  margin-right: -3px;
}
.mx-n4px {
  margin-left: -4px;
  margin-right: -4px;
}
.mx-n5px {
  margin-left: -5px;
  margin-right: -5px;
}
.mx-n6px {
  margin-left: -6px;
  margin-right: -6px;
}
.mx-n7px {
  margin-left: -7px;
  margin-right: -7px;
}
.mx-n8px {
  margin-left: -8px;
  margin-right: -8px;
}
.mx-n9px {
  margin-left: -9px;
  margin-right: -9px;
}
.mx-n10px {
  margin-left: -10px;
  margin-right: -10px;
}
.mx-n11px {
  margin-left: -11px;
  margin-right: -11px;
}
.mx-n12px {
  margin-left: -12px;
  margin-right: -12px;
}
.mx-n13px {
  margin-left: -13px;
  margin-right: -13px;
}
.mx-n14px {
  margin-left: -14px;
  margin-right: -14px;
}
.mx-n15px {
  margin-left: -15px;
  margin-right: -15px;
}
.mx-n16px {
  margin-left: -16px;
  margin-right: -16px;
}
.mx-n17px {
  margin-left: -17px;
  margin-right: -17px;
}
.mx-n18px {
  margin-left: -18px;
  margin-right: -18px;
}
.mx-n19px {
  margin-left: -19px;
  margin-right: -19px;
}
.mx-n20px {
  margin-left: -20px;
  margin-right: -20px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.my-2 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.my-3 {
  margin-top: 9px;
  margin-bottom: 9px;
}
.my-4 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-5 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.my-6 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.my-7 {
  margin-top: 21px;
  margin-bottom: 21px;
}
.my-8 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-9 {
  margin-top: 27px;
  margin-bottom: 27px;
}
.my-10 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.my-11 {
  margin-top: 33px;
  margin-bottom: 33px;
}
.my-12 {
  margin-top: 36px;
  margin-bottom: 36px;
}
.my-13 {
  margin-top: 39px;
  margin-bottom: 39px;
}
.my-14 {
  margin-top: 42px;
  margin-bottom: 42px;
}
.my-15 {
  margin-top: 45px;
  margin-bottom: 45px;
}
.my-16 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.my-17 {
  margin-top: 51px;
  margin-bottom: 51px;
}
.my-18 {
  margin-top: 54px;
  margin-bottom: 54px;
}
.my-19 {
  margin-top: 57px;
  margin-bottom: 57px;
}
.my-20 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.my-1px {
  margin-top: 1px;
  margin-bottom: 1px;
}
.my-2px {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-3px {
  margin-top: 3px;
  margin-bottom: 3px;
}
.my-4px {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-5px {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-6px {
  margin-top: 6px;
  margin-bottom: 6px;
}
.my-7px {
  margin-top: 7px;
  margin-bottom: 7px;
}
.my-8px {
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-9px {
  margin-top: 9px;
  margin-bottom: 9px;
}
.my-10px {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-11px {
  margin-top: 11px;
  margin-bottom: 11px;
}
.my-12px {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-13px {
  margin-top: 13px;
  margin-bottom: 13px;
}
.my-14px {
  margin-top: 14px;
  margin-bottom: 14px;
}
.my-15px {
  margin-top: 15px;
  margin-bottom: 15px;
}
.my-16px {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-17px {
  margin-top: 17px;
  margin-bottom: 17px;
}
.my-18px {
  margin-top: 18px;
  margin-bottom: 18px;
}
.my-19px {
  margin-top: 19px;
  margin-bottom: 19px;
}
.my-20px {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-n1 {
  margin-top: -3px;
  margin-bottom: -3px;
}
.my-n2 {
  margin-top: -6px;
  margin-bottom: -6px;
}
.my-n3 {
  margin-top: -9px;
  margin-bottom: -9px;
}
.my-n4 {
  margin-top: -12px;
  margin-bottom: -12px;
}
.my-n5 {
  margin-top: -15px;
  margin-bottom: -15px;
}
.my-n6 {
  margin-top: -18px;
  margin-bottom: -18px;
}
.my-n7 {
  margin-top: -21px;
  margin-bottom: -21px;
}
.my-n8 {
  margin-top: -24px;
  margin-bottom: -24px;
}
.my-n9 {
  margin-top: -27px;
  margin-bottom: -27px;
}
.my-n10 {
  margin-top: -30px;
  margin-bottom: -30px;
}
.my-n11 {
  margin-top: -33px;
  margin-bottom: -33px;
}
.my-n12 {
  margin-top: -36px;
  margin-bottom: -36px;
}
.my-n13 {
  margin-top: -39px;
  margin-bottom: -39px;
}
.my-n14 {
  margin-top: -42px;
  margin-bottom: -42px;
}
.my-n15 {
  margin-top: -45px;
  margin-bottom: -45px;
}
.my-n16 {
  margin-top: -48px;
  margin-bottom: -48px;
}
.my-n17 {
  margin-top: -51px;
  margin-bottom: -51px;
}
.my-n18 {
  margin-top: -54px;
  margin-bottom: -54px;
}
.my-n19 {
  margin-top: -57px;
  margin-bottom: -57px;
}
.my-n20 {
  margin-top: -60px;
  margin-bottom: -60px;
}
.my-n1px {
  margin-top: -1px;
  margin-bottom: -1px;
}
.my-n2px {
  margin-top: -2px;
  margin-bottom: -2px;
}
.my-n3px {
  margin-top: -3px;
  margin-bottom: -3px;
}
.my-n4px {
  margin-top: -4px;
  margin-bottom: -4px;
}
.my-n5px {
  margin-top: -5px;
  margin-bottom: -5px;
}
.my-n6px {
  margin-top: -6px;
  margin-bottom: -6px;
}
.my-n7px {
  margin-top: -7px;
  margin-bottom: -7px;
}
.my-n8px {
  margin-top: -8px;
  margin-bottom: -8px;
}
.my-n9px {
  margin-top: -9px;
  margin-bottom: -9px;
}
.my-n10px {
  margin-top: -10px;
  margin-bottom: -10px;
}
.my-n11px {
  margin-top: -11px;
  margin-bottom: -11px;
}
.my-n12px {
  margin-top: -12px;
  margin-bottom: -12px;
}
.my-n13px {
  margin-top: -13px;
  margin-bottom: -13px;
}
.my-n14px {
  margin-top: -14px;
  margin-bottom: -14px;
}
.my-n15px {
  margin-top: -15px;
  margin-bottom: -15px;
}
.my-n16px {
  margin-top: -16px;
  margin-bottom: -16px;
}
.my-n17px {
  margin-top: -17px;
  margin-bottom: -17px;
}
.my-n18px {
  margin-top: -18px;
  margin-bottom: -18px;
}
.my-n19px {
  margin-top: -19px;
  margin-bottom: -19px;
}
.my-n20px {
  margin-top: -20px;
  margin-bottom: -20px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.pa-0 {
  padding: 0px;
}
.pa-1 {
  padding: 3px;
}
.pa-2 {
  padding: 6px;
}
.pa-3 {
  padding: 9px;
}
.pa-4 {
  padding: 12px;
}
.pa-5 {
  padding: 15px;
}
.pa-6 {
  padding: 18px;
}
.pa-7 {
  padding: 21px;
}
.pa-8 {
  padding: 24px;
}
.pa-9 {
  padding: 27px;
}
.pa-10 {
  padding: 30px;
}
.pa-11 {
  padding: 33px;
}
.pa-12 {
  padding: 36px;
}
.pa-13 {
  padding: 39px;
}
.pa-14 {
  padding: 42px;
}
.pa-15 {
  padding: 45px;
}
.pa-16 {
  padding: 48px;
}
.pa-17 {
  padding: 51px;
}
.pa-18 {
  padding: 54px;
}
.pa-19 {
  padding: 57px;
}
.pa-20 {
  padding: 60px;
}
.pa-1px {
  padding: 1px;
}
.pa-2px {
  padding: 2px;
}
.pa-3px {
  padding: 3px;
}
.pa-4px {
  padding: 4px;
}
.pa-5px {
  padding: 5px;
}
.pa-6px {
  padding: 6px;
}
.pa-7px {
  padding: 7px;
}
.pa-8px {
  padding: 8px;
}
.pa-9px {
  padding: 9px;
}
.pa-10px {
  padding: 10px;
}
.pa-11px {
  padding: 11px;
}
.pa-12px {
  padding: 12px;
}
.pa-13px {
  padding: 13px;
}
.pa-14px {
  padding: 14px;
}
.pa-15px {
  padding: 15px;
}
.pa-16px {
  padding: 16px;
}
.pa-17px {
  padding: 17px;
}
.pa-18px {
  padding: 18px;
}
.pa-19px {
  padding: 19px;
}
.pa-20px {
  padding: 20px;
}
.pa-n1 {
  padding: -3px;
}
.pa-n2 {
  padding: -6px;
}
.pa-n3 {
  padding: -9px;
}
.pa-n4 {
  padding: -12px;
}
.pa-n5 {
  padding: -15px;
}
.pa-n6 {
  padding: -18px;
}
.pa-n7 {
  padding: -21px;
}
.pa-n8 {
  padding: -24px;
}
.pa-n9 {
  padding: -27px;
}
.pa-n10 {
  padding: -30px;
}
.pa-n11 {
  padding: -33px;
}
.pa-n12 {
  padding: -36px;
}
.pa-n13 {
  padding: -39px;
}
.pa-n14 {
  padding: -42px;
}
.pa-n15 {
  padding: -45px;
}
.pa-n16 {
  padding: -48px;
}
.pa-n17 {
  padding: -51px;
}
.pa-n18 {
  padding: -54px;
}
.pa-n19 {
  padding: -57px;
}
.pa-n20 {
  padding: -60px;
}
.pa-n1px {
  padding: -1px;
}
.pa-n2px {
  padding: -2px;
}
.pa-n3px {
  padding: -3px;
}
.pa-n4px {
  padding: -4px;
}
.pa-n5px {
  padding: -5px;
}
.pa-n6px {
  padding: -6px;
}
.pa-n7px {
  padding: -7px;
}
.pa-n8px {
  padding: -8px;
}
.pa-n9px {
  padding: -9px;
}
.pa-n10px {
  padding: -10px;
}
.pa-n11px {
  padding: -11px;
}
.pa-n12px {
  padding: -12px;
}
.pa-n13px {
  padding: -13px;
}
.pa-n14px {
  padding: -14px;
}
.pa-n15px {
  padding: -15px;
}
.pa-n16px {
  padding: -16px;
}
.pa-n17px {
  padding: -17px;
}
.pa-n18px {
  padding: -18px;
}
.pa-n19px {
  padding: -19px;
}
.pa-n20px {
  padding: -20px;
}
.pa-auto {
  padding: auto;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 3px;
}
.pt-2 {
  padding-top: 6px;
}
.pt-3 {
  padding-top: 9px;
}
.pt-4 {
  padding-top: 12px;
}
.pt-5 {
  padding-top: 15px;
}
.pt-6 {
  padding-top: 18px;
}
.pt-7 {
  padding-top: 21px;
}
.pt-8 {
  padding-top: 24px;
}
.pt-9 {
  padding-top: 27px;
}
.pt-10 {
  padding-top: 30px;
}
.pt-11 {
  padding-top: 33px;
}
.pt-12 {
  padding-top: 36px;
}
.pt-13 {
  padding-top: 39px;
}
.pt-14 {
  padding-top: 42px;
}
.pt-15 {
  padding-top: 45px;
}
.pt-16 {
  padding-top: 48px;
}
.pt-17 {
  padding-top: 51px;
}
.pt-18 {
  padding-top: 54px;
}
.pt-19 {
  padding-top: 57px;
}
.pt-20 {
  padding-top: 60px;
}
.pt-1px {
  padding-top: 1px;
}
.pt-2px {
  padding-top: 2px;
}
.pt-3px {
  padding-top: 3px;
}
.pt-4px {
  padding-top: 4px;
}
.pt-5px {
  padding-top: 5px;
}
.pt-6px {
  padding-top: 6px;
}
.pt-7px {
  padding-top: 7px;
}
.pt-8px {
  padding-top: 8px;
}
.pt-9px {
  padding-top: 9px;
}
.pt-10px {
  padding-top: 10px;
}
.pt-11px {
  padding-top: 11px;
}
.pt-12px {
  padding-top: 12px;
}
.pt-13px {
  padding-top: 13px;
}
.pt-14px {
  padding-top: 14px;
}
.pt-15px {
  padding-top: 15px;
}
.pt-16px {
  padding-top: 16px;
}
.pt-17px {
  padding-top: 17px;
}
.pt-18px {
  padding-top: 18px;
}
.pt-19px {
  padding-top: 19px;
}
.pt-20px {
  padding-top: 20px;
}
.pt-n1 {
  padding-top: -3px;
}
.pt-n2 {
  padding-top: -6px;
}
.pt-n3 {
  padding-top: -9px;
}
.pt-n4 {
  padding-top: -12px;
}
.pt-n5 {
  padding-top: -15px;
}
.pt-n6 {
  padding-top: -18px;
}
.pt-n7 {
  padding-top: -21px;
}
.pt-n8 {
  padding-top: -24px;
}
.pt-n9 {
  padding-top: -27px;
}
.pt-n10 {
  padding-top: -30px;
}
.pt-n11 {
  padding-top: -33px;
}
.pt-n12 {
  padding-top: -36px;
}
.pt-n13 {
  padding-top: -39px;
}
.pt-n14 {
  padding-top: -42px;
}
.pt-n15 {
  padding-top: -45px;
}
.pt-n16 {
  padding-top: -48px;
}
.pt-n17 {
  padding-top: -51px;
}
.pt-n18 {
  padding-top: -54px;
}
.pt-n19 {
  padding-top: -57px;
}
.pt-n20 {
  padding-top: -60px;
}
.pt-n1px {
  padding-top: -1px;
}
.pt-n2px {
  padding-top: -2px;
}
.pt-n3px {
  padding-top: -3px;
}
.pt-n4px {
  padding-top: -4px;
}
.pt-n5px {
  padding-top: -5px;
}
.pt-n6px {
  padding-top: -6px;
}
.pt-n7px {
  padding-top: -7px;
}
.pt-n8px {
  padding-top: -8px;
}
.pt-n9px {
  padding-top: -9px;
}
.pt-n10px {
  padding-top: -10px;
}
.pt-n11px {
  padding-top: -11px;
}
.pt-n12px {
  padding-top: -12px;
}
.pt-n13px {
  padding-top: -13px;
}
.pt-n14px {
  padding-top: -14px;
}
.pt-n15px {
  padding-top: -15px;
}
.pt-n16px {
  padding-top: -16px;
}
.pt-n17px {
  padding-top: -17px;
}
.pt-n18px {
  padding-top: -18px;
}
.pt-n19px {
  padding-top: -19px;
}
.pt-n20px {
  padding-top: -20px;
}
.pt-auto {
  padding-top: auto;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 3px;
}
.pr-2 {
  padding-right: 6px;
}
.pr-3 {
  padding-right: 9px;
}
.pr-4 {
  padding-right: 12px;
}
.pr-5 {
  padding-right: 15px;
}
.pr-6 {
  padding-right: 18px;
}
.pr-7 {
  padding-right: 21px;
}
.pr-8 {
  padding-right: 24px;
}
.pr-9 {
  padding-right: 27px;
}
.pr-10 {
  padding-right: 30px;
}
.pr-11 {
  padding-right: 33px;
}
.pr-12 {
  padding-right: 36px;
}
.pr-13 {
  padding-right: 39px;
}
.pr-14 {
  padding-right: 42px;
}
.pr-15 {
  padding-right: 45px;
}
.pr-16 {
  padding-right: 48px;
}
.pr-17 {
  padding-right: 51px;
}
.pr-18 {
  padding-right: 54px;
}
.pr-19 {
  padding-right: 57px;
}
.pr-20 {
  padding-right: 60px;
}
.pr-1px {
  padding-right: 1px;
}
.pr-2px {
  padding-right: 2px;
}
.pr-3px {
  padding-right: 3px;
}
.pr-4px {
  padding-right: 4px;
}
.pr-5px {
  padding-right: 5px;
}
.pr-6px {
  padding-right: 6px;
}
.pr-7px {
  padding-right: 7px;
}
.pr-8px {
  padding-right: 8px;
}
.pr-9px {
  padding-right: 9px;
}
.pr-10px {
  padding-right: 10px;
}
.pr-11px {
  padding-right: 11px;
}
.pr-12px {
  padding-right: 12px;
}
.pr-13px {
  padding-right: 13px;
}
.pr-14px {
  padding-right: 14px;
}
.pr-15px {
  padding-right: 15px;
}
.pr-16px {
  padding-right: 16px;
}
.pr-17px {
  padding-right: 17px;
}
.pr-18px {
  padding-right: 18px;
}
.pr-19px {
  padding-right: 19px;
}
.pr-20px {
  padding-right: 20px;
}
.pr-n1 {
  padding-right: -3px;
}
.pr-n2 {
  padding-right: -6px;
}
.pr-n3 {
  padding-right: -9px;
}
.pr-n4 {
  padding-right: -12px;
}
.pr-n5 {
  padding-right: -15px;
}
.pr-n6 {
  padding-right: -18px;
}
.pr-n7 {
  padding-right: -21px;
}
.pr-n8 {
  padding-right: -24px;
}
.pr-n9 {
  padding-right: -27px;
}
.pr-n10 {
  padding-right: -30px;
}
.pr-n11 {
  padding-right: -33px;
}
.pr-n12 {
  padding-right: -36px;
}
.pr-n13 {
  padding-right: -39px;
}
.pr-n14 {
  padding-right: -42px;
}
.pr-n15 {
  padding-right: -45px;
}
.pr-n16 {
  padding-right: -48px;
}
.pr-n17 {
  padding-right: -51px;
}
.pr-n18 {
  padding-right: -54px;
}
.pr-n19 {
  padding-right: -57px;
}
.pr-n20 {
  padding-right: -60px;
}
.pr-n1px {
  padding-right: -1px;
}
.pr-n2px {
  padding-right: -2px;
}
.pr-n3px {
  padding-right: -3px;
}
.pr-n4px {
  padding-right: -4px;
}
.pr-n5px {
  padding-right: -5px;
}
.pr-n6px {
  padding-right: -6px;
}
.pr-n7px {
  padding-right: -7px;
}
.pr-n8px {
  padding-right: -8px;
}
.pr-n9px {
  padding-right: -9px;
}
.pr-n10px {
  padding-right: -10px;
}
.pr-n11px {
  padding-right: -11px;
}
.pr-n12px {
  padding-right: -12px;
}
.pr-n13px {
  padding-right: -13px;
}
.pr-n14px {
  padding-right: -14px;
}
.pr-n15px {
  padding-right: -15px;
}
.pr-n16px {
  padding-right: -16px;
}
.pr-n17px {
  padding-right: -17px;
}
.pr-n18px {
  padding-right: -18px;
}
.pr-n19px {
  padding-right: -19px;
}
.pr-n20px {
  padding-right: -20px;
}
.pr-auto {
  padding-right: auto;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 3px;
}
.pb-2 {
  padding-bottom: 6px;
}
.pb-3 {
  padding-bottom: 9px;
}
.pb-4 {
  padding-bottom: 12px;
}
.pb-5 {
  padding-bottom: 15px;
}
.pb-6 {
  padding-bottom: 18px;
}
.pb-7 {
  padding-bottom: 21px;
}
.pb-8 {
  padding-bottom: 24px;
}
.pb-9 {
  padding-bottom: 27px;
}
.pb-10 {
  padding-bottom: 30px;
}
.pb-11 {
  padding-bottom: 33px;
}
.pb-12 {
  padding-bottom: 36px;
}
.pb-13 {
  padding-bottom: 39px;
}
.pb-14 {
  padding-bottom: 42px;
}
.pb-15 {
  padding-bottom: 45px;
}
.pb-16 {
  padding-bottom: 48px;
}
.pb-17 {
  padding-bottom: 51px;
}
.pb-18 {
  padding-bottom: 54px;
}
.pb-19 {
  padding-bottom: 57px;
}
.pb-20 {
  padding-bottom: 60px;
}
.pb-1px {
  padding-bottom: 1px;
}
.pb-2px {
  padding-bottom: 2px;
}
.pb-3px {
  padding-bottom: 3px;
}
.pb-4px {
  padding-bottom: 4px;
}
.pb-5px {
  padding-bottom: 5px;
}
.pb-6px {
  padding-bottom: 6px;
}
.pb-7px {
  padding-bottom: 7px;
}
.pb-8px {
  padding-bottom: 8px;
}
.pb-9px {
  padding-bottom: 9px;
}
.pb-10px {
  padding-bottom: 10px;
}
.pb-11px {
  padding-bottom: 11px;
}
.pb-12px {
  padding-bottom: 12px;
}
.pb-13px {
  padding-bottom: 13px;
}
.pb-14px {
  padding-bottom: 14px;
}
.pb-15px {
  padding-bottom: 15px;
}
.pb-16px {
  padding-bottom: 16px;
}
.pb-17px {
  padding-bottom: 17px;
}
.pb-18px {
  padding-bottom: 18px;
}
.pb-19px {
  padding-bottom: 19px;
}
.pb-20px {
  padding-bottom: 20px;
}
.pb-n1 {
  padding-bottom: -3px;
}
.pb-n2 {
  padding-bottom: -6px;
}
.pb-n3 {
  padding-bottom: -9px;
}
.pb-n4 {
  padding-bottom: -12px;
}
.pb-n5 {
  padding-bottom: -15px;
}
.pb-n6 {
  padding-bottom: -18px;
}
.pb-n7 {
  padding-bottom: -21px;
}
.pb-n8 {
  padding-bottom: -24px;
}
.pb-n9 {
  padding-bottom: -27px;
}
.pb-n10 {
  padding-bottom: -30px;
}
.pb-n11 {
  padding-bottom: -33px;
}
.pb-n12 {
  padding-bottom: -36px;
}
.pb-n13 {
  padding-bottom: -39px;
}
.pb-n14 {
  padding-bottom: -42px;
}
.pb-n15 {
  padding-bottom: -45px;
}
.pb-n16 {
  padding-bottom: -48px;
}
.pb-n17 {
  padding-bottom: -51px;
}
.pb-n18 {
  padding-bottom: -54px;
}
.pb-n19 {
  padding-bottom: -57px;
}
.pb-n20 {
  padding-bottom: -60px;
}
.pb-n1px {
  padding-bottom: -1px;
}
.pb-n2px {
  padding-bottom: -2px;
}
.pb-n3px {
  padding-bottom: -3px;
}
.pb-n4px {
  padding-bottom: -4px;
}
.pb-n5px {
  padding-bottom: -5px;
}
.pb-n6px {
  padding-bottom: -6px;
}
.pb-n7px {
  padding-bottom: -7px;
}
.pb-n8px {
  padding-bottom: -8px;
}
.pb-n9px {
  padding-bottom: -9px;
}
.pb-n10px {
  padding-bottom: -10px;
}
.pb-n11px {
  padding-bottom: -11px;
}
.pb-n12px {
  padding-bottom: -12px;
}
.pb-n13px {
  padding-bottom: -13px;
}
.pb-n14px {
  padding-bottom: -14px;
}
.pb-n15px {
  padding-bottom: -15px;
}
.pb-n16px {
  padding-bottom: -16px;
}
.pb-n17px {
  padding-bottom: -17px;
}
.pb-n18px {
  padding-bottom: -18px;
}
.pb-n19px {
  padding-bottom: -19px;
}
.pb-n20px {
  padding-bottom: -20px;
}
.pb-auto {
  padding-bottom: auto;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 3px;
}
.pl-2 {
  padding-left: 6px;
}
.pl-3 {
  padding-left: 9px;
}
.pl-4 {
  padding-left: 12px;
}
.pl-5 {
  padding-left: 15px;
}
.pl-6 {
  padding-left: 18px;
}
.pl-7 {
  padding-left: 21px;
}
.pl-8 {
  padding-left: 24px;
}
.pl-9 {
  padding-left: 27px;
}
.pl-10 {
  padding-left: 30px;
}
.pl-11 {
  padding-left: 33px;
}
.pl-12 {
  padding-left: 36px;
}
.pl-13 {
  padding-left: 39px;
}
.pl-14 {
  padding-left: 42px;
}
.pl-15 {
  padding-left: 45px;
}
.pl-16 {
  padding-left: 48px;
}
.pl-17 {
  padding-left: 51px;
}
.pl-18 {
  padding-left: 54px;
}
.pl-19 {
  padding-left: 57px;
}
.pl-20 {
  padding-left: 60px;
}
.pl-1px {
  padding-left: 1px;
}
.pl-2px {
  padding-left: 2px;
}
.pl-3px {
  padding-left: 3px;
}
.pl-4px {
  padding-left: 4px;
}
.pl-5px {
  padding-left: 5px;
}
.pl-6px {
  padding-left: 6px;
}
.pl-7px {
  padding-left: 7px;
}
.pl-8px {
  padding-left: 8px;
}
.pl-9px {
  padding-left: 9px;
}
.pl-10px {
  padding-left: 10px;
}
.pl-11px {
  padding-left: 11px;
}
.pl-12px {
  padding-left: 12px;
}
.pl-13px {
  padding-left: 13px;
}
.pl-14px {
  padding-left: 14px;
}
.pl-15px {
  padding-left: 15px;
}
.pl-16px {
  padding-left: 16px;
}
.pl-17px {
  padding-left: 17px;
}
.pl-18px {
  padding-left: 18px;
}
.pl-19px {
  padding-left: 19px;
}
.pl-20px {
  padding-left: 20px;
}
.pl-n1 {
  padding-left: -3px;
}
.pl-n2 {
  padding-left: -6px;
}
.pl-n3 {
  padding-left: -9px;
}
.pl-n4 {
  padding-left: -12px;
}
.pl-n5 {
  padding-left: -15px;
}
.pl-n6 {
  padding-left: -18px;
}
.pl-n7 {
  padding-left: -21px;
}
.pl-n8 {
  padding-left: -24px;
}
.pl-n9 {
  padding-left: -27px;
}
.pl-n10 {
  padding-left: -30px;
}
.pl-n11 {
  padding-left: -33px;
}
.pl-n12 {
  padding-left: -36px;
}
.pl-n13 {
  padding-left: -39px;
}
.pl-n14 {
  padding-left: -42px;
}
.pl-n15 {
  padding-left: -45px;
}
.pl-n16 {
  padding-left: -48px;
}
.pl-n17 {
  padding-left: -51px;
}
.pl-n18 {
  padding-left: -54px;
}
.pl-n19 {
  padding-left: -57px;
}
.pl-n20 {
  padding-left: -60px;
}
.pl-n1px {
  padding-left: -1px;
}
.pl-n2px {
  padding-left: -2px;
}
.pl-n3px {
  padding-left: -3px;
}
.pl-n4px {
  padding-left: -4px;
}
.pl-n5px {
  padding-left: -5px;
}
.pl-n6px {
  padding-left: -6px;
}
.pl-n7px {
  padding-left: -7px;
}
.pl-n8px {
  padding-left: -8px;
}
.pl-n9px {
  padding-left: -9px;
}
.pl-n10px {
  padding-left: -10px;
}
.pl-n11px {
  padding-left: -11px;
}
.pl-n12px {
  padding-left: -12px;
}
.pl-n13px {
  padding-left: -13px;
}
.pl-n14px {
  padding-left: -14px;
}
.pl-n15px {
  padding-left: -15px;
}
.pl-n16px {
  padding-left: -16px;
}
.pl-n17px {
  padding-left: -17px;
}
.pl-n18px {
  padding-left: -18px;
}
.pl-n19px {
  padding-left: -19px;
}
.pl-n20px {
  padding-left: -20px;
}
.pl-auto {
  padding-left: auto;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 3px;
  padding-right: 3px;
}
.px-2 {
  padding-left: 6px;
  padding-right: 6px;
}
.px-3 {
  padding-left: 9px;
  padding-right: 9px;
}
.px-4 {
  padding-left: 12px;
  padding-right: 12px;
}
.px-5 {
  padding-left: 15px;
  padding-right: 15px;
}
.px-6 {
  padding-left: 18px;
  padding-right: 18px;
}
.px-7 {
  padding-left: 21px;
  padding-right: 21px;
}
.px-8 {
  padding-left: 24px;
  padding-right: 24px;
}
.px-9 {
  padding-left: 27px;
  padding-right: 27px;
}
.px-10 {
  padding-left: 30px;
  padding-right: 30px;
}
.px-11 {
  padding-left: 33px;
  padding-right: 33px;
}
.px-12 {
  padding-left: 36px;
  padding-right: 36px;
}
.px-13 {
  padding-left: 39px;
  padding-right: 39px;
}
.px-14 {
  padding-left: 42px;
  padding-right: 42px;
}
.px-15 {
  padding-left: 45px;
  padding-right: 45px;
}
.px-16 {
  padding-left: 48px;
  padding-right: 48px;
}
.px-17 {
  padding-left: 51px;
  padding-right: 51px;
}
.px-18 {
  padding-left: 54px;
  padding-right: 54px;
}
.px-19 {
  padding-left: 57px;
  padding-right: 57px;
}
.px-20 {
  padding-left: 60px;
  padding-right: 60px;
}
.px-1px {
  padding-left: 1px;
  padding-right: 1px;
}
.px-2px {
  padding-left: 2px;
  padding-right: 2px;
}
.px-3px {
  padding-left: 3px;
  padding-right: 3px;
}
.px-4px {
  padding-left: 4px;
  padding-right: 4px;
}
.px-5px {
  padding-left: 5px;
  padding-right: 5px;
}
.px-6px {
  padding-left: 6px;
  padding-right: 6px;
}
.px-7px {
  padding-left: 7px;
  padding-right: 7px;
}
.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}
.px-9px {
  padding-left: 9px;
  padding-right: 9px;
}
.px-10px {
  padding-left: 10px;
  padding-right: 10px;
}
.px-11px {
  padding-left: 11px;
  padding-right: 11px;
}
.px-12px {
  padding-left: 12px;
  padding-right: 12px;
}
.px-13px {
  padding-left: 13px;
  padding-right: 13px;
}
.px-14px {
  padding-left: 14px;
  padding-right: 14px;
}
.px-15px {
  padding-left: 15px;
  padding-right: 15px;
}
.px-16px {
  padding-left: 16px;
  padding-right: 16px;
}
.px-17px {
  padding-left: 17px;
  padding-right: 17px;
}
.px-18px {
  padding-left: 18px;
  padding-right: 18px;
}
.px-19px {
  padding-left: 19px;
  padding-right: 19px;
}
.px-20px {
  padding-left: 20px;
  padding-right: 20px;
}
.px-n1 {
  padding-left: -3px;
  padding-right: -3px;
}
.px-n2 {
  padding-left: -6px;
  padding-right: -6px;
}
.px-n3 {
  padding-left: -9px;
  padding-right: -9px;
}
.px-n4 {
  padding-left: -12px;
  padding-right: -12px;
}
.px-n5 {
  padding-left: -15px;
  padding-right: -15px;
}
.px-n6 {
  padding-left: -18px;
  padding-right: -18px;
}
.px-n7 {
  padding-left: -21px;
  padding-right: -21px;
}
.px-n8 {
  padding-left: -24px;
  padding-right: -24px;
}
.px-n9 {
  padding-left: -27px;
  padding-right: -27px;
}
.px-n10 {
  padding-left: -30px;
  padding-right: -30px;
}
.px-n11 {
  padding-left: -33px;
  padding-right: -33px;
}
.px-n12 {
  padding-left: -36px;
  padding-right: -36px;
}
.px-n13 {
  padding-left: -39px;
  padding-right: -39px;
}
.px-n14 {
  padding-left: -42px;
  padding-right: -42px;
}
.px-n15 {
  padding-left: -45px;
  padding-right: -45px;
}
.px-n16 {
  padding-left: -48px;
  padding-right: -48px;
}
.px-n17 {
  padding-left: -51px;
  padding-right: -51px;
}
.px-n18 {
  padding-left: -54px;
  padding-right: -54px;
}
.px-n19 {
  padding-left: -57px;
  padding-right: -57px;
}
.px-n20 {
  padding-left: -60px;
  padding-right: -60px;
}
.px-n1px {
  padding-left: -1px;
  padding-right: -1px;
}
.px-n2px {
  padding-left: -2px;
  padding-right: -2px;
}
.px-n3px {
  padding-left: -3px;
  padding-right: -3px;
}
.px-n4px {
  padding-left: -4px;
  padding-right: -4px;
}
.px-n5px {
  padding-left: -5px;
  padding-right: -5px;
}
.px-n6px {
  padding-left: -6px;
  padding-right: -6px;
}
.px-n7px {
  padding-left: -7px;
  padding-right: -7px;
}
.px-n8px {
  padding-left: -8px;
  padding-right: -8px;
}
.px-n9px {
  padding-left: -9px;
  padding-right: -9px;
}
.px-n10px {
  padding-left: -10px;
  padding-right: -10px;
}
.px-n11px {
  padding-left: -11px;
  padding-right: -11px;
}
.px-n12px {
  padding-left: -12px;
  padding-right: -12px;
}
.px-n13px {
  padding-left: -13px;
  padding-right: -13px;
}
.px-n14px {
  padding-left: -14px;
  padding-right: -14px;
}
.px-n15px {
  padding-left: -15px;
  padding-right: -15px;
}
.px-n16px {
  padding-left: -16px;
  padding-right: -16px;
}
.px-n17px {
  padding-left: -17px;
  padding-right: -17px;
}
.px-n18px {
  padding-left: -18px;
  padding-right: -18px;
}
.px-n19px {
  padding-left: -19px;
  padding-right: -19px;
}
.px-n20px {
  padding-left: -20px;
  padding-right: -20px;
}
.px-auto {
  padding-left: auto;
  padding-right: auto;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-2 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-3 {
  padding-top: 9px;
  padding-bottom: 9px;
}
.py-4 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-5 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-6 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-7 {
  padding-top: 21px;
  padding-bottom: 21px;
}
.py-8 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-9 {
  padding-top: 27px;
  padding-bottom: 27px;
}
.py-10 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-11 {
  padding-top: 33px;
  padding-bottom: 33px;
}
.py-12 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.py-13 {
  padding-top: 39px;
  padding-bottom: 39px;
}
.py-14 {
  padding-top: 42px;
  padding-bottom: 42px;
}
.py-15 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.py-16 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-17 {
  padding-top: 51px;
  padding-bottom: 51px;
}
.py-18 {
  padding-top: 54px;
  padding-bottom: 54px;
}
.py-19 {
  padding-top: 57px;
  padding-bottom: 57px;
}
.py-20 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-1px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-2px {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-3px {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-4px {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-5px {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-6px {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-7px {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-8px {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-9px {
  padding-top: 9px;
  padding-bottom: 9px;
}
.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-11px {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-12px {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-13px {
  padding-top: 13px;
  padding-bottom: 13px;
}
.py-14px {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-15px {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-16px {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-17px {
  padding-top: 17px;
  padding-bottom: 17px;
}
.py-18px {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-19px {
  padding-top: 19px;
  padding-bottom: 19px;
}
.py-20px {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-n1 {
  padding-top: -3px;
  padding-bottom: -3px;
}
.py-n2 {
  padding-top: -6px;
  padding-bottom: -6px;
}
.py-n3 {
  padding-top: -9px;
  padding-bottom: -9px;
}
.py-n4 {
  padding-top: -12px;
  padding-bottom: -12px;
}
.py-n5 {
  padding-top: -15px;
  padding-bottom: -15px;
}
.py-n6 {
  padding-top: -18px;
  padding-bottom: -18px;
}
.py-n7 {
  padding-top: -21px;
  padding-bottom: -21px;
}
.py-n8 {
  padding-top: -24px;
  padding-bottom: -24px;
}
.py-n9 {
  padding-top: -27px;
  padding-bottom: -27px;
}
.py-n10 {
  padding-top: -30px;
  padding-bottom: -30px;
}
.py-n11 {
  padding-top: -33px;
  padding-bottom: -33px;
}
.py-n12 {
  padding-top: -36px;
  padding-bottom: -36px;
}
.py-n13 {
  padding-top: -39px;
  padding-bottom: -39px;
}
.py-n14 {
  padding-top: -42px;
  padding-bottom: -42px;
}
.py-n15 {
  padding-top: -45px;
  padding-bottom: -45px;
}
.py-n16 {
  padding-top: -48px;
  padding-bottom: -48px;
}
.py-n17 {
  padding-top: -51px;
  padding-bottom: -51px;
}
.py-n18 {
  padding-top: -54px;
  padding-bottom: -54px;
}
.py-n19 {
  padding-top: -57px;
  padding-bottom: -57px;
}
.py-n20 {
  padding-top: -60px;
  padding-bottom: -60px;
}
.py-n1px {
  padding-top: -1px;
  padding-bottom: -1px;
}
.py-n2px {
  padding-top: -2px;
  padding-bottom: -2px;
}
.py-n3px {
  padding-top: -3px;
  padding-bottom: -3px;
}
.py-n4px {
  padding-top: -4px;
  padding-bottom: -4px;
}
.py-n5px {
  padding-top: -5px;
  padding-bottom: -5px;
}
.py-n6px {
  padding-top: -6px;
  padding-bottom: -6px;
}
.py-n7px {
  padding-top: -7px;
  padding-bottom: -7px;
}
.py-n8px {
  padding-top: -8px;
  padding-bottom: -8px;
}
.py-n9px {
  padding-top: -9px;
  padding-bottom: -9px;
}
.py-n10px {
  padding-top: -10px;
  padding-bottom: -10px;
}
.py-n11px {
  padding-top: -11px;
  padding-bottom: -11px;
}
.py-n12px {
  padding-top: -12px;
  padding-bottom: -12px;
}
.py-n13px {
  padding-top: -13px;
  padding-bottom: -13px;
}
.py-n14px {
  padding-top: -14px;
  padding-bottom: -14px;
}
.py-n15px {
  padding-top: -15px;
  padding-bottom: -15px;
}
.py-n16px {
  padding-top: -16px;
  padding-bottom: -16px;
}
.py-n17px {
  padding-top: -17px;
  padding-bottom: -17px;
}
.py-n18px {
  padding-top: -18px;
  padding-bottom: -18px;
}
.py-n19px {
  padding-top: -19px;
  padding-bottom: -19px;
}
.py-n20px {
  padding-top: -20px;
  padding-bottom: -20px;
}
.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}
/*************************************************************************
* Styles for dgNotify-based Notification Popup                           *
*************************************************************************/
.dgNotify-container {
  padding: 4px 6px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 10pt;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  cursor: default;
  max-width: 800px;
  max-height: 600px;
  z-index: 999;
}
.dgNotify-container .dgNotify-arrow-foreground,
.dgNotify-container .dgNotify-arrow-background {
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.dgNotify-container .dgNotify-arrow-foreground {
  border-width: 6px;
}
.dgNotify-container .dgNotify-arrow-foreground-bottom,
.dgNotify-container .dgNotify-arrow-foreground-top {
  margin-left: -6px;
}
.dgNotify-container .dgNotify-arrow-foreground-left,
.dgNotify-container .dgNotify-arrow-foreground-right {
  margin-top: -6px;
}
.dgNotify-container .dgNotify-arrow-background {
  border-width: 9px;
}
.dgNotify-container .dgNotify-arrow-background-bottom,
.dgNotify-container .dgNotify-arrow-background-top {
  margin-left: -9px;
}
.dgNotify-container .dgNotify-arrow-background-left,
.dgNotify-container .dgNotify-arrow-background-right {
  margin-top: -9px;
}
.dgNotify-container.dgNotify-info {
  background-color: #e4f5f6;
  border-color: #81d0d7;
  color: black;
}
.dgNotify-container.dgNotify-info .dgNotify-arrow-foreground-top {
  border-color: rgba(129, 208, 215, 0);
  border-bottom-color: #e4f5f6;
}
.dgNotify-container.dgNotify-info .dgNotify-arrow-foreground-bottom {
  border-color: rgba(129, 208, 215, 0);
  border-top-color: #e4f5f6;
}
.dgNotify-container.dgNotify-info .dgNotify-arrow-foreground-left {
  border-color: rgba(129, 208, 215, 0);
  border-right-color: #e4f5f6;
}
.dgNotify-container.dgNotify-info .dgNotify-arrow-foreground-right {
  border-color: rgba(129, 208, 215, 0);
  border-left-color: #e4f5f6;
}
.dgNotify-container.dgNotify-info .dgNotify-arrow-background-top {
  border-color: rgba(228, 245, 246, 0);
  border-bottom-color: #81d0d7;
}
.dgNotify-container.dgNotify-info .dgNotify-arrow-background-bottom {
  border-color: rgba(228, 245, 246, 0);
  border-top-color: #81d0d7;
}
.dgNotify-container.dgNotify-info .dgNotify-arrow-background-left {
  border-color: rgba(228, 245, 246, 0);
  border-right-color: #81d0d7;
}
.dgNotify-container.dgNotify-info .dgNotify-arrow-background-right {
  border-color: rgba(228, 245, 246, 0);
  border-left-color: #81d0d7;
}
.dgNotify-container.dgNotify-success {
  background-color: #dceddc;
  border-color: #6fb36f;
  color: black;
}
.dgNotify-container.dgNotify-success .dgNotify-arrow-foreground-top {
  border-color: rgba(111, 179, 111, 0);
  border-bottom-color: #dceddc;
}
.dgNotify-container.dgNotify-success .dgNotify-arrow-foreground-bottom {
  border-color: rgba(111, 179, 111, 0);
  border-top-color: #dceddc;
}
.dgNotify-container.dgNotify-success .dgNotify-arrow-foreground-left {
  border-color: rgba(111, 179, 111, 0);
  border-right-color: #dceddc;
}
.dgNotify-container.dgNotify-success .dgNotify-arrow-foreground-right {
  border-color: rgba(111, 179, 111, 0);
  border-left-color: #dceddc;
}
.dgNotify-container.dgNotify-success .dgNotify-arrow-background-top {
  border-color: rgba(220, 237, 220, 0);
  border-bottom-color: #6fb36f;
}
.dgNotify-container.dgNotify-success .dgNotify-arrow-background-bottom {
  border-color: rgba(220, 237, 220, 0);
  border-top-color: #6fb36f;
}
.dgNotify-container.dgNotify-success .dgNotify-arrow-background-left {
  border-color: rgba(220, 237, 220, 0);
  border-right-color: #6fb36f;
}
.dgNotify-container.dgNotify-success .dgNotify-arrow-background-right {
  border-color: rgba(220, 237, 220, 0);
  border-left-color: #6fb36f;
}
.dgNotify-container.dgNotify-warning {
  background-color: #ffe8d7;
  border-color: #ff974d;
  color: black;
}
.dgNotify-container.dgNotify-warning .dgNotify-arrow-foreground-top {
  border-color: rgba(255, 151, 77, 0);
  border-bottom-color: #ffe8d7;
}
.dgNotify-container.dgNotify-warning .dgNotify-arrow-foreground-bottom {
  border-color: rgba(255, 151, 77, 0);
  border-top-color: #ffe8d7;
}
.dgNotify-container.dgNotify-warning .dgNotify-arrow-foreground-left {
  border-color: rgba(255, 151, 77, 0);
  border-right-color: #ffe8d7;
}
.dgNotify-container.dgNotify-warning .dgNotify-arrow-foreground-right {
  border-color: rgba(255, 151, 77, 0);
  border-left-color: #ffe8d7;
}
.dgNotify-container.dgNotify-warning .dgNotify-arrow-background-top {
  border-color: rgba(255, 232, 215, 0);
  border-bottom-color: #ff974d;
}
.dgNotify-container.dgNotify-warning .dgNotify-arrow-background-bottom {
  border-color: rgba(255, 232, 215, 0);
  border-top-color: #ff974d;
}
.dgNotify-container.dgNotify-warning .dgNotify-arrow-background-left {
  border-color: rgba(255, 232, 215, 0);
  border-right-color: #ff974d;
}
.dgNotify-container.dgNotify-warning .dgNotify-arrow-background-right {
  border-color: rgba(255, 232, 215, 0);
  border-left-color: #ff974d;
}
.dgNotify-container.dgNotify-error {
  background-color: #ffd7d7;
  border-color: #ff4d4d;
  color: black;
}
.dgNotify-container.dgNotify-error .dgNotify-arrow-foreground-top {
  border-color: rgba(255, 77, 77, 0);
  border-bottom-color: #ffd7d7;
}
.dgNotify-container.dgNotify-error .dgNotify-arrow-foreground-bottom {
  border-color: rgba(255, 77, 77, 0);
  border-top-color: #ffd7d7;
}
.dgNotify-container.dgNotify-error .dgNotify-arrow-foreground-left {
  border-color: rgba(255, 77, 77, 0);
  border-right-color: #ffd7d7;
}
.dgNotify-container.dgNotify-error .dgNotify-arrow-foreground-right {
  border-color: rgba(255, 77, 77, 0);
  border-left-color: #ffd7d7;
}
.dgNotify-container.dgNotify-error .dgNotify-arrow-background-top {
  border-color: rgba(255, 215, 215, 0);
  border-bottom-color: #ff4d4d;
}
.dgNotify-container.dgNotify-error .dgNotify-arrow-background-bottom {
  border-color: rgba(255, 215, 215, 0);
  border-top-color: #ff4d4d;
}
.dgNotify-container.dgNotify-error .dgNotify-arrow-background-left {
  border-color: rgba(255, 215, 215, 0);
  border-right-color: #ff4d4d;
}
.dgNotify-container.dgNotify-error .dgNotify-arrow-background-right {
  border-color: rgba(255, 215, 215, 0);
  border-left-color: #ff4d4d;
}
/*************************************************************************
* Styles for jQuery Context Menu Plugin                                  *
*************************************************************************/
.context-menu-root.context-menu-list {
  font-family: Verdana;
  font-size: 12px;
  /*.context-menu-icon i
		{
			font-size: 14px;
		}*/
  /*.context-menu-icon::before
		{
			font-size: 14px;
			top: 55%;
		}

		.context-menu-icon--fa::before
		{
			font-family: "Font Awesome 5 Pro";
		}*/
}
.context-menu-root.context-menu-list .context-menu-item.context-menu-hover {
  background-color: #50bec8;
}
.context-menu-root.context-menu-list .context-menu-item span {
  font-weight: normal;
}
div.textSearch {
  border: 1px solid #91c1c4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  font-family: Verdana, Arial;
  font-size: 9pt;
  position: absolute;
  background-color: white;
  padding: 6px 12px 6px 12px;
  z-index: 9999;
  display: none;
}
div.textSearch .searchGroup {
  margin-top: 5px;
  display: block;
  color: #a3a3a3;
}
div.textSearch .searchItem {
  display: block;
  font-size: 8pt;
  margin-left: 20px;
  cursor: pointer;
  color: black;
  font-weight: bold;
}
div.textSearch .searchItem:hover {
  background-color: #d3eff1;
  color: #464646;
}
div.textSearch .searchHit.selected {
  background-color: #d3eff1;
  color: #464646;
}
div.textSearch input {
  margin: 10px 0 5px 0;
}