:root {
	--dt-row-selected: 209, 31, 46 !important;
}

::selection {
    color: #fff;
    background-color: #d11f2e;
}

.nav-tabs {
	--bs-nav-tabs-link-active-color: #fff;
	--bs-nav-tabs-link-active-bg: #d11f2e;
}

.nav-link {
	color: #444;
	padding-left: 12px;
	padding-right: 12px;
	display: inline-block;
	--bs-nav-link-hover-color: #d11f2e;
}

.nav-tabs .nav-link {
	border: var(--bs-nav-tabs-border-width) solid #eee;
}

.nav {
	--bs-link-color: #d11f2e;
}



.btn:disabled {
	background-color: #ccc;
	border-color: #333;
}

body {
    font-family: "Arial", sans-serif;
	font-size: 12px;
}

.navbar-toggler {
	font-size: 12px;
}

.form-control {
	font-size: 12px;
}

.form-select {
	font-size: 12px;
}

.input-group-text {
	font-size: 12px;
}

#container-header {
    border-top: 10px solid #ffde00;
    box-sizing: border-box;
	background-color: #d11f2e;
}

#container-header span {
	display: block;
	color: #fff;
	font-size: 24px;
	padding: 10px;
}

#container-header-birthday {
    border-top: 10px solid #fab500;
    box-sizing: border-box;
	background-color: #d11f2e;
}

#container-header-birthday span {
	display: block;
	color: #fff;
	font-size: 24px;
	padding: 10px;
}

.bg-white {
	background-color: #fff;
}

.bg-grey {
	background-color: #3a3a3a;
}

.bg-red {
	background-color: #c00000;
	color: #fff;
}

.bg-red:hover {
	background-color: #c00000;
	color: #fff;
}

.yellow {
	color: #ffde00;
}

.white {
	color: #fff;
}

.white:hover {
	color: #fff;
}

.white:focus {
	color: #fff;
}

.white:active {
	color: #fff;
}

.red {
	color: #d11f2e;
}

.black {
	color: #000;
}

.green {
	color: #008000;
}

.orange {
	color: #ff8c00;
}

.size-16 {
	font-size: 16px;
}

.size-20 {
	font-size: 20px;
}

.size-24 {
	font-size: 24px;
} 

.size-30 {
	font-size: 30px;
}

.size-42 {
	font-size: 42px;
}

.bold {
	font-weight: bold;
}

.ramsay-btn {
  color: #fff;
  background: #c00000;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border: 0;
  outline: 0;
  font-size: 1.1rem;
  padding: 12px 35px;
  display: inline-block;
  transform: skew(-21deg);
  /* Un-skew the text */
}
.ramsay-btn:visited {
  color: #fff;
}
.ramsay-btn:hover {
  background: #fab500;
  color: #c00000;
}
.ramsay-btn > span {
  display: inline-block;
  transform: skew(21deg);
}

h5 {
	padding-bottom: 10px;
}

h4, h5, h6 {
	font-weight: bold;
}

.form-group label {
	font-weight: bold;
	font-size: 14px;
	padding: 3px;
	margin-top: 8px;
}

.form-control {
	margin: 4px;
}

.dropdown-item:active {
	background-color: #d11f2e;
}

.active>.page-link {
	background-color: #d11f2e;
	border-color: #d11f2e;
}

.active>.page-link:hover {
	color: #fff;
}

.page-link:focus {
	color: #000;
}

.active>.page-link:focus {
	color: #fff;
}

.page-link {
	color: #000;
}

.page-link:hover {
	color: #000;
}

.previous {
	color: #000;
}

.btn-primary:hover {
	background-color: #d11f2e;
	border-color: #c00000;
}

.btn-primary:focus {
	background-color: #c00000 !important;
	border-color: #c00000 !important;
}

.btn-primary:active {
	background-color: #c00000 !important;
	border-color: #c00000 !important;
}

.btn-outline-primary {
	border-color: #c00000;
	color: #c00000;
}

.btn-outline-primary:focus {
	background-color: #c00000 !important;
	border-color: #c00000 !important;	
}

.btn-outline-primary:active {
	background-color: #c00000 !important;
	border-color: #c00000 !important;	
}

.btn-outline-primary:hover {
	background-color: #c00000;
	border-color: #c00000;
}


.input-group .form-control {
    margin: 0px !important;
}

.w-150 {
	width: 150px;
}

.small-title {
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 8px;
	padding-top: 6px;
}

.dropdown-menu {
	background-color: #212529;
	border: none;
	z-index: 1200;
}

.dropdown-menu .nav-link {
	padding-left: 15px !important;
	display: block;
}



.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: 0px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.btn-sm, .page-item, .page-link {
	font-size: 12px;
}

.result-title {
	display: block;
	font-weight: bold;
	color: #d11f2e;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 12px;
}

.result-title-large {
	display: block;
	font-weight: bold;
	color: #d11f2e;
	font-size: 18px;
	text-transform: uppercase;
}

.result-title-medium {
	display: block;
	font-weight: bold;
	color: #d11f2e;
	font-size: 12px;
	text-transform: uppercase;
}

.clear {
	text-decoration: none;
}

.grey {
	color: #3a3a3a;
}

.s-small {
	font-size: 12px;
}

.t-border {
	border-collapse: collapse;
}

.t-border td {
	border: 1px solid #ccc;
	padding: 3px;
}

a {
	color: #d11f2e;
}

a:hover {
	color: #d11f2e;
}

.form-check-input:checked {
	background-color: #d11f2e;
	border-color: #d11f2e;
}

/*
 @preserve
 bstreeview.css
 Version: 1.2.0
 Authors: Sami CHNITER <sami.chniter@gmail.com>
 Copyright 2020
 License: Apache License 2.0
 Project: https://github.com/chniter/bstreeview
*/
.bstreeview{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;padding:0;overflow:hidden}.bstreeview .list-group{margin-bottom:0}.bstreeview .list-group-item{border-radius:0;border-width:1px 0 0 0;padding-top:.5rem;padding-bottom:.5rem;cursor:pointer}.bstreeview .list-group-item:hover{background-color:#dee2e6}.bstreeview>.list-group-item:first-child{border-top-width:0}.bstreeview .state-icon{margin-right:8px}.bstreeview .item-icon{margin-right:5px}

.item-Level1 {
	font-weight: bold;
}

.item-Level1::after {
	content: ' > ';
}

.pg1 {
	background-color: #eee;
}

.pg2 {
	background-color: #ddd;
}

.pg3 {
	background-color: #eee;
}

.tooltip {
	--bs-tooltip-opacity: 1;
	--bs-tooltip-bg: #c00000;
	--bs-tooltip-font-size: 11px;
}

.rowToggle {
	cursor: pointer;
}

.home-link {
	display: block;
	color: #000;
	padding: 6px;
	text-decoration: none;
}

.home-link:hover {
	color: #000;
	background-color: #eee;
}

.size-12 {
	font-size: 12px;
}

.nav-link:hover {
	background-color: #d11f2e;
	color: #fff;
}

.dropdown-toggle.show {
	background-color: #d11f2e !important;
}

@media (min-width: 1000px) {
	.padding-desktop-5 {
		padding: 1.25rem !important;
	}
	.w-200 {
		width: 200px;
	}
}

.schedule-calendar:hover {
	cursor: pointer;
}

.schedule-calendar-grey-border {
	border: 2px solid #ccc;
}

.schedule-calendar-grey-border:hover {
	border: 2px solid #aaa;
}

.schedule-calendar-red-border {
	border: 2px solid #d11f2e;
}

.schedule-calendar-disabled {
	cursor: not-allowed;
	background-color: #eee;
	border: 2px solid #444;
}

.modal-xxl {
	--bs-modal-width: 1600px;
}

.btn {
	font-size: 12px;
}

.btn-primary {
	background-color: #d11f2e;
	border-color: #d11f2e;
	--bs-btn-bg: #d11f2e;
	--bs-btn-active-bg: #d11f2e;
	--bs-btn-active-border-color: #d11f2e;
}

.btn-primary:hover {
	background-color: #d11f2e;
	border-color: #c00000;
}

.btn-primary:focus {
	background-color: #c00000 !important;
	border-color: #c00000 !important;
}

.btn-primary:active {
	background-color: #c00000 !important;
	border-color: #c00000 !important;
}

.btn-outline-primary {
	border-color: #c00000;
	color: #c00000;
}

.btn-outline-primary:focus {
	background-color: #c00000 !important;
	border-color: #c00000 !important;	
}

.btn-outline-primary:active {
	background-color: #c00000 !important;
	border-color: #c00000 !important;	
}

.btn-outline-primary:hover {
	background-color: #c00000;
	border-color: #c00000;
}

.btn {
	--bs-btn-disabled-color: #ccc;
	--bs-btn-disabled-border-color: #ccc;
}

.form-check-input:checked {
	background-color: #d11f2e;
	border-color: #d11f2e;
}

.btn-check:checked+.btn {
	--bs-btn-active-bg: #d11f2e;
	--bs-btn-active-border-color: #d11f2e;
}

.btn-check:hover+.btn {
	color: #fff;
	background-color: #d11f2e;
	border-color: #d11f2e;
}

.warning {
	background-color: #f8d7da;
	border-color: #d11f2e;
}

.success {
	background-color: #d1e7dd;
	border-color: #badbcc;
}

.selector {
	background-color: #fafafa;
	border: 3px solid #ccc;
	border-radius: 10px;
	cursor: pointer;
}

.selector:hover {
	background-color: #eee;
}

.red-border {
	border: 3px solid #d11f2e !important;
}

.dark-border {
	border: 3px solid #444 !important;
}

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
  }

.btn-circle {
	width: 30px;
	height: 30px;
	padding: 6px 0px;
	border-radius: 15px;
	font-size: 12px;
	text-align: center;
}

.btn-circle-sm {
	width: 20px;
	height: 20px;
	padding: 0px 0px;
	border-radius: 10px;
	font-size: 10px;
	text-align: center;
}

.dropdown-menu-light {
	background-color: #fff;
	font-size: 12px;
	border: 1px solid rgb(204,204,204);
}

.start-90 {
	left: 90% !important;
}

.start-80 {
	left: 80% !important;
}

table.dataTable td {
	vertical-align: middle;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.red-background {
	background-color: #444;
	color: #fff;
}

.red-background:hover{
	background-color: #444;
	color: #fff;
}

.howto-active {
	background-color: #eee !important;
}

.flexdatalist-alias:focus {
	box-shadow: none !important;
}

.works-order-selector {
	cursor: pointer;
	border: 3px solid #eee;
}

.works-order-selector.active {
	border: 3px solid #d11f2e;
}

.wo-finished-lines {
	cursor: pointer;
}

.grey-border-3 {
	border: 3px solid #eee;
}

.red-border-3 {
	border: 3px solid #d11f2e;
}

.list-group-item.active {
	--bs-list-group-active-bg: #d11f2e;
	--bs-list-group-active-border-color: #d11f2e;
}

.list-group-item.active td {
	color: #fff;
}

.list-group-item-action {
	cursor: pointer;
}

.modal-open {
	padding-right: 0 !important;
	overflow-y: hidden !important;
}

.hover-bgred-fgwhite:hover {
	background-color: #d11f2e;
	color: #fff;
}

.ui-droppable-hover {
	border: 2px dotted #666;
	background-color: lightgreen;
}

.tr-bg {
	background-color: #d11f2e !important;
	color: #fff;
}

.tr-bg:hover {
	color: #fff !important;
}

.tr-worksorderlineid:hover {
	background-color: #eee;
}

.menu-grey-hover:hover {
	background-color: #eee;
}

.dropdown-item {
	font-size: 12px;
}

.btn-icon:hover {
	background-color: #444;
	color: #fff;
}

.td-hover {
	border-radius: 5px;
	cursor: pointer;
}

.td-hover-active {
	background-color: #bbb !important;
}

.accordion {
	--bs-accordion-active-bg: #eee;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d11f2e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-active-color: #000;
}

.modal-header {
	background-color: #eee;
}

.modal-title {
	padding-bottom: 0px;
}

.testimonial blockquote {
	margin: 10px 10px 0;
	background: #eee;
	padding: 20px 60px;
	position: relative;
	border: none;
	border-radius: 8px;
  }
  
  .testimonial blockquote:before,
  .testimonial blockquote:after {
	content: "\201C";
	position: absolute;
	font-size: 80px;
	line-height: 1;
	color: #d11f2e;
	font-style: normal;
  }
  
  .testimonial blockquote:before {
	top: 10px;
	left: 10px;
  }
  
  .testimonial blockquote:after {
	content: "\201D";
	right: 10px;
	bottom: -0.5em;
  }
  
  .testimonial div {
	width: 0;
	height: 0;
	border-left: 0 solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #eee;
	margin: 0 0 0 60px;
  }
  
  .testimonial p {
	margin: 8px 0 0 20px;
	text-align: left;
	color: #fff;
  }

  .td-hover-bg {
	background-color: #ececec;
  }

  .tally-off {
	background-color: #fff !important;
	cursor: pointer;
  }

  .tally-on {
	background-color: #ffdd00 !important;
	cursor: pointer;
  }

  .tally-inactive {
	background-color: #eee !important;
  }

  .chip-off {
	border-radius: 15px; 
	height: 30px;
	padding-left: 12px;
	padding-right: 12px;
	border: 2px solid #ccc;
	background-color: #eee;
	cursor: pointer;
	color: #000;
  }

  .chip-off:hover {
	background-color: #ddd;
  }

  .chip-on {
	border-radius: 15px; 
	height: 30px;
	padding-left: 12px;
	padding-right: 12px;
	border: 2px solid #d11f2e;
	background-color: #d11f2e;
	cursor: pointer;
	color: #fff;
  }

.list-group-item-sales-order[data-status="Complete"] .col-2.d-none {
	display: inline !important;
}

.list-group-item-sales-order[data-productmatch="True"] {
	background-color: #cfe2ff !important;
}

.h-95 {
	height: 95% !important;
}

.expand {
	cursor: pointer;
}

.tr-highlight td {
	background-color: #444 !important;
	color: #fff;
}

.tr-highlight-red td {
	border-bottom: 1px solid #d11f2e;
	border-top: 1px solid #d11f2e;
}

.tr-highlight-red td:first-child {
	border-left: 6px solid #d11f2e;
}

.tr-highlight-red td:last-child {
	border-right: 6px solid #d11f2e;
}

.overflow-hidden {
	overflow: hidden !important;
}

.navbar {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	--bs-navbar-toggler-focus-width: 0;
}

.row-hover:hover {
	background-color: #eee;
}

.primer-planner-event {
	border: 1px solid #eee;
	border-radius: 10px;
	cursor: pointer;
}

@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}}

table.dataTable th.dt-left, table.dataTable td.dt-left {
	text-align: left !important;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
	text-align: right !important;
}