/*#344D85;*/
footer {
  /*position: absolute;*/
  bottom: 0;
  width: 100%;
  height: 35px;
  background-color: #232323; }

footer .container {
  width: 100%;
  padding-top: 5px; }

footer .links {
  width: 100%; }

#mainContent {
  height: calc(100% - (94px + 35px));
  height: -moz-calc(100% - (94px + 35px));
  height: -webkit-calc(100% - (94px + 35px)); }

#sidebar {
  height: calc(100%);
  padding-left: 0px;
  padding-right: 0px; }

#sidebar-user {
  background-color: white;
  color: white;
  padding-top: 8px;
  padding-left: 25px; }

#sidebar-menu {
  height: calc(100% - 91px);
  background-color: white;
  border-right: 1px solid #EEEEEE;
  overflow-y: auto;
  border-bottom: solid 1px white; }

#project {
  height: calc(100%);
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden; }

#project-top {
  height: 91px;
  background-color: #FAFAFA;
  padding-left: 10px;
  border-bottom: 1px solid #EEEEEE; }

#project-middle, .container {
  height: 100%; }

#project-middle-container-login {
  height: calc(100%); }

#patient_category {
  font-weight: bold; }

.k-button.big-button {
  padding: 0 5px !important;
  font-weight: normal;
  margin: 8px 0 0 10px;
  width: 160px;
  height: 50px; }

.k-width-160p {
  width: 160px !important; }

.k-width-200p {
  width: 200px !important; }

.k-width-120p {
  width: 120px; }

.container {
  width: 100%; }

.center {
  margin: auto;
  width: 400px;
  height: calc(100%);
  display: flex;
  align-items: center; }

.nouser-bg {
  border-radius: 1em;
  background-color: #E8E8E8;
  opacity: 0.9;
  padding-left: 20px; }

.login-box {
  margin-bottom: 100px !important;
  width: 400px;
  height: 300px;
  text-align: center;
  -ms-border-radius: 1em;
  border-radius: 1em;
  background-color: #E8E8E8;
  opacity: 0.9; }

.login-box .login-box-top {
  float: left;
  margin: 0;
  width: 400px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -ms-border-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  background-color: #4c4848;
  opacity: 0.9;
  color: white; }

.registration-box .registration-box-top {
  float: left;
  margin: 0;
  width: 400px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -ms-border-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  background-color: #4c4848;
  opacity: 0.9; }

.registration-center {
  margin: auto;
  width: 500px;
  height: calc(100%);
  display: flex;
  align-items: center; }

.registration-box {
  float: left;
  width: 420px;
  text-align: center;
  -ms-border-radius: 1em;
  border-radius: 1em;
  background-color: #E8E8E8;
  opacity: 0.9;
  color: white; }

.vertical-align-middle {
  margin-top: 20%;
  margin-bottom: 20%; }

.registration-box .vertical-align-middle {
  margin-top: 16%;
  margin-bottom: 5%; }

.k-grid tbody button.k-button {
  min-width: 54px; }

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
  min-width: 32px;
  max-width: 40px; }

a.k-button > span.glyphicon {
  padding-right: 5px;
  padding-top: 3px; }

.k-button.k-button-icontext {
  background-image: -webkit-linear-gradient(bottom, #f8f8f8 0, #ededed 100%);
  background-image: -ms-linear-gradient(bottom, #f8f8f8 0, #ededed 100%);
  background-image: linear-gradient(to bottom, #f8f8f8 0, #ededed 100%);
  outline: 0;
  padding: 4px 13px 4px !important; }

.k-button.flow-red {
  background: red !important;
  border: solid 2px #007EC3 !important; }

.k-button.flow-green {
  background: green !important;
  border: solid 2px #007EC3 !important; }

.home-chart {
  height: 270px;
  position: relative; }

.k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles {
  background-color: #fff; }

.k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item {
  background-color: #fff;
  color: #333;
  border-color: #ccc; }

.k-panelbar > .k-item, .k-panel > .k-item {
  list-style-type: none;
  display: block;
  border-width: 0;
  margin: 0;
  zoom: 1;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
  width: 99% !important; }

#sidebar-menu {
  height: 100% !important; }

#sidebar-menu span, #sidebar-user span, .login-box span, .login-box .form-control, .login-box .k-button[class], .llogin-box a {
  font-size: 15px !important; }

.login-box .k-button[class] {
  height: 36px !important; }

.k-grid-content .checkbox {
  margin-top: 3px; }

.login-header a {
  font-size: 15px; }

#mainMenu li {
  border-right: none !important; }

.login-header {
  vertical-align: middle; }

.site-header {
  vertical-align: middle;
  margin-top: 15px; }

.login-bg {
  background: url("/Content/images/background-login.jpg") 100% 100% no-repeat;
  background-size: cover; }

.k-panelbar-expand, .k-panelbar-collapse {
  position: absolute;
  top: 5px;
  right: 2px; }

.k-state-border-down .k-animation-container, .k-state-border-down .k-animation-container .k-group.k-popup.k-reset.submenu-border-fix.k-state-border-up {
  width: 100% !important; }

.k-state-border-down li {
  border-right: 1px solid white !important; }

td.checkbox_input {
  width: 34px;
  min-width: 24px; }

td.checkbox_label {
  vertical-align: middle; }

a, .forclick {
  cursor: pointer; }

a.k-button:hover {
  text-decoration: none; }

button.k-button > span.glyphicon {
  padding-right: 5px;
  top: 0px; }

a.k-button.k-grid-update:before,
a.k-button.k-grid-cancel:before,
a.k-button.k-grid-edit:before,
a.k-button.k-grid-delete:before,
a.k-button.k-grid-add:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1.66em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a.k-button.k-grid-update span,
a.k-button.k-grid-cancel span,
a.k-button.k-grid-edit span,
a.k-button.k-grid-delete span,
a.k-button.k-grid-add span {
  display: none; }

a.k-button.k-grid-update:before {
  content: "\e013"; }

a.k-button.k-grid-cancel::before {
  content: "\e095"; }

a.k-button.k-grid-edit:before {
  content: "\270f"; }

a.k-button.k-grid-delete:before {
  content: "\e014"; }

a.k-button.k-grid-add:before {
  content: "\002b";
  margin-right: 5px; }

/*
a.k-button > .k-icon,
a.k-link > .k-icon,
.k-select > .k-icon {
    margin-top: 6px;
    margin-left: 2px;
}
*/
.clearline {
  height: 10px; }

.rz-bubble {
  display: none !important; }

.slider-group {
  height: 110px; }

.rzslider .rz-tick-legend {
  min-width: 100px !important;
  width: 160px !important;
  max-width: 160px !important; }

.patientlink, .patientlink:hover {
  color: white !important;
  text-decoration: none; }

.top-cell {
  vertical-align: top !important; }

#NotesGrid pre {
  margin-top: 3px !important; }

.max-width-75p {
  max-width: 75px; }

.max-width-100p {
  max-width: 100px; }

.max-width-500p {
  max-width: 500px; }

.min-width-160p {
  min-width: 160px; }

div.middlecontent {
  padding-top: 6px; }

.button-in-container {
  margin-top: 20px; }

.filter_checkbox input[type="checkbox"], td.checkbox_input input[type="checkbox"] {
  margin-top: 0px; }

.glyphicon-remove {
  cursor: pointer; }

.quantity-table th, .quantity-table td {
  padding-right: 25px;
  padding-bottom: 10px;
  color: black; }

.k-dropzone {
  padding-left: 0px; }

.request-stock {
  width: 142px; }

.filter_checkbox label {
  margin-bottom: 0px;
  margin-left: 12px;
  padding-right: 22px;
  padding-top: 8px; }

.inline {
  display: inline; }

.nopadding {
  padding: 0px !important; }

.time-of-surgery {
  list-style: none;
  padding-left: 0px;
  display: flex; }

.time-of-surgery li {
  margin-right: 20px; }

.time-of-surgery input[type="radio"] {
  margin-right: 0px; }

/* Double bounce spinner */
.double-bounce-spinner {
  z-index: 9999;
  left: 50%;
  width: 40px;
  height: 40px;
  position: fixed;
  margin: 100px auto; }

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #007EC3;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

/* Spinner end */
.k-multiselect-wrap .k-icon.k-delete {
  bottom: 12px;
  left: 20px;
  position: relative; }

.readonly .k-multiselect-wrap .k-icon.k-delete {
  display: none; }

.nav, .pagination, .carousel, .panel-title a {
  cursor: pointer; }

.pie-carousel #uib-slide div {
  height: 400px !important; }

.carousel-indicators li {
  border-color: #007EC3 !important; }

.carousel-indicators .active {
  background-color: #007EC3 !important; }

.modal-dialog {
  width: 400px; }

.k-ext-checkbox-list {
  width: 100%;
  max-height: 200px; }

.k-ext-checkbox-item {
  display: inline-block !important;
  padding-right: 15px !important; }

.k-toolbar.k-grid-toolbar .checkbox_title {
  padding-right: 5px; }

input.k-checkbox {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
  position: absolute; }

.k-checkbox-label {
  position: relative;
  padding-left: 1.5em;
  vertical-align: middle;
  line-height: .875em;
  cursor: pointer; }

.k-checkbox:checked + .k-checkbox-label:before {
  background-color: #fff;
  border-color: #a0dba9;
  color: #f85a00; }

.k-checkbox:checked + .k-checkbox-label:before {
  content: "\2713"; }

.k-checkbox-label:before {
  border-color: #c5c5c5;
  background: #fff;
  border-radius: 3px; }

.k-checkbox-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 1px;
  border-style: solid;
  width: 1em;
  height: 1em;
  font-size: 1em;
  line-height: 1em;
  text-align: center; }

.rlk-container {
  border: none;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: -20px; }

.rlk-container .container-fluid {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px; }

.rlk-container h3 {
  margin-top: 5px;
  font-size: 19px; }

.header-yellow {
  background-color: yellow; }

.header-blue {
  background-color: deepskyblue; }

.header-green {
  background-color: mediumseagreen; }

.table-row-height-34p td {
  height: 34px; }

.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%; }

.middle {
  display: table-cell;
  vertical-align: middle; }

.inner {
  margin-left: auto;
  margin-right: auto; }

.right {
  float: right; }

.hide {
  display: none; }

.margin-left-10 {
  margin-left: 10px; }

.address_container {
  height: 247px;
  overflow-y: auto;
  border: 1px solid lightgrey;
  padding: 10px; }

.address_container .address {
  border-bottom: 1px solid lightgrey;
  padding: 5px; }

.margin-top-10 {
  margin-top: 10px; }

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

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-20 {
  margin-bottom: 15px; }

.margin-bottom-0 {
  margin-bottom: 0px; }

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

.glyphicon-question-sign {
  padding: 8px 5px; }

.panel-heading label {
  font-weight: normal; }

.panel-heading.withbutton {
  padding-top: 0px;
  padding-bottom: 0px; }

.panel-heading.withbutton label {
  line-height: 37px; }

.panel-heading.withbutton button {
  margin-top: 3px; }

.label-content .checkbox {
  width: 34px !important; }

.delivery-address {
  padding-top: 0px; }

.checkbox, .checkbox-completed {
  height: 20px;
  width: 20px; }

.left {
  float: left; }

.right {
  float: right; }

.clearfix {
  padding-bottom: 10px; }

.login {
  height: 33px;
  text-align: right; }

.login #sidebar-user div {
  display: inline-block; }

/* 13.12.2023 - JE - #291541 */
@media (max-width: 400px) {
  .login #sidebar-user-currentuser div {
    display: none; } }

.navbar-toggle-container {
  float: right; }

.tracking_XLargeButton {
  background-color: white !important;
  color: white !important;
  width: 100%;
  height: 160px !important;
  margin: 10px;
  line-height: 1.5 !important;
  border-radius: 8px;
  font-size: 24px !important; }

.tracking_XLargeButton:hover {
  background-color: #51616d !important; }

.deliveryAppLargeButton {
  background-color: white !important;
  color: white !important;
  width: 95%;
  height: 100px !important;
  margin: 10px;
  border-radius: 8px;
  font-size: 18px !important; }

.deliveryAppLargeButton:hover {
  background-color: #51616d !important; }

.k-button[class] {
  background: white !important;
  height: auto; }

.k-button[class]:hover {
  background: white !important;
  color: white !important; }

#branding-logo {
  max-height: 144px;
  padding: 0; }

.bbwt2-header {
  padding: 0; }

.bbwt2-header .container {
  background-color: white !important; }

.bbwt2-header .login a {
  color: white !important; }

.bbwt2-header .login {
  padding: 2px 0px 5px 5px; }

.bbwt2-header button {
  border-color: white !important;
  border-width: 1px !important;
  border-style: solid !important; }

.bbwt2-header .login a:hover, .bbwt2-header button:hover span, .bbwt2-header button:hover, .bbwt2-header span.logout:hover {
  color: #CDBE7F !important;
  border-color: #CDBE7F !important; }

.glyphicon-log-in {
  padding-right: 9px;
  padding-left: 30px; }

ul#mainMenu a, ul#mainMenu span {
  color: white; }

#sidebar-menu .k-icon {
  background-image: url("/Content/images/sprite-white.png");
  border-color: transparent; }

#mainMenu div.k-animation-container {
  position: initial !important; }

#mainContent #below-menu {
  min-height: calc(100% - 10vh - 60px);
  height: calc(100% - 10vh - 60px);
  min-width: 100%; }

#mainContent #below-menu > div {
  min-width: 100%;
  display: flex;
  flex-direction: row; }

#mainContent #below-menu > div side-menu {
  float: none;
  overflow-y: auto;
  background-color: green;
  border-right: 1px solid red; }

#mainContent #below-menu > div .home #panel-bar-wrap {
  width: 200px;
  min-height: 100%;
  float: left; }

.home #panel-bar-wrap {
  background-color: white; }

.collapsing-menu-panel span {
  line-height: 47px !important; }

side-menu {
  width: 100%; }

ul.side-menu-list li.menu-item-expanded:hover {
  color: white;
  background-color: white; }

.no-scrollbar .k-grid-header {
  padding: 0 !important; }

.no-scrollbar .k-grid-content {
  overflow-y: visible; }

input.with-label {
  display: inline-block; }

input.short {
  width: 170px; }

.page-header {
  height: 35px; }

.page-header h1 {
  float: left; }

.page-header div.header-content {
  float: right; }

.padding-6px {
  padding: 0 6px !important; }

.k-header .k-icon.k-i-arrow-n, .k-header .k-icon.k-i-arrow-s {
  margin-top: 0px !important; }

.margin-right-border {
  margin-right: 15px; }

.popup {
  color: white !important; }

.popup-limit-height {
  max-height: 500px;
  overflow: auto; }

.input[disabled], .input[readonly], .k-input[readonly], span[aria-readonly='true'] .k-input {
  background-color: #eee !important;
  opacity: 1; }

.breakword span {
  white-space: initial !important; }

.bigselect select, .bigselect .k-dropdown {
  width: 100%; }

.textarea-container {
  margin-bottom: 3px !important; }

.checkbox-container label {
  padding-top: 8px;
  padding-left: 5px; }

.label-140 {
  width: 140px;
  clear: left;
  text-align: left;
  padding-right: 10px; }

.label-float {
  float: left; }

.width-100p {
  width: 100px; }

.max-height-150p {
  max-height: 150px; }

.image-container {
  display: inline-block;
  border: solid 1px lightgrey;
  border-radius: 5px;
  margin: 5px;
  padding: 5px; }

.k-upload-button input[disabled] {
  opacity: .7; }

.k-loading-mask {
  background-color: lightgrey;
  opacity: .7;
  z-index: 100; }

.new-password-text {
  color: #666; }

.k-grid a.k-button.small-button {
  color: #ffffff !important;
  padding: 3px 4px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
  text-decoration: none;
  background-color: #007EC3; }

/*
.k-grid-content .k-button[class]:hover:not([disabled]):not(.k-state-disabled)
{
    border-radius: 4px;//9px
}*/
.fromEmails {
  width: 90%;
  border-width: 1px 1px 1px 1px !important;
  border-style: solid !important;
  border-color: #ddd;
  background-color: #f3f3f3 !important;
  padding: 6px 10px !important;
  margin-bottom: 15px;
  float: left;
  border-radius: 4px;
  word-wrap: break-word; }

.toEmails {
  word-wrap: break-word;
  width: 90%;
  border-width: 1px 1px 1px 1px !important;
  border-style: solid !important;
  border-color: #ddd;
  background-color: #a0dba9 !important;
  padding: 6px 10px !important;
  margin-bottom: 15px;
  float: right;
  border-radius: 4px; }

.fromEmails span, .toEmails span {
  text-align: center; }

#MessagesGrid .k-state-selected {
  background-color: white !important;
  border: none !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

#MessagesGrid .k-state-selected .fromEmails {
  color: black;
  border-color: #cdbe7f;
  background-color: #cdbe7f !important; }

#OrdersGrid td.k-state-selected {
  background-color: transparent !important; }

#MessagesGrid, #MessagesGrid .k-grid-content {
  height: 100%; }

.selectedReply {
  background-color: #cdbe7f !important; }

.GridNoHeader .k-grid-header {
  height: 0;
  border-bottom-width: 0;
  visibility: hidden;
  overflow: hidden; }

.GridNoHeader th.k-header {
  padding: 0;
  border-width: 0; }

.GridNoBorder.k-grid {
  border: none; }

.GridNoBorder.GridNoHeader tr.k-alt {
  background-color: white; }

.message-count {
  display: inline !important;
  background-color: brown;
  border-radius: 10px;
  margin-left: 5px;
  color: white; }

.login-header a {
  text-decoration: none; }

.authorised #loginForm {
  display: none; }

.amberRow {
  background-color: #ffc200; }

.greenRow {
  background-color: #20ed89; }

.yellowRow {
  background-color: yellow; }

.redRow {
  background-color: red;
  color: white; }

.redRow input {
  color: black; }

.redRow a {
  color: white !important; }

.categor-list {
  margin-bottom: 6px;
  margin-top: 4px; }

.width-10p {
  width: 10px; }

#MessagesContainer {
  height: calc(100% - 130px);
  height: -moz-calc(100% - 130px);
  height: -webkit-calc(100% - 130px); }

#NewMessageContainer {
  height: 130px; }

#project-container {
  height: calc(100%);
  height: -moz-calc(100%);
  height: -webkit-calc(100%); }

.view-content {
  height: 100%; }

.k-treeview-lines span.k-checkbox input {
  line-height: 18px;
  cursor: pointer;
  border-style: solid;
  border-width: 0;
  border-color: #7f7f7f;
  border-radius: 1px;
  border-width: 1px;
  border-style: solid;
  width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 16px;
  text-align: center; }

.pointer {
  cursor: pointer; }

.k-tabstrip .form-group .k-widget.k-dropdown .k-input {
  height: 25px !important; }

.k-tabstrip .form-group .k-pager-sizes .k-widget.k-dropdown .k-input {
  height: 22px !important; }

#tabs {
  position: relative; }

.tab-content {
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important; }

.timeonly .k-i-calendar {
  display: none; }

.k-grid-header-locked > table, .k-grid-header-wrap > table {
  margin-bottom: -1px; }

.k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
  table-layout: fixed; }

.k-grid-lockedcolumns {
  white-space: nowrap; }

.k-grid-content, .k-grid-content-locked, .k-pager-wrap {
  white-space: normal; }

.k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: lightgray; }

.k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap, .k-grid-header-locked + .k-grid-header-wrap {
  display: inline-block;
  vertical-align: top; }

.k-pdf-export-shadow .k-grid-content-locked {
  height: auto !important;
  overflow: visible; }

.k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
  width: auto !important; }

/*
.k-grid-header-locked, .k-grid-lockedcolumns .k-grid-header-wrap, .k-grid-lockedcolumns .k-grid-content-locked, .k-grid-lockedcolumns .k-grid-content {
    display: inline-block;
}

.k-grid-lockedcolumns .k-grid-content-locked {
    vertical-align: top;
}

.k-grid-lockedcolumns .k-grid-header-wrap, .k-grid-lockedcolumns .k-grid-content {
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #ccc;
}*/
.do-wrap {
  white-space: normal; }

.ng-invalid-red {
  border-color: #e46427 !important;
  border-width: 1px !important; }

.ng-valid {
  border-color: #dbdbdb !important; }

#toggle-menu {
  display: none; }

.label-150 {
  width: 150px;
  clear: left;
  text-align: left;
  padding-right: 10px; }

#LogisticsMap {
  float: left; }

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

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

.no-margin-left-right {
  margin-right: 0;
  margin-left: 0; }

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

.leftpadding {
  padding-left: 10px; }

.own-scroll {
  overflow: auto;
  height: 100%; }

.grid-top-margin-10 .k-grid {
  margin-top: 10px; }

.run-header {
  min-height: 30px;
  background-color: white;
  border-radius: 3px;
  border: 1px solid;
  display: flex; }

.run-sub-header {
  min-height: 30px;
  background-color: #5d6267;
  border-radius: 3px;
  border: 1px solid;
  display: flex; }

.run-color {
  width: 8px;
  height: 8px;
  border: 1px solid white;
  border-radius: 10px;
  position: relative;
  left: 33px;
  top: 21px; }

.WarningVanCapacity {
  background-color: red !important; }

.run-list li a {
  color: white;
  cursor: pointer;
  display: inline-block;
  width: 100%; }

.run-list .grid-container {
  width: 100%; }

.nav.run-list {
  cursor: initial; }

.run-list .run-grid {
  margin-top: 14px; }

.run-list .run-grid {
  max-height: 400px;
  padding-bottom: 30px; }

.run-list .run-grid .k-grid-content {
  max-height: 400px;
  overflow-y: auto; }

.k-grid-container.sortable .k-grid tbody tr {
  cursor: move; }

.k-grid-container.sortable .k-grid tbody tr.nodrop {
  cursor: no-drop; }

.allow-sort.k-grid .k-grid-content table tr {
  cursor: move; }

.allow-sort.k-grid .k-grid-content table tr.nodrop {
  cursor: no-drop; }

.backgrounded {
  background-color: white !important;
  color: white;
  width: 100%;
  margin-left: 0px; }

.route-letter-container {
  background-color: darkorchid;
  border-radius: 15px;
  width: 20px;
  height: 20px;
  padding: 2px; }

.route-letter {
  background-color: darkorchid;
  color: white;
  border-radius: 15px;
  width: 14px;
  height: 14px;
  text-align: center;
  border: 2px solid white;
  padding: 1px;
  vertical-align: top;
  font-size: 12px;
  font-weight: bold; }

.route-letter-container-warehouse {
  background-color: #008f09;
  border-radius: 15px;
  width: 20px;
  height: 20px;
  padding: 2px; }

.route-letter-container-warehouse .route-letter {
  background-color: #008f09; }

.front {
  fill: fadeOut(#ff8800, 10); }

#back {
  fill: transparent;
  stroke: fadeOut(#ff8800, 30); }

.container {
  padding-right: 15px !important;
  padding-left: 15px !important; }

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important; }

.dashboard .k-grid {
  margin-top: 0; }

.dashboard .chart {
  height: 392px; }

.dashboard .row {
  margin-left: 0;
  margin-right: 0; }

.dashboard .module {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box; }

.dashboard .header {
  /*background-color:#3F51B5;*/
  background-color: white;
  text-align: center;
  color: white;
  padding: 0.625em 1em; }

.dashboard .overview {
  padding: 0 !important;
  min-height: 140px;
  position: relative;
  margin-bottom: 0px !important; }

.card {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  padding: 1em;
  margin-bottom: 1em;
  box-sizing: border-box; }

.dashboard .overview .overview-content {
  padding: 16px; }

.dashboard .overview .overview-content .overview-title {
  font-size: 18px; }

.dashboard .overview .overview-content .overview-badge {
  float: right;
  color: #757575; }

.dashboard .overview .overview-content .overview-detail {
  display: block;
  font-size: 24px;
  margin-top: 5px; }

.dashboard .overview .overview-footer {
  position: absolute;
  bottom: 0;
  width: 100%; }

.dashboard .overview .overview-footer img {
  display: block; }

.padding-top-10 {
  padding-top: 10px; }

.padding-10 {
  padding: 10px; }

.dashboard .task-box {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14); }

.dashboard .task-box.task-box-1 .task-box-header {
  background-color: #e91e63; }

.dashboard .task-box.task-box-2 .task-box-header {
  background-color: #ffc107; }

.dashboard .task-box.task-box-3 .task-box-header {
  background-color: #00bcd4; }

.dashboard .task-box .task-box-header {
  padding: 8px 14px;
  height: 30px; }

.dashboard .task-box .task-box-content {
  background-color: #ffffff;
  padding: 8px 14px; }

.dashboard .task-box .task-box-footer {
  background-color: #ffffff;
  padding: 8px 14px; }

.dashboard .task-box .task-box-header i {
  float: right;
  color: #ffffff; }

.dashboard .task-box .task-box-content h3 {
  font-weight: bold;
  font-size: 14px;
  margin: 14px 0 7px 0;
  padding: 0; }

.dashboard .task-box .task-box-content p {
  color: #757575;
  margin: 0 0 28px 0;
  padding: 0; }

.dashboard .task-box.task-box-1 .task-box-footer .task-status {
  background-color: #e91e63; }

.dashboard .task-box.task-box-2 .task-box-footer .task-status {
  background-color: #ffc107; }

.dashboard .task-box.task-box-3 .task-box-footer .task-status {
  background-color: #00bcd4; }

.dashboard .task-box .task-box-footer .task-status {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  padding: 2px 8px;
  color: #ffffff; }

.dashboard .task-box .task-box-footer img {
  width: 32px;
  float: right;
  margin-left: 4px; }

.dashboard .currentime {
  font-size: 50px;
  color: #6f6f6f; }

.dashboard .currenday {
  font-size: 25px;
  color: #6f6f6f; }

ol.progtrckr {
  display: table;
  list-style-type: none;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%; }

ol.progtrckr li {
  display: table-cell;
  text-align: center;
  line-height: 0em;
  /*3em*/ }

ol.progtrckr li.progtrckr-done {
  color: black;
  border-bottom: 4px solid yellowgreen; }

ol.progtrckr li.progtrckr-todo {
  color: silver;
  border-bottom: 4px solid silver; }

ol.progtrckr li.progtrckr-notintime {
  color: silver;
  border-bottom: 4px solid orangered; }

ol.progtrckr li:after {
  content: "\00a0\00a0"; }

ol.progtrckr li:before {
  position: relative;
  bottom: -1em;
  /*-2.5em;delivered*/
  float: left;
  left: 50%;
  line-height: 1em; }

ol.progtrckr li.progtrckr-done:before {
  content: "";
  color: white;
  background-color: yellowgreen;
  height: 2em;
  width: 2em;
  line-height: 1.2em;
  border: none;
  border-radius: 1.2em;
  bottom: -1.1em; }

ol.progtrckr li.progtrckr-notintime:before {
  content: "";
  color: white;
  background-color: orangered;
  height: 2em;
  width: 2em;
  line-height: 1.2em;
  border: none;
  border-radius: 1.2em;
  bottom: -1.1em; }

ol.progtrckr li.progtrckr-todo:before {
  /*content: "\039F";
        color: silver;
        background-color: white;
        font-size: 2.5em;
        bottom: -0.6em;*/
  content: "";
  color: white;
  background-color: silver;
  height: 2em;
  width: 2em;
  line-height: 1.2em;
  border: none;
  border-radius: 1.2em;
  bottom: -1.1em; }

.dashboard .van {
  padding-top: 1.4em; }

.dashboard .progtrckr .order {
  font-size: 16px;
  top: 14px;
  color: white;
  position: relative;
  font-weight: bold; }

.copy-product {
  /*border:solid 1px;
    border-color:$color-2;
    border-radius:5px;*/ }

.k-button.k-upload-button {
  padding-top: 8px !important; }

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

.image-container span {
  padding-left: 3px; }

.image-container input, .image-container img {
  padding-left: 0;
  padding-right: 0; }

.k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover {
  background-color: #CDBE7F; }

#MessagesGrid .k-grid > table > tbody > tr:hover,
#MessagesGrid .k-grid-content > table > tbody > tr:hover {
  background-color: white; }

ul.k-tabstrip-items li.k-item a.k-link {
  border: none !important; }

.k-tabstrip-items .k-loading {
  border: none !important; }

.small-text a, .small-text span, .small-text div, .small-text td, .small-text th {
  font-size: 11px !important; }

.small-text .k-pager-nav span {
  font-size: 0 !important; }

.small-text .k-grid td {
  padding: 2px 8px; }

.small-text .k-grid .k-button.small-button {
  padding: 1px 5px !important;
  margin: 2px;
  height: 18px; }

.small-text .k-grid .checkbox {
  height: 18px;
  width: 18px; }

.mobile {
  display: none; }

#BarcodesToPrintGrid.k-grid tbody tr {
  height: 130px !important; }

.pod-photo-container .k-dropzone {
  display: none; }

.pod-photo-container label, .pod-photo-container button {
  background-color: #2a333a !important;
  padding: 5px 10px !important;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid black; }

.pod-photo-container label:hover, .pod-photo-container button:hover {
  background-color: #2a333a !important;
  color: white; }

.pod-photo-container label:active, .pod-photo-container button:active {
  background-color: #2a333a !important;
  color: white; }

.pod-photo-container img {
  height: 64px;
  order: 1; }

.pod-photo-container ol {
  padding-left: 0; }

.pod-photo-container li, .pod-photo-container div > p {
  background: #eee;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  list-style-type: none;
  border: 1px solid black; }

.pod-photo-container p {
  line-height: 32px;
  padding-left: 10px; }

.images-container {
  position: relative; }

@media print {
  html, body {
    height: 99%; } }

.k-window {
  max-width: 85% !important; }

.red {
  color: red !important; }

.selectable-grid tbody tr {
  cursor: pointer; }

#channelTabs .k-widget.k-dropdown {
  width: 100%; }

.k-tabstrip-items .k-item {
  border-color: #ccc; }

.panel-heading {
  padding: 3px 15px; }

.k-window-titlebar.k-header {
  margin-top: -54px; }

.k-window .k-window-titlebar {
  height: 39px; }

.NavBar_MapTypeButtonContainerWrapper {
  display: none; }

.k-window-content[data-role='productpopup'], .k-window-content[data-role='orderpopup'] {
  overflow-x: hidden; }

body, input, label, td, th, div, span, textarea, a, button, select, legend, .form-control, input.form-control, textarea.form-control, select.form-control, .purpose,
.k-grid td span, .k-button[class],
.k-grid td a,
.k-grid td,
.k-grid .k-grid-header a,
ul.k-tabstrip-items li.k-item a.k-link {
  font-size: 12px; }

.form-control {
  height: 27px; }

.k-dropdown-wrap .k-input {
  padding-top: 0;
  padding-bottom: 0; }

.k-button[class] span {
  line-height: 10px; }

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
  height: 25px; }

.k-picker-wrap .k-input[data-role='datetimepicker'] {
  height: 23px; }

.k-widget.k-window {
  top: 38px !important; }

.k-icon-button {
  height: 21px; }

.margin-right-5 {
  margin-right: 5px; }

.k-window-content {
  overflow-x: hidden !important; }

.k-window .k-window-titlebar .k-window-actions .k-i-close {
  margin-top: 1px; }

table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child a, table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child a:hover, table[role="grid"] tbody[role="rowgroup"] tr[role="row"] td[role="gridcell"]:last-child .btn {
  border-radius: 4px;
  background-color: white; }

.navbar-collapse {
  padding: 0; }

.navbar {
  padding: 0; }

.navbar-expand-lg .navbar-nav {
  flex-direction: column;
  width: 100%; }

.navbar .navbar-expand-lg {
  display: block !important; }

.navbar-expand-lg {
  flex-flow: column nowrap; }

#sidebar-user .navbar.navbar-expand-lg {
  display: none !important; }

.navbar {
  margin-bottom: 7px; }

.login-bg #sidebar {
  display: none !important; }

ul.accordion {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

ul.accordion li {
  margin-bottom: 0;
  width: 100%; }

.late-alert {
  background-color: #de2727;
  height: 36px;
  color: white;
  padding: 10px 10px 0px 20px; }

.late-alert div {
  font-size: 16px; }

.late-alert .header {
  font-weight: bold;
  font-size: 20px;
  top: -3px; }

#RAGSDescription {
  background-color: grey; }

.RAGSDescription-container iframe {
  background-color: #eee !important; }

.k-grid-content button.k-button {
  padding: 0 !important; }

.barcode {
  font-family: 'free 3 of 9 Regular';
  font-size: 28pt; }

.sopTitle {
  font-weight: 800;
  font-size: 40px;
  margin-bottom: 0px;
  color: white; }

#DeliveryInformation .kbw-signature {
  /*height: 100px;*/ }

.sigPad {
  width: 100%;
  height: 215px; }

.sigWrapper {
  height: 153px; }

.signature-view canvas {
  cursor: default; }

.container-left-buttons span, .container-left-buttons button, .container-left-buttons select {
  float: left; }

.k-grid tbody tr td {
  vertical-align: top; }

.min-height .k-grid-content {
  min-height: 70px; }

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
  .k-grid-sm-column-title {
    text-align: left; } }

@media (min-width: 1200px) {
  .menu-container {
    width: 12%; }
  .main-container {
    width: 88%; } }

@media (min-width: 769px) {
  .navbar-collapse.collapse {
    height: 100% !important; }
  .menu-container {
    width: 21%; }
  .main-container {
    width: 79%; }
  .navbar-toggle-container {
    display: none; } }

@media (min-width: 992px) {
  .menu-container {
    width: 17%; }
  .main-container {
    width: 83%; } }

@media (min-width: 1460px) {
  .menu-container {
    width: 12%; }
  .main-container {
    width: 88%; } }

@media (max-width: 500px) {
  .mobile {
    display: inline-block;
    padding: 0;
    text-align: right; }
  .mobile .glyphicon-log-in {
    color: white;
    padding-left: 0;
    padding-top: 15px; }
  .mobile span {
    color: white; } }

@media (max-width: 768px) {
  .late-alert .header {
    font-size: 12px; }
  .late-alert .text {
    font-size: 10px; }
  .login-header {
    padding: 0; }
  .full-width {
    width: 100% !important; }
  .modal-dialog {
    width: 90%; }
  .k-button[class] {
    height: 36px; }
  footer {
    height: 3px;
    position: absolute; }
  html .bbwt2-header {
    margin-top: 0px; }
  #sidebar-user span {
    font-size: 12px !important; }
  #sidebar-user span .glyphicon-log-in {
    padding-left: 5px; }
  #branding-logo {
    max-height: 90px;
    width: 161px;
    padding: 10px 0 0 0; }
  #sidebar-user {
    height: 70px;
    padding-top: 0px; }
  .bbwt2-header .login {
    padding-bottom: 0px; }
  .login-header h1 {
    font-size: 10pt; }
  .login-header h4 {
    font-size: 9pt; }
  #sidebar.navbar-collapse.collapse {
    display: none !important; }
  #sidebar.navbar-collapse.collapse.in, #sidebar.navbar-collapse.collapsing {
    /*display: none;*/
    display: block !important;
    position: absolute;
    z-index: 999;
    width: 100%; }
  .navbar-collapse.collapse.in side-menu, .navbar-collapse.collapsing side-menu {
    height: 100%; }
  .navbar-collapse.in {
    overflow-y: visible; }
  #sidebar-user .navbar.navbar-expand-lg {
    display: block !important; }
  .rzslider .rz-tick-legend {
    min-width: 100px !important;
    width: 113px !important;
    max-width: 113px !important;
    line-height: 15px; }
  .slider-group {
    height: 125px; }
  #mainContent {
    height: calc(100% - (61px));
    height: -moz-calc(100% - (61px));
    height: -webkit-calc(100% - (61px)); }
  #toggle-menu {
    display: inline-block;
    height: calc(100% - (3px));
    padding: 0;
    width: 25px;
    float: left;
    background-color: white;
    color: white;
    position: absolute;
    z-index: 9999; }
  #toggle-menu #toggle {
    position: absolute;
    top: 50%;
    height: 25px;
    width: 25px;
    background-size: 25px;
    background-position-y: center;
    background-repeat: no-repeat; }
  .toggle-menu-close {
    background: url("/Content/images/menu-close.png"); }
  .toggle-menu-open {
    background: url("/Content/images/menu-open.png"); }
  #project.authorised {
    padding-left: 0px; }
  ul.side-menu-list li span {
    padding: 0 5px; }
  .message-count {
    padding: 2px !important; }
  #MessagesGrid {
    margin-top: 40px !important; }
  #MessagesGrid .k-grid-content {
    overflow: visible !important; }
  .emailContainer {
    display: block !important; }
  input.short {
    width: 100%; }
  div span.k-dropdown {
    width: 100%; }
  .tracking div {
    padding-right: 35px; }
  .page-header h1 {
    font-size: 16px !important; }
  .tracking-page input[type="text"] {
    height: 60px !important; }
  .login-box .login-box-top {
    width: 350px; }
  .login-box {
    width: 350px;
    margin: initial; }
  .tracking-page button.margin-right-10 {
    margin-right: 0; }
  .sopTitle {
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 0px;
    color: white; } }

@media (max-width: 1000px) {
  .late-alert {
    padding: 2px 2px 0px 2px; }
  .late-alert .k-button {
    height: 34px; }
  .late-alert .header {
    font-size: 13px; }
  .late-alert .text {
    font-size: 12px; } }

@media (max-width: 1280px) {
  .late-alert {
    padding: 7px 5px 5px 2px; }
  .late-alert .k-button {
    height: 34px; }
  .late-alert .header {
    font-size: 16px; }
  .late-alert .text {
    font-size: 12px; }
  .k-widget.k-autocomplete, .k-widget.k-combobox, .k-widget.k-dropdown, .k-widget.k-selectbox, .k-widget.k-textbox {
    width: 100% !important; }
  .k-pager-wrap .k-dropdown {
    width: 4.500em !important; }
  div.k-widget.k-window {
    width: 70% !important; } }

@media (max-width: 1800px) {
  .late-alert .header {
    font-size: 18px; }
  .late-alert {
    height: 46px;
    padding: 5px 10px 0px 10px; }
  .late-alert .k-button {
    height: 40px; } }

<<<<<<< .mine
||||||| .r1535
=======
/*# sourceMappingURL=../Content/Styles/Project.css.map */>>>>>>> .r1536