.error {
  color: #d94e37 !important;
}
.headingbootomborder {
  border-bottom: 1px solid #444443;
}
.topmargin10 {
  margin-top: 10px !important;
}
.mealstyle {
  height: 50px;
  margin: 10px;
  background-color: #dfe5e8;
}
.leftFloat {
  float: left;
}
.rightFloat {
  float: right;
}
.buttonLayout {
  height: 30px;
  width: 30px;
  margin-top: 10px;
  background-color: #37586d;
  border: 2px;
}
.marginright {
  margin-right: 10px;
}
.marginleft {
  margin-left: 10px;
}
.textFontStyle {
  font-size: 18px !important;
  color: #153142 !important;
  font-family: "Roboto Condensed", sans-serif !important;
}

.moduleName {
  font-size: 14px !important;
  font-family: "Roboto Condensed", sans-serif !important;
}
.smallDate {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 14px !important;
}
#wizard-addstaff .bootstrapWizard li,
#wizardAddCompany .bootstrapWizard li {
  width: 25% !important;
}
.bootstrapWizard li {
  width: 20% !important;
}
#wizardSetupCompany .bootstrapWizard li {
  width: 16% !important;
}
.setup-specialMeal li {
  width: 16% !important;
}
.vcenter {
  vertical-align: middle !important;
}
.textLineHeight {
  line-height: 10px;
}
#archiveMealSearch .form-group {
  margin-top: 15px !important;
}
.padding10 {
  padding: 10px;
}
.navFormBorderBottom {
  border-bottom: 1px solid #33566a;
}
#advancedInventory .close,
#advancedSpInventory .close,
.bg-primary .close {
  color: #fff;
  opacity: 1;
  font-size: 28px !important;
}
.pagetitlefontsize span {
  font-size: 16px !important;
}
.pagetitlemargin {
  margin-top: 9px;
}
#info_dialog {
  z-index: 800000 !important;
}
.status .who {
  padding: 10px !important;
}

.posBtnDisable {
  opacity: 0.3;
}
.pagetitlemargin {
  margin-top: 9px;
}
.alignCenter {
  text-align: center;
}
.rightBorderNone {
  border-right: none !important;
}
.positionRowBgColor {
  background-color: #efefef !important;
}
.staffListDataTableAlign {
  text-align: center;
  color: 000000;
  font-size: 16px !important;
  font-weight: 500;
  vertical-align: middle !important;
}
.deleteCell {
  text-align: center;
}
.radio-inline {
  margin-left: 0px !important;
}
#savePositionForm .onoffswitch,
#contactInformationForm .onoffswitch,
#xxpmStatusForm .onoffswitch,
#startEndDateForm .onoffswitch,
#specialMealPeriod .onoffswitch,
#reservationistForm span.onoffswitch,
#eventPlannerForm span.onoffswitch,
#tableWatchForm span.onoffswitch,
#brandManagerForm span.onoffswitch,
#reserWidgetForm span.onoffswitch,
#resWidCodeGeneratorForm span.onoffswitch,
#generalSettingsForm span.onoffswitch,
.onoffBtnMargin {
  margin-left: 0px;
}
#startEndDateForm span.onoffswitch,
#generalSettingsForm span.onoffswitch,
#reservationistForm span.onoffswitch,
#eventPlannerForm span.onoffswitch,
#tableWatchForm span.onoffswitch,
#brandManagerForm span.onoffswitch,
#generalSettingsForm .btnMarginTop,
#reserWidgetForm span.onoffswitch,
#resWidCodeGeneratorForm span.onoffswitch,
#specialMealPeriod .onoffswitch {
  margin-top: 10px;
}
#startEndDateForm .dd-handle,
#specialMealPeriod .dd-handle {
  word-wrap: break-word !important;
}
.dd3-item .row {
  margin-left: 0px;
  margin-right: 0px;
}
.moduleMarginTop {
  margin-top: 6px;
}
.dd3-item .no-margin {
  margin-top: 6px !important;
}
.dd3-content {
  padding: 6px 10px 8px 0px !important;
}

.dd3-item .onoffswitch {
  width: 68px;
  margin-top: 5px;
}
.dd3-item .onoffswitch-switch {
  right: 50px;
}
.not-active-tab {
  pointer-events: none;
  cursor: default;
}
.mousepointerstyle,
#positionTable .sortable tr,
#positionTable tr td,
#adminDealerTable tr,
#salesPersonTable tr,
#companylistAllTable tr,
#restaurantsTable tr,
.cursorPointer,
#invoicesTable tr {
  cursor: pointer;
}
.tableRowSelect {
  background-color: #ccc !important;
}

.HeadingColor {
  color: #959595 !important;
}
form#generalSettingsForm,
form#reservationistForm,
form#eventPlannerForm,
form#tableWatchForm,
form#guestStatusForm,
form#brandManagerForm,
form#tableStatusForm,
form#setGuestTypesForm,
form#guestRequestsForm,
form#reservationSourceForm,
form#companyOccasionForm,
form#colorCueForm {
  background: #fff;
  padding: 10px;
}
#reservationistForm .dt-toolbar {
  padding: 0px 7px 1px;
}
#slotConfigurationTable tr.row_selected td {
  background-color: #ccc;
}
#reserWidgetForm img {
  height: 200px;
  width: 400px;
}
#reserWidgetForm .imageUploadInner {
  display: none;
}
#logo img {
  width: 200px !important;
}
#logo {
  margin-top: 5px;
}
#sortableSpMeal {
  min-height: 150px !important;
}
div.ui-datepicker {
  z-index: 100000 !important;
}
#startEndTimeForm input[type="number"],
#advancedInventoryentoryTimeForm input[type="number"],
#inventoryTimeForm input[type="number"],
#inventoryForm input[type="number"] {
  width: 50px !important;
  background-color: transparent;
  padding: 8px;
  border-style: none;
}

/* Color and style changes as per client post*/
#ribbon {
  border-bottom: 1px solid #e7e7e7;
  background-color: #ffffff !important;
}
#ribbon ol li {
  color: #000000 !important;
}
#left-panel .login-info {
  background-color: #f3f3f3 !important;
}
.login-info > span {
  height: 38px !important;
  display: block !important;
  padding: 0 10px !important;
  border-bottom: none;
}
.login-info > span > a:hover {
  color: #7ca1b6 !important;
}
.login-info a span {
  max-width: 200px !important;
}

.login-info {
  display: block;
  font-size: 12px;
  height: 39px;
  color: #fff;
  border: solid #0000;
  border-width: 1px 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  width: 100%;
  margin: 0 !important;
  border-bottom: 1px solid #525151;
}

aside {
  background: #f3f3f3;
}
#left-panel .active a span {
  color: #fffcfc !important;
}
#left-panel a span {
  color: #000000;
}
nav a span {
  background-color: #f3f3f3 !important;
}
nav ul li.active > a > .menu-item-parent {
  color: #000000 !important;
  background: #33566a !important;
}

/*
  nav ul li ul, nav ul li ul li {
      background-color: #4b6a7c !important;
  }
  
  */

nav ul li ul .active,
nav ul li ul .active a span {
  background-color: #05d79c !important;
}
nav ul li ul li a {
  color: #fff !important;
}

nav ul li a:hover,
nav a:hover span {
  background-color: #ff9900 !important;
}
nav ul li a {
  color: #000000;
}
#left-panel .minifyme {
  background-color: #33566a !important;
  color: #c0bbb7 !important;
  border: 1px solid #33566a !important;
}
#header .header-dropdown-list {
  float: left !important;
  line-height: 15px !important;
  min-width: 200px !important;
}
.selectedLinkBg,
.selectedLinkBg a span {
  background-color: rgb(51, 87, 106) !important;
}
.btn-primary {
  background-color: #f48e2b !important;
  border-color: #f48e2b !important;
  color: #fff !important;
}
.textNormalColor {
  color: #000000 !important;
  font-weight: 350;
}
.labelTextColor {
  color: #687384 !important;
}
.control-label {
  color: #272c33 !important;
}
.bg-primary,
#staffmaintabs article header,
#positionTableData article header,
#archivePositionForm article header,
.paginate_button.active a,
.bg-color-greenLight,
.onoffswitch-inner::before {
  color: #000000 !important;
  background-color: #d8d8d8 !important;
  border: 1px solid #d8d8d8;
}

/* Guest Section CSS*/
.propertyWellSection {
  background: #eee;
  padding: 5px !important;
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.serialNumberPadding {
  padding-left: 2px !important;
}
.lblPadding {
  padding-top: 7px !important;
  margin-bottom: 13px !important;
}
.bg-white,
form#editRestaurantForm {
  background: #ffffff;
}
.bg-grey {
  background: #f3f3f3;
}
.pt-1 {
  padding-top: 1rem;
}
.pad-1 {
  padding-top: 5px;
}
/* Media query for the floorplan height management*/
.floorplanMinHeight {
  min-height: 580px !important;
}
@media screen and (min-height: 750px) {
  .floorplanMinHeight {
    min-height: 700px !important;
  }
}
@media screen and (min-height: 885px) {
  .floorplanMinHeight {
    min-height: 850px !important;
  }
}
@media screen and (min-height: 1070px) {
  .floorplanMinHeight {
    min-height: 1025px !important;
  }
}
@media screen and (min-height: 1190px) {
  .floorplanMinHeight {
    min-height: 1150px !important;
  }
}
@media screen and (min-height: 1430px) {
  .floorplanMinHeight {
    min-height: 1390px !important;
  }
}
@media screen and (min-height: 1790px) {
  .floorplanMinHeight {
    min-height: 1750px !important;
  }
}
.buttonPointer {
  cursor: pointer;
}
.note-editing-area {
  word-wrap: break-word;
  word-break: break-all;
}
#header > div {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  float: left;
}
.btn-header > :first-child > a {
  margin: 10px 0px 0px !important;
}
#hide-menu > :first-child > a,
.btn-header a {
  margin-top: 10px !important;
  width: 40px !important;
  height: 30px !important;
  line-height: 24px !important;
}
#ribbon .breadcrumb li:last-child,
#ribbon .breadcrumb > .active {
  color: #000000 !important;
}
.widget-body .well {
  margin-bottom: 20px !important;
}
.addRestaurant .wrapper {
  float: left;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.addRestaurant .addMarginTop {
  margin-top: 4px;
}
.companyPaddingBottom {
  padding-bottom: 20px;
}
.companyWell {
  margin-bottom: 5px !important;
  min-height: 288px !important;
  padding: 10px !important;
}
.btnGroup .wrapper {
  float: left;
  text-align: center;
  margin: 2px 5px 2px 5px;
}
.modalHrMargin {
  margin: 5px 0px 5px 0px !important;
}
.modal-header {
  padding: 6px !important;
}
.labelPaddingTop {
  padding-top: 7px;
}
.modalHeaderButton {
  background: #33566a !important;
  width: 50px;
}
/* Message box */
@media only screen and (max-width: 767px) {
  .MessageBoxContainer {
    width: 75% !important;
    margin-left: 12% !important;
    background-color: #296191 !important;
  }
  .MessageBoxMiddle {
    position: relative;
    left: 0% !important;
    width: 100% !important;
  }
  .MessageBoxButtonSection {
    width: 70% !important;
    height: 30px !important;
  }
}
@media only screen and (min-width: 768px) {
  .MessageBoxContainer {
    width: 50% !important;
    margin-left: 25% !important;
    background-color: #296191 !important;
  }
  .MessageBoxMiddle {
    position: relative;
    left: 0% !important;
    width: 100% !important;
  }
  .MessageBoxButtonSection {
    width: 65% !important;
    height: 30px !important;
  }
}

.loaderImg {
  display: block;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 10%;
  height: auto;
}
.btnSaveData,
.btnSaveSetupData,
.mealPeriodHelp,
.btnAssistance,
.spMealPeriodHelp {
  float: right;
  margin-right: 10px;
}
.billingYearPadding {
  padding-right: 0px !important;
}
.paddingLeftRight {
  padding-left: 5px !important;
}
.lblonoff {
  padding-top: 0px !important;
}
#btnBookingWidgetShow {
  border-radius: 10px !important;
}
.price-features {
  height: 250px !important;
  overflow-y: auto;
  overflow-x: hidden;
}
#packageDetailsForm .panel-title,
#addonsForm .panel-title {
  padding: 0px !important;
}
#packageDetailsForm .the-price,
#addonsForm .the-price {
  padding: 8px !important;
}
#packageDetailsForm .pricing-big .panel-footer .btn,
#addonsForm .pricing-big .panel-footer .btn {
  padding: 8px 0px !important;
}
#billingInfo_info {
  display: none !important;
}
#restaurantInfoModal .modal-body,
#mealHelpModal .modal-body,
#bookingWidgetModal .modal-body,
#diningAssistantModal .modal-body,
#searchCriteriaModal .modal-body {
  max-height: calc(105vh - 210px);
  overflow-y: auto;
}
.finishSetupWizard {
  float: right;
  margin-left: 10px;
}
/*col-centered {
      float: center;
      margin: 0 auto;
      position: relative;
  }*/
.setupwizardHeader {
  line-height: 1.32857;
  font-size: 12px !important;
}
#setupMealPeriodModal .modal-body {
  padding: 5px 20px !important;
}
#setupMealWizard .jarviswidget {
  margin: 0 !important;
}
.temsServicesHeight {
  min-height: 450px !important;
}
.aNextStep {
  background-color: #63b363 !important;
  border-color: #63b353 !important;
  color: #fff !important;
}
.aAssistance {
  background-color: #b2b5b9 !important;
  border-color: #b2b5b9 !important;
  color: #3c3a32 !important;
}
.setupNextStepsSection {
  /*border: 2px solid;
      border-color: #ff9c08;*/
}
.iconMargin {
  margin: 5px 0px 5px 0px !important;
  /*display: table-cell;*/
  vertical-align: middle;
  text-align: center;
}
.icnAlignCenter {
  float: none;
  margin: auto;
  width: 50px;
}
#searchCriteriaModal .modal-body {
  padding-top: 0px !important;
}
.diningAssistantStyle {
  padding: 8px 8px !important;
}

/* package dashboard */
.packageOne {
  float: none;
  margin-left: 33%;
  margin-right: 33%;
}
.packageTwo {
  float: none;
  margin-left: 22%;
  margin-right: 22%;
}
.packageThree {
  float: none;
  margin-left: 10%;
  margin-right: 10%;
}
.packageSelected {
  border: 2px solid #326625 !important;
}
div#restaurantsTable_wrapper {
  padding: 5px;
  background: #fff;
}
form#companyMealsForm {
  padding: 16px;
  background: #fff;
}
/* Setup Wizard : Next step */
@media only screen and (min-width: 2400px) {
  #diningAssistant,
  #bookingWidget,
  #facebookTab,
  #searchFilter,
  #moreCustomization {
    border: 2px solid #ff9c08;
    min-height: 190px;
    float: left;
    width: 20%;
    cursor: pointer;
  }
  #diningAssistant,
  #bookingWidget,
  #facebookTab,
  #searchFilter {
    border-right: none;
  }
}

@media only screen and (max-width: 2400px) {
  #diningAssistant,
  #bookingWidget,
  #facebookTab,
  #searchFilter,
  #moreCustomization {
    border: 2px solid #ff9c08;
    min-height: 190px;
    float: left;
    width: 20%;
    cursor: pointer;
  }
  #diningAssistant,
  #bookingWidget,
  #facebookTab,
  #searchFilter {
    border-right: none;
  }
}
@media only screen and (max-width: 869px) {
  #diningAssistant,
  #bookingWidget,
  #facebookTab,
  #searchFilter,
  #moreCustomization {
    min-height: 202px;
  }
  .packageOne {
    float: none;
    margin-left: 25%;
    margin-right: 25%;
  }
  .packageTwo {
    margin-left: 5%;
    margin-right: 5%;
  }
}
@media only screen and (max-width: 839px) {
  #diningAssistant,
  #bookingWidget,
  #facebookTab,
  #searchFilter,
  #moreCustomization {
    min-height: 190px;
    width: 33%;
  }
  #bookingWidget {
    border-right: 2px solid #ff9c08;
  }
  #facebookTab {
    border-left: none;
    border-right: 2px solid #ff9c08;
  }
  #searchFilter,
  #moreCustomization {
    border-top: none;
  }
  .packageOne {
    float: none;
    margin-left: 16%;
    margin-right: 16%;
  }
}
@media only screen and (max-width: 539px) {
  #diningAssistant,
  #bookingWidget,
  #facebookTab,
  #searchFilter,
  #moreCustomization {
    min-height: 150px;
    width: 100%;
    border: 2px solid #ff9c08;
  }
  #diningAssistant,
  #bookingWidget,
  #facebookTab,
  #searchFilter {
    border-bottom: none;
  }
  .packageOne,
  .packageTwo,
  .packageThree {
    float: none;
    margin-left: 0%;
    margin-right: 0%;
  }
}
@media only screen and (min-width: 561px) {
  .setupwizardHeader {
    display: block;
  }
  .showAssistantbtn {
    display: none;
  }
}
@media only screen and (max-width: 560px) {
  .showAssistantbtn {
    display: block;
  }
  .setupwizardHeader {
    display: none;
  }
}

@media only screen and (max-width: 1260px) {
  .packageTwo {
    margin-left: 15%;
    margin-right: 15%;
  }
}

.select2-container--open .select2-selection,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #242528;
  outline: 0;
}

.select2-container--open .select2-dropdown,
.select2-drop-active {
  border: 1px solid #f3f3f3;
  border-top: none;
  border-bottom-width: 3px;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f3f3f3;
  background-image: none;
  border-left: 0;
}

.smart-style-5 .dt-toolbar option,
.smart-style-5 select:not([multiple]) option {
  background-color: #323840 !important;
  border-color: #f3f3f3 !important;
  color: #687384 !important;
  padding: 7px 20px !important;
}

.smart-style-5 .table > tbody > tr > td,
.smart-style-5 .table > tbody > tr > th,
.smart-style-5 .table > tfoot > tr > td,
.smart-style-5 .table > tfoot > tr > th,
.smart-style-5 .table > thead > tr > td,
.smart-style-5 .table > thead > tr > th {
  border-top-color: #66747c9e;
}

.select2-container .select2-choice,
.select2-selection {
  display: block;
  height: 32px;
  padding: 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #f3f3f3 !important;
  white-space: nowrap;
  line-height: 32px;
  color: #000000;
  text-decoration: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffffff !important;
}

.select2-container-multi .select2-choices .select2-search-choice,
.select2-selection__choice {
  padding: 1px 28px 1px 8px;
  margin: 4px 0 3px 5px;
  position: relative;
  line-height: 18px;
  color: #fff;
  cursor: default;
  border: 1px solid #05d79c !important;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #05d79c !important;
}

.select2-drop,
.select2-dropdown {
  margin-top: -1px;
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  line-height: 2.4;
  color: #000;
  /* color: #000; */
  /* border: 1px solid #ccc; */
  /* border-top: 0; */
  /* left: 0; */
  /* -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); */
  /* box-shadow: 0 4px 5px rgba(0,0,0,.15); */
}

.select2-results .select2-highlighted,
.select2-results__option--highlighted {
  background: #f90;
  color: #fff;
  line-height: 2.4;
}

.onoffswitch-inner:after,
.onoffswitch-inner:before {
  float: left;
  width: 50%;
  height: 28px;
  padding: 0;
  line-height: 15px;
  font-size: 10px;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: 700;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch {
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #626262;
  border-radius: 50px;
  border-color: #f3f3f3 !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.onoffswitch-inner:after {
  content: attr(data-swchoff-text);
  padding-right: 7px;
  text-shadow: 0;
  background-color: #d8d8d8 !important;
  color: #555;
  text-align: right;
  box-shadow: none;
}

.onoffswitch-switch {
  width: 28px;
  height: 28px;
  margin: 0px;
  background: #f3f3f3 !important;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.onoffswitch-inner:before {
  content: "";
  text-shadow: 0;
  padding-left: 7px;
  background-color: #05d79c !important;
  color: #fff;
  box-shadow: 0;
  text-align: left;
}

.onoffswitch-inner:after {
  content: "";
  padding-right: 7px;
  /* text-shadow: 0 -1px 0 #fff; */
  background-color: #fff;
  color: #555;
  text-align: right;
  /* box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); */
}

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before,
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  display: none;
}

.control-label {
  letter-spacing: 0.2pt;
  color: rgb(109 109 109) !important;
}

.select2-container-multi .select2-choices,
.select2-selection--multiple {
  height: 38px !important;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #f3f3f3;
  cursor: text;
  overflow: hidden;
  background-color: #323840 !important;
}

.dropdown-item {
  padding: 8px 1rem;
  color: #323840;
}

.modal-content {
  background: #f3f3f3 !important;
}
.inner-well-div {
  background-color: #ffffff !important;
  padding: 4px;
}
.well {
  background-color: #f3f3f3 !important;
  border: 1px solid rgb(243 243 243);
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
#main {
  padding-bottom: 0;
}
.smart-style-5 .bootstrap-tagsinput,
.smart-style-5 .form-control,
.smart-style-5 .input-group-addon,
.smart-style-5 .select2 .input-group .select2-choice,
.smart-style-5 .select2-container .select2-choice .select2-arrow,
.smart-style-5 .select2-container-multi .select2-choices,
.smart-style-5 .smart-form .input input,
.smart-style-5 .smart-form .select select,
.smart-style-5 .smart-form .textarea textarea {
  background: #323840 !important;
  border-color: #f3f3f3 !important;
  color: #687384 !important;
  border-radius: 0.25rem !important;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 29px;
  padding: 6px 20px 5px 10px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #f3f3f3 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ffffff !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.85, #fff),
    color-stop(0.99, #eee)
  );
  background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: linear-gradient(top, #fff 85%, #eee 99%);
}

.form-control {
  color: #000000 !important;
  padding: 6px !important;
  min-width: 40px !important;
  background: #ffffff !important;
  border-color: #f3f3f3 !important;
  border-radius: 0.25rem !important;
  font-size: 15px !important;
}

#content {
  background: #f3f3f3 !important;
  border-color: #687384 !important;
}

.txt-color-blueDark {
  color: #000 !important;
}

nav ul li.active > a:before {
  content: "\f0d9";
  font-family: FontAwesome;
  display: block;
  height: 27px;
  line-height: normal;
  width: 27px;
  position: absolute;
  right: -21px;
  font-size: 20px;
  color: #ffffff;
}

.has-success .form-control {
  border-color: #05d79c;
}

.has-success .input-group-addon {
  color: #667283;
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}

.select2-container .select2-choice .select2-arrow,
.select2-selection__arrow {
  display: inline-block;
  width: 34px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #f3f3f3;
  background: #f3f3f3;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #667283;
  text-align: center;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-radius: 0;
}

.input-group-addon {
  padding: 6px 10px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}

input[type="text"]:focus + .input-group-addon {
  border-color: #ff9900;
  background-color: #ff9900;
  color: #fff;
}

.has-warning input[type="text"],
.has-warning input[type="text"] + .input-group-addon {
  border-color: #dbab57;
}

.has-warning input[type="text"] + .input-group-addon {
  background-color: #faf2cc;
  color: #c09853;
}

.has-warning input[type="text"]:focus,
.has-warning input[type="text"]:focus + .input-group-addon {
  border-color: #dbab57;
}

.has-warning input[type="text"]:focus + .input-group-addon {
  background-color: #e1c118;
  color: #fff;
}

.has-error .input-group-addon {
  border-color: #b94a48;
  background: #f2dede;
  color: #fff;
}

.has-error input[type="text"],
.has-error input[type="text"] + .input-group-addon {
  border-color: #b94a48;
  color: #fff;
}

.has-error input[type="text"] + .input-group-addon {
  background-color: #f2dede;
  color: #b94a48;
}

.has-error input[type="text"]:focus,
.has-error input[type="text"]:focus + .input-group-addon {
  border-color: #c05e5e;
}

.has-error input[type="text"]:focus + .input-group-addon {
  background-color: #c05e5e;
  color: #fff;
}

.has-success input[type="text"]:focus + .input-group-addon {
  border-color: #05d79c;
  background-color: #05d79c;
  color: #fff;
}

.note {
  color: #999;
}

.input-icon-left > i,
.input-icon-right > i {
  position: absolute;
  right: 10px;
  top: 30%;
  font-size: 16px;
  color: #bfbfbf;
}

input[type="color"].ui-autocomplete-loading,
input[type="date"].ui-autocomplete-loading,
input[type="datetime-local"].ui-autocomplete-loading,
input[type="datetime"].ui-autocomplete-loading,
input[type="email"].ui-autocomplete-loading,
input[type="month"].ui-autocomplete-loading,
input[type="number"].ui-autocomplete-loading,
input[type="password"].ui-autocomplete-loading,
input[type="search"].ui-autocomplete-loading,
input[type="tel"].ui-autocomplete-loading,
input[type="text"].ui-autocomplete-loading,
input[type="time"].ui-autocomplete-loading,
input[type="url"].ui-autocomplete-loading,
input[type="week"].ui-autocomplete-loading {
  background-image: url(../img/select2-spinner.gif) !important;
  background-repeat: no-repeat;
  background-position: 99% 50%;
  padding-right: 27px;
}

.timeline-seperator {
  display: block;
  text-align: center;
  color: #999;
  margin: 20px 0 0;
}

body {
  font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000000;
  background-color: #ffffff !important;
  background: #ffffff !important;
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: none;
  padding: 5px;
  vertical-align: top !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

#slotConfigurationTable tr.row_selected td {
  background-color: #33586a;
  color: #fff;
}

tr.row_selected td {
  background-color: #33586a;
  color: #fff;
}

.jarviswidget > header {
  color: #000000;
  border: 1px solid #f3f3f3;
  background: #ffffff;
}
.bootstrapWizard li .title {
  color: #000;
}
.jarviswidget header:first-child .nav-tabs li a {
  color: #fefefe;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #f90;
  border: 1px solid #f90;
}
nav ul .active > a {
  background: #33566a !important;
}
.jarviswidget header .nav-tabs > li.active > a,
.jarviswidget header .nav-tabs > li.active > a:focus,
.jarviswidget header .nav-tabs > li.active > a:hover {
  color: #fff;
  background-color: rgb(244 142 43);
  border: 1px solid rgb(244 142 43);
  border-bottom-color: #0000;
  border-top: none;
  cursor: default;
}

.nav-tabs > li.active > a {
  -webkit-box-shadow: 0 -2px 0 #57889c;
  -moz-box-shadow: 0 -2px 0 #57889c;
  box-shadow: 0 -2px 0 rgb(244 142 43);
  border-top-width: 0 !important;
  margin-top: 1px !important;
  font-weight: 700;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: rgb(244 142 43) !important;
}
.jarviswidget > div {
  background-color: #ffffff !important;
}
.jarviswidget > div {
  float: left;
  width: 100%;
  position: relative;
  font-size: 13px;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  border-width: 1px 1px 2px;
  border-style: solid;
  padding: 16px !important;
  /*border-top: none;*/
  /*border-right-color: #fff!important;*/
  /*border-bottom-color: #fff!important;*/
  /*border-left-color: #fff!important;*/
  padding: 13px 13px 0;
  overflow: visible;
}

.smart-form .button {
  background-color: #f44336;
  opacity: 0.8;
  transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}

a {
  color: #000000;
  text-decoration: none;
}

/*a:focus,
a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: rgb(244 142 43) !important;
  border-color: rgb(244 142 43) !important;
}*/

.btn-success {
  color: #fff;
  background-color: #29d89c;
  border-color: #29d89c;
}

.btn-info {
  color: #fff;
  background-color: #1497d2;
  border-color: #1497d2;
}

.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #11a773;
  border-color: #11a773;
}

.btn-header > :first-child > a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: default !important;
  display: inline-block;
  font-weight: 700;
  height: 30px;
  line-height: 24px;
  min-width: 30px;
  padding: 2px;
  text-align: center;
  text-decoration: none !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: #fff;
  background-image: none;
  /* border: 1px solid #fff; */
  color: #282d34;
  font-size: 17px;
  margin: 10px 0 0;
}

#header {
  display: block;
  height: 49px;
  margin: 0;
  padding: 0 13px 0 0;
  background-color: rgb(243 243 243);
  background-image: none;
  position: relative;
  z-index: 905;
}

.restSelect {
  background-color: #29d89c !important;
  color: #fff !important;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #ff9900;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #999;
  background-color: #33586a;
  border-color: #33586a;
  cursor: not-allowed;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  background-color: #282d34;
  border-color: #969696;
  cursor: default;
}
.iconbox img {
  width: 100%;
  height: 100%;
  border: solid 1px #33586a;
}
.text-primary {
  color: #ffffff;
}

.txt-color-darken {
  color: #8f9696 !important;
}

.form-actions {
  display: block;
  padding: 13px 14px 15px;
  border-top: 1px solid #0000001a;
  background: #f3f3f3;
  margin-top: 25px;
  margin-left: -13px;
  margin-right: -13px;
  margin-bottom: -13px;
  text-align: right;
}

.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #999;
  background-color: #33576a;
  border: 1px solid #33576a;
  cursor: not-allowed;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #33576a;
  border: 1px solid #33576a;
  border-radius: 2px;
  color: #fff !important;
}

.bootstrapWizard li .step {
  background-color: #33576a;
}
.pager li > a:focus,
.pager li > a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #05d79c;
}

.bootstrapWizard li.active .title,
.bootstrapWizard li.complete .title {
  color: #fff;
}

.pagination > li > a,
.pagination > li > span {
  color: #fff;
  background-color: #33566a;
  border: 1px solid #33566a;
}

.close {
  color: #fff;
  background: #33566a !important;
  width: 50px;
}

.table-responsive {
  overflow-x: visible;
  min-height: 0.01%;
}

html {
  background-color: #282d34;
  background: none;
}

.panel-default {
  border-color: #34383f;
}

.panel {
  margin-bottom: 18px;
  background-color: #ffffff;
  border: 1px solid #0000;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

div.posMealActive {
  background-color: #f3f3f3;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #ffffff;
}

#staffmaintabs article header,
#positionTableData article header,
#archivePositionForm article header,
.paginate_button.active a,
.bg-color-greenLight,
.onoffswitch-inner::before {
  color: #fff !important;
  background-color: #f48e2b !important;
}

.dd-handle {
  display: block;
  font-size: 15px;
  margin: 5px 0;
  padding: 7px 15px;
  color: #000;
  text-decoration: none;
  border: 1px solid #d8d8d8;
  background: #fff;
}
.light-table {
  background: #fff;
  padding: 5px;
}

.dd-handle:hover,
.dd-handle:hover + .dd-list .dd-handle {
  background: #f90 !important;
  border: 1px solid #f90;
  color: #fff !important;
}

.bootstrapWizard li.complete .step {
  background: #05d79c;
  padding: 1px 6px;
  border: 3px solid #55606e;
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff;
  color: #000;
}

.ui-jqgrid .ui-state-hover td {
  background: #f48e2c !important;
  color: #ffffff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #000000;
  background-color: #292e35;
  font-weight: 400;
  border: 1px solid #ccc;
}

.ui-jqgrid .ui-jqgrid-htable th div {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  border-style: solid;
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  color: #fff;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  text-decoration: none;
}

.ui-jqgrid .ui-state-highlight td {
  color: #fff !important;
  background-color: #05d79c !important;
  border-color: #05d79c !important;
}

.btn-default {
  color: #fff !important;
  background-color: #33586a;
  border-color: #05d79c;
}

.ui-jqgrid tr.ui-row-ltr td {
  padding: 12px 10px;
  background: #fff;
  color: #000;
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
  border-color: #292e35;
  background-color: #292e35;
}

.ui-jqgrid .ui-jqgrid-htable th {
  background-image: none !important;
}

.ui-jqgrid .ui-jqgrid-resize {
  display: none;
}

.ui-jqgrid .ui-jqgrid-title {
  font-size: 15px;
  color: #000;
}

.ui-jqgrid .ui-jqgrid-titlebar {
  padding: 12px 13px;
  position: relative;
  font-size: 12px;
  border-left: 0 none;
  border-right: 0 none;
  border-top: 0 none;
  background-color: #f3f3f3 !important;
  background-image: none;
}

.ui-jqgrid .ui-jqgrid-htable th {
  background-color: #ffffff;
  background-image: none;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 30px;
  background-color: #f3f3f3;
}

#extr-page #header {
  background-color: rgb(243 243 243) !important;
}

#extr-page {
  background-color: #ffffff;
  overflow: visible;
}

#extr-page #main {
  background-color: #ffffff;
  margin: 0;
}

.client-form header {
  background-color: #ffffff;
  color: #000000;
  border-top: 1px solid rgb(243 243 243);
  font-size: 16pt;
}

.client-form label {
  color: rgb(109 109 109) ;
  font-size: 12pt !important;
  letter-spacing: 0.2pt;
}

.label-style{
  color: #cd3434  !important;
  font-size: 12pt !important;
  letter-spacing: 0.2pt;
  margin-bottom: 15px;
}

.smart-form footer {
  background-color: #f3f3f3;
  border-top: 1px solid #e7e7e7;
}

.smart-form fieldset {
  background-color: #ffffff;
}

.smart-form .button,
.smart-form .checkbox,
.smart-form .input,
.smart-form .radio,
.smart-form .select,
.smart-form .textarea,
.smart-form .toggle {
  background-color: #f3f3f3;
  color: #000000;
}

.smart-form .checkbox input:focus + i,
.smart-form .input input:focus,
.smart-form .radio input:focus + i,
.smart-form .select select:focus,
.smart-form .textarea textarea:focus,
.smart-form .toggle input:focus + i {
  border-color: #323840;
  color: #ffffff;
}

.smart-form .input .icon-append + input,
.smart-form .textarea .icon-append + textarea {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.smart-form .checkbox.state-success i,
.smart-form .radio.state-success i,
.smart-form .state-success input,
.smart-form .state-success select,
.smart-form .state-success textarea,
.smart-form .toggle.state-success i {
  background-color: #ffffff !important;
  border-color: #e7e7e7 !important;
}

.smart-form .checkbox i,
.smart-form .icon-append,
.smart-form .icon-prepend,
.smart-form .input input,
.smart-form .radio i,
.smart-form .select select,
.smart-form .textarea textarea,
.smart-form .toggle i {
  border-color: #e7e7e7;
}

/* Reporting Module css changes */
.verticaltext {
  -webkit-transform: rotate(-45deg);
  position: absolute;
  margin: 10px 0px 10px 0px;
}
.reportingCalculation .btn {
  margin: 30px 0px 15px 0px;
}
.reportingCalculation {
  margin: 30px 0px 15px 0px;
}
.vl {
  border-left: 2px solid;
  height: 100%;
  position: absolute;
  left: 10%;
  margin-left: -10px;
  top: 0;
}
.fontsize18 {
  font-size: 15px;
}

.minWidth30 {
  min-width: 30px !important;
}
.reservationCalculations li {
  margin: 5px;
  min-width: 70px;
}
.reportingPieChart li {
  margin: 10px 3px 8px 3px;
  min-width: 135px;
}
.reportingGraph li {
  margin: 0px 18px 0px 18px;
}
.reportingHr {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-style: inset;
  border-width: 2px;
}

.chart-wrapper {
  /*height: 230px;
      width: 300px;*/
  margin-bottom: 20px;
  display: block;
}
.columnPadding {
  padding: 5px 0px 5px 0px !important;
}
/* Five column */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-15 {
  width: 100%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 33%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
.socialIcon {
  width: 35px;
  height: 35px;
}

#loaderContent {
  position: fixed;
  margin-top: 7% !important;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #333 url("/tc/images/loading.gif") no-repeat center center;
}
.panel-default > .panel-heading {
  background-color: #f3f3f3 !important;
  /*    border-color: #ddd;
      color: #333;*/
}
.note-editor.note-frame .note-editing-area .note-editable {
  color: #000 !important;
  background-color: #fff !important;
}
.nav-tabs.bordered {
  background: #ffffff !important;
}
.nav-tabs > li > a {
  color: #000000 !important;
}
.smart-form > input-file {
  background-color: #323840 !important;
}

.fileuploadbox {
  background-color: #fff !important;
}
html
  body.desktop-detected.pace-done
  div#main
  div#content
  div.row
  div.col-xs-12.col-sm-12.col-md-12.col-lg-12
  div
  div.col-xs-12.col-sm-12.col-md-12.col-lg-12
  div#reserWidgetFormTabPanel.jarviswidget
  div.widget-body
  div.tab-content
  div#restaurantinformation.tab-pane.active
  form#restInfoForm.form-horizontal
  fieldset
  div.col-sm-10.col-lg-10
  div.form-group
  div.col-xs-12.col-sm-7.col-md-7.col-lg-6.smart-form
  div.input.input-file
  span#imageUploadButton.button {
  background-color: #05d79c !important;
}
.onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-inner:before {
  background-color: #bfbfbf !important;
}
@media only screen and (max-width: 767px) {
  #reporting {
    margin-top: 40px !important;
  }
}

/* Landing page css */
.userBoxLayout {
  margin: 48px 0;
  padding: 32px;
  border-radius: 10px;
  box-shadow: 0 4px 5px 2px rgb(0 0 0 / 10%), 0 1px 10px 7px rgb(0 0 0 / 2%), 0 2px 4px -1px rgb(0 0 0 / 20%);
  cursor: pointer;
}

.selectUserLabel {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.43px;
  color: #272727;
}

.stepLabel {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.26px;
  color: #272727;
}

.stepSection {
  margin-bottom: 32px;
}