/* line 5, app/assets/stylesheets/crm.css.scss */
.main-container {
  margin-top: 100px;
  padding: 0px !important;
  background-color: white;
}

/* line 11, app/assets/stylesheets/crm.css.scss */
img.header-image {
  width: 100%;
}

/* line 15, app/assets/stylesheets/crm.css.scss */
.navbar.top-navbar li.nav-item,
.navbar.bottom-navbar li.nav-item {
  margin-right: 5px;
  border: 1px solid #dddddd;
  background-color: white;
  width: 60px;
}

/* line 22, app/assets/stylesheets/crm.css.scss */
.navbar.top-navbar li.nav-item a .fas,
.navbar.bottom-navbar li.nav-item a .fas {
  color: gray;
}

/* line 26, app/assets/stylesheets/crm.css.scss */
.navbar.top-navbar li.nav-item a span,
.navbar.bottom-navbar li.nav-item a span {
  color: gray;
  font-size: 8pt;
}

/* line 31, app/assets/stylesheets/crm.css.scss */
.navbar.top-navbar li.nav-item a,
.navbar.bottom-navbar li.nav-item a {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

/* line 37, app/assets/stylesheets/crm.css.scss */
.navbar.top-navbar li.nav-item .nav-link.active span,
.navbar.bottom-navbar li.nav-item .nav-link.active span {
  color: #72c0ee !important;
}

/* line 41, app/assets/stylesheets/crm.css.scss */
.navbar.top-navbar li.nav-item .nav-link.active .fas,
.navbar.bottom-navbar li.nav-item .nav-link.active .fas {
  color: #72c0ee !important;
}

@media only screen and (max-width: 768px) {
  /* line 47, app/assets/stylesheets/crm.css.scss */
  .navbar.top-navbar .navbar-nav {
    display: none !important;
  }
  /* line 50, app/assets/stylesheets/crm.css.scss */
  .navbar.bottom-navbar {
    display: block;
  }
  /* line 53, app/assets/stylesheets/crm.css.scss */
  .main-container {
    margin-bottom: 80px;
  }
}

@media only screen and (min-width: 540px) {
  /* line 58, app/assets/stylesheets/crm.css.scss */
  .navbar.top-navbar .navbar-nav {
    display: -webkit-box !important;
    display: flex !important;
  }
  /* line 61, app/assets/stylesheets/crm.css.scss */
  .navbar.bottom-navbar {
    display: none;
  }
  /* line 64, app/assets/stylesheets/crm.css.scss */
  .content-wrapper {
    width: 540px;
    margin: 0 auto;
  }
}

/* line 69, app/assets/stylesheets/crm.css.scss */
.navbar.top-navbar .navbar-nav,
.navbar.bottom-navbar .navbar-nav {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-direction: row !important;
}

/* line 74, app/assets/stylesheets/crm.css.scss */
.content-wrapper {
  background-color: white;
  padding: 10px;
}

/* line 78, app/assets/stylesheets/crm.css.scss */
.content-wrapper.expanded {
  width: 100%;
}

/* line 81, app/assets/stylesheets/crm.css.scss */
.expand-window {
  color: white !important;
  font-weight: bold;
  padding: 5px;
}

/* line 87, app/assets/stylesheets/crm.css.scss */
.module-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

/* line 94, app/assets/stylesheets/crm.css.scss */
form label {
  font-size: 9pt;
  font-weight: bold;
}

/* line 98, app/assets/stylesheets/crm.css.scss */
form input {
  font-size: 9pt;
}

/* line 101, app/assets/stylesheets/crm.css.scss */
.modal-body {
  padding: 10px;
}

/* line 104, app/assets/stylesheets/crm.css.scss */
label.error {
  font-size: 9pt;
  color: red;
  font-weight: bold;
}

/* line 109, app/assets/stylesheets/crm.css.scss */
input.form-control.error {
  border: 1px solid red;
  background-color: #facece;
}

/* line 113, app/assets/stylesheets/crm.css.scss */
.sites-table {
  margin-top: 20px;
}

/* line 116, app/assets/stylesheets/crm.css.scss */
i.edit-icon {
  color: gray;
  margin-left: 10px;
}

/* line 120, app/assets/stylesheets/crm.css.scss */
i.list-icon {
  margin-right: 5px;
}

/* line 123, app/assets/stylesheets/crm.css.scss */
i.delete-icon {
  color: red;
}

/* line 126, app/assets/stylesheets/crm.css.scss */
.settings-users-wrapper,
.supplier-wrapper {
  width: 100%;
}

/* line 130, app/assets/stylesheets/crm.css.scss */
.settings-users-wrapper table tr td {
  text-align: left;
}

/* line 133, app/assets/stylesheets/crm.css.scss */
.edit-row,
.form-wrapper {
  background-color: #dcf2ff !important;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
  margin-bottom: 10px;
}

/* line 141, app/assets/stylesheets/crm.css.scss */
.hidden {
  display: none !important;
}

/* line 144, app/assets/stylesheets/crm.css.scss */
.new-form,
.edit-form {
  font-size: 10pt;
}

/* line 148, app/assets/stylesheets/crm.css.scss */
.new-form label,
.edit-form label {
  font-size: 10pt;
}

/* line 152, app/assets/stylesheets/crm.css.scss */
p.bold {
  font-weight: bold;
}

/* line 155, app/assets/stylesheets/crm.css.scss */
.form-error {
  font-size: 8pt;
  font-weight: bold;
  color: red;
}

/* line 160, app/assets/stylesheets/crm.css.scss */
form .btn {
  font-size: 12pt;
}

/* line 163, app/assets/stylesheets/crm.css.scss */
.delete-link .fa {
  color: white;
}

/* line 166, app/assets/stylesheets/crm.css.scss */
.user-list-header,
.list-header {
  background-color: #dcf2ff;
  overflow: auto;
  padding: 5px;
  font-weight: bold;
}

/* line 173, app/assets/stylesheets/crm.css.scss */
.list-header .badge {
  margin-left: 10px;
}

/* line 176, app/assets/stylesheets/crm.css.scss */
.logged-in-header {
  background-color: #f8f8f8;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 8pt;
  width: 100%;
}

/* line 184, app/assets/stylesheets/crm.css.scss */
.item-link,
.product-link {
  font-size: 10pt;
}

/* line 188, app/assets/stylesheets/crm.css.scss */
input.inventory-cell {
  padding: 2px;
  width: 50px;
  font-size: 10pt;
}

/* line 193, app/assets/stylesheets/crm.css.scss */
.ingredient-list {
  font-size: 8pt !important;
}

/* line 196, app/assets/stylesheets/crm.css.scss */
#menu_active {
  display: block;
  width: 30px;
  height: 30px;
}

/* line 201, app/assets/stylesheets/crm.css.scss */
.menu-day-wrapper {
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 5px;
}

/* line 206, app/assets/stylesheets/crm.css.scss */
.menu-day-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  overflow: auto;
}

/* line 212, app/assets/stylesheets/crm.css.scss */
.meal-button {
  border: 1px solid #aaaaaa;
  background-color: #f8f8f8;
  border-radius: 5px;
  width: 98%;
  margin: 1%;
  height: 40px;
  overflow: hidden;
  font-size: 9pt;
  padding: 2px;
  cursor: pointer;
}

/* line 224, app/assets/stylesheets/crm.css.scss */
.table-wrapper table {
  font-size: 9pt;
}

/* line 227, app/assets/stylesheets/crm.css.scss */
.access-rights-select {
  font-size: 9pt !important;
}

/* line 230, app/assets/stylesheets/crm.css.scss */
.transfer-item-select {
  font-size: 9pt !important;
}

/* line 234, app/assets/stylesheets/crm.css.scss */
#transfer-form input,
#transfer-form label {
  font-size: 8pt;
}

/* line 238, app/assets/stylesheets/crm.css.scss */
.transfer-item-select,
.transfer-item-to-select,
input.transfer-item {
  font-size: 8pt !important;
}

/* line 243, app/assets/stylesheets/crm.css.scss */
.transfer-item-input,
.transfer-item-total {
  width: 60px;
  font-size: 8pt;
}

/* line 248, app/assets/stylesheets/crm.css.scss */
.transfer-table tr th,
.transfer-table tr td {
  font-size: 8pt !important;
}

/* line 252, app/assets/stylesheets/crm.css.scss */
a.accept-transfer-item {
  color: white !important;
  font-size: 8pt;
}

/* line 256, app/assets/stylesheets/crm.css.scss */
#transfer-form label {
  font-weight: bold;
}

/* line 259, app/assets/stylesheets/crm.css.scss */
.acceptance-label {
  font-size: 8pt;
  font-weight: bold;
  color: green;
}

/* line 265, app/assets/stylesheets/crm.css.scss */
.order-item-select {
  font-size: 8pt !important;
  width: 100%;
}

/* line 270, app/assets/stylesheets/crm.css.scss */
#order-form input,
#order-form label,
.supplier-wrapper,
.site-to-wrapper {
  font-size: 8pt;
}

/* line 277, app/assets/stylesheets/crm.css.scss */
.supplier-wrapper,
.site-to-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

/* line 284, app/assets/stylesheets/crm.css.scss */
.order-item-select,
.order-item-to-select,
.order-item-supplier-select,
input.order-item {
  font-size: 8pt !important;
}

/* line 290, app/assets/stylesheets/crm.css.scss */
.order-item-input,
.order-item-total {
  width: 30px;
  font-size: 10pt !important;
}

/* line 295, app/assets/stylesheets/crm.css.scss */
.order-item-table tr th,
.order-item-table tr td {
  padding: 5px !important;
}

/* line 300, app/assets/stylesheets/crm.css.scss */
.order-item-input::-webkit-outer-spin-button,
.order-item-input::-webkit-inner-spin-button,
.order-item-total::-webkit-outer-spin-button,
.order-item-total::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 309, app/assets/stylesheets/crm.css.scss */
.order-table-wrapper {
  width: 100%;
  overflow: auto;
}

/* line 314, app/assets/stylesheets/crm.css.scss */
.site-inventory-wrapper tr th,
.site-inventory-wrapper tr td {
  font-size: 10pt !important;
}

/* line 319, app/assets/stylesheets/crm.css.scss */
.transfer-item-table tr th,
.transfer-item-table tr td,
.order-item-table tr th,
.order-item-table tr td,
.order-table tr th,
.order-table tr td {
  font-size: 8pt !important;
}

/* line 327, app/assets/stylesheets/crm.css.scss */
a.order-item-accept,
a.order-item-delete {
  color: white !important;
  font-size: 8pt;
  margin: 5px;
}

/* line 333, app/assets/stylesheets/crm.css.scss */
#order-form label {
  font-weight: bold;
}

/* line 337, app/assets/stylesheets/crm.css.scss */
.doc-row,
.faq-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 5px;
}

/* line 343, app/assets/stylesheets/crm.css.scss */
.doc-item,
.faq-item {
  font-size: 9pt;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

/* line 352, app/assets/stylesheets/crm.css.scss */
.doc-button,
.faq-button {
  font-size: 9pt;
}

/* line 356, app/assets/stylesheets/crm.css.scss */
.doc-header,
.faq-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #000000;
  margin-bottom: 5px;
}

/* line 364, app/assets/stylesheets/crm.css.scss */
.doc-header h2,
.faq-header h2 {
  font-size: 14pt;
}

/* line 368, app/assets/stylesheets/crm.css.scss */
.doc-content,
.faq-content {
  border: 1px solid #dddddd;
  padding: 5px;
  overflow: auto;
  border-radius: 5px;
}

/* line 375, app/assets/stylesheets/crm.css.scss */
.faq-link,
.doc-link {
  font-size: 12pt;
}

/* line 379, app/assets/stylesheets/crm.css.scss */
.help-button.save-button {
  color: white !important;
  font-size: 10pt;
}

/* line 384, app/assets/stylesheets/crm.css.scss */
.help-button-panel {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

/* line 389, app/assets/stylesheets/crm.css.scss */
.help-button-panel a.btn {
  width: 100px;
  font-size: 10pt;
  font-weight: bold;
}

/* line 395, app/assets/stylesheets/crm.css.scss */
.doc-item-arrow {
  font-size: 12pt;
  margin-right: 5px;
}

/* line 399, app/assets/stylesheets/crm.css.scss */
.doc-item-arrow:before {
  content: "\f0da";
}

/* line 402, app/assets/stylesheets/crm.css.scss */
.doc-item-arrow.expanded:before {
  content: "\f0d7";
}

/* line 405, app/assets/stylesheets/crm.css.scss */
.doc-category {
  font-size: 13pt;
}

/* line 409, app/assets/stylesheets/crm.css.scss */
.delivery-wrapper input,
.delivery-wrapper select {
  font-size: 9pt;
}

/* line 413, app/assets/stylesheets/crm.css.scss */
.signature-row {
  border-top: 3px solid #252525;
  padding-top: 20px;
  margin-bottom: 3rem;
}

/* line 417, app/assets/stylesheets/crm.css.scss */
.signature-row label {
  font-size: 2rem;
}

/* line 421, app/assets/stylesheets/crm.css.scss */
.signature-canvas {
  border: 1px solid black;
  background-color: white;
  border-radius: 10px;
}