/***************************************
  Framework Overides to make page
  structure responsive.
****************************************/
@media only screen and (max-width: 1023px) {
  #FnlPageHeader.Default .LocalSiteBanner .WidthContain {
		overflow: hidden;
	}
  
	#FnlPageHeader .LocalSiteBanner .WidthContain #SiteIcon .SiteLogo.StaffSiteLogo {
    height: 83px;
		overflow: hidden;
  }

  #FnlPageHeader .LocalSiteBanner .WidthContain #SiteHeadlines {
    padding-right: 20px;
  }

  #FnlPage > .InnerPage {
    background-image: none;
  }

  #FnlPageFooter {
    background: #e8e8ef;
    background: -moz-linear-gradient(top, #e8e8ef 0%, #ffffff 20%);
    background: -webkit-linear-gradient(top, #e8e8ef 0%,#ffffff 20%);
    background: linear-gradient(to bottom, #e8e8ef 0%,#ffffff 20%);
  }

  #FnlPageFooter > ul {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 768px) {
  #FnlPageNavigation {
    border-top: none;
    border-bottom: none;
  }

	#FnlPageNavigation .TopNavigation,
	#FnlPageNavigation .TopNavigation .Menu {
    height: auto;
  }

  #FnlPageNavigation .TopNavigation .Menu ul {
    margin: 0;
  }

  #FnlPageNavigation .TopNavigation .Menu ul > li {
    display: block;
    text-align: center;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #dadada;
    border-left: none;
    float: none;
    height: auto;
  }

  #FnlPageNavigation .TopNavigation .Menu ul > li:first-child {
    border-top: 1px solid #dadada;
    border-left: none;
  }

  #FnlPageNavigation .TopNavigation .Menu ul > li:last-child {
    border-bottom-color: #dadada;
  }

  #FnlPageNavigation .TopNavigation .Menu ul > li > a,
  #FnlPageNavigation .TopNavigation .Menu ul > li:first-child > a:first-child {
    line-height: 16px;
    padding: 10px 15px;
  }

  #FnlPage > .InnerPage {
    padding-bottom: 155px;
  }

  #FnlPage > .InnerPage > .FnlContentPageSubBrandedWrapper > .WidthContain {
    min-height: 100%;
  }

	#FnlPage.FnlContentPage.SubBranded > .InnerPage div.FolderTop {
		box-sizing: border-box;
		position: relative;
		right: 0;
		width: 100%;
		border-radius: 0;
		border-bottom: 1px solid #dedede;
	}

	#FnlPage.FnlContentPage.SubBranded > .InnerPage div.FolderTop:before {
		display: none;
	}

	#FnlPage.FnlContentPage.SubBranded > .InnerPage .FnlRightColumn {
		padding: 0 10px;
		margin: 0;
	}

  #FnlPageFooter {
    -webkit-flex-basis: 155px;
    flex-basis: 155px;
    height: 155px;
  }

  #FnlPageFooter > ul > li {
    margin: 3px 0;
  }
}

@media only screen and (max-width: 680px) {
	#FnlPage.FnlContentPage > .InnerPage .FnlColWrapper {
		flex-direction: column;
	}

	#FnlPage.FnlContentPage > .InnerPage .FnlColWrapper .FnlRightColumn,
	#FnlPage.FnlContentPage > .InnerPage .FnlColWrapper .FnlLeftColumn {
		box-sizing: border-box;
	}

	#FnlPage.FnlContentPage > .InnerPage .FnlColWrapper .FnlLeftColumn {
		order: 2;
		border-right: none;
	}

	#FnlPage.FnlContentPage > .InnerPage .FnlColWrapper .FnlRightColumn {
		order: 1;
	}

	#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .LeftNav,
	#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 480px) {
  #FnlPage > .InnerPage {
    padding-bottom: 195px;
  }

  #FnlPageFooter {
    -webkit-flex-basis: 195px;
    flex-basis: 195px;
    height: 195px;
  }
}





/***************************************
  $GENERAL
****************************************/
#FnlPage > .InnerPage .FnlInputButtonLink,
#FnlPage > .InnerPage input[type="submit"] {
	background-repeat: no-repeat;/* Fixes weird bg gradient height issue in chrome when using a 4k monitor. */
}

.NoteText {
  color: #666666;
  font-style: italic;
  font-size: 0.9em; /* 0.9em = 12/13.33333 */
  line-height: 1.4em;
}

td.CompactCell {
  width: 1%;
  white-space: nowrap;
}

.FnlGridView .FnlGridViewEditRow {
	background-color: #fffeed;
}

/* grid sort icons - default is descending */
.FnlGridView th.FnlGridViewSortedAscendingHeader > a:after,
.FnlGridView th.FnlGridViewSortedDescendingHeader > a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 5px;
  background:
    transparent
    url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2IDQuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNiA0LjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIzLDQuNSAwLDAgNiwwIAkiLz4NCjwvZz4NCjwvc3ZnPg0K')/* iconGridSortIndicator.ai */
    no-repeat  
    0 0/6px 5px;
  vertical-align: middle;
  margin: -1px 0 0 7px;
}

.FnlGridView th.FnlGridViewSortedAscendingHeader > a:after {
  margin-top: -4px;
  transform: rotate(180deg);
}

.Chunk {
  margin: 0 0 50px;
}

.Chunk.ChunkLast {
  margin-bottom: 0;
}

.ItemHeirarchy:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 3px 3px 0 6px;
  vertical-align: top;
  background: 
    transparent
    url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2IDUuOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNiA1LjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBvbHlnb24gZmlsbD0iIzhFOEU4RSIgcG9pbnRzPSIzLjEsMCAyLjUsMC42IDQuOCwyLjkgMi41LDUuMiAzLjEsNS44IDYsMi45IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOEU4RThFIiBwb2ludHM9IjAuNiwwIDAsMC42IDIuMywyLjkgMCw1LjIgMC42LDUuOCAzLjUsMi45IAkiLz4NCjwvZz4NCjwvc3ZnPg0K')/* ItemHeirarchyIcon.ai */
    no-repeat
    0 0/7px 7px;
}

.ItemHeirarchy:last-child:after {
  display: none;
}



/*** Custom Action Menu Icons ***/
div.ActionPanel .Actions ul > li.ItemHasIcon.ActionMenuIconView {
	background-image: url('../Media/Images/ActionMenuViewIconSprite.png');
	background-position: 8px 8px;
}

div.ActionPanel .Actions ul > li.ItemHasIcon.ActionMenuIconView:hover {
	background-position: 8px -92px;
}





/*************************
	$FORM_FRAMEWORK_OVERRIDES
*************************/
fieldset.FnlFieldSet ol.InputFields,
fieldset.FnlFieldSet ol.InputFields > li {
  overflow: visible; /* Solves issue of empty tags causing margin issues. */
}

fieldset.FnlFieldSet ol.InputFields > li,
div.FnlViewSet ol.ViewFields > li {
  margin: 25px 0 0 0;
}

fieldset.FnlFieldSet ol.InputFields > li:first-child,
div.FnlViewSet ol.ViewFields > li:first-child {
  margin-top: 0;
}

fieldset.FnlFieldSet ol.InputFields > li > label:first-child,
fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child,
div.FnlViewSet ol.ViewFields li > label:first-child,
div.FnlViewSet ol.ViewFields li > span.Label:first-child {
  display: table;
  float: none;
  width: auto;
}

fieldset.FnlFieldSet ol.InputFields > li > label:first-child + div,
fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child + div,
div.FnlViewSet ol.ViewFields > li > label:first-child + span,
div.FnlViewSet ol.ViewFields > li > span.Label:first-child + span {
  margin: 0;
}

fieldset.FnlFieldSet ol.InputFields > li > label:first-child,
fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child,
div.FnlViewSet ol.ViewFields li > label:first-child,
div.FnlViewSet ol.ViewFields li > span.Label:first-child,
.OrderConfirmation .OrderNumberLabel {
  color: #898BA0;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 7px;
}



/*** Horizontal Layout ***/
fieldset.FnlFieldSet.HorizontalLayout ol.InputFields,
div.FnlViewSet.HorizontalLayout ol.ViewFields {
  display: flex;
}

fieldset.FnlFieldSet.HorizontalLayout ol.InputFields > li,
div.FnlViewSet.HorizontalLayout ol.ViewFields > li {
  margin: 0 15px 0 0;
}

fieldset.FnlFieldSet.HorizontalLayout ol.InputFields > li:last-child,
div.FnlViewSet.HorizontalLayout ol.ViewFields > li:last-child {
  margin-right: 0;
}



/*** Side by Side Lable and Input Layout ***/
fieldset.FnlFieldSet.SideBySideLabelInputs ol.InputFields > li,
div.FnlViewSet.SideBySideLabelInputs ol.ViewFields > li {
  margin: 12px 0 0;
}

fieldset.FnlFieldSet.SideBySideLabelInputs ol.InputFields > li:first-child,
div.FnlViewSet.SideBySideLabelInputs ol.ViewFields > li:first-child {
  margin-top: 0;
}

fieldset.FnlFieldSet.SideBySideLabelInputs ol.InputFields > li > label:first-child,
fieldset.FnlFieldSet.SideBySideLabelInputs ol.InputFields > li > span.Label:first-child,
div.FnlViewSet.SideBySideLabelInputs ol.ViewFields li > label:first-child,
div.FnlViewSet.SideBySideLabelInputs ol.ViewFields li > span.Label:first-child {
  display: block;
  float: left;
  width: 150px;
	color: #000000;
  font-size: 10pt;
  text-transform: none;
  margin: 0;
}

fieldset.FnlFieldSet.SideBySideLabelInputs ol.InputFields > li > label:first-child + div,
fieldset.FnlFieldSet.SideBySideLabelInputs ol.InputFields > li > span.Label:first-child + div,
div.FnlViewSet.SideBySideLabelInputs ol.ViewFields > li > label:first-child + span,
div.FnlViewSet.SideBySideLabelInputs ol.ViewFields > li > span.Label:first-child + span {
  margin: 0 0 0 150px;
}





/*************************
	$FORM_STYLES
*************************/
/*** General Style ***/
fieldset.FnlFieldSet ol.InputFields > li input,
fieldset.FnlFieldSet ol.InputFields > li select,
fieldset.FnlFieldSet ol.InputFields > li textarea {
  box-sizing: border-box;
}


/*** Form Actions ***/
.FormActions,
fieldset.FnlFieldSet ol.InputFields > li.FormActions {
  border-top: 1px solid #c9c9c9;
  margin-top: 50px;
  padding-top: 10px;
}

.FormActions input[type="submit"],
fieldset.FnlFieldSet ol.InputFields > li.FormActions input[type="submit"] {
  margin-right: 5px;
}

.FormActions input[type="submit"]:last-child,
fieldset.FnlFieldSet ol.InputFields > li.FormActions input[type="submit"]:last-child {
  margin-right: 0;
}

/*** Input Styles ***/
fieldset.FnlFieldSet ol.InputFields > li span > input[type="radio"],
div.FnlViewSet ol.ViewFields li > span > input[type="radio"] {
  vertical-align: top;
  margin: 1px 7px 0 0;
}

fieldset.FnlFieldSet ol.InputFields > li span > input[type="radio"] + label,
div.FnlViewSet ol.ViewFields li > span > input[type="radio"] + label {
  vertical-align: top;
  margin-right: 21px;
}

fieldset.FnlFieldSet ol.InputFields > li span > input[type="radio"] + label:last-child,
div.FnlViewSet ol.ViewFields li > span > input[type="radio"] + label:last-child {
  margin-right: 0;
}

/* radio button list */
fieldset.FnlFieldSet ol.InputFields li ul.RadioBtnList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

fieldset.FnlFieldSet ol.InputFields li ul.RadioBtnList > li {
  padding: 0;
  margin: 0 21px 5px 0;
}

fieldset.FnlFieldSet ol.InputFields li ul.RadioBtnList > li:last-child {
  margin-right: 0;
}

fieldset.FnlFieldSet ol.InputFields li ul.RadioBtnList > li input[type="radio"] {
  margin: 1px 5px 0 0;
}

fieldset.FnlFieldSet ol.InputFields li ul.RadioBtnList > li input[type="radio"],
fieldset.FnlFieldSet ol.InputFields li ul.RadioBtnList > li label {
  vertical-align: top;
}

/* check boxes */
fieldset.FnlFieldSet ol.InputFields li input[type="checkbox"] {
  margin: 1px 0 0;
  float: left;
}

fieldset.FnlFieldSet ol.InputFields li input[type="checkbox"] + label {
  display: block;
  margin: 0 0 0 25px;
}



/*** Required Field Marker ***/
span.Required {
  display: inline-block;
  width: 7px;
  height: 7px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  margin: 2px 0 0 5px;
  background: transparent
              url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcgNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0M1MDAwMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIuOSw3aDEuMlY1YzAtMC4xLDAuMS0wLjIsMC4yLTAuM2MwLjEtMC4xLDAuMi0wLjEsMC4zLDBsMS44LDFsMC42LTFsLTEuOC0xQzUuMSwzLjcsNSwzLjYsNSwzLjUNCgljMC0wLjEsMC4xLTAuMiwwLjItMC4zbDEuOC0xbC0wLjYtMWwtMS44LDFjLTAuMSwwLjEtMC4yLDAuMS0wLjMsMEM0LjIsMi4yLDQuMSwyLjEsNC4xLDJWMEgyLjl2MmMwLDAuMS0wLjEsMC4yLTAuMiwwLjMNCgljLTAuMSwwLjEtMC4yLDAuMS0wLjMsMGwtMS44LTFMMCwyLjNsMS44LDFDMS45LDMuMywyLDMuNCwyLDMuNWMwLDAuMS0wLjEsMC4yLTAuMiwwLjNMMCw0LjdsMC42LDFsMS44LTFjMC4xLTAuMSwwLjItMC4xLDAuMywwDQoJQzIuOCw0LjgsMi45LDQuOSwyLjksNVY3eiIvPg0KPC9zdmc+DQo=') /* Icon-ValidationMarker.ai */ 
              no-repeat
              0 0/7px 7px;
}

/*** Note Text in Forms ***/
fieldset.FnlFieldSet ol.InputFields > li .NoteText,
div.FnlViewSet ol.ViewFields > li .NoteText {
  display: block;
  margin-top: 5px;
}

/*** Validation Messages ***/
fieldset.FnlFieldSet ol.InputFields > li .ValidationError[style*="visibility:hidden"],
fieldset.FnlFieldSet ol.InputFields > li .ValidationError[style*="visibility: hidden"] {
  display: none;
}

/*** Gerenal field widths ***/
input[type="text"].ItemPrice {
  width: 75px;
}

input[type="text"].ItemName {
  width: 300px;
}






/*************************
	$FORM_LAYOUT
*************************/
fieldset.FnlFieldSet h2,
div.FnlViewSet h2 {
  margin-top: 50px;
}

fieldset.FnlFieldSet h3,
div.FnlViewSet h3 {
  margin-top: 30px;
}

fieldset.FnlFieldSet h2:first-child,
fieldset.FnlFieldSet > legend:first-child + h2,
div.FnlViewSet h2:first-child,
fieldset.FnlFieldSet h3:first-child
fieldset.FnlFieldSet > legend:first-child + h3,
div.FnlViewSet h3:first-child {
  margin-top: 0;
}





/***************************************
  $FILE_UPLOAD
****************************************/
/*** Uploaded File ***/
.FileUploadWrapper .UploadedFile:before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;  
  vertical-align: top;
  margin: 2px 10px 0 0;
  background: transparent
              url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNCAxMTIuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMTEyLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMzNDQyODc7fQ0KCS5zdDF7ZmlsbDojQTkwMTAxO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuMyw4Ljh2MS44SDEuOFY4LjhIMHYzLjVoMTRWOC44SDEyLjN6IE0xMC41LDQuNEg3LjlWMEg2LjF2NC40SDMuNUw3LDkuNkwxMC41LDQuNHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMi4yLDEwOC43bDAsMS43bC0xMC41LDBsMC0xLjdsLTEuNywwbDAsMy41bDE0LTAuMWwwLTMuNUwxMi4yLDEwOC43eiBNMTAuNSwxMDQuNGwtMi42LDBsMC00LjRsLTEuNywwbDAsNC40DQoJbC0yLjYsMGwzLjUsNS4yTDEwLjUsMTA0LjR6Ii8+DQo8L3N2Zz4NCg==')
              /* iconDownloadSprite.ai */
              no-repeat
              0 0/14px 112px;
}

.FileUploadWrapper .UploadedFile:hover:before {
  background-position: 0 -100px;
}

.FileUploadWrapper .UploadedFile:empty:before {
  display: none;
}

.FileUploadWrapper .UploadedFile + .FileUploader {
  margin-top: 12px;
}



/*** File Upload Control ***/
.FileUploadWrapper .FileUploader .NoteText + .ValidationError[style*="display:inline"],
.FileUploadWrapper .FileUploader .NoteText + .ValidationError[style*="display: inline"] {
  margin-top: 5px;
}





/***************************************
  $FNL_FANCY_LIST
****************************************/
ol.FnlFancyList > li:before {
  background: #005699;
}





/***************************************
  $PRIMARY_BUTTON_THEME
****************************************/
/* @TODO: May want to create a theme for 'gray' buttons? The framework already has one so not sure it's needed... */
.PrimaryButtonTheme,
a.FnlInputButtonLink.PrimaryButtonTheme,
input[type="submit"].PrimaryButtonTheme,
input[type="button"].PrimaryButtonTheme {
  background: #0087BD; /* Old browsers */
  background: -moz-linear-gradient(top, #008ec1 0%, #008abf 26%, #0087bd 100%) center center; /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #008ec1 0%,#008abf 26%,#0087bd 100%) center center; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #008ec1 0%,#008abf 26%,#0087bd 100%) center center; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid #0080b2;
  color: #ffffff;
  text-decoration: none;
}

a.PrimaryButtonTheme:visited {
  color: #ffffff;
}

.PrimaryButtonTheme:hover,
a.FnlInputButtonLink.PrimaryButtonTheme:hover,
input[type="submit"].PrimaryButtonTheme:hover,
input[type="button"].PrimaryButtonTheme:hover {
  color: #ffffff;
  border-color: #0088be;
  background: #0092cc; /* Old browsers */
  background: -moz-linear-gradient(top, #0092cc 0%, #0098cf 100%) center center; /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0092cc 0%,#0098cf 100%) center center; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0092cc 0%,#0098cf 100%) center center; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.PrimaryButtonTheme:active,
a.FnlInputButtonLink.PrimaryButtonTheme:active,
input[type="submit"].PrimaryButtonTheme:active,
input[type="button"].PrimaryButtonTheme:active {
  background: #0077a6;
  border-color: #006e99;
}

/* Item customization custom theme */
.ItemCustomization .ItemCustomizationActions .PrimaryButtonTheme.AddToCartAction {
  background: #0087BD; /* Old browsers */
  background: url(../Media/Images/OrderingWizard/ItemCustomizationCartIcon.svg) no-repeat left 25px top 22px/15px 14px,
    -moz-linear-gradient(top, #008ec1 0%, #008abf 26%, #0087bd 100%) center center; /* FF3.6-15 */
  background: url(../Media/Images/OrderingWizard/ItemCustomizationCartIcon.svg) no-repeat left 25px top 22px/15px 14px,
    -webkit-linear-gradient(top, #008ec1 0%,#008abf 26%,#0087bd 100%) center center; /* Chrome10-25,Safari5.1-6 */
  background: url(../Media/Images/OrderingWizard/ItemCustomizationCartIcon.svg) no-repeat left 25px top 22px/15px 14px,
    linear-gradient(to bottom, #008ec1 0%,#008abf 26%,#0087bd 100%) center center; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
  padding-right: 25px;
  padding-left: 52px;
}

.ItemCustomization .ItemCustomizationActions .PrimaryButtonTheme.AddToCartAction:hover {
  background: #0092cc; /* Old browsers */
  background: url(../Media/Images/OrderingWizard/ItemCustomizationCartIcon.svg) no-repeat left 25px top 22px/15px 14px,
    -moz-linear-gradient(top, #0092cc 0%, #0098cf 100%) center center; /* FF3.6-15 */
  background: url(../Media/Images/OrderingWizard/ItemCustomizationCartIcon.svg) no-repeat left 25px top 22px/15px 14px,
    -webkit-linear-gradient(top, #0092cc 0%,#0098cf 100%) center center; /* Chrome10-25,Safari5.1-6 */
  background: url(../Media/Images/OrderingWizard/ItemCustomizationCartIcon.svg) no-repeat left 25px top 22px/15px 14px,
    linear-gradient(to bottom, #0092cc 0%,#0098cf 100%)center center; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ItemCustomization .ItemCustomizationActions .PrimaryButtonTheme.AddToCartAction:active {
  background: url(../Media/Images/OrderingWizard/ItemCustomizationCartIcon.svg) no-repeat left 25px top 22px/15px 14px,
    #0077a6;
}





/***************************************
  $GOOD_BAD_BUTTON_THEME
****************************************/
a.GoodButtonTheme,
a.FnlInputButtonLink.GoodButtonTheme,
input[type="submit"].GoodButtonTheme,
input[type="button"].GoodButtonTheme {
	color: #ffffff;
	border: 1px solid #428b37;
	background: #57b348; /* Old browsers */
	background: -moz-linear-gradient(top, #60b851 0%, #57b348 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #60b851 0%,#57b348 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #60b851 0%,#57b348 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
}

a.GoodButtonTheme:hover,
a.FnlInputButtonLink.GoodButtonTheme:hover,
input[type="submit"].GoodButtonTheme:hover,
input[type="button"].GoodButtonTheme:hover {
	border: 1px solid #4ea341;
	background: #6ace59; /* Old browsers */
	background: -moz-linear-gradient(top, #6ace59 0%, #62cb50 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #6ace59 0%,#62cb50 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #6ace59 0%,#62cb50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
}

a.GoodButtonTheme:active,
a.FnlInputButtonLink.GoodButtonTheme:active,
input[type="submit"].GoodButtonTheme:active,
input[type="button"].GoodButtonTheme:active {
	border: 1px solid #347d28;
	background: #419532;
}

a.BadButtonTheme,
a.FnlInputButtonLink.BadButtonTheme,
input[type="submit"].BadButtonTheme,
input[type="button"].BadButtonTheme {
	color: #ffffff;
	border: 1px solid #a53232;
	background: #ce4646; /* Old browsers */
	background: -moz-linear-gradient(top, #ce4646 0%, #cb3d3d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ce4646 0%,#cb3d3d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ce4646 0%,#cb3d3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
}

a.BadButtonTheme:hover,
a.FnlInputButtonLink.BadButtonTheme:hover,
input[type="submit"].BadButtonTheme:hover,
input[type="button"].BadButtonTheme:hover {
	border: 1px solid #ba3737;
	background: #dd5151; /* Old browsers */
	background: -moz-linear-gradient(top, #dd5151 0%, #db4848 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dd5151 0%,#db4848 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dd5151 0%,#db4848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
}

a.BadButtonTheme:active,
a.FnlInputButtonLink.BadButtonTheme:active,
input[type="submit"].BadButtonTheme:active,
input[type="button"].BadButtonTheme:active {
	border: 1px solid #8c2929;
	background: #b33939;
}





/***************************************
  $PRINT_BUTTON
****************************************/
.FnlInputButtonLink.PrintButton:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 10px;
  margin: 1px 7px 0 0;
  vertical-align: top;
  background: 
    transparent
    url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMSA5LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExIDkuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMCwyLjZjLTAuMywwLTAuNSwwLjItMC41LDAuNVM5LjcsMy42LDEwLDMuNmMwLjMsMCwwLjUtMC4yLDAuNS0wLjVTMTAuMiwyLjYsMTAsMi42eiIvPg0KCQk8cmVjdCB4PSIzLjQiIHk9IjUuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjQuMSIgaGVpZ2h0PSIzLjQiLz4NCgkJPHBhdGggZD0iTTEwLjMsMi4xSDAuN0MwLjMsMi4xLDAsMi40LDAsMi43djMuNGMwLDAuNCwwLjMsMC43LDAuNywwLjdoMi4xdjIuOGg1LjVWNi45aDIuMWMwLjQsMCwwLjctMC4zLDAuNy0wLjdWMi43DQoJCQlDMTEsMi40LDEwLjcsMi4xLDEwLjMsMi4xeiBNNy42LDguOUgzLjRWNS41aDQuMVY4Ljl6IE0xMCwzLjZjLTAuMywwLTAuNS0wLjItMC41LTAuNVM5LjcsMi42LDEwLDIuNmMwLjMsMCwwLjUsMC4yLDAuNSwwLjUNCgkJCVMxMC4yLDMuNiwxMCwzLjZ6Ii8+DQoJCTxyZWN0IHg9IjIuOCIgd2lkdGg9IjUuNSIgaGVpZ2h0PSIxLjQiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==')/* iconPrint.svg */
  no-repeat
  0 0 / 11px 10px;
}





/***************************************
  $HEADLINE_INLINE
****************************************/
.HeadlineInline {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}

.HeadlineInline h1,
.HeadlineInline h2 {
  margin: 0 15px 0 0;
}

.HeadlineInline .FloatRight {
  margin-left: auto;
}

/* Back Button */
.HeadlineInline .BackButtonLink,
.HeadlineInline input[type="submit"].BackButtonLink {
  display: inline-block;
  width: 30px;
  height: 20px;
  background: transparent
              url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4IDExMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCAxMTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM0MTQxNDE7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjYuOSwxMyA4LDEyIDIuMSw2LjUgNy45LDEgNi44LDAgMCw2LjUgIi8+DQo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjYuOSwxMTMgOCwxMTIgMi4xLDEwNi41IDcuOSwxMDEgNi44LDEwMCAwLDEwNi41ICIvPg0KPC9zdmc+DQo=')
              no-repeat
              9px 3px/8px 113px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  transition: background-color 200ms ease;
}

.HeadlineInline input[type="submit"].BackButtonLink {
	-webkit-appearance: none;
	padding: 0;
	border: none;
}

.HeadlineInline .BackButtonLink:hover,
.HeadlineInline input[type="submit"].BackButtonLink:hover {
  background-position: 9px -97px;
  background-color: #58b3e7;
}

.HeadlineInline .BackButtonLink + h1 {
  border-left: 2px solid #ebeaec;
  margin-left: 8px;
  padding-left: 16px;
}

/*** Module - Grid Headline ***/
.HeadlineInline.GridHeadline {
  margin-bottom: 13px;
}

/*** Module - Page Headline ***/
.HeadlineInline.PageHeadline {
  margin-bottom: 30px;
}





/***************************************
  $MENU_REVIEW_LINK
****************************************/
.MenuReviewLink:before {
  content: "";
  display: inline-block;
  height: 11px;
  width: 13px;
  vertical-align: top;
  margin: 2px 9px 0 0;
  background: transparent
              url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyAyMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzIDIwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzM0NDI4Nzt9DQoJLnN0MXtmaWxsOiNBOTAxMDE7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDEuNkw0LjEsMHY5LjhMMCwxMS40VjEuNnogTTguOSwxLjZ2OS44TDQuOSwxMFYwLjNMOC45LDEuNnogTTEzLDB2OS44bC0zLjMsMS4zVjEuM0wxMywweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTAsMTAxLjZsNC4xLTEuNnY5LjhMMCwxMTEuNFYxMDEuNnogTTguOSwxMDEuNnY5LjhMNC45LDExMHYtOS44TDguOSwxMDEuNnogTTEzLDEwMHY5LjhsLTMuMywxLjN2LTkuOEwxMywxMDANCgl6Ii8+DQo8L3N2Zz4NCg==')
              /* MenuReviewIconSprite.ai */
              no-repeat
              0 0/13px 200px;
}

.MenuReviewLink:hover:before {
  background-position: 0 -100px;
}





/***************************************
  $ICONS
****************************************/
/*** Move Icons ***/
.MoveIcon {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: transparent
              url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwMCAzMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCAzMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2NjY2NjY7fQ0KCS5zdDF7ZmlsbDojQUFBQUFBO30NCgkuc3Qye2ZpbGw6IzU4QjNFNzt9DQo8L3N0eWxlPg0KPGcgaWQ9IkxheWVyXzEiPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTAwLDEuNCAxMDUuNyw3LjEgMTA3LjEsOC41IDEwOC41LDcuMSAxMTQuMSwxLjQgMTEyLjcsMCAxMDcuMSw1LjcgMTAxLjQsMCAJIi8+DQoJPGc+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzAwLDYuOCAzMDUuNywxMi40IDMwNy4xLDEzLjkgMzA4LjUsMTIuNCAzMTQuMSw2LjggMzEyLjcsNS40IDMwNy4xLDExIDMwMS40LDUuNCAJCSIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMwNy4xLDMuNCAzMDMuNywwIDMwMi4zLDEuNCAzMDUuNyw0LjggMzA3LjEsNi4yIDMwOC41LDQuOCAzMTEuOSwxLjQgMzEwLjQsMCAJCSIvPg0KCTwvZz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE0LjEsNy4xIDguNSwxLjQgNy4xLDAgNS43LDEuNCAwLDcuMSAxLjQsOC41IDcuMSwyLjggMTIuNyw4LjUgCSIvPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxNC4xLDcuMiAyMDguNSwxLjYgMjA3LjEsMC4xIDIwNS43LDEuNiAyMDAsNy4yIDIwMS40LDguNiAyMDcuMSwzIDIxMi43LDguNiAJCSIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIwNy4xLDEwLjYgMjEwLjQsMTQgMjExLjgsMTIuNiAyMDguNSw5LjIgMjA3LjEsNy44IDIwNS43LDkuMiAyMDIuMywxMi42IDIwMy43LDE0IAkJIi8+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTAwLDIwMS40IDEwNS43LDIwNy4xIDEwNy4xLDIwOC41IDEwOC41LDIwNy4xIDExNC4xLDIwMS40IDExMi43LDIwMCAxMDcuMSwyMDUuNyAxMDEuNCwyMDAgCSIvPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjMwMCwyMDYuOCAzMDUuNywyMTIuNCAzMDcuMSwyMTMuOSAzMDguNSwyMTIuNCAzMTQuMSwyMDYuOCAzMTIuNywyMDUuNCAzMDcuMSwyMTEgMzAxLjQsMjA1LjQgCQkiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIzMDcuMSwyMDMuNCAzMDMuNywyMDAgMzAyLjMsMjAxLjQgMzA1LjcsMjA0LjggMzA3LjEsMjA2LjIgMzA4LjUsMjA0LjggMzExLjksMjAxLjQgMzEwLjQsMjAwIAkJIi8+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQuMSwyMDcuMSA4LjUsMjAxLjQgNy4xLDIwMCA1LjcsMjAxLjQgMCwyMDcuMSAxLjQsMjA4LjUgNy4xLDIwMi44IDEyLjcsMjA4LjUgCSIvPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjIxNC4xLDIwNy4yIDIwOC41LDIwMS42IDIwNy4xLDIwMC4xIDIwNS43LDIwMS42IDIwMCwyMDcuMiAyMDEuNCwyMDguNiAyMDcuMSwyMDMgMjEyLjcsMjA4LjYgCQkiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIyMDcuMSwyMTAuNiAyMTAuNCwyMTQgMjExLjgsMjEyLjYgMjA4LjUsMjA5LjIgMjA3LjEsMjA3LjggMjA1LjcsMjA5LjIgMjAyLjMsMjEyLjYgMjAzLjcsMjE0IAkJIi8+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iMTAwLDEwMS40IDEwNS43LDEwNy4xIDEwNy4xLDEwOC41IDEwOC41LDEwNy4xIDExNC4xLDEwMS40IDExMi43LDEwMCAxMDcuMSwxMDUuNyAxMDEuNCwxMDAgCSIvPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjMwMCwxMDYuOCAzMDUuNywxMTIuNCAzMDcuMSwxMTMuOSAzMDguNSwxMTIuNCAzMTQuMSwxMDYuOCAzMTIuNywxMDUuNCAzMDcuMSwxMTEgMzAxLjQsMTA1LjQgCQkiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIzMDcuMSwxMDMuNCAzMDMuNywxMDAgMzAyLjMsMTAxLjQgMzA1LjcsMTA0LjggMzA3LjEsMTA2LjIgMzA4LjUsMTA0LjggMzExLjksMTAxLjQgMzEwLjQsMTAwIAkJIi8+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iMTQuMSwxMDcuMSA4LjUsMTAxLjQgNy4xLDEwMCA1LjcsMTAxLjQgMCwxMDcuMSAxLjQsMTA4LjUgNy4xLDEwMi44IDEyLjcsMTA4LjUgCSIvPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjIxNC4xLDEwNy4yIDIwOC41LDEwMS42IDIwNy4xLDEwMC4xIDIwNS43LDEwMS42IDIwMCwxMDcuMiAyMDEuNCwxMDguNiAyMDcuMSwxMDMgMjEyLjcsMTA4LjYgCQkiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIyMDcuMSwxMTAuNiAyMTAuNCwxMTQgMjExLjgsMTEyLjYgMjA4LjUsMTA5LjIgMjA3LjEsMTA3LjggMjA1LjcsMTA5LjIgMjAyLjMsMTEyLjYgMjAzLjcsMTE0IAkJIi8+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IkxheWVyXzIiPg0KCTx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTEyOS4wMDAyIDEwLjA0MzcpIiBzdHlsZT0iZm9udC1mYW1pbHk6J015cmlhZFByby1SZWd1bGFyJzsgZm9udC1zaXplOjEycHg7Ij5TdGF0ZSAtIE5vcm1hbDwvdGV4dD4NCgk8dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0xMjkuMDAwMiAxMTAuMDQ0MSkiIHN0eWxlPSJmb250LWZhbWlseTonTXlyaWFkUHJvLVJlZ3VsYXInOyBmb250LXNpemU6MTJweDsiPlN0YXRlIC0gSG92ZXIvQWN0aXZlPC90ZXh0Pg0KCTx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTEyOS4wMDAyIDIxMC4wNDQxKSIgc3R5bGU9ImZvbnQtZmFtaWx5OidNeXJpYWRQcm8tUmVndWxhcic7IGZvbnQtc2l6ZToxMnB4OyI+U3RhdGUgLSBEaXNhYmxlZDwvdGV4dD4NCjwvZz4NCjwvc3ZnPg0K')
              /* iconMoveSprite.ai */
              no-repeat
              0 0/400px 300px;
}

/* Move Up */
.MoveIcon.MoveIconUp {
  background-position: 5px 7px;
}
.MoveIcon.MoveIconUp:hover,
.MoveIcon.MoveIconUp:focus {
  background-position: 5px -93px;
}
.MoveIcon.MoveIconUp.aspNetDisabled {
  background-position: 5px -193px;
}

/* Move Down */
.MoveIcon.MoveIconDown {
  background-position: -95px 8px;
}
.MoveIcon.MoveIconDown:hover,
.MoveIcon.MoveIconDown:focus {
  background-position: -95px -92px;
}
.MoveIcon.MoveIconDown.aspNetDisabled {
  background-position: -95px -192px;
}

/* Move Top */
.MoveIcon.MoveIconTop {
  background-position: -194px 4px;
}
.MoveIcon.MoveIconTop:hover,
.MoveIcon.MoveIconTop:focus {
  background-position: -194px -96px;
}
.MoveIcon.MoveIconTop.aspNetDisabled {
  background-position: -194px -196px;
}

/* Move Bottom */
.MoveIcon.MoveIconBottom {
  background-position: -294px 5px;
}
.MoveIcon.MoveIconBottom:hover,
.MoveIcon.MoveIconBottom:focus {
  background-position: -294px -95px;
}
.MoveIcon.MoveIconBottom.aspNetDisabled {
  background-position: -294px -195px;
}





/***************************************
  $FLEX_BOX
****************************************/
/* FLEX BOX -- Bucket Blocks */
.FlexContain {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin: 20px 0;
}

.FlexContain.Column {
  width: 100%;
  display: block;
}

.FlexContain.Column .FlexBlock {
  margin: 0 0 10px 0;
}

.FlexContain.Column > .FlexBlock:last-child {
  margin-bottom: 0;
}

.FlexBlock {
  flex: 1;
  margin-right: 10px;
}

.FlexBlock:last-of-type {
  margin-right: 0;
}

.FlexBlock .BlockHeader {
  display: block;
  background: #F1F5F6;
  margin: 0;
  padding: 4px 9px;
  border: 1px solid #e6ebee;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  /*border-bottom: 1px solid #dae2e6;*/
}

.FlexBlock .BlockHeader.Empty {
  background: transparent;
  border-width: 0;
}

.BlockHeader h2,
.BlockHeader > * > a {
  color: #00597b;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 22px;
}

.BlockHeader > * > a {
  text-decoration: underline;
}

.BlockBody {
  margin-top: 0;
  border-right: 1px solid #dae2e6;
  border-left: 1px solid #dae2e6;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6ebee), to (0)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#e6ebee, rgba(0, 0, 0, 0)) 1 100%;
  -moz-border-image: -moz-linear-gradient(#e6ebee, rgba(0, 0, 0, 0)) 1 100%;
  -o-border-image: -o-linear-gradient(#e6ebee, rgba(0, 0, 0, 0)) 1 100%;
  border-image: linear-gradient(to bottom, #e6ebee, rgba(0, 0, 0, 0)) 1 100%;
  padding: 10px 9px;
}

.BlockBody > *:first-child {
  margin-top: 0;
}

.BlockBody > *:last-child {
  margin-bottom: 0;
}





/***************************************
  $UI_MODALS
****************************************/
.ContentModal.ui-dialog {
  padding: 0;
  font-size: 1em !important;
  z-index: 100;
}

.ContentModal.ui-dialog .ui-dialog-content {
  padding: 0 15px 15px 15px;
  background: #FFF;
}

.ContentModal .ui-widget-header {
  background: #FFF;
  color: #626262;
  border-width: 0 0 1px 0;
  border-color: #e0e0e0;
  border-style: solid;
  border-radius: 0;
  font-size: 1.3em;
  font-weight: normal;
  padding: 12px 15px;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover {
  padding: 5px !important;
  border: 0;
  background: transparent;
  line-height: 0;
  height: 23px;
  width: 23px;
  right: 8px;
  top: 20px;
}

.ui-dialog .ui-widget-header span.ui-icon,
.ui-dialog .ui-state-hover span.ui-icon {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  padding: 0;
  background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2MjYzNjM7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTIsMi4xIDguMSw2IDEyLDkuOSAxMiwxMiA5LjksMTIgNiw4LjEgMi4xLDEyIDAsMTIgMCw5LjkgMy45LDYgMCwyLjEgMCwwIDIuMSwwIDYsMy45IDkuOSwwIDEyLDAgCQ0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat left top !important;
}

.ui-dialog .ui-state-hover span.ui-icon,
.ui-dialog .ui-widget-header span.ui-icon:hover {
  background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMzQzNCM0M7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTIsMi4xIDguMSw2IDEyLDkuOSAxMiwxMiA5LjksMTIgNiw4LjEgMi4xLDEyIDAsMTIgMCw5LjkgMy45LDYgMCwyLjEgMCwwIDIuMSwwIDYsMy45IDkuOSwwIDEyLDAgCQ0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat left top !important;
}

.ContentModal .ui-widget-overlay {
  background: #000;
  opacity: .6;
  width: 100%;
  height: 100%;
}

.ContentModal .ui-widget input,
.ContentModal .ui-widget select,
.ContentModal .ui-widget textarea,
.ContentModal .ui-widget button {
  font-size: unset;
}





/***************************************
  $SHARE_ORDER_MODAL
****************************************/
.ShareOrderModalContent .ShareOrderModalChunk {
	margin-bottom: 30px;
}

.ShareOrderModalContent .ShareOrderModalChunk.ShareOrderModalChunkLast {
	margin-bottom: 0;
}

.ShareOrderModalContent .ShareOrderModalChunk fieldset.FnlFieldSet,
.ShareOrderModalContent .ShareOrderModalChunk fieldset.FnlFieldSet h3 {
	margin-top: 0;
}

.ShareOrderModalContent .ShareOrderModalActionChunk {
	margin-top: 30px;
}

.ShareOrderModalContent div.FnlViewSet.HorizontalLayout ol.ViewFields > li {
	flex: 1 1 33%;
}

.ShareOrderModalContent fieldset.FnlFieldSet.ShareOrderModalInput input {
	width: 100%;
}





/***************************************
  $FILTERS
****************************************/
/*** Filters ***/
fieldset.FilterWrap {
  border: none;
  margin: 15px 0 10px 0;
  padding: 0;
}

.FilterWrap legend {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  margin: -4000px 0px 0px -4000px;
}

.FilterWrap h3 {
  color: #636363;
  margin: 0 0 12px;
}

.FilterWrap > ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px 0 0;
  padding: 0;
  list-style: none;
}

.FilterWrap > ol > li {
  padding: 0 12px 0 0;
  margin: 0 12px 10px 0;
  border-right: 1px solid #dedede;
}

.FilterWrap > ol > li:last-child {
  border-right: none;
  margin-right: 0;
}

.FilterWrap > ol > li label {
  display: block;
  margin: 0 0 8px;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #898BA0;
  text-transform: uppercase;
}

.FilterWrap > ol > li input[type="text"],
.FilterWrap > ol > li select {
  box-sizing: border-box;
  width: 100%;
}

.FilterWrap .FilterActions input[type="submit"],
.FilterWrap .FilterActions .FnlInputButtonLink {
  margin-right: 4px;
}

.FilterWrap .FilterActions input[type="submit"]:last-child,
.FilterWrap .FilterActions .FnlInputButtonLink:last-child {
  margin-right: 0;
}

.FilterWrap div.FilterActions {
  margin-top: 2px;
	margin-bottom: 10px;
}

.FilterWrap > ol > li.FilterActions {
	padding-top: 20px;
}

/* Date Range Filter */
.FilterWrap > ol > li input[type="text"].FnlDatePicker {
  width: 85px;
}

/* Dollar Range Filter */
.FilterWrap > ol > li input[type="text"].CostFilter {
  width: 85px;
}

/* Filter Separators */
.FilterWrap > ol > li .RangeSeparator {
  display: inline-block;
  line-height: 2em;/* 2em = 24/12 */
  margin: 0 0.417em;/* 0.417em = 5/12 */
  letter-spacing: normal;
  text-transform: none;
  color: #555555;
  font-size: 12px;
}

/* Filter Widths */
.FilterWrap > ol > li.OrderNumberFilterWrap {
	width: 158px;
}

.FilterWrap > ol > li.UserNameFilterWrap {
	width: 250px;
}

/* Filter Validation Messages */
.FilterWrap > ol > li .ValidationError[style*="visibility:hidden"],
.FilterWrap > ol > li .ValidationError[style*="visibility: hidden"] {
	display: none !important;
}





/***************************************
  $MENU_TILES
****************************************/
/*** Base - Layout ***/
ul.MenuTiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}

.MenuTiles > li {
  /*flex: 0 1 33%;*/
  flex: 0 1 190px;/* temporarily force tiles to be a uniform width. should revisit once order form is styled and I decide if tiles should have a uniform width */
  box-sizing: border-box;
  margin: 0;
  padding: 0 10px 20px;
}



/*** Base - Structure + Design ***/
/* Header */
.MenuTiles > li > div.TileHeader {
  border-top: 1px solid #d9e3e8;
  border-right: 1px solid #d9e3e8;
  border-left: 1px solid #d9e3e8;
  border-radius: 3px 3px 0 0;
  display: flex;
  padding: 5px 3px;
}

.MenuTiles > li > .TileHeader .ActionPanel {
  margin-left: auto;
}

.MenuTiles > li > div.TileHeader + .TileBody,
.MenuTiles > li > div.TileHeader + * .TileBody {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid #d0d9df;
}

/* Body */
.MenuTiles > li .TileBody,
.MenuTiles > li label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9e3e8;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 8px;
  min-height: 190px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}

.MenuTiles > li .TileBody .TileImageWrapper,
.MenuTiles > li label .TileImageWrapper {
	width: 75px;
	height: 75px;
	background-color: #ffffff;
	border-radius: 100%;
	overflow: hidden;
}

.MenuTiles > li .TileImageWrapper > img {
	width: 100%;
	height: 100%;
}

.MenuTiles > li .TileBody .TileTitle,
.MenuTiles > li label .TileTitle {
  font-size: 17px;
  text-align: center;
  margin: 8px 0 0;
}

.MenuTiles > li .TileBody .TilePrice,
.MenuTiles > li label .TilePrice {
  font-size: 12px;
  color: #808284;
  margin-top: 4px;
}

/* Footer */
/*.MenuTiles > li > *:last-child*/
.MenuTiles > li .TileBody:last-child,
.MenuTiles > li label:last-child,
.MenuTiles > li .TileFooter:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.MenuTiles > li > div.TileFooter {
  border-right: 1px solid #d9e3e8;
  border-bottom: 1px solid #d9e3e8;
  border-left: 1px solid #d9e3e8;
  padding: 8px;
}



/*** Base - Static Tiles ***/
.MenuTiles > li div.TileBody,
.MenuTiles > li span.TileBody {
  background-color: #f2f5f6;
}



/*** Base - Interactive Tiles ***/
.MenuTiles > li a.TileBody,
.MenuTiles > li label {
  color: #000000;
  text-decoration: none;
  transition: border-color 200ms ease;
}

.MenuTiles > li a.TileBody:hover,
.MenuTiles > li a.TileBody:focus,
.MenuTiles > li label:hover,
.MenuTiles > li label:focus {
  border-color: #58b3e7;
}



/*** Module - Add Item Tile ***/
.MenuTiles > li.AddItemTile {
  align-self: flex-end;
}

.MenuTiles > li.AddItemTile a.TileBody {
  font-size: 17px;
}

.MenuTiles > li.AddItemTile a.TileBody:before {
  display: block;
  content: "";
  width: 100%;
  height: 56px;
  margin: 0 0 8px;
  background: transparent
              url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NiA1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYgNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNBNkE4QUI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00Ny44LDguMkMzNi45LTIuNywxOS4xLTIuNyw4LjIsOC4yYy0xMC45LDEwLjktMTAuOSwyOC43LDAsMzkuNmMxMC45LDEwLjksMjguNywxMC45LDM5LjYsMA0KCQlDNTguNywzNi45LDU4LjcsMTkuMSw0Ny44LDguMnogTTQ0LjMsMzEuNUgzMS41djEyLjhMMjgsNDcuOGwtMy41LTMuNWwwLTEyLjhIMTEuN0w4LjIsMjhsMy41LTMuNWwxMi44LDBWMTEuN0wyOCw4LjJsMy41LDMuNQ0KCQl2MTIuOGgxMi44bDMuNSwzLjVMNDQuMywzMS41eiIvPg0KPC9nPg0KPC9zdmc+DQo=')
              no-repeat
              center center/56px 56px;
}



/*** Module - Tile Movement ***/
.MenuTiles > li > .TileHeader .TileMovementWrapper {
  display: flex;
  margin-top: -5px;
  margin-bottom: -5px;
}

.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon {
  flex: 0 0 auto;
  width: 28px;
  min-height: 20px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: transparent
              url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MDAgMzAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgMzAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjY2NjY2O30NCgkuc3Qxe2ZpbGw6I0FBQUFBQTt9DQoJLnN0MntmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNC4yLC0xMjkuOSAxMC42LC0xMzYuMyA4LjUsLTEzOC40IDAsLTEyOS45IDguNSwtMTIxLjQgMTAuNiwtMTIzLjUgIi8+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNCwxNC4xIDcuMSw4LjUgOC41LDcuMSA3LjEsNS43IDEuNCwwIDAsMS40IDUuNyw3LjEgMCwxMi43ICIvPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzNy4yLC0xMzguNCAzMC4xLC0xMzEuMyAyOC43LC0xMjkuOSAzMC4xLC0xMjguNSAzNy4yLC0xMjEuNCAzOC42LC0xMjIuOCAzMS41LC0xMjkuOSAzOC42LC0xMzcgIi8+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjI0LjgsLTEzNi45IDE5LjgsLTEzMiAxNy43LC0xMjkuOSAxOS44LC0xMjcuOCAyNC44LC0xMjIuOCAyNi45LC0xMjQuOSAyMS45LC0xMjkuOSAyNi45LC0xMzQuOCAiLz4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjA2LjgsMTQuMSAyMTIuNCw4LjUgMjEzLjksNy4xIDIxMi40LDUuNyAyMDYuOCwwIDIwNS40LDEuNCAyMTEsNy4xIDIwNS40LDEyLjcgCSIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjAzLjQsNy4xIDIwMCwxMC40IDIwMS40LDExLjggMjA0LjgsOC41IDIwNi4yLDcuMSAyMDQuOCw1LjcgMjAxLjQsMi4zIDIwMCwzLjcgCSIvPg0KPC9nPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMDcuMSwwIDEwMS40LDUuNyAxMDAsNy4xIDEwMS40LDguNSAxMDcuMSwxNC4xIDEwOC41LDEyLjcgMTAyLjgsNy4xIDEwOC41LDEuNCAiLz4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzA3LjEsMCAzMDEuNCw1LjcgMzAwLDcuMSAzMDEuNCw4LjUgMzA3LjEsMTQuMSAzMDguNSwxMi43IDMwMi44LDcuMSAzMDguNSwxLjQgCSIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzEwLjUsNy4xIDMxMy44LDMuNyAzMTIuNCwyLjMgMzA5LjEsNS43IDMwNy43LDcuMSAzMDkuMSw4LjUgMzEyLjQsMTEuOSAzMTMuOSwxMC40IAkiLz4NCjwvZz4NCjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMS40LDIxNC4xIDcuMSwyMDguNSA4LjUsMjA3LjEgNy4xLDIwNS43IDEuNCwyMDAgMCwyMDEuNCA1LjcsMjA3LjEgMCwyMTIuNyAiLz4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMjA2LjgsMjE0LjEgMjEyLjQsMjA4LjUgMjEzLjksMjA3LjEgMjEyLjQsMjA1LjcgMjA2LjgsMjAwIDIwNS40LDIwMS40IDIxMSwyMDcuMSAyMDUuNCwyMTIuNyAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIyMDMuNCwyMDcuMSAyMDAsMjEwLjQgMjAxLjQsMjExLjggMjA0LjgsMjA4LjUgMjA2LjIsMjA3LjEgMjA0LjgsMjA1LjcgMjAxLjQsMjAyLjMgMjAwLDIwMy43IAkiLz4NCjwvZz4NCjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTA3LjEsMjAwIDEwMS40LDIwNS43IDEwMCwyMDcuMSAxMDEuNCwyMDguNSAxMDcuMSwyMTQuMSAxMDguNSwyMTIuNyAxMDIuOCwyMDcuMSAxMDguNSwyMDEuNCAiLz4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMzA3LjEsMjAwIDMwMS40LDIwNS43IDMwMCwyMDcuMSAzMDEuNCwyMDguNSAzMDcuMSwyMTQuMSAzMDguNSwyMTIuNyAzMDIuOCwyMDcuMSAzMDguNSwyMDEuNCAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIzMTAuNSwyMDcuMSAzMTMuOCwyMDMuNyAzMTIuNCwyMDIuMyAzMDkuMSwyMDUuNyAzMDcuNywyMDcuMSAzMDkuMSwyMDguNSAzMTIuNCwyMTEuOSAzMTMuOSwyMTAuNCAJDQoJCSIvPg0KPC9nPg0KPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIxLjQsMTE0LjEgNy4xLDEwOC41IDguNSwxMDcuMSA3LjEsMTA1LjcgMS40LDEwMCAwLDEwMS40IDUuNywxMDcuMSAwLDExMi43ICIvPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIyMDYuOCwxMTQuMSAyMTIuNCwxMDguNSAyMTMuOSwxMDcuMSAyMTIuNCwxMDUuNyAyMDYuOCwxMDAgMjA1LjQsMTAxLjQgMjExLDEwNy4xIDIwNS40LDExMi43IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjIwMy40LDEwNy4xIDIwMCwxMTAuNCAyMDEuNCwxMTEuOCAyMDQuOCwxMDguNSAyMDYuMiwxMDcuMSAyMDQuOCwxMDUuNyAyMDEuNCwxMDIuMyAyMDAsMTAzLjcgCSIvPg0KPC9nPg0KPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIxMDcuMSwxMDAgMTAxLjQsMTA1LjcgMTAwLDEwNy4xIDEwMS40LDEwOC41IDEwNy4xLDExNC4xIDEwOC41LDExMi43IDEwMi44LDEwNy4xIDEwOC41LDEwMS40ICIvPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIzMDcuMSwxMDAgMzAxLjQsMTA1LjcgMzAwLDEwNy4xIDMwMS40LDEwOC41IDMwNy4xLDExNC4xIDMwOC41LDExMi43IDMwMi44LDEwNy4xIDMwOC41LDEwMS40IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjMxMC41LDEwNy4xIDMxMy44LDEwMy43IDMxMi40LDEwMi4zIDMwOS4xLDEwNS43IDMwNy43LDEwNy4xIDMwOS4xLDEwOC41IDMxMi40LDExMS45IDMxMy45LDExMC40IAkNCgkJIi8+DQo8L2c+DQo8dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0xMjkuMDAwMiAxMC4wNDM3KSIgc3R5bGU9ImZvbnQtZmFtaWx5OidNeXJpYWRQcm8tUmVndWxhcic7IGZvbnQtc2l6ZToxMnB4OyI+U3RhdGUgLSBOb3JtYWw8L3RleHQ+DQo8dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0xMjkuMDAwMiAxMTAuMDQ0MSkiIHN0eWxlPSJmb250LWZhbWlseTonTXlyaWFkUHJvLVJlZ3VsYXInOyBmb250LXNpemU6MTJweDsiPlN0YXRlIC0gSG92ZXIvQWN0aXZlPC90ZXh0Pg0KPHRleHQgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAtMTI5LjAwMDIgMjEwLjA0NDEpIiBzdHlsZT0iZm9udC1mYW1pbHk6J015cmlhZFByby1SZWd1bGFyJzsgZm9udC1zaXplOjEycHg7Ij5TdGF0ZSAtIERpc2FibGVkPC90ZXh0Pg0KPC9zdmc+DQo=')
              /* MoveItemIconSprite.ai */
              no-repeat
              0 0/400px 300px;
  transition: background-color 200ms ease;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon:hover,
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon:focus {
  background-color: #58b3e7;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.aspNetDisabled {
  background-color: transparent;
}

/* Move Right */
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconRight {
  background-position: 10px 9px;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconRight:hover,
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconRight:focus {
  background-position: 10px -91px;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconRight.aspNetDisabled {
  background-position: 10px -191px;
}

/* Move Left */
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconLeft {
  background-position: -91px 9px;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconLeft:hover,
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconLeft:focus {
  background-position: -91px -91px;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconLeft.aspNetDisabled {
  background-position: -91px -191px;
}

/* Move Far Right */
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconFarRight {
  background-position: -192px 9px;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconFarRight:hover,
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconFarRight:focus {
  background-position: -192px -91px;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconFarRight.aspNetDisabled {
  background-position: -192px -191px;
}

/* Move Far Left */
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconFarLeft {
  background-position: -292px 9px;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconFarLeft:hover,
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconFarLeft:focus {
  background-position: -292px -91px;
}
.MenuTiles > li > .TileHeader .TileMovementWrapper > .MoveItemIcon.MoveItemIconFarLeft.aspNetDisabled {
  background-position: -292px -191px;
}



/*** Theme - Ordering Wizard ***/
/* Layout */
#OrderingWizard .MenuTiles {
	margin-right: -5px;
	margin-left: -5px;
}

#OrderingWizard .MenuTiles > li {
  flex: 0 1 50%;
	padding: 0 5px 10px;
}

@media only screen and (min-width: 768px) {
	#OrderingWizard .MenuTiles > li {
		flex-basis: 33.33%;
	}
}

/* Body */
#OrderingWizard .MenuTiles > li .TileBody {
  min-height: 223px;
}

/* One Click Order */
#OrderingWizard .MenuTiles > li .TileBody.OneClickOrderTile {
  padding-bottom: 45px;/* height of .OneClickOrderText + 5px */
}

#OrderingWizard .MenuTiles > li .TileBody.OneClickOrderTile .OneClickOrderText {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  color: #0087bd;
  border-top: 1px solid #d9e3e8;
  text-align: center;
  padding: 12px 16px;
  white-space: nowrap;
  transition: border-color 200ms ease;
}

#OrderingWizard .MenuTiles > li .TileBody.OneClickOrderTile:hover .OneClickOrderText {
  border-color: #0087bd;
}

/* Selectable */
#OrderingWizard .MenuTiles > li > input[type="radio"],
#OrderingWizard .MenuTiles > li > input[type="checkbox"] {
  display: none;
}

#OrderingWizard .MenuTiles > li label {
  cursor: pointer;
}

#OrderingWizard .MenuTiles > li > input[type="radio"]:checked + label,
#OrderingWizard .MenuTiles > li > input[type="checkbox"]:checked + label {
  background-color: #58b3e7;
  border-color: #58b3e7;
  color: #ffffff;
}

#OrderingWizard .MenuTiles > li > input[type="radio"]:checked + label .TilePrice,
#OrderingWizard .MenuTiles > li > input[type="checkbox"]:checked + label .TilePrice {
  color: #ffffff;
}




/***************************************
  $BIG_BUTTONS
****************************************/
.BigButton,
input[type="submit"].BigButton,
a.FnlInputButtonLink.BigButton {
  height: auto;
  padding: 13px 15px;
  font-size: 1.5em;/* 1.5em = 18/12 */
}





/***************************************
  $ACCOUNT_STATUS_BANNER
****************************************/
.AccountStatusBanner {
	padding: 18px 20px;
	margin-bottom: 30px;
	border: 1px solid #cb3d3d;
	color: #333333;
	background-color: #fff8f8;
}

.AccountStatusBanner .AccountStatusBannerTitle {
	margin: 0 0 10px;
	font-size: 18px;
	color: #cb3d3d;
}

.AccountStatusBanner .AccountStatusBannerTitle + p {
	margin-top: 0;
}

.AccountStatusBanner p {
	line-height: 1.5;
}

.AccountStatusBanner p:last-child {
	margin-bottom: 0;
}

.AccountStatusBanner ol.FnlFancyList {
  padding: 0;
	margin: 18px 0 0;
}

.AccountStatusBanner ol.FnlFancyList > li:before {
	background-color: #cb3d3d;
}

.AccountStatusBanner ol.FnlFancyList > li a {
	color: #cb3d3d;
}

.AccountStatusBanner ol.FnlFancyList > li a:hover {
	color: #ae2323;
}

/*** Icon ***/
.AccountStatusBanner.HasBannedIcon {
	padding-left: 85px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0NyA0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcgNDc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNDQjNEM0Q7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDIzLjVDMCwzNi41LDEwLjUsNDcsMjMuNSw0N0MzNi41LDQ3LDQ3LDM2LjUsNDcsMjMuNVMzNi41LDAsMjMuNSwwQzEwLjUsMCwwLDEwLjUsMCwyMy41IE00MS4xLDIzLjUNCgljMCwzLjQtMC45LDYuNS0yLjYsOS4yTDE0LjMsOC40YzIuNy0xLjYsNS44LTIuNiw5LjItMi42QzMzLjIsNS45LDQxLjEsMTMuOCw0MS4xLDIzLjUgTTUuOSwyMy41YzAtMy40LDAuOS02LjUsMi42LTkuMmwyNC4yLDI0LjINCgljLTIuNywxLjYtNS44LDIuNi05LjIsMi42QzEzLjgsNDEuMSw1LjksMzMuMiw1LjksMjMuNSIvPg0KPC9zdmc+DQo=');
	background-repeat: no-repeat;
	background-position: 20px 15px;
	background-size: 47px 47px;
}





/***************************************
  $TABLE_TOTALS
	Summary of Costs for a Table/Grid
****************************************/
.TableTotals {
  box-sizing: border-box;
  font-size: 12px;
  margin-top: 14px;
}

.TableTotals .ColRight {
  flex: 0 0 150px;
  padding: 10px 15px;
  border-top: 1px solid #f0c86c;
  border-bottom: 1px solid #f0c86c;
  background-color: #fffbf1;
  color: #555555;
}

.TableTotals .ColRight > div {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 15px;
}

.TableTotals .ColRight > div:last-child {
  margin-bottom: 0;
}

.TableTotals .ColRight > div .Col1 {
  flex: 1 1 auto;
  min-width: 100px;
  padding-right: 12px;
}

.TableTotals .ColRight > div .Col2 {
  flex: 1 1 120px;
  min-width: 120px;
  text-align: right;
}

.TableTotals .TotalTitle {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 9px;
	margin-bottom: 6px;
}

.TableTotals .GrandTotalRow {
  font-weight: bold;
  font-size: 14px;
  color: #a90101;
}

@media only screen and (min-width: 768px) {
	.TableTotals {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}

	.TableTotals .ColLeft {
		flex: 0 1 auto;
		padding: 0 50px 0 5px;
	}
	
	.TableTotals .TotalTitle {
		margin-bottom: 0;
	}
}





/***************************************
  $TABLE_COST_SUMMARY
****************************************/
.TableCostSummary {
	display: flex;
	margin-top: 12px;
	padding: 20px 15px;
	border: 1px solid #f0c86c;
  background-color: #fffbf1;
  color: #555555;
}

.TableCostSummary > div {
	flex: 1 1 auto;
	box-sizing: border-box;
	padding-right: 15px;
}

.TableCostSummary > div:last-child {
	padding-right: 0;
}

.TableCostSummary > div.Col1 {
	flex-basis: 310px;
	max-width: 310px;
}

.TableCostSummary > div.Col2,
.TableCostSummary > div.Col3 {
	text-align: right;
}

.TableCostSummary .TableCostSummaryTitle {
	margin: 0;
}

.TableCostSummary p {
	line-height: 1.5;
}

.TableCostSummary > div.Col2 > span:last-child,
.TableCostSummary > div.Col3 > span:last-child {
	margin-bottom: 0;
}

.TableCostSummary .Row1,
.TableCostSummary .Row2,
.TableCostSummary .Row3,
.TableCostSummary .Row4 {
	display: block;
	margin-bottom: 15px;
}

.TableCostSummary .LossRow {
	color: #a90101;
}

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





/***************************************
  $HOME
****************************************/
/* Home Banner */
.HomeBanner {
	padding: 0;
	margin: 30px 0;
  box-sizing: border-box;
	
}
@media only screen and (min-width: 680px) {
	.HomeBanner {
		padding: 13px;
		margin-top: 9px;
		min-height: 200px;
		border: 1px solid #f6f6f6;
		border-radius: 5px;
		background: #ffffff url("../Media/Images/HomeBannerBg.png") no-repeat left top;
	}
}
@media only screen and (min-width: 1023px) {
	.HomeBanner {
		padding: 13px 315px 13px 13px;
		background-position: right top;
	}
}

.HomeBanner h1 {
  margin: 0 0 10px;
  font-size: 1.65em; /* 1.65em = 22/13.33333 */
}

.HomeBanner p {
  margin: 10px 0;
}

.HomeBanner ul.HomeBannerCafeInformation {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}

.HomeBanner .HomeBannerCallToAction {
  margin-top: 26px;
	text-align: center;
}

/* Home Banner - Fancy Buttons */
.HomeBanner .HomeBannerCallToAction .FancyButtonLink {
  display: inline-block;
  padding: 9px 14px 8px;
}

.HomeBanner .HomeBannerCallToAction .FancyButtonLink.ToGoOrder {
  margin-bottom: 20px;
}

.HomeBanner .HomeBannerCallToAction .FancyButtonLink.ToGoOrder:before,
.HomeBanner .HomeBannerCallToAction .CateringOrder:before {
  display: inline-block;
  content: "";
  margin-right: 10px;
  background: transparent url("../Media/Images/HomeBannerFancyButtonIconSprite.png") no-repeat 0 0;
  background-image: url("../Media/Images/HomeBannerFancyButtonIconSprite.svg"), none;
  background-size: 11px 200px;
  vertical-align: top;
}

.HomeBanner .HomeBannerCallToAction .FancyButtonLink.ToGoOrder:before {
  width: 10px;
  height: 14px;
}

.HomeBanner .HomeBannerCallToAction .CateringOrder {
	display: inline-block;
}

.HomeBanner .HomeBannerCallToAction .CateringOrder:before {
  width: 11px;
  height: 14px;
  background-position: 0 -100px;
  vertical-align: middle;
  margin-top: -4px;
}

@media only screen and (min-width: 480px) {
	.HomeBanner .HomeBannerCallToAction {
		text-align: left;
	}

	.HomeBanner .HomeBannerCallToAction .FancyButtonLink.ToGoOrder {
  	margin-right: 18px;
		margin-bottom: 0;
	}
}


/* Home Special Offer Banner */
/* desktop image dimension: 789 x 141; Be creative with mobile dimensions! */

#CafeFancyBanner {
  box-sizing: border-box;
  margin: 30px 0 0px;
  overflow: hidden;
}

#CafeFancyBanner:before {
  display: block;
  content: "";
  margin: 0 auto;
  width: 250px;
  height: 250px;
  background: transparent url(../Media/Images/CafeReopen2021.jpg) no-repeat -47px 0px/ 857px 258px;
}

#CafeFancyBanner h1 {
  margin: 26px 0 0 0;
  font-size: 21px;
  font-weight: normal;
}

#CafeFancyBanner p {
  font-size: 13px;
  line-height: 1.8em;
}

@media only screen and (min-width: 768px) {
  #CafeFancyBanner:before {
    margin: 0 30px 0 0;
    float: left;
  }

  #CafeFancyBanner:after {
    display: table;
    content: "";
    clear: both;
  }

  #CafeFancyBanner h1 {
    margin-top: 36px;
  }
}

@media only screen and (min-width: 1024px) {
  #CafeFancyBanner {
    padding: 27px 36px 0 500px;
    width: 996px;
    height: 320px;
    background: transparent url(../Media/Images/CafeReopen2021.jpg) no-repeat 0 0;
  }

  #ThanksgivingDinner {
    width: 450px;
    height: 593px;
    margin: 0px auto;
    background: transparent url(../Media/Images/HAPPY-Thanksgiving-Flyer-2021.jpg) no-repeat 0 0;
    background-size: cover;
  }

  #CafeFancyBanner:before {
    display: none;
  }

  #CafeFancyBanner,
  #CafeFancyBanner h1 {
    color: #ffffff;
  }

  #CafeFancyBanner h1 {
    margin: 0;
  }
}

/* Home Special Offer Banner - event specific styles */
/* these are made on a per event basis, no need to save them once the event is over */
/* end event specific styles */



/* Home Main Content */
@media only screen and (min-width: 1024px) {
	.HomeMainContent:after {
		content: "";
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.HomeMainContent > .LeftColumn,
	.HomeMainContent > .RightColumn {
		float: left;
	}

	.HomeMainContent > .LeftColumn {
		width: 63.6%;
	}

	.HomeMainContent > .RightColumn {
		width: 32.6%;
		margin-left: 3.8%;
	}
}


/* Home Main Content - Flex Overrides */
.HomeMainContent .FlexContain.Column {
  margin: 29px 0 0;
}

.HomeMainContent .FlexContain.Column .FlexBlock {
  margin-bottom: 13px;
}

.HomeMainContent .FlexBlock ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.HomeMainContent .FlexBlock ul > li {
  line-height: 1.8em;
}

/* Home Main Content - Miscellaneous */
.SuggestionCallToAction {
  font-size: 0.9em;
  margin-top: 47px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
	.SuggestionCallToAction {
		text-align: center;
	}
}



/* Daily Specials */
.HomeMainContent > .LeftColumn > h2:first-child {
  margin: 0 0 9px;
  font-size: 1.35em; /* 1.35em = 18/13.33333 */
  color: black;
}

.DailySpecials {
  margin-bottom: 28px;
}

/* Daily Specials - Days */
.DailySpecials > ol.Days {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #f0c86c;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  background-color: #fff0ce;
}

.DailySpecials > ol.Days:after {
  content: "";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.DailySpecials > ol.Days > li {
  float: left;
  margin: 0;
  padding: 0;
  width: 20%;
}

.DailySpecials > ol.Days > li > a {
  display: block;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  font-size: 0.9em; /* 0.9em = 12/13.33333 */
  color: #9c7f3c;
}

.DailySpecials > ol.Days > li.Selected > a,
.DailySpecials > ol.Days > li.Selected > a:hover {
  background-color: #f0c86c;
  color: #004c69;
  font-weight: bold;
}

.DailySpecials > ol.Days > li > a:hover {
  background-color: #ffe3a4;
}

/* Daily Specials - Menus */
.DailySpecials > ol.Menus {
  margin: 0;
  padding: 0;
  list-style: none;
  border-right: 1px solid #f0c86c;
  border-left: 1px solid #f0c86c;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0c86c), to (0)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#f0c86c, rgba(0, 0, 0, 0)) 1 100%;
  -moz-border-image: -moz-linear-gradient(#f0c86c, rgba(0, 0, 0, 0)) 1 100%;
  -o-border-image: -o-linear-gradient(#f0c86c, rgba(0, 0, 0, 0)) 1 100%;
  border-image: linear-gradient(to bottom, #f0c86c, rgba(0, 0, 0, 0)) 1 100%;
}

.DailySpecials > ol.Menus > li {
  display: none;
  margin: 0;
  padding: 13px;
}

.DailySpecials > ol.Menus > li.Selected {
  display: block;
}

.DailySpecials > ol.Menus > li h3 {
  font-size: 1.125em; /* 1.125em = 15/13.33333 */
  color: black;
  margin-bottom: 8px;
}

.DailySpecials > ol.Menus > li h3:first-child,
.DailySpecials > ol.Menus > li img.SpecialEventImage + h3 {
  margin-top: 0;
}

.DailySpecials > ol.Menus > li h4 {
  font-size: 1em; /* 1em = 13.33333/13.33333 */
  color: #057ba1;
  margin-bottom: 4px;
}

.DailySpecials > ol.Menus > li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.DailySpecials > ol.Menus > li ul > li {
  line-height: 1.5em; /* 1.5em = 20/13.33333 */
}





/***************************************
  $DASHBOARD
****************************************/
/*** General ***/
/* Headers */
#UserDashboard h2 {
	font-size: 16px;
}

/* Sectioning */
#UserDashboard .DashboardSection {
	margin-bottom: 30px;
}

#UserDashboard .DashboardSection.DashboardSectionLast {
	margin-bottom: 0;
}


/*** dashboard tiles ***/
ul.DashboardTiles {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -11px;
}

ul.DashboardTiles > li {
  flex: 0 1 33.33%;
  margin: 0;
  padding: 0 11px 22px;
  box-sizing: border-box;
}

ul.DashboardTiles > li > .TileBody {
  display: block;
  padding: 10px 12px;
  border: 1px solid #c6cacc;
  border-radius: 3px 3px 0 0;
  min-height: 150px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
}

ul.DashboardTiles > li > .TileFooter {
  border-right: 1px solid #c6cacc;
  border-bottom: 1px solid #c6cacc;
  border-left: 1px solid #c6cacc;
}

ul.DashboardTiles > li > *:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Bg styles */
ul.DashboardTiles > li.TileOrder > .TileBody {
  background:
    transparent
    url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MDAgODQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwMCA4NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe29wYWNpdHk6OC4wMDAwMDBlLTAyO30NCgkuc3Qxe2ZpbGw6IzIzMUYyMDt9DQoJLnN0MntvcGFjaXR5OjguMDAwMDAwZS0wMjtmaWxsOiMyMzFGMjA7fQ0KPC9zdHlsZT4NCjxnIGNsYXNzPSJzdDAiPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NjMuNiwxMC40QzQ2MS45LDIuMyw0NTUuNCwwLDQ0Ny41LDBTNDMzLDIuMyw0MzEuNCwxMC40Yy0xNi43LDIuNy0yOC42LDEwLjgtMjguNiwyOS42aDg5LjQNCgkJQzQ5Mi4yLDIxLjIsNDgwLjMsMTMuMSw0NjMuNiwxMC40eiBNNDQ3LjUsNS41YzYuNCwwLDkuNSwxLjYsMTAuOSwzLjZoLTIxLjhDNDM4LDcuMSw0NDEsNS41LDQ0Ny41LDUuNXoiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjQ5NSw0Mi44IDQwMCw0Mi44IDQwMi44LDUxLjEgNDkyLjIsNTEuMSAJIi8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTUwMCw1OS41bC0zMy40LTQuMmwwLjQsMS41Yy01LjktMS0xMS0xLjktMTIuNy0yLjFjLTQuNi0wLjctMTguMy0xLjktMjQuNSwwLjRjLTMuOCwxLjQtMS43LDQuNywwLjYsNC44DQoJCWMyLjgsMC4xLDcuMi0xLjEsMTQuNS0wLjJjNS42LDAuNywxMi4zLDMuNywxNS45LDUuMWMyLjUsMC45LDUuNiwxLjksOC43LDIuOWwyLjIsOS4zbDI4LjMtMi4xTDUwMCw1OS41eiIvPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTQ4LjQsMjYuN3YtMTFjMC02LjgtNS41LTEyLjMtMTIuMy0xMi4zYy0xLDAtMS45LDAuMS0yLjksMC40QzMxLDEuNSwyNy44LDAsMjQuMywwQzE3LjUsMCwxMiw1LjUsMTIsMTIuMw0KCXYxMi41bDUtMC43di0xMkMxNy4xLDguMSwyMC40LDUsMjQuMyw1YzEuNSwwLDIuOSwwLjQsNCwxLjJjLTIuOCwyLjMtNC42LDUuNy00LjYsOS42djEwLjZ2NC4zbC0xMS4xLDEuOEwwLDI2LjZWNzlsMTUsNWw0OS45LTcuNQ0KCVYyNC4xTDQ4LjQsMjYuN3ogTTI4LjcsMjYuNFYxNS41YzAuMS0yLjEsMS4xLTQsMi42LTUuM2MxLjMtMS4xLDIuOS0xLjcsNC43LTEuOGMwLDAsMC4xLDAsMC4xLDBjNCwwLDcuMiwzLjIsNy40LDcuMXYxMmwtMTQuNywyLjQNCglWMjYuNHoiLz4NCjwvc3ZnPg0K')
    no-repeat
    right -522px bottom 11px / 600px 84px;
}

ul.DashboardTiles > li.TileOrder.Catering > .TileBody {
  background-position: right -88px bottom 6px;
}


/* General Content */
ul.DashboardTiles > li .TileBody .TileTitle {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}

ul.DashboardTiles > li .TileBody .TileLine {
  line-height: 1.5em;
}

ul.DashboardTiles > li .TileBody .PickUpInfo {
  font-size: 14px;
  margin-top: 12px;
}

/* Fancy Action Panels - Highly Dangerous Framework Overriding, dont try this at home! */
ul.DashboardTiles > li .TileBody div.ActionPanel {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

ul.DashboardTiles > li .TileBody div.ActionPanel.Active {
  bottom: 0;
  left: 0;
}

ul.DashboardTiles > li .TileBody div.ActionPanel a.ToggleActionButton {
  width: 30px;
  height: 30px;
  margin: 6px 4px 0 0;
  border: 0;
  position: absolute;
  right: 0;
  z-index: 2;
  background:
    transparent
    url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDAgMjAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNTU1NTU1O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNCwyYzAsMS4xLTAuOSwyLTIsMlMwLDMuMSwwLDJzMC45LTIsMi0yUzQsMC45LDQsMnogTTIsOGMtMS4xLDAtMiwwLjktMiwyczAuOSwyLDIsMnMyLTAuOSwyLTJTMy4xLDgsMiw4eg0KCSBNMiwxNmMtMS4xLDAtMiwwLjktMiwyczAuOSwyLDIsMnMyLTAuOSwyLTJTMy4xLDE2LDIsMTZ6Ii8+DQo8cGF0aCBkPSJNNCwxMDJjMCwxLjEtMC45LDItMiwycy0yLTAuOS0yLTJzMC45LTIsMi0yUzQsMTAwLjksNCwxMDJ6IE0yLDEwOGMtMS4xLDAtMiwwLjktMiwyczAuOSwyLDIsMnMyLTAuOSwyLTJTMy4xLDEwOCwyLDEwOHoNCgkgTTIsMTE2Yy0xLjEsMC0yLDAuOS0yLDJzMC45LDIsMiwyczItMC45LDItMlMzLjEsMTE2LDIsMTE2eiIvPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMjAsMy41IDExMy41LDEwIDEyMCwxNi41IDEyMCwyMCAxMTYuNSwyMCAxMTAsMTMuNSAxMDMuNSwyMCAxMDAsMjAgMTAwLDE2LjUgMTA2LjUsMTAgMTAwLDMuNSANCgkJMTAwLDAgMTAzLjUsMCAxMTAsNi41IDExNi41LDAgMTIwLDAgCSIvPg0KPC9nPg0KPGc+DQoJPHBvbHlnb24gcG9pbnRzPSIxMjAsMTAzLjUgMTEzLjUsMTEwIDEyMCwxMTYuNSAxMjAsMTIwIDExNi41LDEyMCAxMTAsMTEzLjUgMTAzLjUsMTIwIDEwMCwxMjAgMTAwLDExNi41IDEwNi41LDExMCAxMDAsMTAzLjUgDQoJCTEwMCwxMDAgMTAzLjUsMTAwIDExMCwxMDYuNSAxMTYuNSwxMDAgMTIwLDEwMCAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==')
    no-repeat
    13px 4px / 200px 200px;
}

ul.DashboardTiles > li .TileBody div.ActionPanel a.ToggleActionButton:hover {
  background-position: 13px -96px;
}

ul.DashboardTiles > li .TileBody div.ActionPanel.Active a.ToggleActionButton {
  background-position: -95px 4px;
}

ul.DashboardTiles > li .TileBody div.ActionPanel.Active a.ToggleActionButton:hover {
  background-position: -95px -96px;
}

ul.DashboardTiles > li .TileBody div.ActionPanel .Actions {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #f2f2f2;
}

ul.DashboardTiles > li .TileBody div.ActionPanel .Actions ul {
  top: 11px;
  right: 45px;
  bottom: 0;
  left: 10px;
  background: transparent;
  border: none; 
}

ul.DashboardTiles > li .TileBody div.ActionPanel .Actions ul > li {
  background: transparent none no-repeat 0 0;
  border-bottom: 1px dashed #cecece;
}

ul.DashboardTiles > li .TileBody div.ActionPanel .Actions ul > li:first-child {
  border-top: 1px dashed #cecece;
}

ul.DashboardTiles > li .TileBody div.ActionPanel .Actions ul > li > a {
  background: transparent none no-repeat 0 0;
  padding: 8px;
}

ul.DashboardTiles > li .TileBody div.ActionPanel .Actions ul > li > a:hover {
  background-color: #ffffff; 
}

/* start new */
ul.DashboardTiles > li.TileStartNew > .TileBody {
  min-height: 29px;
  font-size: 16px;
  padding-top: 92px;
  text-align: center;
  background:
    transparent
    url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MCA2MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIHBvaW50cz0iNTQuNywzNS4zIDM1LjMsMzUuMyAzNS4zLDU0LjcgMzAsNjAgMjQuNyw1NC43IDI0LjcsMzUuMyA1LjMsMzUuMyAwLDMwIDUuMywyNC43IDI0LjcsMjQuNyAyNC43LDUuMyAzMCwwIA0KCQkzNS4zLDUuMyAzNS4zLDI0LjcgNTQuNywyNC43IDYwLDMwIAkiLz4NCjwvZz4NCjwvc3ZnPg0K')
    no-repeat
    center 20px / 60px 60px;
}

ul.DashboardTiles > li.TileStartNew > .TileFooter {
  display: flex;
}

ul.DashboardTiles > li.TileStartNew > .TileFooter > a {
  flex: 1 1 50%;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  color: #555555;
  font-size: 12px;
  /*border-right: 1px solid #c6cacc;*/
	border-radius: 0 0 3px 3px;
  text-decoration: none;
  background-color: #eeeeee;
}

ul.DashboardTiles > li.TileStartNew > .TileFooter > a:hover {
  background-color: #58b3e7;
  color: #ffffff;
}

/* History Tile */
ul.DashboardTiles > li.TileHistory > .TileBody {
  min-height: 45px;
  font-size: 16px;
  padding-top: 115px;
  text-align: center;
  background:
    transparent
    url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MCA2MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02MCw0NWMwLDQuMS0zLjQsNy41LTcuNSw3LjVTNDUsNDkuMSw0NSw0NVYyNS42TDEyLjgsNTcuOEMxMS4zLDU5LjMsOS40LDYwLDcuNSw2MGMtMS45LDAtMy44LTAuNy01LjMtMi4yDQoJYy0yLjktMi45LTIuOS03LjcsMC0xMC42TDM0LjQsMTVIMTVjLTQuMSwwLTcuNS0zLjQtNy41LTcuNVMxMC45LDAsMTUsMGg0NVY0NXoiLz4NCjwvc3ZnPg0K')
    no-repeat
    center 36px / 60px 60px;
  transition: border-color 200ms ease;
}

ul.DashboardTiles > li.TileHistory > .TileBody:hover {
  border-color: #58b3e7;
}


/*** View Menu Bar ***/
#UserDashboard .ViewMenuBar {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

#UserDashboard .ViewMenuBar h2 {
  margin: 0 15px 0 0;
	font-size: 16px;
}

#UserDashboard .ViewMenuBar > a {
  margin-right: 16px;
	padding-top: 2px;
}

#UserDashboard .ViewMenuBar > a:last-child {
  margin-right: 0;
}

#UserDashboard .ViewMenuBar > a:before {
  content: "";
	display: inline-block;
	width: 10px;
	height: 13px;
	margin: 0 8px 0 0;
	vertical-align: top;
	background:
		transparent
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMTcgMjAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMTcgMjAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQ0Mjg3O30NCgkuc3Qxe2ZpbGw6I0E5MDEwMTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTcuNSw0LjFWMi40YzAtMS4xLTAuOS0xLjktMS45LTEuOWMtMC4yLDAtMC4zLDAtMC40LDAuMUM0LjgsMC4yLDQuMywwLDMuNywwQzIuNywwLDEuOCwwLjksMS44LDEuOXYxLjkNCglsMC44LTAuMVYxLjljMC0wLjYsMC41LTEuMSwxLjEtMS4xQzQsMC44LDQuMiwwLjgsNC40LDFDMy45LDEuMywzLjcsMS44LDMuNywyLjR2MS42djAuN0wxLjksNUwwLDQuMXY4LjFsMi4zLDAuOGw3LjctMS4yVjMuNw0KCUw3LjUsNC4xeiBNNC40LDQuMVYyLjRjMC0wLjMsMC4yLTAuNiwwLjQtMC44QzUsMS40LDUuMywxLjMsNS41LDEuM2MwLDAsMCwwLDAsMGMwLjYsMCwxLjEsMC41LDEuMSwxLjF2MS44TDQuNCw0LjZWNC4xeiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTcuNSwxMDQuMXYtMS43YzAtMS4xLTAuOS0xLjktMS45LTEuOWMtMC4yLDAtMC4zLDAtMC40LDAuMWMtMC4zLTAuNC0wLjgtMC42LTEuNC0wLjZjLTEuMSwwLTEuOSwwLjktMS45LDEuOQ0KCXYxLjlsMC44LTAuMXYtMS44YzAtMC42LDAuNS0xLjEsMS4xLTEuMWMwLjIsMCwwLjQsMC4xLDAuNiwwLjJjLTAuNCwwLjMtMC43LDAuOS0wLjcsMS41djEuNnYwLjdMMS45LDEwNUwwLDEwNC4xdjguMWwyLjMsMC44DQoJbDcuNy0xLjJ2LTguMUw3LjUsMTA0LjF6IE00LjQsMTA0LjF2LTEuN2MwLTAuMywwLjItMC42LDAuNC0wLjhjMC4yLTAuMiwwLjQtMC4zLDAuNy0wLjNjMCwwLDAsMCwwLDBjMC42LDAsMS4xLDAuNSwxLjEsMS4xdjEuOA0KCWwtMi4zLDAuNFYxMDQuMXoiLz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTAuMiwxLjdjLTAuMy0xLjMtMS4zLTEuNy0yLjYtMS43Yy0xLjMsMC0yLjMsMC40LTIuNiwxLjdjLTIuNywwLjQtNC42LDEuNy00LjYsNC43aDE0LjMNCgkJQzExNC43LDMuNCwxMTIuOCwyLjEsMTEwLjIsMS43eiBNMTA3LjYsMC45YzEsMCwxLjUsMC4zLDEuNywwLjZoLTMuNUMxMDYuMSwxLjEsMTA2LjYsMC45LDEwNy42LDAuOXoiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjExNS4yLDYuOCAxMDAsNi44IDEwMC40LDguMiAxMTQuNyw4LjIgCSIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTYsOS41bC01LjMtMC43bDAuMSwwLjJjLTAuOS0wLjItMS44LTAuMy0yLTAuM2MtMC43LTAuMS0yLjktMC4zLTMuOSwwLjFjLTAuNiwwLjItMC4zLDAuOCwwLjEsMC44DQoJCWMwLjUsMCwxLjItMC4yLDIuMywwYzAuOSwwLjEsMiwwLjYsMi41LDAuOGMwLjQsMC4xLDAuOSwwLjMsMS40LDAuNWwwLjQsMS41TDExNiwxMkwxMTYsOS41eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTExMC4yLDEwMS43Yy0wLjMtMS4zLTEuMy0xLjctMi42LTEuN2MtMS4zLDAtMi4zLDAuNC0yLjYsMS43Yy0yLjcsMC40LTQuNiwxLjctNC42LDQuN2gxNC4zDQoJCUMxMTQuNywxMDMuNCwxMTIuOCwxMDIuMSwxMTAuMiwxMDEuN3ogTTEwNy42LDEwMC45YzEsMCwxLjUsMC4zLDEuNywwLjZoLTMuNUMxMDYuMSwxMDEuMSwxMDYuNiwxMDAuOSwxMDcuNiwxMDAuOXoiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjExNS4yLDEwNi44IDEwMCwxMDYuOCAxMDAuNCwxMDguMiAxMTQuNywxMDguMiAJIi8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTExNiwxMDkuNWwtNS4zLTAuN2wwLjEsMC4yYy0wLjktMC4yLTEuOC0wLjMtMi0wLjNjLTAuNy0wLjEtMi45LTAuMy0zLjksMC4xYy0wLjYsMC4yLTAuMywwLjgsMC4xLDAuOA0KCQljMC41LDAsMS4yLTAuMiwyLjMsMGMwLjksMC4xLDIsMC42LDIuNSwwLjhjMC40LDAuMSwwLjksMC4zLDEuNCwwLjVsMC40LDEuNWw0LjUtMC4zTDExNiwxMDkuNXoiLz4NCjwvZz4NCjwvc3ZnPg0K')
		no-repeat
		0 0/117px 200px;
}

#UserDashboard .ViewMenuBar > a:hover:before {
	background-position: 0 -100px;
}

#UserDashboard .ViewMenuBar > a.ViewCatering:before {
  width: 16px;
	height: 12px;
	margin: 0 8px 0 0;
	vertical-align: top;
	background-position: -100px 0;
}

#UserDashboard .ViewMenuBar > a.ViewCatering:hover:before {
	background-position: -100px -100px;
}



/*** Cols ***/
#UserDashboard .DashCols {
  display: flex;
}

#UserDashboard .DashCols .ColLeft,
#UserDashboard .DashCols .ColRight {
  flex: 1 1 50%;
  box-sizing: border-box;
}

#UserDashboard .DashCols .ColLeft {
  padding-right: 15px;
}



/*** Rotator ***/
#UserDashboard .SpecialHeadline {
  display: flex;
  align-items: baseline;
  margin: 0 0 10px;
}

#UserDashboard .SpecialHeadline h2 {
  margin: 0 15px 0 0;
}

#UserDashboard .SpecialRotator {
  border: 1px solid #cccccc;
  padding: 25px;
}

#UserDashboard .SpecialRotator:after {
  content: "";
  display: table;
  clear: both;
}

#UserDashboard .SpecialRotator .SpecialNamePrice {
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
}

#UserDashboard .SpecialRotator .SpecialNamePrice .Price {
  display: block;
  margin-top: 3px;
  color: #555555;
  font-size: 12px;
}

#UserDashboard .SpecialRotator .SpecialImagePlaceholder {
  height: 70px;
  width: 70px;
  border-radius: 100%;
  float: left;
}

#UserDashboard .SpecialRotator .SpecialDetails {
  margin-left: 90px;
}



/*** Cafe Schedule ***/
#UserDashboard .CafeSchedule *:not(h2) {
	font-size: 12px;
}

#UserDashboard .CafeSchedule > h2:first-child {
	margin-top: 0;
}

#UserDashboard .CafeSchedule .CafeScheduleMessage {
	margin-bottom: 15px;
}

#UserDashboard .CafeSchedule .CafeScheduleMessage.CafeClosed p {
	margin: 0;
  padding: 5px;
  border: 1px solid #c3e3f5;
  background-color: #fbfdff;
  color: #227eb2;
}

#UserDashboard .CafeSchedule .CurrentCafeTime {
	display: block;
	border-top: 1px dashed #dedede;
	border-bottom: 1px dashed #dedede;
	padding: 8px 10px;
}

#UserDashboard .CafeSchedule .CafeScheduleTimes {
	display: flex;
}

#UserDashboard .CafeSchedule .CafeScheduleTimes > div {
	flex: 1 1 50%;
}

#UserDashboard .CafeSchedule .CafeScheduleTimes .Title {
	display: block;
	margin-bottom: 7px;
	font-size: 13px;
	font-weight: bold;
}

#UserDashboard .CafeSchedule .CafeScheduleTimes .Title:before {
	display: inline-block;
	content: "";
	width: 15px;
	height: 14px;
	background:
		transparent
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMDAgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwMCAxNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzIzMUYyMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1LDguMkw3LjUsMi40TDAsOC4yVjUuOEw3LjUsMEwxNSw1LjhWOC4yeiBNMTMuMSw4djUuNkgxLjlWOGw1LjYtNC4yTDEzLjEsOHoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDAsMTRoN1YwaC03VjE0eiBNMTA0LjQsMS44aDEuOHYxLjhoLTEuOFYxLjh6IE0xMDQuNCw1LjNoMS44VjdoLTEuOFY1LjN6IE0xMDQuNCw4LjhoMS44djEuOGgtMS44VjguOHoNCgkgTTEwMC45LDEuOGgxLjh2MS44aC0xLjhWMS44eiBNMTAwLjksNS4zaDEuOFY3aC0xLjhWNS4zeiBNMTAwLjksOC44aDEuOHYxLjhoLTEuOFY4Ljh6IE0xMDcuOSw0LjRoNi4xdjAuOWgtNi4xVjQuNHogTTEwNy45LDE0DQoJaDEuOHYtMy41aDIuNlYxNGgxLjhWNi4xaC02LjFWMTR6Ii8+DQo8L3N2Zz4NCg==')
		no-repeat
		0 0/200px 14px;
	vertical-align: top;
	margin: 0 8px 0 0;
}

#UserDashboard .CafeSchedule .CafeScheduleTimes .ATRFLocation .Title:before {
	background-position: -100px 0;
}

#UserDashboard .CafeSchedule .CafeScheduleTimes .TimeContent {
	display: block;
	margin-bottom: 10px;
	color: #7e7e7e;
}

#UserDashboard .CafeSchedule .CafeScheduleTimes .TimeContent:last-child {
	margin-bottom: 0;
}

#UserDashboard .CafeSchedule .CafeScheduleTimes .TimeContent > span {
	color: #000000;
}





/***************************************
  $ORDER_HISTORY
****************************************/
#OrderHistory .Chunk {
	margin-bottom: 30px;
}

#OrderHistory .Chunk.ChunkLast {
	margin-bottom: 0;
}





/***************************************
  $ORDER_DETAILS
****************************************/
#OrderDetails .PageHeadline .GlobalOrderActions input[type="submit"] {
	height: 23px;
}

#OrderDetails .OrderDetailCols {
	display: flex;
}

#OrderDetails .OrderDetailCols .ColLeft,
#OrderDetails .OrderDetailCols .ColRight {
	box-sizing: border-box;
}

#OrderDetails .OrderDetailCols .ColLeft {
	flex: 1 1 auto;
	padding-right: 40px;
}

#OrderDetails .OrderDetailCols .ColRight {
	flex: 1 1 330px;
  max-width: 330px;
}

/* Resend Order Button */
#OrderDetails .ResendTicketButton {
	padding-left: 29px;
	background: #F5F5F5;
	background:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyA3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzIDcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyLjEsMEw2LjUsNC41TDAuOSwwSDEyLjF6IE0wLDAuN2w0LjksMy45TDAsNy4yVjAuN3ogTTEuMiw3LjhsNC42LTIuNWwwLjcsMC42bDAuNy0wLjZsNC42LDIuNUgxLjJ6IE0xMyw3LjJMOC4xLDQuNg0KCQlMMTMsMC43VjcuMnoiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat 8px 5px/13px 8px,
		-webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
	background:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyA3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzIDcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyLjEsMEw2LjUsNC41TDAuOSwwSDEyLjF6IE0wLDAuN2w0LjksMy45TDAsNy4yVjAuN3ogTTEuMiw3LjhsNC42LTIuNWwwLjcsMC42bDAuNy0wLjZsNC42LDIuNUgxLjJ6IE0xMyw3LjJMOC4xLDQuNg0KCQlMMTMsMC43VjcuMnoiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat 8px 5px/13px 8px,
		-moz-linear-gradient(top, #F5F5F5, #DDDDDD);
}

#OrderDetails .ResendTicketButton:hover,
#OrderDetails .ResendTicketButton:active {
	background: #EBEBEB;
  background:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyA3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzIDcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyLjEsMEw2LjUsNC41TDAuOSwwSDEyLjF6IE0wLDAuN2w0LjksMy45TDAsNy4yVjAuN3ogTTEuMiw3LjhsNC42LTIuNWwwLjcsMC42bDAuNy0wLjZsNC42LDIuNUgxLjJ6IE0xMyw3LjJMOC4xLDQuNg0KCQlMMTMsMC43VjcuMnoiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat 8px 5px/13px 8px,
		-webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#EBEBEB));
  background:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMyA3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzIDcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyLjEsMEw2LjUsNC41TDAuOSwwSDEyLjF6IE0wLDAuN2w0LjksMy45TDAsNy4yVjAuN3ogTTEuMiw3LjhsNC42LTIuNWwwLjcsMC42bDAuNy0wLjZsNC42LDIuNUgxLjJ6IE0xMyw3LjJMOC4xLDQuNg0KCQlMMTMsMC43VjcuMnoiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat 8px 5px/13px 8px,
		-moz-linear-gradient(top, #E1E1E1, #EBEBEB);
}





/* Order Status */
#OrderDetails .OrderStatus > span {
	display: block;
}

#OrderDetails .OrderStatus > span:last-child {
	margin: 5px 0 12px;
	font-size: 18px;
	font-weight: bold;
}

/* Change Order Status */
#OrderDetails .ChangeOrderStatus {
	margin-bottom: 15px;
}

#OrderDetails .ChangeOrderStatus .ChangeOrderStatusButtons {
	display: flex;
	width: 300px;
}

#OrderDetails .ChangeOrderStatus .ChangeOrderStatusButtons > * {
	flex: 1 1 auto;
	margin-right: 5px;
	height: 32px;
	font-size: 16px;
}

/* Cook View Override */
#OrderDetails.CookView .ChangeOrderStatus .ChangeOrderStatusButtons > * {
	flex: 0 0 auto;
	padding-right: 15px;
	padding-left: 15px;
}

#OrderDetails .ChangeOrderStatus .ChangeOrderStatusButtons > *:last-child {
	margin-right: 0;
}

#OrderDetails .ChangeOrderStatusOptions {
	margin-bottom: 18px;
}

#OrderDetails .ChangeOrderStatus .ChangeOrderStatusLabel,
#OrderDetails .ChangeOrderStatusOptions label {
	display: block;
	margin-bottom: 8px;
}

#OrderDetails .ChangeOrderStatusOptions select {
	width: 227px;
}

#OrderDetails .ChangeOrderStatusOptions input[type="submit"] {
	padding-left: 20px;
	padding-right: 20px;
}

/* Order Help */
#OrderDetails .OrderHelp {
	background-color: #f2f2f2;
	padding: 15px;
}

#OrderDetails .OrderHelp h2 {
	margin: 0 0 5px;
	color: #000000;
	font-size: 14px;
}

#OrderDetails .OrderHelp p {
	margin: 0;
	line-height: 1.5em;
}

/* Items Ordered */
#OrderDetails table.FnlTable.ItemsOrdered {
  width: 100%;
	margin: 0;
}

#OrderDetails table.ItemsOrdered td.TotalCost {
  text-align: right;
  width: 120px;
  padding-right: 15px;
}





/***************************************
  $CONTACT
****************************************/
#Contact .ContactBlockWrapper {
	display: flex;
	margin: 25px -15px 0;
}

#Contact .ContactBlock {
  flex: 0 1 38%;
	box-sizing: border-box;
	padding: 20px 23px;
	margin: 0 15px 15px;
  border: 1px solid #cccccc;
}

#Contact .ContactBlock h2 {
	margin: 0 0 13px;
	font-size: 16px;
}

#Contact .ContactBlock .BlockContactInfo {
	padding: 0;
	margin: 0;
	list-style: none;
}

#Contact .ContactBlock .BlockContactInfo > li {
	padding: 0;
	margin: 0 0 10px;
}

#Contact .ContactBlock .BlockContactInfo > li:before {
	content: "";
	display: inline-block;
	margin: 2px 8px 0 0;
	vertical-align: top;
	width: 12px;
	height: 12px;
	background:
		transparent
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMDAgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwMCAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzU1NTU1NTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMi4xLDBsLTUuNiw0LjVMMTAwLjksMEgxMTIuMXogTTEwMCwwLjdsNC45LDMuOUwxMDAsNy4yVjAuN3ogTTEwMS4yLDcuOGw0LjYtMi41bDAuNywwLjZsMC43LTAuNmw0LjYsMi41DQoJCUgxMDEuMnogTTExMyw3LjJsLTQuOS0yLjZsNC45LTMuOVY3LjJ6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOC44LDcuMkM4LDgsOCw4LjgsNy4yLDguOFM1LjYsOCw0LjgsNy4yUzMuMiw1LjYsMy4yLDQuOFM0LDQsNC44LDMuMlMzLjIsMCwyLjQsMFMwLDIuNCwwLDIuNA0KCUMwLDQsMS42LDcuMiwzLjIsOC44QzQuOCwxMC40LDgsMTIsOS42LDEyYzAsMCwyLjQtMS42LDIuNC0yLjRDMTIsOC44LDkuNiw2LjQsOC44LDcuMiIvPg0KPC9zdmc+DQo=')
		no-repeat
		0 0/200px 12px;
}

#Contact .ContactBlock .BlockContactInfo > li.Email:before {
	width: 13px;
	height: 12px;
	background-position: -100px;
}

.FlexContain .FlexBlock ul li{
  line-height: 20px;
}

.SimpleLinkBox{
  margin-right: 20px;
  flex: 1.5;
}

.SimpleLinkBox ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: -5px;
  list-style: none;
}

  .SimpleLinkBox ul li {
    box-sizing: border-box;
    flex: 1 1 50%;
    margin: 0;
    padding: 5px;
  }

.SimpleLinkBox .Title h2 {
  color: #970102;
  font-size: 1em;
  padding: 8px 0px 0px 30px;
  margin: 0px;
}

.SimpleLinkBox .Failure {
  padding: 6px;
  background: #fdfdfd;
  border: solid #cbcbcb;
  border-width: 0 1px 1px 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.SimpleLinkBox li a {
  box-sizing: border-box;
  display: block;
  padding: 17px 10px 7px;
  height: 100%;
  background: #f7f9f9;
  color: #575C70;
  font-size: 12px;
  font-weight: 200;
  text-decoration: none;
  text-align: center;
  border: solid 1px #cfd8de;
  border-radius: 2px;
}

  .SimpleLinkBox li a:before {
    content: "";
    display: block;
    height: 30px;
    margin: 0 auto;
    padding: 0;
  }

.SimpleLinkBox li:nth-child(1) a:before {
  background-image: url(../Media/Images/Icons/CafeSilverware.jpg);
  background-repeat: no-repeat;
  width: 30px;
  padding-bottom: 5px;
}


.SimpleLinkBox li:nth-child(2) a:before {
  background-image: url(../Media/Images/Icons/CafeBurder.svg);
  background-repeat: no-repeat;
  width: 30px;
  padding-bottom: 7px;
}

.SimpleLinkBox li:nth-child(3) a:before {
  background-image: url(../Media/Images/Icons/TimeClock.svg);
  background-repeat: no-repeat;
  width: 30px;
  padding-bottom: 7px;
}


.SimpleLinkBox li a:hover {
  text-decoration: underline;
}

.TodaysSpecial {
  background: #FFFBF1;
  border: 1px dashed #707070;
  margin: 0 20px 20px 0;
  border-width: 1.5px;
}

  .TodaysSpecial .FlexContain{
    margin: 0;
  }

  .TodaysSpecial .FlexBlock img{
    float: right;
  }

  .TodaysSpecial .FlexBlock .SpecialWrapper {
    padding: 15px;
  }


  @media (min-width: 768px) {
    .SimpleLinkBox ul li {
    flex: 1 1 33%;
  }
}

@media (min-width: 1040px) {
  .SimpleLinkBox ul {
    flex-wrap: nowrap;
  }

    .SimpleLinkBox ul li {
      flex: 1 1 20%;
    }
}