@import url(//fonts.googleapis.com/css?family=Arizonia);
html {
  font-size: 14px;
}

/* ******************************* Variables *******************************/
/* Form Elements Colors */
/* Z-index Variables */
/* ******************************* Variables *******************************/
/* Button Colors */
/* Shades of Gray */
/* Resmark Brand Colors */
.brand {
  color: #F8941E !important;
}

/* ******************************* Breakpoints *******************************/
@font-face {
  font-family: "socicon";
  src: url("https://d3eoclcmgyjg3v.cloudfront.net/fonts/socicon-webfont.eot");
  src: url("https://d3eoclcmgyjg3v.cloudfront.net/fonts/socicon-webfont.eot?#iefix") format("embedded-opentype"), url("https://d3eoclcmgyjg3v.cloudfront.net/fonts/socicon-webfont.woff") format("woff"), url("https://d3eoclcmgyjg3v.cloudfront.net/fonts/socicon-webfont.woff2") format("woff2"), url("https://d3eoclcmgyjg3v.cloudfront.net/fonts/socicon-webfont.ttf") format("truetype"), url("https://d3eoclcmgyjg3v.cloudfront.net/fonts/socicon-webfont.svg#sociconregular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: initial;
}
.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "socicon";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.socicon:empty {
  width: 1em;
}

.socicon-twitter:before {
  content: "a";
}

.socicon-facebook:before {
  content: "b";
}

.socicon-google:before {
  content: "c";
}

.socicon-pinterest:before {
  content: "d";
}

.socicon-foursquare:before {
  content: "e";
}

.socicon-yahoo:before {
  content: "f";
}

.socicon-skype:before {
  content: "g";
}

.socicon-yelp:before {
  content: "h";
}

.socicon-linkedin:before {
  content: "j";
}

.socicon-tripadvisor:before {
  content: "3";
}

.socicon-tripit:before {
  content: "6";
}

.socicon-youtube:before {
  content: "r";
}

.socicon-vimeo:before {
  content: "s";
}

/* ******************************* Mixins *******************************/
/* Clearfix */
/* Clearfix usage
.article {
     @include clearfix();
}
 */
/* ******************************* Basic Floating *******************************/
.right:not(.icon).right:not(.labeled).right:not(td) {
  float: right;
}

.left:not(.icon).left:not(.labeled) {
  float: left;
}

/* ******************************* Order Summary *******************************/
.cart-details {
  padding: 0 0 0 4em;
  text-align: right;
  display: block;
}

#addContact #contact-email,
#addContact a {
  font-size: 12px;
  padding: 0 5px;
}

/* ******************************* Slabs *******************************/
#slab-cart div.hide-me, #slab-cart div.hide-me-demo {
  font-size: 12px;
  font-weight: normal;
  color: #000;
  display: none;
  background: #efefef;
  padding: 10px;
  margin-bottom: 10px;
}

#slab-cart div.hide-me li, #slab-cart div.hide-me-demo li {
  list-style: none;
  display: block;
  line-height: 16px;
}

#cards {
  position: absolute;
  right: 25px;
  opacity: 1;
  padding: 8px 15px 8px 1px;
  z-index: 1;
}
#cards img.icon-card {
  width: 35px;
}

/* ******************************* Form Elements *******************************/
.multiSelect .button:hover,
.ui.form input[type=date]:hover, .ui.form input[type=email]:hover,
.ui.form input[type=number]:hover, .ui.form input[type=password]:hover, .ui.form input[type=tel]:hover,
.ui.form input[type=text]:hover, .ui.form input[type=url]:hover, .ui.form textarea:hover,
.ui.form select:hover {
  background: rgb(231.3064516129, 227.6612903226, 222.1935483871);
}

.sidebar-fix {
  overflow: unset !important;
  min-height: unset !important;
}

/* ******************************* Variables *******************************/
/* Form Elements Colors */
/* Z-index Variables */
/* ******************************* Variables *******************************/
/* Button Colors */
/* Shades of Gray */
/* Resmark Brand Colors */
.brand {
  color: #F8941E !important;
}

/* ******************************* NEW Variables *******************************/
.fade.ng-hide-add {
  -moz-animation: 1s fadeOut;
  -o-animation: 1s fadeOut;
  -webkit-animation: 1s fadeOut;
  animation: 1s fadeOut;
}

.fade.ng-hide-remove {
  -moz-animation: 2s fadeIn;
  -o-animation: 2s fadeIn;
  -webkit-animation: 2s fadeIn;
  animation: 2s fadeIn;
}

.fadeParent.ng-hide-add {
  -moz-animation: 1s fadeOut;
  -o-animation: 1s fadeOut;
  -webkit-animation: 1s fadeOut;
  animation: 1s fadeOut;
}

.fadeParent.ng-hide-remove {
  -moz-animation: 2s fadeIn;
  -o-animation: 2s fadeIn;
  -webkit-animation: 2s fadeIn;
  animation: 2s fadeIn;
}

/*.fade.ng-hide-add.ng-hide-add-active,*/
/*.fade.ng-hide-remove {*/
/*opacity:0;*/
/*}*/
/*.fade.ng-hide-add,*/
/*.fade.ng-hide-remove.ng-hide-remove-active {*/
/*opacity:1;*/
/*}*/
.slide.ng-hide-add {
  -moz-animation: 1s slideOutUp;
  -o-animation: 1s slideOutUp;
  -webkit-animation: 1s slideOutUp;
  animation: 1s slideOutUp;
}

.slide.ng-hide-remove {
  -moz-animation: 1s slideInDown;
  -o-animation: 1s slideInDown;
  -webkit-animation: 1s slideInDown;
  animation: 1s slideInDown;
}

.bounce.ng-hide-add {
  -moz-animation: 1s bounceOut;
  -o-animation: 1s bounceOut;
  -webkit-animation: 1s bounceOut;
  animation: 1s bounceOut;
}

.bounce.ng-hide-remove {
  -moz-animation: 2s bounceIn;
  -o-animation: 2s bounceIn;
  -webkit-animation: 2s bounceIn;
  animation: 2s bounceIn;
}

.bounce.enter {
  -moz-animation: 1s bounceIn;
  -o-animation: 1s bounceIn;
  -webkit-animation: 1s bounceIn;
  animation: 1s bounceIn;
}

.flip.long.saving {
  -moz-animation: 2s flip infinite;
  -o-animation: 2s flip infinite;
  -webkit-animation: 2s flip infinite;
  animation: 2s flip infinite;
}

.ng-modal-overlay {
  /* A dark translucent div that covers the whole screen */
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
}

.ng-modal-dialog {
  /* A centered div above the overlay with a box shadow. */
  z-index: 10000;
  position: fixed;
  width: 50%; /* Default */
  /* Center the dialog */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  -moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  border: 1px solid #aaaaaa;
  background-color: #fff;
}

.ng-modal-dialog-content {
  text-align: left;
  color: #000;
}

.ng-modal-close {
  position: absolute;
  top: 3px;
  right: 5px;
  padding: 5px;
  cursor: pointer;
  font-size: 120%;
  display: inline-block;
  font-weight: bold;
}

.cart-modal {
  width: 100%;
  max-width: 25em;
  background-color: #fff !important;
}

.cart-text {
  text-align: right;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
  background: #EEEEEE;
}

.soldOutDate {
  background-color: #B3392C;
  color: #fff;
}

.soldOutDate:hover {
  background-color: #91241B;
}

#calendarLegend .availableDateLegend {
  color: #356834;
  margin-right: 0.25em;
}

#calendarLegend .soldOutDateLegend {
  color: #B3392C;
  margin-right: 0.25em;
}

.availableDate {
  background-color: #356834;
  color: #fff;
}

.availableDate:hover {
  background-color: #2E5C2E;
  cursor: pointer;
}

.dateSelected {
  background-color: #E3761C;
}

.dateSelected:hover {
  background-color: #b56218;
}

#calendar {
  width: 100%;
}

.datePickerDay {
  font-size: 16px;
  line-height: 1.2;
}

.nav-next,
.nav-previous {
  font-size: 2em;
  line-height: 1;
  padding: 0 11px;
}

#calendar-header {
  background: #EFEFEF;
}
#calendar-header .current-date {
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  text-transform: uppercase;
  vertical-align: middle;
}

.calendar-container {
  padding: 10px 20px;
}

@media (max-width: 48em) {
  .calendar-container {
    padding: 0;
  }
}
#calendar-content {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
#calendar-content td {
  padding: 0.7em 0.5em;
  text-align: center;
}

.calendar-title {
  background: none repeat scroll 0 0 #444;
  color: #fff;
  height: auto;
  padding: 1.25rem 1.5rem;
  font-size: 1.42857143rem;
  font-weight: bold;
}

.calendar-tier {
  display: inline-block;
  font-size: 1rem;
  line-height: 2;
  width: 100%;
}

.calendar-label {
  font-weight: 700;
}

.calendar-total {
  width: 100%;
  display: inline-block;
  max-width: 80px;
}

.calendar-subtotal {
  line-height: 1.3;
  padding-top: 1.5em;
}

.tier-input {
  line-height: inherit;
  margin-bottom: 5px;
  text-align: center;
  width: 4em;
}

.item-details img {
  margin: 0;
}

.ng-modal-table-container {
  position: relative;
}

.ng-modal-table-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff !important;
  background-image: none !important;
  cursor: default;
  opacity: 0.9 !important;
}

.pika-button {
  text-align: center;
}

.topSpacer {
  margin-top: 1em;
}

.ui.dimmer.modals {
  overflow: auto !important;
}

#importContact {
  overflow: hidden !important;
}

.newOrderProductList .cart-details {
  padding-top: 1rem !important;
}

#slab-cart .newOrderProductList #cart {
  padding-bottom: 0 !important;
}

.rm.right.aligned {
  text-align: left !important;
}
@media (min-width: 769px) {
  .rm.right.aligned {
    text-align: right !important;
  }
}

/* ================================================ New Styles for Calendar ================================================ */
.datePickerDay {
  border: 1px solid white !important;
  color: #666 !important;
}

.soldOutDate, .soldOutDate:hover {
  background: rgb(228, 228, 228) !important;
}

.availableDate, .availableDate:hover {
  background: rgba(111, 185, 105, 0.45) !important;
}

.datePickerDayIsDisabled {
  color: #737373 !important;
}

#calendarLegend .availableDateLegend {
  color: #d1e8cf !important;
}

#calendarLegend .soldOutDateLegend {
  color: rgb(228, 228, 228) !important;
}

.dateSelected {
  background: rgb(111, 185, 105) !important;
  color: #fff !important;
}

/* Order buttons on bottom on small screens */
#order-bottom {
  height: 50px;
  background: #15242e;
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  display: flex;
}
#order-bottom a {
  color: #FFF !important;
  text-transform: uppercase;
}
@media (min-width: 1116px) {
  #order-bottom {
    display: none !important;
  }
}

.ui.signature.header {
  font-family: "Arizonia", Helvetica, Arial, sans-serif !important;
  font-size: 300% !important;
  padding: 10px 0 !important;
}

.orange {
  color: #FFF !important;
  font-style: normal !important;
}

.color-inherit {
  color: inherit;
}

/* Centering with flexbox */
/* Justify-content space between with flexbox */
@media (min-width: 940px) {
  .desktop.only {
    display: inline !important;
  }
  .mobile.only {
    display: none !important;
  }
}
@media (max-width: 939px) {
  .desktop.only {
    display: none !important;
  }
  .mobile.only {
    display: inline !important;
  }
}
/* ******************************* Main Layout *******************************/
body {
  background: #FFF;
  display: table;
  width: 100%;
  min-height: 100vh;
  min-width: 300px;
}

a {
  cursor: pointer;
}

a[href], input[type=submit], input[type=image], label[for], select, button, .pointer, .link {
  cursor: pointer !important;
}

.container-main {
  flex: 1;
  padding-bottom: 6em;
  margin: 4em 1em 0 13em;
  overflow: auto;
  max-width: 1200px;
}

.container-main.auto-width {
  max-width: 100%;
}

.ui.header.super.huge {
  font-size: 4em;
}

#header-small {
  display: inline;
}

#logo,
.resmarkLogo {
  width: 120px;
  background: transparent url(/assets/images/logo.png) no-repeat !important;
  background: transparent url(/assets/images/logo.svg) no-repeat !important;
  display: inline-block;
  margin-top: 11px;
}

.resmarkLogoR {
  font-size: 3em !important;
  margin-left: 37px !important;
  background: transparent url(/assets/images/logo-r.png) no-repeat !important;
  background: transparent url(/assets/images/logo-r.svg) no-repeat !important;
}

i.inverted.circular.icon {
  background: #9E9E9E !important;
  font-size: 8px;
  vertical-align: middle !important;
  margin: 0 5px;
}

section.center {
  margin-bottom: 3em;
}

.icon.settings {
  color: #3287D3;
  font-size: 170%;
  float: right;
  margin-right: 0 !important;
}

.pusher.ui.grid {
  padding-top: 15px;
  width: 100%;
}

.hide-switches .switch-hide {
  display: none !important;
}

.show-switch {
  display: none;
}

.hide-switches .show-switch {
  display: block;
}

.remove-segment .segment {
  border: none !important;
  box-shadow: none;
  padding: 0;
}

/* ******************************* Product *******************************/
#startEndInput,
.ui.form select.short,
.inline.field > select.short,
.ui.form .inline.field > input.short {
  width: 100px;
}

.ui.form select.medium {
  width: 232px;
}

.ui.form .inline.field > label {
  text-align: right;
  width: 100%;
  max-width: 140px;
}

#months {
  display: inline-block;
  max-width: 555px;
  vertical-align: middle;
  width: 100%;
}
#months .ui.button.mini.short.primary {
  background: #60AA5C;
  color: #FFF;
}
#months .ui.button.mini {
  padding: 10px;
  margin-bottom: 0.75em;
  min-width: 85px;
}

#weekdays {
  margin: 12px 0;
  text-align: left;
  display: inline-block;
}
#weekdays .ui.checkbox {
  display: inline-block;
}
#weekdays .from-date {
  display: inline;
}
#weekdays .ui.button.mini.primary {
  background: #60AA5C;
  color: #FFF;
}
#weekdays .ui.button.mini {
  border: none;
  width: 54px;
  margin: 0 4px 4px 0;
  float: left;
}

label.day-of-week {
  width: 100px;
  display: block;
}

#days-time .item {
  padding: 0.83em 5px 10px 0;
}

#inventory input {
  max-width: 140px;
}

#edit-inventory .edit, .trash {
  color: #3287D3;
}

label.day-of-week {
  width: 100px;
  display: block;
}

.inventory-unavailable {
  opacity: 0.5;
}

.ui.field.add-new {
  padding: 10px 0;
}

/* ******************************* Help *******************************/
.help {
  min-height: 20px;
  padding: 10px 20px;
  margin: 0 0 20px 0;
  background-color: #f2f2f2;
  border: 1px solid #EEE;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.help i.inverted.circular.icon {
  background-color: #F8941E !important;
  font-size: 12px !important;
  margin-top: 0px;
  vertical-align: top !important;
}
.help p {
  text-align: left;
  padding: 0 20px 0 0;
}
.help h2 {
  font-size: 1.5em;
  padding-bottom: 12px;
  color: #F8941E;
  line-height: 30px;
  display: inline;
}

.help li, .help p {
  font-size: 13px;
  line-height: 18px;
}

/* ******************************* Menu *******************************/
#entityMenu {
  background: #FFF;
  position: fixed;
  top: 62px !important;
  right: 0;
  width: 100%;
  z-index: 999;
  max-width: 390px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 900px) {
  #entityMenu {
    top: 104px !important;
  }
}

.ui.dropdown .menu > * {
  white-space: normal;
}

#businessEntityList {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 583px;
  margin-top: 20px;
}
#businessEntityList .menu {
  position: relative;
  display: inline;
}
#businessEntityList .menu {
  border: none !important;
}
#businessEntityList .item {
  padding: 5px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 84px;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#businessEntityList .item .middle.aligned.content {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#businessEntityList .item .title {
  font-size: 1.14285714em;
  font-weight: 700;
}
#businessEntityList .item .description {
  font-weight: 400;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.87);
  margin-top: 0;
}
#businessEntityList .item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#businessEntityList .item .step {
  max-width: 350px;
  text-align: unset;
  line-height: 1;
}
#businessEntityList .item img {
  width: 60px;
  height: auto;
  padding: 3px;
  margin-bottom: 0;
}

#menu-vertical {
  overflow-y: auto;
  height: calc(100% - 104px);
}
#menu-vertical .icon {
  font-size: 150%;
}
#menu-vertical .icon.settings {
  float: none;
}

.menu.sub a.item {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  min-height: 25px !important;
  text-indent: 10px;
  line-height: 22px;
}
.menu.sub a.item:last-child {
  border-bottom: none;
}

.icon.w:before {
  content: "W";
}

.ui.left.fixed.menu,
.ui.left.fixed.menu.mobile {
  color: #FFF;
  width: 100%;
}

.ui.left.fixed.menu {
  top: 104px;
  max-width: 180px;
}

.ui.left.fixed.menu.mobile {
  max-width: 165px;
  margin-top: -104px !important;
}

div.ui.left.fixed.menu.mobile .ui.labeled.icon.menu > .item > .icon {
  display: inline;
  padding: 0 15px;
}
div.ui.left.fixed.menu.mobile .ui.labeled.icon.menu > .item {
  text-align: left;
}

input#noWebsiteCheckbox {
  width: 20px;
}

.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
  display: inline-block;
  text-align: center;
  width: 24px;
}

.ui.labeled.icon.menu .item {
  text-align: left;
  min-height: 45px;
  vertical-align: middle;
}

.cartNewOrder {
  color: rgba(0, 0, 0, 0.8);
}

.notActive, .notActive:hover, .notActive span {
  color: rgba(255, 255, 255, 0.5) !important;
}

.button.notActive {
  opacity: 0.45 !important;
}

.notActive:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.ui.inverted.button.notActive:hover {
  background: transparent !important;
  box-shadow: 0 0 0 0px transparent inset !important;
}

.notActive .brand {
  color: #a36728 !important;
}

.notActive path {
  fill: #a36728 !important;
}

.notActive i {
  opacity: 0.7;
}

/* ******************************* Search menu *******************************/
#productSearchFrom {
  position: relative;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  #productSearchFrom {
    margin-bottom: 1em;
    width: calc(100% - 0px);
  }
}

#table-search {
  position: inherit;
  margin-top: 4rem;
}
@media (min-width: 400px) {
  #table-search {
    position: relative;
  }
}

#searchMenu.ui.steps > .step {
  padding: 0 !important;
  background: #E0E1E2;
}

#searchMenu {
  color: #5A5A5A;
  background: #E0E1E2;
  display: flex;
}
@media (min-width: 400px) {
  #searchMenu {
    width: 100%;
    display: inline-table;
  }
}
@media (min-width: 769px) {
  #searchMenu {
    width: 100%;
  }
}
#searchMenu i {
  font-size: 1.6em;
  color: #5A5A5A;
  margin: 0;
}
@media (min-width: 769px) {
  #searchMenu i {
    margin: 0 0.35714286em 0 0;
  }
}
#searchMenu i.icon {
  margin-bottom: 0;
}
@media (min-width: 769px) {
  #searchMenu i.icon {
    margin-bottom: 10px;
  }
}
#searchMenu img {
  max-width: 25px;
}
#searchMenu .field.item i {
  font-size: 1em;
  padding: 0 !important;
}
#searchMenu .right.aligned.link {
  padding: 1em 0;
}
#searchMenu .field.item.actions {
  background: #F3F4F5;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
#searchMenu .ui.update.button {
  background-color: #CACBCD !important;
}

.ui.steps .step.active:after {
  background: #E0E1E2;
}

#searchMenu.ui.steps > .step {
  padding: 0 !important;
  flex-direction: row !important;
  width: 16.6% !important;
  display: inline-flex;
}

#searchMenu .fixed-height {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 375px;
}

#searchMenu.ui.menu {
  flex-direction: row;
}
@media (min-width: 769px) {
  #searchMenu.ui.menu {
    display: inline-flex;
  }
}

#searchMenu.ui.menu .item {
  display: block;
  text-align: center;
}
@media (min-width: 769px) {
  #searchMenu.ui.menu .item {
    display: flex;
    text-align: center;
  }
}
#searchMenu.ui.menu .item label,
#searchMenu.ui.menu .item .field {
  text-align: left;
  display: inherit;
  white-space: inherit;
}

#searchMenu.ui.menu .item .fields {
  display: block;
  text-align: center;
}
@media (min-width: 769px) {
  #searchMenu.ui.menu .item .fields {
    text-align: left;
  }
}

#searchMenu.ui[class*=tablet].steps .step .content {
  text-align: center;
}
@media (min-width: 769px) {
  #searchMenu.ui[class*=tablet].steps .step .content {
    text-align: left;
    width: 80%;
    display: inline;
  }
}

.ui.steps .step.active .title {
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px !important;
  font-weight: normal !important;
}

.ui.steps .step .description {
  font-weight: bold;
  white-space: nowrap;
  color: #5A5A5A;
}

.ui.steps .step .content,
.dropdown.icon {
  display: none;
}
@media (min-width: 769px) {
  .ui.steps .step .content,
  .dropdown.icon {
    display: inline;
  }
}

/* ******************************* Footer *******************************/
.ui.inverted.black.footer.vertical.segment {
  display: none;
  width: 100%;
  z-index: 2;
  position: absolute !important;
  bottom: 0 !important;
}
@media (min-width: 1116px) {
  .ui.inverted.black.footer.vertical.segment {
    position: relative;
    display: table-row;
  }
}

footer #copyright,
footer #privacy {
  float: right;
  padding: 0px 1em;
  opacity: 0.75;
}

footer.ui.segment {
  padding: 0;
}

/* ******************************* Dashboard *******************************/
#dashboard li,
#settings li,
#admin li {
  list-style: none;
}

.dashboard-top.left .ui.selection.dropdown {
  max-width: 85% !important;
  line-height: 16px;
}

#messageConfirm,
#messageUser {
  margin: 0.5rem 0;
}

#orderActivityDashboard .ui.segments,
#connectionsDashboard .ui.segments,
#orderActivityDashboard .ui.segments.tertiary:hover,
#connectionsDashboard .ui.segments.tertiary:hover {
  box-shadow: none;
  border: none;
}
#orderActivityDashboard .ui.segments .ui.secondary.segment,
#connectionsDashboard .ui.segments .ui.secondary.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.segment {
  padding: 8px 0 !important;
  text-align: center;
}
#orderActivityDashboard .ui.segments .ui.secondary.green.segment,
#connectionsDashboard .ui.segments .ui.secondary.green.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.green.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.green.segment {
  background: rgb(95.7578947368, 168.8526315789, 93.1473684211);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.green.segment,
#connectionsDashboard .ui.segments .ui.green.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.green.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.green.segment {
  background: #c2dec1;
  border-top: 2px solid rgb(95.7578947368, 168.8526315789, 93.1473684211);
}
#orderActivityDashboard .ui.segments .ui.green.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.green.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.green.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.green.segment .ui.tiny.statistic > .value {
  color: rgb(95.7578947368, 168.8526315789, 93.1473684211);
}
#orderActivityDashboard .ui.segments .ui.secondary.teal.segment,
#connectionsDashboard .ui.segments .ui.secondary.teal.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.teal.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.teal.segment {
  background: rgb(58.1117021277, 179.3882978723, 174.335106383);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.teal.segment,
#connectionsDashboard .ui.segments .ui.teal.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.teal.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.teal.segment {
  background: #b8e8e6;
  border-top: 2px solid rgb(58.1117021277, 179.3882978723, 174.335106383);
}
#orderActivityDashboard .ui.segments .ui.teal.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.teal.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.teal.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.teal.segment .ui.tiny.statistic > .value {
  color: rgb(58.1117021277, 179.3882978723, 174.335106383);
}
#orderActivityDashboard .ui.segments .ui.secondary.orange.segment,
#connectionsDashboard .ui.segments .ui.secondary.orange.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.orange.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.orange.segment {
  background: rgb(249.1265822785, 149.2784810127, 28.8734177215);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.orange.segment,
#connectionsDashboard .ui.segments .ui.orange.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.orange.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.orange.segment {
  background: #fddbb2;
  border-top: 2px solid rgb(249.1265822785, 149.2784810127, 28.8734177215);
}
#orderActivityDashboard .ui.segments .ui.orange.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.orange.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.orange.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.orange.segment .ui.tiny.statistic > .value {
  color: rgb(249.1265822785, 149.2784810127, 28.8734177215);
}
#orderActivityDashboard .ui.segments .ui.secondary.red.segment,
#connectionsDashboard .ui.segments .ui.secondary.red.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.red.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.red.segment {
  background: rgb(232.0991735537, 3.9008264463, 3.9008264463);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.red.segment,
#connectionsDashboard .ui.segments .ui.red.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.red.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.red.segment {
  background: #fd8888;
  border-top: 2px solid rgb(232.0991735537, 3.9008264463, 3.9008264463);
}
#orderActivityDashboard .ui.segments .ui.red.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.red.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.red.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.red.segment .ui.tiny.statistic > .value {
  color: rgb(232.0991735537, 3.9008264463, 3.9008264463);
}
#orderActivityDashboard .ui.segments .ui.secondary.blue.segment,
#connectionsDashboard .ui.segments .ui.secondary.blue.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.blue.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.blue.segment {
  background: rgb(50.09375, 135.6875, 210.90625);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.blue.segment,
#connectionsDashboard .ui.segments .ui.blue.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.blue.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.blue.segment {
  background: #b0d1ee;
  border-top: 2px solid rgb(50.09375, 135.6875, 210.90625);
}
#orderActivityDashboard .ui.segments .ui.blue.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.blue.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.blue.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.blue.segment .ui.tiny.statistic > .value {
  color: rgb(50.09375, 135.6875, 210.90625);
}

#orderActivityDashboard .ui.segments.tertiary .ui.secondary.segment,
#connectionsDashboard .ui.segments.tertiary .ui.secondary.segment {
  padding: 8px 0 !important;
  text-align: center;
}
#orderActivityDashboard .ui.segments.tertiary .ui.secondary.green.segment,
#connectionsDashboard .ui.segments.tertiary .ui.secondary.green.segment {
  background: rgb(161.2526315789, 204.2842105263, 159.7157894737);
  color: #c2dec1 !important;
}
#orderActivityDashboard .ui.segments.tertiary .ui.green.segment,
#connectionsDashboard .ui.segments.tertiary .ui.green.segment {
  background: #c2dec1;
  border-top: 2px solid rgb(161.2526315789, 204.2842105263, 159.7157894737);
}
#orderActivityDashboard .ui.segments.tertiary .ui.green.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary .ui.green.segment .ui.tiny.statistic > .value {
  color: rgb(161.2526315789, 204.2842105263, 159.7157894737);
}
#orderActivityDashboard .ui.segments.tertiary .ui.secondary.teal.segment,
#connectionsDashboard .ui.segments.tertiary .ui.secondary.teal.segment {
  background: rgb(126.2180851064, 213.2819148936, 209.6542553191);
  color: #b8e8e6 !important;
}
#orderActivityDashboard .ui.segments.tertiary .ui.teal.segment,
#connectionsDashboard .ui.segments.tertiary .ui.teal.segment {
  background: #b8e8e6;
  border-top: 2px solid rgb(126.2180851064, 213.2819148936, 209.6542553191);
}
#orderActivityDashboard .ui.segments.tertiary .ui.teal.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary .ui.teal.segment .ui.tiny.statistic > .value {
  color: rgb(126.2180851064, 213.2819148936, 209.6542553191);
}
#orderActivityDashboard .ui.segments.tertiary .ui.secondary.orange.segment,
#connectionsDashboard .ui.segments.tertiary .ui.secondary.orange.segment {
  background: rgb(251.7088607595, 195.7594936709, 128.2911392405);
  color: #fddbb2 !important;
}
#orderActivityDashboard .ui.segments.tertiary .ui.orange.segment,
#connectionsDashboard .ui.segments.tertiary .ui.orange.segment {
  background: #fddbb2;
  border-top: 2px solid rgb(251.7088607595, 195.7594936709, 128.2911392405);
}
#orderActivityDashboard .ui.segments.tertiary .ui.orange.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary .ui.orange.segment .ui.tiny.statistic > .value {
  color: rgb(251.7088607595, 195.7594936709, 128.2911392405);
}
#orderActivityDashboard .ui.segments.tertiary .ui.secondary.red.segment,
#connectionsDashboard .ui.segments.tertiary .ui.secondary.red.segment {
  background: rgb(252.5785123967, 110.9214876033, 110.9214876033);
  color: #fd8888 !important;
}
#orderActivityDashboard .ui.segments.tertiary .ui.red.segment,
#connectionsDashboard .ui.segments.tertiary .ui.red.segment {
  background: #fd8888;
  border-top: 2px solid rgb(252.5785123967, 110.9214876033, 110.9214876033);
}
#orderActivityDashboard .ui.segments.tertiary .ui.red.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary .ui.red.segment .ui.tiny.statistic > .value {
  color: rgb(252.5785123967, 110.9214876033, 110.9214876033);
}
#orderActivityDashboard .ui.segments.tertiary .ui.secondary.blue.segment,
#connectionsDashboard .ui.segments.tertiary .ui.secondary.blue.segment {
  background: rgb(134.03125, 184.5625, 228.96875);
  color: #b0d1ee !important;
}
#orderActivityDashboard .ui.segments.tertiary .ui.blue.segment,
#connectionsDashboard .ui.segments.tertiary .ui.blue.segment {
  background: #b0d1ee;
  border-top: 2px solid rgb(134.03125, 184.5625, 228.96875);
}
#orderActivityDashboard .ui.segments.tertiary .ui.blue.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary .ui.blue.segment .ui.tiny.statistic > .value {
  color: rgb(134.03125, 184.5625, 228.96875);
}

#progress-graph {
  text-align: center;
}

#progress-title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
}

.progress-steps li {
  padding: 0.5em 0;
}

#dashboard h1 {
  margin: 0 !important;
}

.bottom-row {
  display: inline-block;
  width: 100%;
  margin-top: 40px !important;
}

.sp-replacer {
  border: solid 1px #cccccc;
  margin: 4px;
}

#settings, #dashboard {
  margin-bottom: 4rem !important;
  margin-top: 1em !important;
}
@media (min-width: 900px) {
  #settings, #dashboard {
    margin-bottom: 0 rem;
  }
}
#settings .ui.label .icon, #dashboard .ui.label .icon {
  font-size: 20px;
  display: inline;
}
#settings .title, #dashboard .title {
  display: inline;
  font-size: 14px;
  text-transform: uppercase;
  vertical-align: top;
}
#settings .ui.segment.dashboard, #dashboard .ui.segment.dashboard {
  min-height: 150px;
  background: #FFF;
  border: none;
  box-shadow: none;
}
#settings .ui.top.attached.label.inverted, #dashboard .ui.top.attached.label.inverted {
  background: #E8E8E8;
  color: #1B1C1D !important;
}

.ui.label.top.setting {
  width: 100%;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  padding: 0.75em 1em;
  border-radius: 0.2857rem 0.2857rem 0 0;
  background-color: black;
  color: white;
}

.ui.table tbody tr {
  border: 0 !important;
}

.ui.table tbody tr:hover,
.ui.table tbody tr:nth-child(2n):hover {
  background: rgb(255, 249.9, 229.5);
  cursor: hand;
}

div .no-hover:hover,
.ui.table.no-hover tbody tr:hover,
.ui.table.no-hover tbody tr:nth-child(2n):hover {
  background: transparent;
}

#cards img.icon-card {
  width: 40px;
  float: left;
  padding: 0 1px;
}

#menuButton {
  display: inline;
}

.category-row h3 {
  margin: 0;
}

td.label {
  min-width: 100px;
}

.external.icon {
  padding-left: 7px;
}

#dashboard .checkbox {
  vertical-align: bottom;
}
#dashboard a.trash {
  padding-left: 10px;
}
#dashboard #task {
  padding-left: 0 !important;
}
#dashboard .contactTask {
  align-items: center;
}
@media (max-width: 767px) {
  #dashboard .contactTask .ui.divider {
    margin: 1rem 0 !important;
  }
}
#dashboard .contactTask .ui.table tr:first-child td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
#dashboard .contactTask .ui.table:not(.unstackable) tr {
  box-shadow: none !important;
}
#dashboard .ui.bottom.attached.with-scroll.segment {
  padding: 0;
}
#dashboard div#priority {
  padding-top: 0.125rem !important;
}
@media (max-width: 767px) {
  #dashboard td#priority {
    padding-left: 38px !important;
  }
}
@media only screen and (max-width: 767px) {
  #dashboard .ui.table:not(.unstackable) {
    width: 100%;
    padding: 0;
  }
}
#dashboard .taskManagerTasks {
  padding: 0;
}

#taskManager .ui.icon.input > i.icon {
  right: 30px !important;
}

.task-calendar-icon {
  right: 4% !important;
}

/* ******************************* Publishing *******************************/
.ui.grid > .column.last-published {
  text-align: right;
}

.modified {
  display: block;
}

.small {
  font-size: 12px;
}

.ui.basic.positive.button,
.ui.basic.positive.buttons .button {
  color: #60AA5C !important;
  border-color: #60AA5C !important;
}

/* ******************************* Redactor *******************************/
.textarea {
  display: inline-block;
  min-height: 12em;
  width: 100%;
  -moz-box-sizing: border-box;
  background: #f2f2f2;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.3125em;
  box-shadow: 0 0 rgba(0, 0, 0, 0.3) inset;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1em;
  margin: 0;
  outline: medium none;
  padding: 0.65em 1em;
  transition: background-color 0.3s ease-out 0s, box-shadow 0.2s ease 0s, border-color 0.2s ease 0s;
  text-align: left;
  vertical-align: top;
}

.dropdown, .ui.form .inline.field > input,
.ui.form .inline.fields .field > input,
.ui.form textarea,
.ui.textarea {
  width: 100%;
}

.ui.form textarea, .ui.textarea {
  width: 96%;
  display: inline-block;
  height: auto;
  background: #f2f2f2;
}

/* Froala Editor*/
.fr-toolbar {
  border-top: none !important;
  background: #E5E5E5 !important;
  font-size: 12px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 0.3125em;
  box-shadow: none !important;
  line-height: 1 !important;
}

.fr-box.fr-basic .fr-wrapper {
  min-height: 200px;
}
.fr-box.fr-basic .fr-wrapper:hover {
  background: #e7e4de !important;
}

.fr-toolbar .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn i {
  font-size: 12px !important;
  width: 12px !important;
}

#filedrag {
  font-weight: 700;
  text-align: center;
  color: #555;
  border: 2px dashed #CCC;
  border-radius: 7px;
  cursor: default;
  display: inline-block;
  height: auto;
  min-height: 13em;
  margin: 1em 0 0;
  max-width: 680px;
  width: 100%;
}

.fr-input-line > label {
  display: none !important;
}

.fr-buttons {
  display: none !important;
}

/* ******************************* Login Details *******************************/
#form-text {
  max-width: 90%;
  margin: 0 auto;
}
@media (min-width: 769px) {
  #form-text {
    max-width: 70%;
  }
}

.login-registration {
  background-color: #F0F4F5;
}
@media (min-width: 48em) {
  .login-registration {
    height: 100vh;
  }
}
.login-registration #logo, .login-registration #resmarkLogo {
  background: transparent url(/assets/images/logo-r.png) no-repeat 0 50%;
  background: transparent url(/assets/images/logo-r.svg) no-repeat 0 50%;
  background-size: contain;
  float: none;
  width: 200px;
  height: 35px;
  margin-top: 2vh;
}
.login-registration .no-account {
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.login-registration .forgot {
  text-align: right;
  color: #9E9E9E;
  font-size: 0.85rem;
}
.login-registration #terms,
.login-registration #copyright {
  color: #9E9E9E;
}
.login-registration input {
  max-width: 100% !important;
}
.login-registration #terms {
  padding: 0;
}

#login {
  padding-top: 30px;
  text-align: right;
  display: block;
}
#login a, #login .column {
  color: rgba(255, 255, 255, 0.65) !important;
}

#login-details {
  color: #222222;
  margin: 0 auto;
  max-width: 500px;
  min-height: 100vh;
  text-align: center;
}
#login-details .ui.frame {
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 1rem;
}
@media (min-width: 769px) {
  #login-details .ui.frame {
    margin: 0;
  }
}
#login-details p {
  color: rgba(0, 0, 0, 0.6);
}
#login-details .ui.inverted.segment {
  max-height: 88px;
}
#login-details #logo {
  background: transparent url(/assets/images/logo.png) no-repeat 0 50% !important;
  background: transparent url(/assets/images/logo.svg) no-repeat 0 50% !important;
  background-size: contain !important;
  float: none;
  width: 40%;
  height: 10vw;
  max-height: 60px;
  margin: 0 auto;
}
#login-details #loginLogo {
  background: transparent url(/assets/images/logo-login.png) no-repeat 50%;
  background: transparent url(/assets/images/logo-login.svg) no-repeat 50%;
  background-size: contain;
  float: none;
  width: 80%;
  height: 10vw;
  max-height: 60px;
  margin: 0 auto;
}
#login-details .vertical-divider {
  border: 0.5px solid rgba(255, 255, 255, 0.5);
  margin: 0 1rem;
}
#login-details .ui.checkbox label,
#login-details .ui.form .field > label {
  color: #FFF;
}
@media (min-width: 769px) {
  #login-details {
    width: 100%;
    margin: 3rem auto 0 auto;
    min-height: auto;
  }
}

#logoGray {
  background: transparent url(/assets/images/logo-gray.png) no-repeat 50% !important;
  background-size: contain !important;
  float: none;
  width: 80%;
  height: 25px;
  margin: 0 auto 0.5rem;
}

.loginButton {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  min-width: 120px;
}

#terms .ui.segment {
  background: transparent;
}

#terms {
  padding: 15px 0px;
  font-size: 13px;
}
#terms .ui.button {
  padding: 1em;
}

#termsOfServiceCheckbox {
  height: 24px;
  width: 24px;
  display: inline;
  vertical-align: middle;
  margin-top: -3px;
}
@media (max-width: 48em) {
  #termsOfServiceCheckbox {
    margin-left: -10px;
    margin-right: 6px;
  }
}

#termsOfServiceContainer {
  text-align: left;
  padding: 1em 1em !important;
  background: #f2f2f2;
}
@media (min-width: 48em) {
  #termsOfServiceContainer {
    height: 350px;
    overflow: auto;
  }
}

#registrationForm .small.fade {
  line-height: 1;
}

.disabled {
  opacity: 0.6;
  cursor: default !important;
  pointer-events: none;
}
.disabled .clickable {
  pointer-events: auto;
}

.disabled.clickable {
  pointer-events: auto;
}

.ui.red.pointing.label > a {
  color: #4183c4;
  opacity: 1;
}

/* ******************************* Form Elements *******************************/
.multiSelect .button {
  width: 100%;
  text-align: left;
  text-transform: capitalize !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.multiSelect .caret {
  margin: 8px 8px 1px 0 !important;
  float: right;
  opacity: 0.5;
}

@media (min-width: 100px) {
  label.no-after {
    display: none;
  }
}

label.no-after:after {
  content: none;
}

.ui.form select.positive {
  background: #60AA5C;
}

.status100, .status200, .status2K {
  padding-left: 12.85714em;
}

#inventory {
  padding: 10px 5px;
}
#inventory input {
  width: 185px;
}

.angucomplete-dropdown {
  max-height: 250px;
  overflow: scroll;
}

#customerInformation textarea,
#paymentDetails .fields .field {
  margin-bottom: 1em;
}

#gridview .ui.card,
#gridview .ui.cards > .card {
  width: 100% !important;
  min-height: 270px;
  background: #F8F8F9;
}
#gridview .ui.card > .content > .header, #gridview .ui.cards > .card > .content > .header {
  text-transform: uppercase;
  font-size: 15px !important;
}
#gridview .ui.card .image {
  height: 100%;
  min-height: 150px;
  background-size: cover !important;
}
#gridview .ui.card > a div i.icon {
  color: #FFF;
  padding: 1em 1.5em;
  opacity: 0.7;
}

#form-button {
  padding-left: 1rem;
}
#form-button .sixteen.wide.column, #form-button .last-saved {
  padding-left: 0 !important;
}
#form-button .last-saved {
  margin-bottom: 24px !important;
  display: inline-block !important;
}
#form-button .column {
  margin: 0 !important;
  padding-left: 0 !important;
}

#collectCustomerInfo #form-button {
  padding-left: 1em;
}
#collectCustomerInfo #form-button .sixteen.wide.column, #collectCustomerInfo #form-button .last-saved {
  display: inline-block;
}
@media (max-width: 48em) {
  #collectCustomerInfo #form-button .sixteen.wide.column, #collectCustomerInfo #form-button .last-saved {
    padding-left: 0 !important;
  }
}
#collectCustomerInfo #customerInformation .sixteen.wide.column {
  padding-bottom: 0 !important;
}
#collectCustomerInfo .edit-cancel-button {
  margin-top: -40px;
}

#close-details {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.container-inventory {
  background: #F2F0ED !important;
  box-shadow: none !important;
}

.ui.menu:not(.vertical) .container-search.right.item {
  margin-left: 0 !important;
}

.ui.input input.search {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#messages {
  font-size: 14px;
  margin-top: 200px;
}

#messageBar {
  height: auto !important;
  margin-top: 0 !important;
}

.widget-area {
  margin: 2em 0 5em 0;
  height: auto;
}
.widget-area .ui.primary.right.button {
  margin-top: 1em;
}

#daysOfWeek .ui.mini.button {
  margin-bottom: 5px;
  min-width: 93px;
}

#weekdays .one.wide.field,
#weekdays .three.wide.field,
#weekdays .four.wide.field {
  line-height: 35px;
}

.vertical-align-text {
  line-height: 35px;
}

#customerHeader {
  padding: 10px 0 20px 0;
}
#customerHeader h3 {
  display: inline;
  text-transform: capitalize;
}
#customerHeader #previewCartMenu {
  text-align: right;
  display: inline;
  padding-left: 0;
}
@media (min-width: 400px) {
  #customerHeader #previewCartMenu {
    padding-left: 5%;
  }
}
#customerHeader #previewCartMenu.ui.fluid.dropdown {
  height: 25px;
  text-align: left;
}
@media (min-width: 400px) {
  #customerHeader #previewCartMenu.ui.fluid.dropdown {
    text-align: right;
  }
}
#customerHeader .row {
  padding: 0 !important;
}

#customerHeader.ui.grid {
  margin: 2rem 0 0 0 !important;
  padding: 0 !important;
}
#customerHeader.ui.grid .row .column {
  padding: 0 0 10px 0 !important;
}

#searchActions {
  padding: 10px 0;
}

#viewMenu {
  margin: 0;
}
#viewMenu a {
  color: rgba(0, 0, 0, 0.87);
}
#viewMenu span {
  color: #4183C4;
}

#slab-cart h4, #slab-cart .ui.tiny.header {
  margin-top: 0 !important;
}
#slab-cart h4 {
  font-weight: 400;
}
#slab-cart .cartTotal {
  font-weight: 700;
  font-size: 1.28em;
}
#slab-cart .item-details-wrapper {
  max-width: 624px;
}
@media (max-width: 48em) {
  #slab-cart .edit-cancel-button {
    padding-left: 0;
  }
  #slab-cart .cart-details {
    text-align: left;
    padding: 2em 0 1em 0;
  }
}

#discountManagerModal .column, #feeManagerModal .column {
  padding-left: 0 !important;
}

#selectDiscountForm .ui.message.ng-scope {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

div#businessEntityList > div > .content {
  width: 300px;
}

.inventEditSubmit {
  clear: both;
  display: block;
  padding: 4px 0;
  width: 100%;
  float: left;
  margin-bottom: 12px;
}

.tagColor {
  float: left;
  margin: 0 1.25rem 0 0 !important;
}

#mobileSearchIcon {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#mobileSearch {
  margin-top: 11px;
  width: 100%;
}
#mobileSearch .input {
  width: 100%;
}
#mobileSearch input {
  margin: 0 auto;
  border-radius: 0;
  padding: 15px 0 15px 10px;
}

div.spacer {
  margin-top: 60px;
}

#list-reselller li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 10px 0;
}
#list-reselller li:last-child {
  border: none;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1100px) {
  i.ui.icon.question.pointer.circular.inverted.small,
  .ui.table thead,
  .ui.table:not(.unstackable) thead, #payment-history-table thead {
    display: none;
  }
  td:before {
    font-weight: bold !important;
  }
  .ui.table td:before,
  #table-newfee th:after,
  #payment-history-table td:before {
    font-weight: bold !important;
    content: attr(data-header);
  }
  td.table-after { /* For special cases where it's preferable to have the label on the right */ }
  td.table-after:before {
    display: none !important;
  }
  td.table-after:after {
    content: attr(data-header);
    vertical-align: top;
  }
  #table-newfee thead {
    display: block;
  }
}
#table-productFields td:before,
#table-customFields td:before,
#table-priceplan td div {
  font-weight: 400 !important;
}

#table-product .row.ng-scope {
  margin-bottom: 2rem;
}
#table-product .ui.fluid.dropdown {
  height: auto;
}
#table-product .ui.secondary.button {
  min-width: 102px;
}

#table-editProductPricing div:before {
  display: none;
}

#table-pricelabels {
  min-width: 300px;
  width: 100%;
}

.treeSpacer {
  width: 17px;
  padding-left: 1.85714em;
  display: inline-block;
}

#table-cancellationManager .active {
  background: rgba(0, 0, 50, 0.02) !important;
}

.appliesTo {
  display: block;
  margin: 12px 0;
}

#table-priceplan td div.full-width-label:before {
  width: 100%;
  display: block;
}

@media (min-width: 48em) {
  #table-connectionRequest td strong {
    font-weight: 400 !important;
  }
}

.soldOutDate {
  color: rgb(232.0991735537, 3.9008264463, 3.9008264463);
}

.availableDate {
  color: rgb(95.7578947368, 168.8526315789, 93.1473684211);
}

.availableDateNotBooked {
  color: #c2dec1;
}

.callToOrder {
  color: rgb(249.1265822785, 149.2784810127, 28.8734177215);
}

.noEventOnDate {
  color: #ffffff;
}

.unlimitedInventory {
  color: #f4f4f4;
}

#orderActivityDashboard .ui.segments,
#connectionsDashboard .ui.segments,
#orderActivityDashboard .ui.segments.tertiary:hover,
#connectionsDashboard .ui.segments.tertiary:hover {
  box-shadow: none;
  border: none;
}
#orderActivityDashboard .ui.segments .ui.secondary.segment,
#connectionsDashboard .ui.segments .ui.secondary.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.segment {
  padding: 8px 0 !important;
  text-align: center;
}
#orderActivityDashboard .ui.segments .ui.secondary.green.segment,
#connectionsDashboard .ui.segments .ui.secondary.green.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.green.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.green.segment {
  background: rgb(95.7578947368, 168.8526315789, 93.1473684211);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.green.segment,
#connectionsDashboard .ui.segments .ui.green.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.green.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.green.segment {
  background: #c2dec1;
  border-top: 2px solid rgb(95.7578947368, 168.8526315789, 93.1473684211);
}
#orderActivityDashboard .ui.segments .ui.green.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.green.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.green.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.green.segment .ui.tiny.statistic > .value {
  color: rgb(95.7578947368, 168.8526315789, 93.1473684211);
}
#orderActivityDashboard .ui.segments .ui.secondary.teal.segment,
#connectionsDashboard .ui.segments .ui.secondary.teal.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.teal.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.teal.segment {
  background: rgb(58.1117021277, 179.3882978723, 174.335106383);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.teal.segment,
#connectionsDashboard .ui.segments .ui.teal.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.teal.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.teal.segment {
  background: #b8e8e6;
  border-top: 2px solid rgb(58.1117021277, 179.3882978723, 174.335106383);
}
#orderActivityDashboard .ui.segments .ui.teal.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.teal.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.teal.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.teal.segment .ui.tiny.statistic > .value {
  color: rgb(58.1117021277, 179.3882978723, 174.335106383);
}
#orderActivityDashboard .ui.segments .ui.secondary.orange.segment,
#connectionsDashboard .ui.segments .ui.secondary.orange.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.orange.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.orange.segment {
  background: rgb(249.1265822785, 149.2784810127, 28.8734177215);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.orange.segment,
#connectionsDashboard .ui.segments .ui.orange.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.orange.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.orange.segment {
  background: #fddbb2;
  border-top: 2px solid rgb(249.1265822785, 149.2784810127, 28.8734177215);
}
#orderActivityDashboard .ui.segments .ui.orange.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.orange.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.orange.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.orange.segment .ui.tiny.statistic > .value {
  color: rgb(249.1265822785, 149.2784810127, 28.8734177215);
}
#orderActivityDashboard .ui.segments .ui.secondary.red.segment,
#connectionsDashboard .ui.segments .ui.secondary.red.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.red.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.red.segment {
  background: rgb(232.0991735537, 3.9008264463, 3.9008264463);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.red.segment,
#connectionsDashboard .ui.segments .ui.red.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.red.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.red.segment {
  background: #fd8888;
  border-top: 2px solid rgb(232.0991735537, 3.9008264463, 3.9008264463);
}
#orderActivityDashboard .ui.segments .ui.red.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.red.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.red.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.red.segment .ui.tiny.statistic > .value {
  color: rgb(232.0991735537, 3.9008264463, 3.9008264463);
}
#orderActivityDashboard .ui.segments .ui.secondary.blue.segment,
#connectionsDashboard .ui.segments .ui.secondary.blue.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.secondary.blue.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.secondary.blue.segment {
  background: rgb(50.09375, 135.6875, 210.90625);
  color: #F9F9F9 !important;
}
#orderActivityDashboard .ui.segments .ui.blue.segment,
#connectionsDashboard .ui.segments .ui.blue.segment,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.blue.segment,
#connectionsDashboard .ui.segments.tertiary:hover .ui.blue.segment {
  background: #b0d1ee;
  border-top: 2px solid rgb(50.09375, 135.6875, 210.90625);
}
#orderActivityDashboard .ui.segments .ui.blue.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments .ui.blue.segment .ui.tiny.statistic > .value,
#orderActivityDashboard .ui.segments.tertiary:hover .ui.blue.segment .ui.tiny.statistic > .value,
#connectionsDashboard .ui.segments.tertiary:hover .ui.blue.segment .ui.tiny.statistic > .value {
  color: rgb(50.09375, 135.6875, 210.90625);
}

.calendarContainer {
  margin-top: 24px;
}

.datePickerDay {
  border: 1px solid white;
  color: #666;
}

.soldOutDate, .soldOutDate:hover {
  background: rgb(228, 228, 228);
}

.availableDate, .availableDate:hover {
  background: rgba(111, 185, 105, 0.45);
}

.datePickerDayIsDisabled {
  background: rgba(238, 238, 238, 0.5);
  color: #bbb;
}

#calendarLegend .availableDateLegend {
  color: #d1e8cf;
}

#calendarLegend .soldOutDateLegend {
  color: rgb(228, 228, 228);
}

.datePickerDayRange {
  background: rgb(111, 185, 105);
  color: #fff;
}

.datePickerDayRange:hover {
  cursor: pointer;
}

.datePickerDayRange.checkInDate, .datePickerDayRange.checkOutDate {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.checkInDate {
  background-image: url("/demo/img/checkin.png");
}

.checkOutDate {
  background-image: url("/demo/img/checkout.png");
}

.ui.mini.statistic {
  font-size: 90%;
}

.ui.mini.statistic .label:last-child {
  color: rgba(0, 0, 0, 0.4);
}

.ui.mini.statistic.disabled,
.datePickerDay.datePickerDayIsDisabled {
  opacity: 0.4;
}

.availableDate.limited {
  background: yellow !important;
}

.hide-desktop {
  display: none;
}

.hide-mobile {
  display: block;
}

@media screen and (max-width: 767px) {
  .hide-desktop {
    display: block;
  }
  .hide-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  #table-editProductPricing .hide-desktop {
    display: inline;
  }
}

td#hide-mobile-table, th#hide-mobile-table {
  display: table-cell;
}

#table-cancellationManagerConfirmation tr.hide-mobile {
  display: table-row;
}

@media screen and (max-width: 48em) {
  td#hide-mobile-table, #table-cancellationManagerConfirmation tr.hide-mobile,
  th#hide-mobile-table {
    display: none !important;
  }
}
.productSearchForm {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 55px !important;
}

.edit-result {
  display: none;
}
@media screen and (max-width: 768px) {
  .edit-result {
    display: inline;
    margin-left: -3px;
  }
}

@media screen and (max-width: 767px) {
  .productSearchForm {
    padding-bottom: 72px !important;
    margin-bottom: 84px !important;
  }
  .search-reset-button {
    position: absolute;
    bottom: -60px;
    width: 100%;
  }
  .found-results {
    margin-top: 60px;
  }
  .date-picker-container {
    display: flex;
    width: 100%;
    flex-direction: row;
  }
  .date-picker-container .two.column.grid {
    width: 100%;
  }
  .date-picker-container .eight {
    flex-grow: 1;
    margin-bottom: 0 !important;
  }
}
.action-inline {
  display: inline-block;
  width: 100%;
}

.actions {
  display: inline-block;
  width: 100%;
  text-align: left !important;
}

.no-padding {
  padding: 0 !important;
}

.neg-margin-top {
  margin-top: -12px !important;
}

.neg-margin-bottom {
  margin-bottom: -12px !important;
}

.neg-margin-left {
  margin-left: -12px !important;
}

.neg-margin-right {
  margin-right: -12px !important;
}

.margin-top {
  margin-top: 12px !important;
}

.margin-bottom {
  margin-bottom: 12px !important;
}

.margin-left {
  margin-left: 12px !important;
}

.margin-none {
  margin: 0 !important;
}

.margin-none-right {
  margin-right: 0 !important;
}

.margin-none-top {
  margin-top: 0 !important;
}

.margin-none-bottom {
  margin-bottom: 0 !important;
}

.margin-none-left {
  margin-left: 0 !important;
}

.margin-right {
  margin-right: 12px !important;
}

.margin {
  margin: 12px !important;
}

.padding-none {
  padding: 0 !important;
}

.padding-none-top {
  padding-top: 0 !important;
}

.padding-none-right {
  padding-right: 0 !important;
}

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

.padding-none-left {
  padding-left: 0 !important;
}

.padding-top {
  padding-top: 12px !important;
}

.padding-bottom {
  padding-bottom: 12px !important;
}

.padding-left {
  padding-left: 12px !important;
}

.padding-right {
  padding-right: 12px !important;
}

.padding {
  padding: 12px !important;
}

.txt-right {
  text-align: right !important;
}

.txt-left {
  text-align: left !important;
}

.txt-center {
  text-align: center !important;
}

.width-fluid {
  display: block;
  width: 100%;
}

.ui.fluid.button {
  display: inline-block;
}

#table-pricelabels-category.ui.table td,
#table-pricelabels.ui.table td,
#table-custom-pricelabel.ui.table td,
#table-pricelabels-unit.ui.table td {
  min-width: 100px;
}

.pop {
  right: 0;
  left: inherit !important;
}

.caret-right::before {
  content: "\f0da";
  font-family: "Icons";
  position: absolute;
  left: 18px;
  opacity: 1;
  height: 1em;
  color: #333333;
  display: block;
  margin: 0em auto 0.25em;
  font-size: 1em;
  -webkit-transition: color 0.6s ease, transform 0.2s ease;
  -moz-transition: color 0.6s ease, transform 0.2s ease;
  -o-transition: color 0.6s ease, transform 0.2s ease;
  -ms-transition: color 0.6s ease, transform 0.2s ease;
  transition: color 0.6s ease, transform 0.2s ease;
}

@media screen {
  .printOnly {
    display: none;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  body {
    margin: 0cm !important;
    padding: 0 3em;
    -webkit-print-color-adjust: exact;
  }
  .printOnly {
    visibility: visible;
    display: initial;
  }
  .printOnly.printRemove {
    display: none;
  }
  .printSection, .printSection * {
    visibility: visible;
  }
  .printRemove, .printRemove * {
    display: none !important;
  }
  .printHide, .printHide * {
    visibility: hidden;
  }
  .printHide .printSection * {
    visibility: visible;
  }
  .printRemove .printSection * {
    visibility: visible;
  }
  .avoidPageBreak {
    page-break-inside: avoid;
  }
  td div {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  .noPrintMargin {
    margin: 0px !important;
    padding: 0px !important;
  }
  @page {
    margin: 1cm;
  }
  @page :first {
    margin-top: 0cm;
  }
  @page :left {
    margin-left: 0cm;
    margin-right: 0cm;
  }
  @page :right {
    margin-left: 0cm;
    margin-right: 0cm;
  }
  .container-main {
    flex: 1;
    padding-bottom: 0 !important;
    margin: 0 !important;
    max-width: 1200px;
  }
  .container-main.auto-width {
    max-width: 100%;
  }
  .ui.attached.warning.message,
  .ui.warning.message,
  .ui.attached.error.message,
  .ui.error.message,
  .ui.attached.segment {
    border: 1px solid #d4d4d5;
    box-shadow: none;
  }
  .amount-due.right {
    float: right !important;
  }
  #slab-cart h2 {
    padding: 0 !important;
  }
  .pusher.ui.grid {
    padding-top: 0;
  }
  #mobileSearch {
    margin-top: 0;
  }
  #manifestHeader h3 {
    font-size: 12px;
  }
  #manifestHeader h3 .sub.header {
    font-size: 10px;
  }
  #manifestMainContent {
    margin-bottom: -2rem !important;
  }
  #manifestMainContent th,
  #manifestMainContent td,
  #manifestMainContent span {
    font-size: 10px;
    line-height: 12px;
  }
  #manifestMainContent .ui[class*=compact].table td {
    padding: 0.4em 0.6em;
  }
}
.ui.full.height {
  width: 100%;
  min-height: 85vh;
}

.all-products {
  min-width: 0 !important;
}

.actions-styled {
  background: #F9FAFB;
  padding: 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

nav.greedy {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: rgba(0, 0, 0, 0.6) !important;
  margin-bottom: 12px;
}

nav.greedy button {
  transition: all 0.4s ease-out;
  padding: 0;
  outline: 0;
  border: 0;
  font-size: 0.9rem;
  font-weight: bold;
  background: transparent;
  color: #404040;
  position: relative;
  height: 20px;
  width: 48px;
  margin-top: 1px;
}

nav.greedy button.hidden {
  transition: none;
  width: 0;
  padding: 0;
  overflow: hidden;
}

ul.links {
  display: flex;
  flex: 1;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.links li {
  flex: none;
  padding: 12px !important;
  text-align: center;
}
ul.links li:hover {
  cursor: pointer;
}

ul.hidden-links {
  position: absolute;
  background: #f3f4f5;
  color: rgba(0, 0, 0, 0.6);
  right: 0;
  top: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1;
  width: 100%;
  max-width: 212px;
  text-align: center;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-top: none;
  border-bottom-right-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
  margin-right: -1px;
}

ul.hidden-links.hidden {
  display: none;
}

ul.hidden-links li {
  padding: 1rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  border-right: none;
}
ul.hidden-links li:hover {
  cursor: pointer;
}
ul.hidden-links li:last-of-type {
  border-bottom: none;
}

.ui.five.steps > .step:hover {
  background: #e6e8ea;
  cursor: pointer;
}

.ui.five.steps > .step:hover:after {
  background: #e6e8ea;
}

.ui.five.steps > .step.active:hover:after {
  background: #e6e8ea;
}

.greedy .active.item, ul.hidden-links.hidden .active.item {
  font-weight: 700 !important;
  color: #101010;
  background: #dddddd;
}

ul.hidden-links.hidden .active.item {
  background: #fff !important;
}

#greedy {
  margin-top: 0;
}

#greedy .ui.menu {
  box-shadow: none;
}

.greedy button span {
  display: block;
  position: absolute;
  margin: auto;
  height: 4px;
  width: 4px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  left: 0;
  right: 0;
  pointer-events: none;
}

.greedy button span:nth-child(1) {
  top: 0;
}

.greedy button span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.greedy button span:nth-child(3) {
  bottom: 0;
}

#greedy .ui.text.menu {
  margin: 0;
}

.greedy .ui.steps .step > .icon {
  font-size: 1.25em;
}

.greedy .ui.steps .step.active:after {
  background: #F3F4F5;
}

.rm.no-style {
  border: none;
  background: transparent;
}

#stats {
  background: #F9FAFB;
}
#stats .column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(34, 36, 38, 0.1);
  border-right: none;
  padding: 0 !important;
}
#stats .column:first-child {
  background: #EDEFF0;
}
#stats .column:last-child {
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}
@media (max-width: 767px) {
  #stats .column {
    border-right: 1px solid rgba(34, 36, 38, 0.1);
    border-bottom: none;
  }
  #stats .column:last-child {
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  }
}
#stats .row {
  padding: 1.25rem 0;
}
#stats .row:nth-child(2) {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
@media (max-width: 767px) {
  #stats .row {
    padding: 0.75rem 0;
  }
}
#stats .header {
  line-height: 1em;
}
#stats h2 {
  margin-bottom: 0 !important;
}
#stats .huge {
  font-size: 36px;
}
#stats .huge span {
  font-size: 24px !important;
}
@media (max-width: 939px) {
  #stats .huge {
    font-size: 1.714em;
  }
  #stats .huge span {
    font-size: 14px !important;
  }
}
#stats .large span {
  font-size: 14px;
}
#stats span {
  text-transform: uppercase;
  font-weight: 400;
}
@media (max-width: 767px) {
  #stats .huge, #stats .large {
    font-size: 1em;
    line-height: 1.25em;
  }
  #stats .huge span, #stats .large span {
    font-size: 1em !important;
    text-transform: none;
  }
}

#refundAmountDetail .icon-card {
  margin: 0;
  height: 20px;
  position: absolute;
  left: 0;
  top: -3px;
}
@media (max-width: 767px) {
  #refundAmountDetail .icon-card {
    position: relative;
    margin: 8px 0 0;
  }
}

@media (max-width: 767px) {
  #refundDetail {
    padding-bottom: 60px;
  }
  #refundDetail .refund-memo {
    position: absolute !important;
    margin-top: 48px !important;
  }
}

.cartPerson,
.cartProductName,
.cartStartTime,
.cartAdditionalItems,
.cartEntityName,
.cartProductName,
.cartStartTime {
  display: block;
  color: #000;
  line-height: 1.2;
}

.cartPerson,
.cartEntityName,
.cartProductName {
  font-weight: bold;
}

.cartStartTime {
  opacity: 0.5;
  font-size: 90%;
}

.date {
  font-size: 1.25rem;
  padding-bottom: 10px;
}

img#productImage {
  max-width: 300px;
  margin: 0;
  padding-left: 0;
}
@media (max-width: 661px) {
  img#productImage {
    width: 100% !important;
    margin-bottom: 24px;
  }
}

.productImageColumn {
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}
@media (max-width: 661px) {
  .productImageColumn {
    width: 100% !important;
  }
}

@media (max-width: 48em) {
  .modalMessageButton {
    padding-bottom: 3.5em !important;
  }
  .modalMessageButton .button {
    position: absolute !important;
    bottom: 2em !important;
  }
}

#cartSummaryModal {
  right: 60px !important;
  top: 30px !important;
  min-width: 300px;
  left: auto;
}
#cartSummaryModal * {
  white-space: normal !important;
}
#cartSummaryModal .ui.grid.stackable {
  padding-top: 10px;
}
#cartSummaryModal .item {
  max-width: 600px;
  min-width: 310px;
}
#cartSummaryModal .sub.header {
  font-weight: 400;
  opacity: 0.7;
  font-size: 12px;
  line-height: 0.1;
}
#cartSummaryModal i {
  margin-right: 0 !important;
}
@media (max-width: 48em) {
  #cartSummaryModal {
    top: 16px;
  }
  #cartSummaryModal .item {
    max-width: 284px;
  }
  #cartSummaryModal .left.floated.column {
    padding-bottom: 0 !important;
  }
}

#logoImageGallery li, .headerImage li {
  max-width: 275px !important;
  width: 100% !important;
}

@media (max-width: 48em) {
  .archiveIcon, .duplicateIcon {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  #orderActivityDashboard, #connectionsDashboard {
    border-radius: 0.28571429rem;
    overflow: hidden;
    margin: 0 !important;
  }
  #orderActivityDashboard .column, #connectionsDashboard .column {
    padding: 0.25rem !important;
  }
  #orderActivityDashboard .segment, #connectionsDashboard .segment {
    font-size: 0.75em;
    border-radius: 0;
    padding: 8px 0;
  }
  #orderActivityDashboard .segment div, #connectionsDashboard .segment div {
    margin-bottom: -4px !important;
  }
  #orderActivityDashboard .huge.header, #connectionsDashboard .huge.header {
    font-size: 1.25em;
    font-weight: 400;
    margin-bottom: 0;
  }
  #orderActivityDashboard .ui.tiny.statistic > .value, #connectionsDashboard .ui.tiny.statistic > .value {
    font-size: 1.5rem !important;
  }
}

#table-copySession input {
  padding-left: 0.67861429em !important;
  padding-right: 0.67861429em !important;
}

#settingsNav ul {
  padding-left: 0 !important;
}
#settingsNav li {
  margin-bottom: 12px;
}
#settingsNav i.link {
  color: rgb(65, 131, 196);
  padding-left: 8px;
}
#settingsNav .disabled {
  color: #999;
}

#dashboardFilter {
  position: absolute;
  top: 35px;
  left: auto;
  width: 320px;
  z-index: 100;
}
#dashboardFilter .ui.segment.form {
  max-height: 55vh;
  overflow: scroll;
}

@media (min-width: 769px) {
  #filterRight #dashboardFilter {
    position: absolute;
    top: 35px;
    right: 0;
    width: 320px;
    z-index: 100;
  }
}

.connections-price {
  position: absolute;
  text-align: center;
  max-width: 148px;
}
@media screen and (min-width: 48em) {
  .connections-price {
    right: 0;
    top: 12px;
  }
}
@media screen and (max-width: 48em) {
  .connections-price {
    left: 0;
    bottom: 12px;
  }
}

.connections-item {
  position: relative;
}
@media screen and (min-width: 48em) {
  .connections-item h2, .connections-item .description, .connections-item .meta.ui.list {
    padding-right: 148px;
  }
}

#connectionsDashboard .segment {
  height: 100%;
}
@media (max-width: 767px) {
  #connectionsDashboard .column:first-of-type {
    border-left: none;
  }
}

@media screen and (max-width: 48em) {
  .connectionsDashboardLabel {
    font-size: 0.85em;
    line-height: 1.1em;
    margin-top: 6px;
    padding-bottom: 6px;
  }
}

@media screen and (max-width: 767px) {
  #connectionsDashboardCTA {
    display: none;
  }
}
.connectResellerForm {
  margin-bottom: -35px;
}
@media (max-width: 767px) {
  .connectResellerForm {
    margin-bottom: 0;
  }
}
.connectResellerForm .ui.segment:last-child {
  margin-bottom: 1rem;
}

.addReseller {
  margin-bottom: -35px;
  text-align: right;
}
@media (max-width: 767px) {
  .addReseller {
    margin-bottom: 0;
    text-align: left;
  }
}

.cancelReseller {
  padding-top: 35px;
  text-align: right;
}
@media (max-width: 767px) {
  .cancelReseller {
    padding-top: 0;
    text-align: left;
  }
}

#connectionsSearch {
  padding: 0 !important;
}
@media (max-width: 767px) {
  #connectionsSearch {
    padding: 1rem 1rem 0 1rem !important;
  }
}

.input-removeIcon {
  overflow: hidden;
  width: 100%;
  display: table;
}
.input-removeIcon .input-fluid {
  overflow: hidden;
  display: table-cell;
}
.input-removeIcon a.delete-me {
  display: table-cell;
  width: 24px;
  text-align: right;
  padding-left: 12px;
  vertical-align: middle;
}

.settingsLink {
  display: block;
}
@media (min-width: 900px) {
  .settingsLink {
    position: absolute;
    right: 16px;
    top: 22px;
    margin-bottom: 0;
  }
}

.headerSwitch {
  display: block;
  margin-bottom: 12px;
}
@media (min-width: 900px) {
  .headerSwitch {
    position: absolute;
    right: 16px;
    top: 6px;
  }
}

.emailStatsHeader {
  font-size: 1.7142857143em;
  line-height: 1em;
  font-weight: 100;
}
@media (min-width: 769px) {
  .emailStatsHeader {
    font-size: 1.7142857143em;
  }
}

.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before,
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before,
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background-color: #6eb43f !important;
  background: #6eb43f !important;
  border-color: #6eb43f !important;
}

.addConnections {
  position: absolute;
  right: 0;
  top: -12px;
}
@media (min-width: 769px) {
  .addConnections {
    top: -73px;
  }
}

.productPrice {
  max-height: 48px;
}
.productPrice i.plus.icon {
  font-size: 14px;
  margin: -7px 3px 0;
}

.productDescription {
  border-top: none !important;
  text-align: center;
}

#notificationsPopup {
  padding: 0 !important;
  margin: 0;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 2px;
  background: #fff;
}
@media (min-width: 900px) {
  #notificationsPopup {
    position: absolute;
    width: 100%;
    max-width: 400px;
    right: 0 !important;
    left: auto !important;
    z-index: 999;
  }
}
#notificationsPopup .ui.divided.list > .item:first-child {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
#notificationsPopup .item {
  padding: 0;
}
#notificationsPopup .ui.divider {
  margin-top: 0;
}
#notificationsPopup h3 {
  background: #f3f4f5;
  padding: 12px;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
#notificationsPopup .ui.small.header {
  font-weight: 300 !important;
}
#notificationsPopup .hidden.transition {
  display: none !important;
}
#notificationsPopup .content {
  position: relative;
}
#notificationsPopup .content .remove {
  position: absolute;
  top: 13px;
  right: 10px;
  color: #4183C4;
  cursor: pointer;
}

.alertsToggle {
  display: block;
  width: 100%;
  margin-top: 0 !important;
}
.alertsToggle i {
  margin-right: 0 !important;
  margin-left: 4px !important;
}

.alertsContainer {
  background: #fbfbfb;
  margin-bottom: 0 !important;
}

.alertLink {
  display: block;
  width: 100%;
  padding: 12px 0 12px 24px;
  font-weight: 700;
}

.viewedAlert {
  font-weight: 300;
}

.accordion .title {
  color: rgba(0, 0, 0, 0.6) !important;
}
.accordion .title:hover {
  background: #DCDDDE !important;
  color: rgb(0, 0, 0) !important;
}
.accordion .ui.list > .item > .content {
  padding: 0 !important;
}
.accordion h3 {
  padding: 0.78571429rem 1rem !important;
}

#orderHistoryItems .dateLabel {
  color: #aaa;
  font-style: italic;
  display: block;
}
#orderHistoryItems .noteItem {
  background: #fffaf3;
}
#orderHistoryItems .noteParagraph {
  margin-bottom: 4px;
  max-width: 900px;
}

.selectDateLinks {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.selectDateLinks:after {
  display: none !important;
}
.selectDateLinks strong {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 100;
}
.selectDateLinks button {
  width: 73px !important;
  height: 30px !important;
}

.selectDateLinks.disabled button {
  margin-right: 3px !important;
  font-size: 0.6em !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.contactEvent span {
  color: #3287D3;
}
.contactEvent span:hover {
  color: #256dad;
}
.contactEvent:first-of-type .ui.divider {
  display: none !important;
}

.contactTask:first-of-type .ui.divider {
  display: none !important;
}

.contactTask {
  position: relative;
}
.contactTask .ui.checkbox {
  margin-right: -8px;
}
.contactTask .checkbox {
  vertical-align: bottom;
}
.contactTask a.trash {
  padding-left: 10px;
}
@media (max-width: 767px) {
  .contactTask .ui.divider {
    margin: 0 !important;
  }
}

.highPriority {
  background: yellow;
  padding: 14px;
  margin: -14px;
}

.meetingLocation:first-of-type .ui.divider {
  display: none !important;
}

.confirmationPrompt .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
  display: table-cell !important;
  vertical-align: middle !important;
}
.confirmationPrompt .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
  display: table-cell !important;
}

.resmarkLogoR.smallR {
  font-size: 1.5em !important;
  margin-left: 0 !important;
}

.orderLookUp-Logo {
  background: white !important;
  padding: 4px 12px;
}
.orderLookUp-Logo img {
  max-height: 68px;
  padding: 0;
  margin: 0 auto;
}

.agentToggle {
  padding: 0 !important;
}
.agentToggle .ui.dropdown {
  min-width: 0 !important;
  color: white !important;
  background: none !important;
  padding: 13px 0 0 !important;
}
.agentToggle .ui.dropdown i {
  padding: 13px 0 0 !important;
}
.agentToggle .ui.selection.active.dropdown, .agentToggle .ui.selection.dropdown {
  border: none !important;
}
.agentToggle .ui.selection.visible.dropdown > .text:not(.default) {
  color: white !important;
}
.agentToggle .ui.selection.active.dropdown .menu {
  border: none !important;
}
.agentToggle .ui.menu .ui.dropdown .menu .item {
  background: #fff !important;
}

.agentToggleMobile .ui.dropdown {
  min-width: 0 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.agentToggleMobile i.add.circle {
  margin-right: 24px !important;
}

.newOrderProductList {
  border-left: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5;
  margin-right: -1px;
  margin-left: -1px;
  padding: 0;
}
.newOrderProductList .ui.list {
  margin: 0;
}
.newOrderProductList .ui.header {
  margin: 0;
}
.newOrderProductList .cart-details {
  text-align: left;
  padding: 1rem 0 0;
}
@media (max-width: 48em) {
  .newOrderProductList .cart-details {
    padding: 1em 0 0 0 !important;
  }
}
.newOrderProductList td.ui.header {
  padding-right: 1rem;
}

.avoidPageBreak .newOrderProductList {
  border-left: none;
  border-right: none;
}

.newOrderToggles {
  margin-top: 36px;
}
.newOrderToggles span span {
  color: rgba(34, 36, 38, 0.15);
}
.newOrderToggles a {
  color: rgba(34, 36, 38, 0.15);
}
.newOrderToggles a.active {
  color: #2C85D6;
}
.newOrderToggles i {
  margin: 0 6px;
}
@media (max-width: 48em) {
  .newOrderToggles span {
    display: block;
    width: 100%;
    padding: 12px 0 0 !important;
  }
}

#header .item:focus {
  outline: none;
}

.multipleCart .content {
  display: table !important;
  padding-right: 36px;
}
.multipleCart .description {
  display: table-cell !important;
}
.multipleCart .right {
  position: absolute !important;
  right: 12px !important;
}
.multipleCart .right i {
  margin: 0 !important;
}

#reports h3 {
  text-transform: uppercase;
}
#reports h3 .sub.header {
  text-transform: capitalize;
}
#reports .ui.message #search.right {
  margin-top: -6px;
}
#reports .statistic {
  padding: 0;
  margin: 0 1em !important;
}
#reports .ui.bottom.attached.green.message {
  padding-top: 20px;
  padding-right: 20px;
}

.activity-card {
  position: fixed;
  display: block;
  z-index: 999;
  width: inherit;
  max-width: 438px;
  background: #fff;
  padding: 24px;
  border: 1px solid rgba(151, 151, 151, 0.23);
}

@media screen and (max-width: 767px) {
  .activity-card h1 {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .sidebar-container {
    margin-left: -12px !important;
  }
}
@media screen and (max-width: 767px) {
  .activity-card {
    max-height: 0px !important;
    padding: 0;
    border: none;
    position: static;
    display: inline;
  }
}
.width-inherit {
  width: inherit;
  position: relative;
}

.activity-details.segment {
  background: rgba(16, 16, 16, 0.06);
}
.activity-details.segment .ui.header > .icon {
  display: inline;
  font-size: 1.2em;
}

.activity-details .ui.accordion .title:not(.ui) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.071rem;
  font-weight: bold;
  color: rgba(86, 86, 86, 0.87) !important;
}
.activity-details .ui.accordion .title.active {
  background: #DCDDDE !important;
}

.activity-details .ui.header {
  color: rgba(86, 86, 86, 0.87) !important;
}
.activity-details .ui.header .sub.header {
  font-size: 1em;
  margin: 0 0 12px 23px;
  display: block;
}

.invoice-card .ui.top.attached.segment {
  min-height: 85px;
}

.activity-details.invoice .ui.header {
  color: #000 !important;
}
.activity-details.invoice .ui.header .sub.header {
  font-size: 1em;
  margin: 0;
  display: block;
  color: #000 !important;
}

#subscription .ui.segments.plan {
  min-height: 610px;
}
#subscription .ui.attached.bottom.button {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.plan-title {
  font-size: 25px;
  text-align: center;
}
.plan-title .help.circle.icon {
  background: none;
  padding: 10px 5px;
  color: #FFF;
}

.feature {
  border: none !important;
  font-size: 20px;
  text-align: left;
  padding: 1rem 2rem !important;
}
.feature .ui.header > .icon {
  font-size: 1.2em;
  line-height: 1rem;
}

.feature .regular-price {
  position: absolute;
  top: 5px;
  right: 49%;
}

.btn-plan {
  padding: 20px !important;
}

.plan {
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.plan:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  z-index: 1;
}

@media screen and (min-width: 767px) {
  .principal {
    transform: scale(1);
  }
  .principal:hover {
    transform: scale(1.05);
    z-index: 1;
  }
}
.plan-ribbon {
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  background-color: #21ba45;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 55px;
  min-width: 200px;
  text-align: center;
  position: absolute;
  top: 0px;
  right: -45px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  z-index: 1;
  line-height: 10px;
}

.amount {
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
}

.regular-price {
  text-decoration: line-through;
  font-weight: 100;
  font-size: 16px;
  color: rgb(190, 190, 190);
}

#cards.subscription {
  padding: 29px 15px 0 0;
}

#search-results-grid .ui.card,
#search-results-grid .ui.cards > .card {
  width: 100% !important;
  min-height: 270px;
  background: #F8F8F9;
}
#search-results-grid .ui.card > .content > .header, #search-results-grid .ui.cards > .card > .content > .header {
  text-transform: uppercase;
  font-size: 15px !important;
}
#search-results-grid .ui.card > a .image {
  height: 100%;
  min-height: 150px;
  background-size: cover !important;
}
#search-results-grid .ui.card > a div i.icon {
  color: #FFF;
  padding: 1em 1.5em;
  opacity: 0.7;
}

#review-hero-grid .ui.card > .image {
  height: 100%;
  min-height: 150px;
  background-size: cover !important;
}
#review-hero-grid .ui.card,
#review-hero-grid .ui.cards > .card {
  width: 100% !important;
  min-height: 270px;
  background: #F8F8F9;
}
#review-hero-grid .ui.card > .content > .header, #review-hero-grid .ui.cards > .card > .content > .header {
  text-transform: uppercase;
  font-size: 15px !important;
}
#review-hero-grid .ui.card > a div i.icon {
  color: #FFF;
  padding: 1em 1.5em;
  opacity: 0.7;
}

#departure-dates .one.wide.field {
  line-height: 35px;
}

#login .notification-circle {
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 0 !important;
  margin-right: 3px;
}

#alertsPage h3.header {
  position: relative;
  padding-right: 30px;
}
#alertsPage .remove {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  color: #4183C4;
  cursor: pointer;
}
#alertsPage .alertVisited {
  font-weight: 400;
}

#tasks-directive.with-margin {
  margin-top: 30px;
}

#tasks-directive .dashboard-new-task {
  line-height: 24px;
}
#tasks-directive .dashboard-new-task .icon:only-child {
  margin-right: 0.25rem;
}
#tasks-directive .content {
  padding-top: 1em;
  padding-bottom: 1em;
}
#tasks-directive .expand-all-margin {
  margin-top: 20px;
}
#tasks-directive .with-scroll {
  max-height: 275px;
  overflow: auto;
  min-height: 275px;
  padding: 0;
}
#tasks-directive .remove-tasks-border {
  border: 0;
  box-shadow: none;
}
#tasks-directive .without-scroll {
  padding: 0;
}
#tasks-directive .link-margin {
  margin-right: 1em;
}
#tasks-directive .completed-header {
  margin-top: 1rem;
  padding-left: 1rem;
}
#tasks-directive .ui.horizontal.list {
  width: 100%;
}
#tasks-directive .ui.horizontal.list > .item:not(:last-child),
#tasks-directive .ui.horizontal.list > .item:not(:first-child) {
  padding-right: 2%;
  padding-left: 2%;
}

.contactTaskDetails .ui.small.horizontal.divided.list {
  opacity: 0.5;
}

/* ******************************* Print Confirmation *******************************/
#printConfirmation h1 {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
#printConfirmation h2 {
  font-size: 20px;
}
#printConfirmation h3 {
  font-size: 16px;
  font-weight: 700;
}
#printConfirmation h4 {
  font-size: 11px;
  font-weight: 300;
  color: #9E9E9E;
}
#printConfirmation p {
  font-size: 13px;
  font-weight: 400;
}
#printConfirmation hr {
  width: 100%;
  border: 1px solid #E5E5E5;
}
#printConfirmation .item {
  font-size: 13px;
}
#printConfirmation .sub.header {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.25rem;
  padding-left: 0;
}
#printConfirmation #card {
  border: solid 1px #000000;
}
#printConfirmation #card hr {
  margin: 1rem 0;
  border: 1px solid #E5E5E5;
}
#printConfirmation .marker.icon {
  width: 0;
  vertical-align: baseline;
  padding-right: 1.25rem;
}
#printConfirmation #header #productName {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
#printConfirmation #header .column {
  padding: 0.5rem 1rem;
}
#printConfirmation #header img {
  padding: 0 !important;
}
#printConfirmation #purchaserBar {
  background-color: #E5E5E5;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#printConfirmation #details .column {
  padding: 0;
}
#printConfirmation #details .row {
  padding: 0.25rem 0;
}
#printConfirmation #details .one.wide.column {
  padding-left: 0;
}
#printConfirmation #notes {
  padding: 1rem 0 0 0;
}
#printConfirmation #notes .sub.header {
  margin-top: 0;
}
#printConfirmation #policy h3,
#printConfirmation #policy p {
  font-size: 11px;
}
#printConfirmation #footer {
  padding: 0;
  margin-top: 1rem !important;
  background-color: #E5E5E5;
}
#printConfirmation #footer #company {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#printConfirmation #footer p {
  font-size: 11px;
}
#printConfirmation #powered {
  font-size: 8px;
}

/* ******************************* Print Confirmation Summary *******************************/
#printConfirmationSummary h1 {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
#printConfirmationSummary h2 {
  font-size: 20px;
}
#printConfirmationSummary h3 {
  font-size: 13px;
  font-weight: 700;
  margin-top: 0rem;
  margin-bottom: 0.25rem;
}
#printConfirmationSummary h4 {
  font-size: 11px;
  font-weight: 300;
  color: #9E9E9E;
}
#printConfirmationSummary hr {
  margin: 1rem 0;
  width: 100%;
  border: 1px solid #E5E5E5;
}
#printConfirmationSummary th,
#printConfirmationSummary td {
  font-size: 12px;
}
#printConfirmationSummary th {
  float: none;
  text-transform: uppercase;
  border-bottom: 0;
  font-weight: 400;
}
#printConfirmationSummary hr {
  margin: 1rem 0;
  width: 100%;
  border: 1px solid #E5E5E5;
}
#printConfirmationSummary #header {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
#printConfirmationSummary .sub.header {
  font-size: 16px;
  font-weight: 300;
}
#printConfirmationSummary .right.aligned {
  padding-right: 1rem;
}
#printConfirmationSummary .background {
  background-color: #222222;
  color: #ffffff;
}
#printConfirmationSummary #summary {
  padding: 1rem 0;
}
#printConfirmationSummary .ui.table {
  padding: 0 0 0 1rem;
}
#printConfirmationSummary .ui.table tr td {
  border-top: 0;
}
#printConfirmationSummary #purchaserBar {
  background-color: #E5E5E5;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#printConfirmationSummary .date {
  color: #9E9E9E;
  font-size: 10px;
}
#printConfirmationSummary .total {
  font-weight: 700;
}
#printConfirmationSummary #table:nth-child(even) {
  background-color: #F9F9F9;
}
#printConfirmationSummary #powered {
  padding-right: 0;
  font-size: 8px;
}
#printConfirmationSummary #footer {
  padding: 0;
  background-color: #E5E5E5;
}
#printConfirmationSummary #footer #company {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#printConfirmationSummary #footer p {
  font-size: 11px;
}

/* ******************************* Print Confirmation Settings *******************************/
#printConfirmationSettings .checkbox {
  padding: 0.25rem 0;
}
#printConfirmationSettings .checkbox .column {
  padding: 1rem 0;
}
#printConfirmationSettings .ui.form textarea, #printConfirmationSettings .ui.textarea {
  width: 100% !important;
}

/* ******************************* Checkout & Manage Order Product Display *******************************/
#orderProductDisplay h4 {
  font-size: 0.85rem;
  color: #9E9E9E;
}
#orderProductDisplay hr {
  margin: 1rem 0;
}
#orderProductDisplay .ui .header {
  margin-bottom: 0;
}
#orderProductDisplay .ui .collapsed,
#orderProductDisplay .ui .content {
  width: 100%;
  border-bottom: 1px solid #E5E5E5;
  padding: 0;
}
#orderProductDisplay .ui.stackable.grid {
  margin: 0 !important;
}
#orderProductDisplay .ui img {
  padding-right: 1rem;
}
#orderProductDisplay .sub.header {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  padding-left: 0;
}
#orderProductDisplay .date {
  font-size: 1rem;
  font-weight: 700;
}
#orderProductDisplay .guests {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0;
}
#orderProductDisplay #details .column {
  padding: 0 !important;
}
#orderProductDisplay #details .row {
  padding: 0.25rem 0;
}
#orderProductDisplay #details .one.wide.column {
  padding-left: 0;
}
#orderProductDisplay .cost {
  padding-top: 2rem;
}
#orderProductDisplay .cost .row,
#orderProductDisplay .cost h3,
#orderProductDisplay .cost .link {
  padding: 0;
}

/* ******************************* Email Confirmation *******************************/
#emailConfirmation .ui .grid {
  display: block;
}
#emailConfirmation .ui .sub.header {
  border: none;
  padding: 0;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.28571429em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.28571429em;
  margin-top: 0;
}
#emailConfirmation .ui .product {
  padding: 1rem 0;
}
#emailConfirmation .ui .image {
  padding: 1rem 0;
  margin: 0;
}
#emailConfirmation .card {
  background: #ffffff;
  margin-bottom: 1.5rem !important;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  padding: 2rem;
}
#emailConfirmation .padding {
  padding: 2rem !important;
}
#emailConfirmation .padding-left {
  padding-left: 2rem !important;
}
#emailConfirmation .padding-right {
  padding-left: 2rem !important;
}
#emailConfirmation .margin-bottom-none {
  margin-bottom: 0 !important;
}
#emailConfirmation .missingDetails {
  background: #FFFAF3;
}
#emailConfirmation .text-align-right {
  text-align: right;
}
#emailConfirmation .text-align-center {
  text-align: center;
}
#emailConfirmation .compact {
  padding-top: 0;
  padding-bottom: 0;
}
#emailConfirmation .cost {
  padding-top: 0;
}
#emailConfirmation .total.cost {
  padding: 0.5rem 1rem;
  width: 200px;
}
#emailConfirmation h3.cost {
  margin-top: 1rem;
}
#emailConfirmation .orderDetails {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #E5E5E5;
  padding: 2rem;
  margin-top: 2rem;
}
#emailConfirmation .background {
  background-color: #222222;
  color: #ffffff;
}
#emailConfirmation .button {
  margin: 0;
}
#emailConfirmation .row.image {
  padding: 0;
}
#emailConfirmation .ui.large.message {
  margin-bottom: 1.5rem;
}
#emailConfirmation .header {
  margin-top: 0;
}
#emailConfirmation .hero.image {
  padding: 0;
  margin: 0;
  overflow: hidden;
  max-height: 200px;
}
#emailConfirmation .hero.image img {
  position: relative;
  bottom: 100px;
  border-radius: 0;
}
#emailConfirmation .ui.card > :last-child {
  border-radius: 0 !important;
}
#emailConfirmation .segment {
  border: none;
  border-radius: 0;
}
#emailConfirmation h4.ui.header {
  margin-top: 1rem !important;
}
#emailConfirmation h4 {
  font-size: 0.85rem;
  color: #9E9E9E;
  margin: 1rem 0 0;
  font-weight: 300;
}
#emailConfirmation p {
  line-height: 1.5rem;
}
#emailConfirmation p.legal {
  font-size: 0.8rem;
}
#emailConfirmation hr {
  margin: 1rem 0;
  border: 1px solid #E5E5E5;
}
#emailConfirmation .social {
  margin-top: 1rem;
}
#emailConfirmation .social i.big.icon {
  margin-right: 0;
  width: 1em;
}
#emailConfirmation .footer .social {
  padding: 1rem;
  margin: 0;
}
#emailConfirmation .warning.message {
  padding: 1rem;
}

/*********************CONFIRMATION 2********************/
#emailConfirmation2 .ui .grid {
  display: block;
}
#emailConfirmation2 .ui .sub.header {
  border: none;
  padding: 0;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.28571429em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.28571429em;
  margin-top: 0;
}
#emailConfirmation2 .ui .image {
  padding: 1rem 0;
  margin: 0;
}
#emailConfirmation2 .card {
  background: #ffffff;
  margin-top: 1.5rem !important;
  width: 100%;
  box-shadow: none;
  padding: 2rem;
  border-radius: 0.28571429rem;
}
#emailConfirmation2 .card:first-child {
  margin-top: 0 !important;
}
#emailConfirmation2 .padding {
  padding: 2rem !important;
}
#emailConfirmation2 .padding-left {
  padding-left: 2rem !important;
}
#emailConfirmation2 .padding-right {
  padding-left: 2rem !important;
}
#emailConfirmation2 .margin-bottom-none {
  margin-bottom: 0 !important;
}
#emailConfirmation2 .missingDetails {
  background: #FFFAF3;
}
#emailConfirmation2 .text-align-right {
  text-align: right;
}
#emailConfirmation2 .text-align-center {
  text-align: center;
}
#emailConfirmation2 .compact {
  padding-top: 0;
  padding-bottom: 0;
}
#emailConfirmation2 .cost {
  padding-top: 0;
}
#emailConfirmation2 .total.cost {
  margin-top: 0;
}
#emailConfirmation2 h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
#emailConfirmation2 h3.cost {
  margin-top: 1rem;
}
#emailConfirmation2 h4.ui.header {
  margin-top: 1rem !important;
}
#emailConfirmation2 h4 {
  font-size: 0.85rem;
  color: #9E9E9E;
  margin: 1rem 0 0;
  font-weight: 300;
}
#emailConfirmation2 p {
  line-height: 1.5rem;
}
#emailConfirmation2 p.legal {
  font-size: 0.8rem;
}
#emailConfirmation2 hr {
  margin: 2rem 0;
  border: 1px solid #E5E5E5;
}
#emailConfirmation2 .orderDetails {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #E5E5E5;
  padding: 2rem;
  margin-top: 3rem;
}
#emailConfirmation2 .background {
  background-color: #222222;
  color: #ffffff;
}
#emailConfirmation2 .button {
  margin: 0;
}
#emailConfirmation2 .row.image {
  padding: 0;
}
#emailConfirmation2 .ui.large.message {
  margin-top: 1.5rem;
}
#emailConfirmation2 .header {
  margin-top: 0;
}
#emailConfirmation2 .hero.image {
  padding: 0;
  margin: 0;
  overflow: hidden;
  max-height: 200px;
}
#emailConfirmation2 .hero.image img {
  position: relative;
  bottom: 100px;
  border-radius: 0;
}
#emailConfirmation2 .ui.card > :last-child {
  border-radius: 0 !important;
}
#emailConfirmation2 .segment {
  border: none;
  border-radius: 0;
}
#emailConfirmation2 .social {
  margin-top: 1rem;
}
#emailConfirmation2 .social i.big.icon {
  margin-right: 0;
  width: 1em;
}
#emailConfirmation2 .share.social i.big.icon {
  padding-top: 0.25rem;
}
#emailConfirmation2 .warning.message {
  padding: 1rem;
}
#emailConfirmation2 #policy {
  margin-top: 2rem;
}

/*********************Product Settings********************/
#productSettings .dropdown {
  min-width: 85px;
  white-space: pre-line;
  text-overflow: ellipsis;
  display: flex;
}
#productSettings .td.ng-scope {
  display: flex;
}

.transfer-notes-color {
  color: #9E9E9E;
}

/*********************Marketing Marterials / Lead Generation Forms********************/
#leadGenerationForms .sub.header {
  border: none;
  padding: 0;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.28571429em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.28571429em;
  margin-top: 0;
}
#leadGenerationForms .ui.grid > .column:not(.row) {
  padding-top: 0;
  padding-bottom: 1rem;
}
#leadGenerationForms .ui.frame {
  padding-top: 1rem;
}
#leadGenerationForms .ui.attached.segment {
  margin-bottom: 2rem;
}

#inquiryHistory .ui.table tr td {
  border-top: 0 !important;
}
@media screen and (max-width: 767px) {
  #inquiryHistory .contactEvent .column {
    padding: 0 0.5rem !important;
  }
}
#inquiryHistory .ui.basic.table tbody tr {
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: 0.5rem 0;
}
#inquiryHistory .ui.basic.table tbody tr td {
  padding-left: 0 !important;
}
#inquiryHistory .contactEventsDetails {
  padding-top: 0.5rem;
}
#inquiryHistory .contactEventsDetails h3 {
  margin-bottom: 0;
}
#inquiryHistory .contactEventsDetails table {
  margin-top: 0;
}
#inquiryHistory .ui.header .icon:only-child {
  margin-right: 0.25rem;
}

#editRequestModal .ui.table tr td,
#newRequestModal .ui.table tr td {
  border-top: none;
}

#marketingMaterials .sub.header {
  border: none;
  padding: 0;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.28571429em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.28571429em;
  margin-top: 0;
}
#marketingMaterials .ui.attached.segment {
  margin-bottom: 1rem;
}

.material-modal .remove-padding {
  padding: 0 !important;
}

.material-details .sub.header {
  padding: 1rem 0;
}
.material-details .material-details-image img {
  display: block;
  width: 100%;
}

.product-search-button {
  border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
}

.product-search-reset-button {
  margin-left: 10px;
}
.product-search-reset-button .ui.button {
  height: 100%;
}

.inquiry-item .inquiry-notes-head {
  margin: 0 0 0.5em;
  display: block;
}
.inquiry-item .inquiry-notes {
  padding: 12px 0 0;
  line-height: 1.4285em;
}
.inquiry-item .inquiry-note-name {
  font-weight: 700;
}

.widget-inquiry-modal .remove-padding {
  padding: 0 !important;
}

@media only screen and (min-width: 768px) {
  .ui.modal.widget-inquiry-modal {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.modal.widget-inquiry-modal {
    width: 680px;
  }
}
.inquiries-tab-header {
  overflow: hidden;
}
.inquiries-tab-header .inquiries-follow-up {
  margin-left: 8px !important;
  font-size: inherit !important;
  color: inherit !important;
  line-height: 23px !important;
  text-transform: none !important;
}
.inquiries-tab-header .inquiries-follow-up .ui.toggle.checkbox {
  position: relative;
  top: 1px;
  vertical-align: top;
  left: 10px;
}

.disabled-events {
  pointer-events: none;
}

rm-text-editor > div {
  overflow: hidden;
}

.body-overflow-scroll {
  overflow-x: scroll;
}

.settings-waiversign-icon {
  width: 1.18em;
  height: 1em;
  margin: 0 0.25rem 0 0;
  position: relative;
  top: 1px;
}

.phone-input-with-trash-icon {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.phone-input-with-trash-icon > input {
  flex: 1 0 80%;
  display: inline-flex;
}

.phone-input-trash-icon {
  margin-left: 10px;
  flex-basis: 10%;
}

.waiver-signed .icon.search {
  pointer-events: auto !important;
  cursor: pointer !important;
}

.signed-waiver-custom-field {
  padding: 0.21428571em 0;
}

.signed-waiver-custom-field:first-child {
  padding-top: 0;
}

.signed-waiver-custom-field:last-child {
  padding-bottom: 0;
}

.with-notification-circle {
  position: relative;
}
.with-notification-circle .notification-circle {
  position: absolute;
  top: -4px;
  right: -34px;
}

#waiverSign td.item {
  margin: 0.5rem 2rem;
}

.revoke {
  color: #DB2828;
  font-size: 0.85rem;
  font-weight: 300;
}

.markReceived {
  font-size: 0.85rem;
  font-weight: 300;
}

/****************Email Report***************/
#individualEmailReport .ui.mini.horizontal.statistic > .value {
  font-size: 1rem !important;
}
#individualEmailReport .ui.horizontal.statistic > .label {
  margin: 0 0 0 0.25rem;
}
#individualEmailReport .statistic {
  padding: 0;
}

#emailConfigure {
  max-width: 600px;
  width: 100% !important;
}

.two.fields {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

/****************Email Report***************/
.post-date-color {
  color: #9E9E9E;
}

#sheduleReport .ui.icon.input > i.icon {
  right: 10px;
}

/***************Product Review**************/
.ui.rm.rating.no-pointer .icon {
  cursor: default !important;
}

.ui.star.rating .icon.selected {
  color: #ffeb99 !important;
  text-shadow: 0 -1px 0 #FBBD08, -1px 0 0 #FBBD08, 0 1px 0 #FBBD08, 1px 0 0 #FBBD08 !important;
}

/***************View Availability Modal**************/
.view-availability-field {
  margin-bottom: 16px;
}

.view-availability-count {
  font-size: 16px;
  font-weight: 400;
}

.participant-checked {
  background-color: #e7f7ea;
}

/***********Chartjs Styles***********/
#dashboard .brand:before {
  background: #F8941E;
}
#dashboard .blue:before {
  background: #3287D3;
}
#dashboard .green:before {
  background: #60AA5C;
}
#dashboard .teal:before {
  background: #b8e8e6;
}
#dashboard .yellow:before {
  background: #FFCC00;
}
#dashboard .red:before {
  background: #e80404;
}
#dashboard .darkOrange:before {
  background: rgb(220.150862069, 122.3060344828, 6.849137931);
}
#dashboard .darkBlue:before {
  background: rgb(37.1084337349, 108.7951807229, 172.8915662651);
}
#dashboard .darkGreen:before {
  background: rgb(75.7217741935, 138.6814516129, 72.3185483871);
}
#dashboard .darkTeal:before {
  background: rgb(145.4787234043, 219.5212765957, 216.4361702128);
}
#dashboard .darkYellow:before {
  background: rgb(204, 163.2, 0);
}
#dashboard .darkRed:before {
  background: rgb(181.8644067797, 3.1355932203, 3.1355932203);
}
#dashboard canvas {
  width: 100%;
}
#dashboard .stat-doughnut {
  display: block;
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  color: #444;
}
#dashboard .stat-half-doughnut {
  display: block;
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 18%;
  color: #444;
  font-weight: 700;
  text-align: center;
}
#dashboard .chart-legend ul {
  list-style: none;
  width: 100%;
  margin: 30px auto 0;
}
#dashboard .chart-legend li {
  text-indent: 16px;
  line-height: 24px;
  position: relative;
  font-weight: 200;
  display: block;
  float: left;
  width: 50%;
  font-size: 0.8em;
  padding-right: 10px;
}
#dashboard .chart-legend li:before {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 7px;
  content: "";
}
#dashboard .doughnut div.ui.segment.bottom.attached {
  display: block;
}
#dashboard .reviews p {
  margin-top: 0 !important;
}
#dashboard .marketing p {
  margin: 0 !important;
}
#dashboard .marketing .ui.statistic {
  padding: 35px 0;
}
#dashboard #paymentsOwed,
#dashboard #refundsOwed {
  min-height: 200px;
}
#dashboard #paymentsOwed .ui.tiny.inverted.statistic,
#dashboard #refundsOwed .ui.tiny.inverted.statistic {
  min-height: 170px;
  justify-content: center;
}
#dashboard .ui.tertiary.inverted.segment {
  text-transform: uppercase;
}
#dashboard .ui.inverted.red.segment {
  background: #fc5656 !important;
  color: #FFF !important;
  border: 1px solid #e80404;
}
#dashboard .ui.inverted.green.segment {
  background: #81bb7e !important;
  color: #FFF !important;
  border: 1px solid #60AA5C;
}
#dashboard #product-sales canvas {
  height: 185px;
}

#navTasks .ui.circular.label {
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 0 !important;
  margin-left: 3px;
}

.reportDropdown {
  right: 0px !important;
  top: 38px !important;
  left: unset !important;
}

.mobileReportDropdown {
  right: unset !important;
  top: 38px !important;
  left: 0px !important;
}

#simpleSearch .dropdown.icon {
  display: inline-block !important;
}
#simpleSearch .ui.rm.button.dropdown .menu {
  width: 100%;
}
#simpleSearch .ui.label {
  min-width: 60px;
}

.ui.form .field > label.inline-label {
  display: inline-block;
  width: auto;
  padding: 0 0 0 6px;
}

.ui.inverted.menu .item > a.with-items:not(.ui) {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.92857143em 1.14285714em;
  line-height: 1;
  width: 100%;
}

.ui.inverted.menu .item > .menu.sub.with-items {
  margin-top: 24px;
}

.marketing-information-controls {
  padding: 10px 0 0;
}

/* ================================================ New Styles for Calendar ================================================ */
#calendarView {
  background: #f4f4f4;
}
#calendarView .datePickerDay {
  border: none !important;
  border-left: 1px solid rgba(34, 36, 38, 0.1) !important;
  border-top: 1px solid rgba(34, 36, 38, 0.1) !important;
  color: #9E9E9E !important;
  background: #f4f4f4 !important;
  width: 60px;
}
#calendarView .datePickerDayIsDisabled {
  color: #f4f4f4 !important;
}
#calendarView #calendarLegend .availableDateLegend {
  color: #d1e8cf !important;
}
#calendarView .calendarDays {
  background: #ffffff !important;
}
#calendarView .soldOutDate {
  background: #f4f4f4 !important;
  color: #9E9E9E !important;
}
#calendarView .soldOutDateTotal {
  color: #dddddd !important;
}
#calendarView .availableDate,
#calendarView .unlimitedInventory {
  background: #3287D3 !important;
  color: #ffffff !important;
}
#calendarView .availableDate:hover,
#calendarView .unlimitedInventory:hover {
  background: rgb(41.6144578313, 122.0060240964, 193.8855421687) !important;
  color: #ffffff !important;
}
#calendarView .availableDateTotal {
  color: rgb(32.6024096386, 95.5843373494, 151.8975903614) !important;
}
#calendarView .availableDateModal {
  background: #ffffff !important;
}
#calendarView .availableDateNotBooked,
#calendarView .unlimitedInventoryNotBooked {
  background: rgb(133.9759036145, 184.156626506, 229.0240963855) !important;
  color: #ffffff !important;
}
#calendarView .availableDateNotBooked:hover,
#calendarView .unlimitedInventoryNotBooked:hover {
  background: rgb(112.9819277108, 171.8674698795, 224.5180722892) !important;
  color: #ffffff !important;
}
#calendarView .availableDateNotBookedTotal {
  color: rgb(70.9939759036, 147.2891566265, 215.5060240964) !important;
}
#calendarView .callToOrder {
  background: #F2711C !important;
  color: #ffffff !important;
}
#calendarView .callToOrder:hover {
  background: rgb(231.25625, 99.8375, 13.24375) !important;
  color: #ffffff !important;
}
#calendarView .callToOrderTotal {
  color: rgb(183.01875, 79.0125, 10.48125) !important;
}
#calendarView .unlimitedInventory {
  font-size: 1.3rem;
}
#calendarView .unlimitedInventoryNotBooked {
  font-size: 1.3rem;
}
#calendarView .currentDate .label,
#calendarView .currentDate .value {
  color: #3287D3 !important;
}
#calendarView .weekend {
  background: repeating-linear-gradient(45deg, transparent, transparent 8px, #dddddd 2px, #dddddd 10px);
}
#calendarView .dateSelected {
  background: #60AA5C !important;
  color: #ffffff !important;
}
#calendarView .dateSelected:hover {
  background: rgb(84.872983871, 155.4415322581, 81.0584677419) !important;
  color: #ffffff !important;
}
#calendarView .dateSelectedTotal {
  color: rgb(66.5705645161, 121.9213709677, 63.5786290323) !important;
}
#calendarView .productDetails {
  min-width: 250px;
  background: #ffffff;
}
#calendarView .productDetails:first-of-type {
  border-top: 1px solid rgba(34, 36, 38, 0.1) !important;
}
#calendarView td.datePickerDay {
  padding: 0 !important;
}
#calendarView .ui.floated.image {
  margin: 0 1rem 0 0;
}
#calendarView .statistic {
  padding: 1em 0.5rem;
}
#calendarView #calendar-header .nav-next, #calendarView #calendar-header .nav-previous {
  line-height: 0 !important;
}

/* ================= Notes Styling ============================ */
#notes .circle.icon {
  position: relative;
  margin-left: -12px !important;
}
#notes .circle.icon:first-of-type {
  position: relative;
  margin-left: 0 !important;
  z-index: 0;
}

/* ================= Quantity Picker ============================ */
input.qty {
  text-align: center !important;
  max-width: 60px !important;
}

input.ui.button.qtyplus,
input.ui.button.qtyminus {
  text-align: center;
  width: 38px !important;
  max-width: 38px !important;
  background: #dddddd;
}

/* ================= Right Sidebar ============================ */
#rightSidebar {
  background: #ffffff !important;
}
#rightSidebar.ui.right.fixed.menu {
  color: #000000;
  width: 85%;
  top: 0;
  max-width: 400px;
  text-align: left;
}

#doughnutChart {
  height: 230px;
}

@media (max-width: 940px) {
  #doughnutChart {
    height: 100%;
  }
}
.ui.list.secondary.segment.error.message {
  padding: 1rem 1.5rem;
}

.no-margin-top {
  margin-top: 0 !important;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #login-details {
    border: 1px dashed #d5d7d8;
  }
}
#document-checked {
  text-align: right;
}

#paymentRadio #requiredDue .ui.radio.checkbox {
  padding-top: 0.5rem;
}
@media print {
  #billName {
    font-size: 18px;
  }
}
#otherAmount {
  align-items: center;
}

#summaryTable {
  padding-top: 0 !important;
}
@media (min-width: 769px) {
  #summaryTable {
    padding-top: 1rem !important;
  }
}
#summaryTable .ui.rm.table tr td {
  border: 0 !important;
  padding: 0 0.7em 0 0;
}

/* ******************************* Semantic Override *******************************/
.statistic {
  padding: 1em;
}

.ui.steps .step .title ~ .description {
  margin: 5px 0 0 0;
  line-height: 1;
}

.ui.table td {
  padding: 1em;
  vertical-align: middle;
}

.ui.menu:not(.vertical) .left.item.logo {
  margin-right: 0 !important;
}

.manifest-padding {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0.2rem !important;
  padding-left: 1rem !important;
}

/* ******************************* Messaging *******************************/
.ui.blue.message {
  background-color: #f44336;
  color: #FFF;
}

.ui.red.message {
  background-color: #e80404 !important;
  color: #FFF;
}

.ui.yellow.message {
  background: #fffaf3 !important;
  color: black !important;
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent;
}

i.red.icon {
  color: #e80404 !important;
}

i.green.icon {
  color: #60AA5C !important;
}

i.yellow.icon {
  color: #FFCC00 !important;
}

.ui.green.label, .ui.green.labels .label {
  background-color: #60AA5C !important;
  border-color: #60AA5C !important;
  border-color: #60AA5C !important;
  color: #FFF !important;
}

.ui.green.button,
.ui.inverted.green.segment {
  background: #60AA5C !important;
  color: #FFF !important;
}
.ui.green.button:hover,
.ui.inverted.green.segment:hover {
  background: rgb(128.6975806452, 187.4798387097, 125.5201612903) !important;
  color: rgb(57.4193548387, 105.1612903226, 54.8387096774) !important;
}

.ui.green {
  color: #60AA5C !important;
}
.ui.green:hover {
  color: rgb(57.4193548387, 105.1612903226, 54.8387096774) !important;
}

.ui.inverted.yellow.segment:hover {
  background: rgb(255, 214.2, 51) !important;
  color: rgb(153, 122.4, 0) !important;
}

.ui.inverted.teal.segment {
  background: #b8e8e6 !important;
}
.ui.inverted.teal.segment:hover {
  background: rgb(222.5212765957, 244.4787234043, 243.5638297872) !important;
  color: rgb(106.9574468085, 207.0425531915, 202.8723404255) !important;
}

.ui.inverted.red.segment,
.ui.red.button {
  background: #e80404 !important;
  color: #FFF !important;
}
.ui.inverted.red.segment:hover,
.ui.red.button:hover {
  background: rgb(251.2203389831, 35.7796610169, 35.7796610169) !important;
  color: rgb(131.7288135593, 2.2711864407, 2.2711864407) !important;
}

.ui.inverted.segment > .ui.header {
  color: inherit !important;
}

#publish-me:hover {
  background: #60AA5C !important;
}

tr.ui.warning.label,
.ui.warning.label,
.ui.yellow.label,
.ui.info.button {
  background-color: rgb(255, 224.4, 102) !important;
  color: rgb(102, 81.6, 0) !important;
}

#messages > .label {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 100;
  margin: 0px auto;
  max-width: 50%;
}

.ui.card > .activated.content,
.ui.cards > .card > .activated.content {
  background-color: rgb(226.7903225806, 239.9193548387, 226.0806451613) !important;
  color: rgb(39.1169354839, 71.6411290323, 37.3588709677) !important;
}

/* ******************************* Buttons *******************************/
.ui.primary.button,
.ui.primary.buttons .button,
.ui.green.button,
.ui.green.buttons .button {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-transform: uppercase;
  font-weight: normal;
}

.ui.primary.button,
.ui.primary.buttons .button {
  color: #FFF;
  background: #3287D3;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-transform: uppercase;
  font-weight: normal;
}

.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
.ui.primary.buttons .active.button,
.ui.primary.button.active,
.ui.secondary.buttons .button.active,
.ui.secondary.button.active {
  background: rgb(37.1084337349, 108.7951807229, 172.8915662651);
}

.ui.secondary.buttons .button, .ui.secondary.button {
  border: 1px solid #3287D3;
  color: #3287D3;
  background: #FFF !important;
}

.ui.secondary.buttons .button:hover, .ui.secondary.button:hover {
  background: #3287D3 !important;
}

.ui.secondary.segment {
  color: inherit !important;
}

#weekdays .ui.mini.button.primary {
  background: #60AA5C;
  color: #FFF;
}

.ui.table tbody tr {
  border-bottom: 1px solid #E5E5E5;
}

.ui.inverted.menu,
.ui.inverted.black.segment,
.ui.inverted.segment,
.ui.primary.inverted.segment {
  background-color: #15242e !important;
}

.ui.inverted.menu .item:before {
  background: none;
}

.ui.vertical.menu .item > i.icon {
  float: left;
}

.ui.inverted.button {
  position: inherit;
  top: 0;
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
  box-shadow: 0 0 0 0 #FFF inset !important;
}

.ui.form .inline.field > p {
  margin-bottom: 1em;
  vertical-align: top;
}

#userAccessForm .field:last-child {
  margin: 0 0 1em !important;
}

.ui.grid {
  margin: 0 !important;
}

.button {
  text-transform: uppercase !important;
}

.ui.fluid.dropdown {
  height: 45px;
  font-size: 12px;
  text-align: center;
}
@media (min-width: 400px) {
  .ui.fluid.dropdown {
    text-align: left;
  }
}

.ui.fluid.button {
  margin-bottom: 1em;
}

.ui.menu .item path {
  transition: 0.1s ease;
}

.ui.menu .item:before {
  background: none;
}

body.pushable {
  background: #1b1c1d !important;
}

body.pushable > .pusher {
  background: #FFF;
}

@media (min-width: 100px) {
  .pusher.dimmed {
    margin-top: 6em;
  }
}

.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
  font-size: 18px !important;
}

.ui.inverted.icon.menu .icon {
  color: inherit;
}

.ui.inverted.menu .link.item:hover {
  background: none;
  color: #F8941E;
}
.ui.inverted.menu .link.item:hover path {
  fill: #F8941E;
}

.activeMenu {
  color: #F8941E !important;
}
.activeMenu path {
  fill: #F8941E !important;
}

.ui.form .inline.field > label,
.ui.form .inline.fields > label {
  width: 100%;
  text-align: left;
  margin: 0 14px 0 0;
}
@media (min-width: 1116px) {
  .ui.form .inline.field > label,
  .ui.form .inline.fields > label {
    text-align: right;
  }
}

.ui.menu .item > .label,
.ui.menu .item > .labels {
  margin: 0;
}

.ui.form .inline.field input[type=checkbox] {
  display: inline;
  max-width: 10px;
}

.confirmationPrompt.ui.form .inline.field input[type=checkbox] {
  max-width: 17px;
}

.ui.mini.button.primary {
  border: 1px solid #3287D3;
}

.ui.form .inline.field > label.redactor {
  vertical-align: top;
}

/* ******************************* Modal Overrides for Admin *******************************/
.calendar-container .calendar-tier input[type=number], .calendar-container .calendar-tier input[type=text] {
  max-width: 60px;
}
.calendar-container .calendar-tier select {
  max-width: 305px;
}

.calendar-title {
  background: #222222;
  padding: 1.25rem 1.5rem;
  font-size: 1.42857143rem;
}

.calendar-title,
.calendar-container {
  font-weight: normal;
}

.ng-modal-close {
  color: #FFF;
  top: 11px;
}

.ui.dropdown > .default.text {
  color: #000;
}

h4:last-child {
  margin: 0 !important;
}

.cart-summary-header {
  text-transform: uppercase;
}
@media (max-width: 48em) {
  .cart-summary-header {
    display: inline-block;
  }
}

#cart a.productName,
#cart a.productDesc {
  color: #000;
}

#cart a.productName:hover,
#cart a.productDesc:hover {
  color: #1E70BF;
}

#customerInformation .field, #additionalInformation .field {
  margin-bottom: 1em;
}

.topSpacer {
  margin-top: 1em;
}

#participantInfo .field {
  margin-bottom: 1em;
}

.ui.header.link {
  color: #4183C4 !important;
}

.ui.accordion.no-padding .title {
  padding: 0;
}

#system p,
#info p,
#errors p,
#message p {
  white-space: pre-wrap;
}

#cvcHelp {
  margin-bottom: 4px;
  float: right;
}

#cvcHelp .help {
  min-height: 16px !important;
}

.productSelection {
  border: 0px !important;
  padding-left: 0em !important;
}

.productSelection .text {
  font-size: 1.5em;
  font-weight: bold;
}

.productHeader {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.productHeader .message {
  margin: 0;
}

.ui.segment.dashboardWidget {
  height: 329px;
  overflow: auto;
  position: inherit;
}

.ui.segment.barChartMessage {
  line-height: 280px;
  height: 329px;
}

.ui.segment.barChartMessageByUsers {
  padding-top: 125px;
  padding-bottom: 125px;
}

.ui.segment.barChartMessage.flexible {
  line-height: 1.2;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

.ui.segment.pieChartMessage {
  height: 225px;
  line-height: 180px;
  overflow: auto;
}

.rsmk-error,
.validationErr {
  border-color: #DB2828 !important;
  display: inline-block !important;
  white-space: normal;
  background: #FFF !important;
  border: 1px solid #E0B4B4 !important;
  color: #9F3A38 !important;
  vertical-align: top;
  margin: -0.25em 0 -0.5em 0.5em;
  visibility: visible !important;
  font-size: 0.85714286rem;
  line-height: 1;
  text-transform: none;
  font-weight: 700;
  transition: background 0.1s ease;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-timing-function: ease;
  box-sizing: inherit;
  padding: 0.5833em 0.833em;
  border-radius: 0.28571429rem;
}

.logoImage {
  width: auto !important;
  display: inline-block !important;
}

.entityBackground {
  background-color: #DDDDDD;
}

#warningMessage {
  top: -10px;
  left: -390px;
}

.ui.labeled.icon.menu .item {
  font-size: 12px;
}

i.trash.icon {
  font-size: 1.2em;
}

.fields label {
  min-width: 120px;
}

select.ui.dropdown,
div.ui.dropdown.selection,
.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number] {
  background: #f2f2f2 !important;
  max-width: 96%;
}

select.ui.dropdown {
  display: inline;
}

small select.ui.dropdown {
  height: 60px;
}

.ui.form input.tiny[type=text] {
  max-width: 50px;
}

.ui.form .field .ui.input input.medium,
.ui.form .wide.field .ui.input input.medium {
  min-width: 60px;
  max-width: 60px;
}

.ui.form .inline.field > select {
  width: 100%;
  max-width: 22em;
}

#enabled .ui.form .field :disabled {
  opacity: 1 !important;
}

.ui.form input[type=text].short {
  width: 177px;
}

.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
  background: #4183c4 !important;
  border-color: #4183c4 !important;
}

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
  color: #fff !important;
}

.ui.checkbox .box:after, .ui.checkbox label:after {
  font-size: 12px !important;
}

.ui.styled.accordion .active.title {
  background: rgb(220, 221, 222);
  color: rgba(0, 0, 0, 0.6);
}

.ui.label.basic {
  min-width: 70px;
  text-align: center;
}

/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #6EB43F !important;
}

/* Make Focus State Legible*/
.ui.primary.button:focus, .ui.secondary.button:focus {
  background: #256dad !important;
}

.ui.selection.dropdown.all-products {
  background: #f2f2f2;
}

.ui.dropdown.all-products:not(.button) > .default.text {
  color: rgba(0, 0, 0, 0.87);
}

.ui.primary.button, .ui.primary.buttons .button {
  border: 1px solid transparent;
}

.ui.button.dropdown .menu {
  min-width: 280px !important;
  overflow: auto;
}

.ui.bordered {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.bordered:last-child {
  border-bottom: none;
}

.ui.white.message {
  background: #FFF !important;
  box-shadow: none;
}

.message .ui.statistics .statistic > .value {
  text-align: right !important;
}

.ui.horizontal.celled.list > .item:first-child {
  border-left: none !important;
}

.ui.horizontal.celled.list > .item:last-child {
  border-right: none !important;
}

.ui.inverted.segment > .ui.header.orange {
  color: #F8941E !important;
}

.ui.stackable.horizontal.list > .item {
  margin-left: 0 !important;
}

.ui.form .field .prompt.label,
.ui.form .field .pointing.label {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  color: #e80404 !important;
  display: block !important;
}
.ui.form .field .prompt.label:before,
.ui.form .field .pointing.label:before {
  content: none !important;
}

.ui.form .field.error label {
  color: inherit !important;
}

.ui.form .field.error input:not([type]), .ui.form .field.error input[type=date], .ui.form .field.error input[type=url], .ui.form .field.error input[type=datetime-local], .ui.form .field.error input[type=email], .ui.form .field.error input[type=number], .ui.form .field.error input[type=password], .ui.form .field.error input[type=search], .ui.form .field.error input[type=tel], .ui.form .field.error input[type=time], .ui.form .field.error input[type=text], .ui.form .field.error input[type=file], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type=date], .ui.form .fields.error .field input[type=url], .ui.form .fields.error .field input[type=datetime-local], .ui.form .fields.error .field input[type=email], .ui.form .fields.error .field input[type=number], .ui.form .fields.error .field input[type=password], .ui.form .fields.error .field input[type=search], .ui.form .fields.error .field input[type=tel], .ui.form .fields.error .field input[type=time], .ui.form .fields.error .field input[type=text], .ui.form .fields.error .field input[type=file], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea {
  border-color: #e80404 !important;
  color: #e80404 !important;
}

/*-------------------
   Breakpoints
--------------------*/
@tabletBreakpoint : 1119px;
@computerBreakpoint : 1119px;
.calendar.icon {
  right: 10px !important;
}

.contactTask .ui.table tr.warning {
  background: #ffeb99 !important;
}

#sheduleReport .ui.button {
  border: 1px solid #E0E1E2;
}

.ui.table tr.footer,
.ui.table td.footer {
  background: #F9FAFB !important;
  color: #000000 !important;
}

.img-gallery ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 767px) {
  .unslider {
    margin: -22px -1rem 0 !important;
  }
  .img-gallery ul {
    margin: -1rem;
  }
}
.unslider {
  position: relative !important;
  overflow: hidden !important;
  position: relative !important;
  padding-bottom: 67% !important;
  height: 0 !important;
}

.unslider ul {
  display: flex;
  align-items: stretch;
  max-height: 323px;
}

.unslider ul li {
  background-color: #101010;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.unslider ul li div {
  width: 100%;
  display: block;
  height: 323px;
}

@media screen and (max-width: 400px) {
  .unslider ul li div {
    height: 275px;
  }
}
.unslider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 48px;
  text-shadow: 0px 1px 2px #444;
  margin-top: 14px;
}

.unslider-arrow:active {
  text-shadow: 0px 1px 2px #000;
}

.unslider-arrow:hover {
  color: rgba(255, 255, 255, 0.75);
}

.unslider-arrow.next {
  right: 0 !important;
}

.unslider-arrow.prev {
  left: 0 !important;
}

.unslider-nav {
  position: absolute;
  bottom: 18px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .unslider-nav {
    display: none;
  }
}
.unslider-nav ol li {
  width: 10px !important;
  height: 10px !important;
  border-radius: 5px !important;
}

.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
}

.unslider-wrap {
  position: relative;
}

.unslider-wrap.unslider-carousel > li {
  float: left;
}

.unslider-vertical > ul {
  height: 100%;
}

.unslider-vertical li {
  float: none;
  width: 100%;
}

.unslider-fade {
  position: relative;
}

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}

.unslider li, .unslider ol, .unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

.unslider-arrow {
  position: absolute;
  left: 20px;
  z-index: 2;
  cursor: pointer;
}

.unslider-arrow.next {
  left: auto;
  right: 20px;
}

/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center;
}

.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}

.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #login-details {
    border: 1px dashed #d5d7d8;
  }
}

/*# sourceMappingURL=admin.css.map */