@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");
.Product-Detail-Container #LoadingDiv {
  margin: 0px 0px 0px 0px;
  position: fixed;
  height: 100%;
  z-index: 9999;
  padding-top: 200px;
  padding-left: 50px;
  width: 100%;
  clear: none;
  background: url(/img/transbg.png); }

.Product-Detail-Container .k-state-active {
  border-color: #c5c5c5 !important; }

.Product-Detail-Container label:hover {
  cursor: default; }

.Product-Detail-Container .radio {
  margin: 0 20px;
  padding: 0;
  min-height: 0; }

.Product-Detail-Container .productImg {
  cursor: pointer;
  width: 128px;
  height: 96px; }

.Product-Detail-Container .highlight {
  background: #d5f4ff; }

.Product-Detail-Container .adminthumb-container {
  margin-top: 20px;
  margin-right: 20px;
  float: left; }

.Product-Detail-Container .adminthumb-delete span {
  color: #ff0000;
  font-weight: bold;
  padding: 0 6px;
  float: right;
  font-size: 9px;
  text-decoration: none;
  cursor: default; }

.Product-Detail-Container .adminthumb-delete span:hover {
  cursor: pointer;
  text-decoration: underline; }

.Product-Detail-Container .btn-float {
  z-index: 9998;
  top: 160px;
  width: 150px; }

.Product-Detail-Container .btn-fixed {
  position: fixed;
  top: 50px;
  z-index: 9999; }

.Product-Detail-Container .k-edit-cell .text-box, .Product-Detail-Container .k-edit-cell .k-textbox {
  height: 30px; }

.Product-Detail-Container .k-link {
  height: 10px; }

.Product-Detail-Container .k-tabstrip-items .k-link {
  padding: 0.5em; }

.Product-Detail-Container #tab-responsive .hiden {
  display: block;
  height: 37px; }

.Product-Detail-Container .modal.fade.in {
  top: 10%;
  position: fixed; }

.Product-Detail-Container #loaderParent {
  position: fixed;
  width: 100vw;
  height: 100vh; }

.Product-Detail-Container .ordering-unit .cost.disabled {
  color: #ccc; }

.Product-Detail-Container .ordering-unit .k-checkbox:checked + .k-checkbox-label:before {
  background-color: #3862eb;
  border-color: #3862eb !important; }

.Purchase-Order-Detail-Container textarea, .Purchase-Order-Detail-Container input[type="text"], .Purchase-Order-Detail-Container input[type="password"], .Purchase-Order-Detail-Container input[type="datetime"], .Purchase-Order-Detail-Container input[type="datetime-local"], .Purchase-Order-Detail-Container input[type="date"], .Purchase-Order-Detail-Container input[type="month"], .Purchase-Order-Detail-Container input[type="time"], .Purchase-Order-Detail-Container input[type="week"], .Purchase-Order-Detail-Container input[type="number"], .Purchase-Order-Detail-Container input[type="email"], .Purchase-Order-Detail-Container input[type="url"], .Purchase-Order-Detail-Container input[type="search"], .Purchase-Order-Detail-Container input[type="tel"], .Purchase-Order-Detail-Container input[type="color"], .Purchase-Order-Detail-Container .uneditable-input {
  padding: 10px 10px; }

.Purchase-Order-Detail-Container .modal.fade.in {
  top: 10%;
  position: fixed; }

.Purchase-Order-Detail-Container #LoadingDiv {
  margin: 0px 0px 0px 0px;
  position: fixed;
  height: 100%;
  z-index: 9999;
  padding-top: 200px;
  padding-left: 50px;
  width: 100%;
  clear: none;
  background: url(/img/transbg.png);
  /*background-color:#666666;
                border:1px solid #000000;*/ }

.Ordering-Form-Container .k-grid .k-state-selected {
  background-color: #ccc !important;
  color: #000000; }

.Ordering-Form-Container .k-grid .k-alt.k-state-selected {
  background-color: #ccc !important;
  color: #000000; }

.Ordering-Form-Container .k-grid-content tr:not(.k-grouping-row) td:not(.k-group-cell) {
  cursor: pointer; }

.Ordering-Form-Container #LoadingDiv {
  margin: 0px 0px 0px 0px;
  position: fixed;
  height: 100%;
  z-index: 9999;
  padding-top: 200px;
  padding-left: 50px;
  width: 100%;
  clear: none;
  background: url(/img/transbg.png); }

.Ordering-Form-Container .tab-item-li {
  padding: 12px 10px;
  border: 1px solid #000000;
  font-size: 10pt;
  font-weight: bold;
  border-bottom: none;
  cursor: pointer; }

.Ordering-Form-Container .tab-item-li:last-child {
  border-bottom: 1px solid #000000; }

.Ordering-Form-Container .tab-item-panel {
  display: none; }

.Ordering-Form-Container .tab-item-panel.active {
  display: block; }

.Ordering-Form-Container .category-select {
  display: none; }
  @media (max-width: 960px) {
    .Ordering-Form-Container .category-select {
      display: inline-block; } }

.Ordering-Form-Container .fakeTextBox {
  background-color: white;
  color: #000;
  border: 1px solid #ccc;
  text-indent: 5px; }
  .Ordering-Form-Container .fakeTextBox.error {
    border-color: #c70000; }

.Ordering-Form-Container .productImg {
  width: auto;
  height: 64px; }

.Ordering-Form-Container h1 {
  color: #909090;
  font-weight: 700;
  font-size: 26px;
  margin: 0 0 15px;
  font-family: "Roboto", sans-serif; }

@media (max-width: 960px) {
  .Ordering-Form-Container .category-nav .tab-item-li {
    display: none; }
  .Ordering-Form-Container .to-hide {
    display: none; } }

.Company-Profile-Container .openGreen {
  color: #609450;
  font-weight: bold; }

.Company-Profile-Container .closeRed {
  color: #bd362f;
  font-weight: bold; }

.Company-Profile-Container .hourBorder {
  border: 1px solid #c5c5c5;
  border-radius: 7px;
  padding: 7px 5px 7px 14px;
  height: auto;
  background: white; }

.Company-Profile-Container ul.k-upload-files.k-reset {
  display: none !important; }

.Company-Profile-Container div.hideEm em {
  display: none !important; }

.Company-Profile-Container div.hideEm .k-upload-status {
  display: none !important; }

.Company-Profile-Container #tab-responsive .hiden {
  display: block;
  height: 37px; }

.Company-Profile-Container .photo-container {
  display: inline-block;
  margin: 10px 0 0 7px; }
  .Company-Profile-Container .photo-container img {
    max-width: 200px;
    max-height: 200px;
    cursor: pointer; }
  .Company-Profile-Container .photo-container .tool-bar {
    font-size: 13px; }
    .Company-Profile-Container .photo-container .tool-bar span:hover {
      cursor: pointer;
      font-size: 16px;
      font-weight: bold; }
    .Company-Profile-Container .photo-container .tool-bar span.dlBtn:hover {
      color: #37a6cd; }
    .Company-Profile-Container .photo-container .tool-bar span.delBtn:hover {
      color: #bd362f; }

/* Reporting */
table.reporting-table {
  width: 50%;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #d0d0d0;
  border-collapse: collapse; }

table.reporting-table th:first-child,
table.reporting-table td:first-child {
  border-left-width: 0;
  width: 300px; }

table.reporting-table th:last-child,
table.reporting-table td:last-child {
  border-right-width: 0; }

.greenCircle {
  width: 10px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #5ba338; }

.redCircle {
  width: 10px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #D9534F; }

.yellowCircle {
  width: 10px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #FBB450; }

table.reporting-table th {
  color: white;
  background-color: #3862EB;
  font-size: 15px;
  padding: 0.429em 0.6em 0.571em 0.6em;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #1644da;
  width: 10em; }

table.reporting-table td {
  color: #444;
  font-family: Open Sans, sans-serif;
  font-size: 10pt;
  padding: 10px;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: #d0d0d0;
  line-height: 1.6em;
  width: 10em; }

table.reporting-table td.reporting-summary-cell {
  background-color: gainsboro;
  font-weight: bold; }

/* Expand button */
.reporting-expand-trigger:after {
  margin-left: 5px;
  content: "\0000a0\25ba"; }

.reporting-expand-trigger.active:after {
  margin-left: 5px;
  content: "\25bc"; }

/* Totals table */
table.reporting-total-table {
  border-style: none; }

table.reporting-total-table td.reporting-total-cell {
  color: white;
  background-color: #3862EB;
  font-weight: bold;
  font-size: 15px;
  padding: 0 10px 0 10px; }

table.reporting-total-table td.reporting-total-cell:first-child {
  border-left: none;
  background-color: unset;
  color: #3862EB;
  width: 300px;
  font-size: 24px;
  font-weight: normal; }

/* Sub-table */
table.reporting-table .reporting-subTable-parent {
  padding: 5px 10px 10px 10px; }

table.reporting-table .reporting-subTable-container {
  margin-left: 1em;
  margin-right: 1em; }

table.reporting-subTable {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #d0d0d0; }

table.reporting-subTable td {
  border-style: none; }

/* Kendo */
/* Show loading indicator even if there area no rows
https://www.telerik.com/forums/loading-indicator-for-the-grid-with-auto-height
https://stackoverflow.com/questions/21114819/kendo-ui-grid-not-showing-spinner-load-icon-on-initial-read */
.k-grid-content {
  min-height: 35px; }

/* SECTIONS */
.DigitalDisplayContainer iframe {
  width: 100%;
  height: 100vh; }

.CloudSettingContainer iframe {
  width: 100%;
  height: 100vh; }

/* ONLINE ORDERING */
.onboardingFont {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700; }


.k-grid.k-overwrite .k-grid-header .k-header,
.k-grid.k-overwrite .k-grid-footer,
.k-grid.k-overwrite .k-grid-footer td,
.k-grid.k-overwrite .k-footer-template,
.k-grid.k-overwrite .k-group-footer,
.k-grid.k-overwrite .k-group-footer td,
.k-grid.k-overwrite .k-pager-wrap {
    background-color: #076715 !important;
    color: #fff !important;
}

.k-grid.k-overwrite .k-pager-wrap .k-link,
.k-grid.k-overwrite .k-pager-wrap .k-icon {
    color: #fff !important;
}

.k-overwrite.k-grid .k-pager-wrap.k-grid-pager .k-pager-numbers .k-state-selected {
    background-color: #2AC864 !important;
}

.k-overwrite.k-grid .k-grid-header, .k-overwrite.k-grid .k-grid-header th.k-header {
 
    border-color: white; 
}

#menu ul li.glyphicons a i:before {
    color: #2AC864;
}

#menu ul li a.glyphicons i:before {
    color: #2AC864;
}

li.nav-menu-item > a > i:before {
    color: #2AC864;
}

li.active-nav > a {
    background-color: #2AC864;
}

.navbar-nav.main .topnav > li > a.glyphicons.logout i:before, .navbar-nav.main .topnav > li .notif li > a.glyphicons.logout i:before {   
    color: #2AC864;
}

.btn-primary {
    background-color: #2AC864;
    border-color: #2AC864;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #076715;
        border-color: #076715;
    }

.btn-warning {
    background-color: #2AC864;
    border-color: #2AC864;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active {
        background-color: #076715;
        border-color: #076715;
    }


.k-overwrite.k-multiselect .k-multiselect-wrap li {
    border-radius: 0;
    background: #076715;
}