/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
@import url('https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&display=swap');
#off-canvas, #off-canvas-rga {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
}

.hidden{
	display: none !important;
}

.data-heading::before {
	display:none;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns, equal width */
  gap: 0 0.5rem;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns, equal width */
  gap: 0 0.5rem;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns, equal width */
  gap: 0 0.5rem;
}

.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 columns, equal width */
  gap: 0 0.5rem;
}

.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 columns, equal width */
  gap: 0 0.5rem;
}

@media (max-width: 769px) {
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6 {
		grid-template-columns: 1fr;
	}
}

.add-contact-selection-distributor {
	display: grid;
	place-items: center;
	height: 175px;
	width: 100%;
	text-align: center;
	border: 3px dashed rgba(0, 94, 184, 0.25);
	border-radius: 20px;
	margin-bottom: 10px;
	opacity: 0.65;
}

.add-contact-selection-distributor > p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	color:rgb(88,89,91);
	font-size: calc(1rem + .6vw) !important;
	line-height:28pt !important;
}

.add-contact-selection-distributor:hover {
	cursor: pointer;
	background:rgba(0,94,184,0.15);
	border:3px solid rgba(0,94,184);
	opacity: 1;
}

.add-contact-selection-end-user {
	display: grid;
	place-items: center;
	height: 175px;
	width: 100%;
	text-align: center;
	border: 3px dashed rgba(39,168,69, 0.25);
	border-radius: 20px;
	margin-bottom: 10px;
	opacity: 0.65;
}

.add-contact-selection-end-user > p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	color:rgb(88,89,91);
	font-size: calc(1rem + .6vw) !important;
	line-height:28pt !important;
}

.add-contact-selection-end-user:hover {
	cursor: pointer;
	background:rgba(39,168,69,0.15);
	border:3px solid rgba(39,168,69);
	opacity: 1;
}

.slot-container-distributor {
	border: 1px solid rgba(167,169,172,0.5);
	border-radius:10px;
	margin-bottom:10px;
	padding:30px 0;
	background: rgba(0, 94, 184, 0.03);
}
.slot-container-end-user {
	border: 1px solid rgba(167,169,172,0.5);
	border-radius:10px;
	margin-bottom:10px;
	padding:30px 0;
	background: rgba(39,168,69, 0.1);
}
.slot-options {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem; 
	align-items: center;
	justify-items: center;
}

/* Minimal Bootstrap Tabs CSS */
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  background: none;
  color: #0d6efd;
  padding: .5rem 1rem;
  margin-bottom: -1px;
  cursor: pointer;
  transition: color .15s, background-color .15s, border-color .15s;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  color: #0056b3;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  cursor: default;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
  border-color: transparent;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.tab-content {
	border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 25px;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.masquerade-banner {
	text-align: center;
    padding: 20px;
    background: navajowhite;
    margin-left: -20px;
    width: 100%;
    margin-bottom: 20px;
	position: fixed;
}

@media handheld, only screen and (max-width: 770px) {
	.slot-options {
		grid-template-columns: 1fr;
	}
}
.slot-option {
	text-align:center;
	background:#fff;
	border: 1px solid rgba(167,169,172,0.5);
	border-radius:10px;
	padding:30px;
}
svg.slot-exit {
	float:right;
	fill:rgb(167,169,172);
	transform: translate(-11px, -18px);
}
svg.slot-exit:hover {
	cursor:pointer;
	fill:#c92a2a;
}
svg.slot-edit {
	fill:rgb(167,169,172);
	transform: translate(0px, 3px);
}
svg.slot-edit:hover {
	cursor:pointer;
	fill:#005eb8;
}
svg.icon-go-back {
	float:left;
	fill: rgba(0,94,184,0.75);
	transform: translate(-7px, -17px);
}
@media handheld, only screen and (max-width: 770px) {
	svg.icon-go-back {
		transform: translate(8px, -17px);
	}
}
svg.icon-go-back:hover {
	cursor:pointer;
	fill: rgba(0,94,184,1);
}
.crm-search-container {
	display: flex;
}
.toggle-switch svg {
  transition: fill 0.25s;
  fill: rgba(88,89,91,0.65); /* default off */
}

.toggle-switch.on svg {
  fill: rgba(0,126,26,0.65);
}

.toggle-switch.off svg {
  fill: rgba(88,89,91,0.65);
}

.toggle-switch.on:hover svg {
  fill: rgb(0,126,26);
}

.toggle-switch.off:hover svg {
  fill: rgb(88,89,91);
}

.toggle-switch {
  cursor: pointer;
}
select.form-select {
	min-width: 100px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid rgba(167,169,172,0.5);
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	padding: 0 10px 0 10px;
}
select.form-select:hover {
	cursor: pointer;
}
input.form-control {
	min-width: 65%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid rgba(167,169,172,0.5);
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	padding: 0 0 0 10px;
}
.psuedo-link {
	text-decoration: underline;
	color: rgba(0,94,184,1);
	cursor: pointer;
}
.psuedo-link:hover {
	color: rgba(0,94,184,0.75);
}
.sf-records {
	font-family: sans-serif;
}
.sf-record {
	margin-bottom: 10px;
	background: #fff;
	padding: 1em;
	border-radius: 6px;
	border: 1px solid #ccc;
}
.success-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px 10px 10px 10px;
  text-align: center;
  background-color: rgba(0, 128, 0, 0.95);
  color: white;
  z-index: 999;
	transition: opacity 1s ease-in-out;
  opacity: 1;
}

.success-banner.fade-out {
	opacity: 0;
}

.error-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px 10px 10px 10px;
  text-align: center;
  background-color: rgba(128, 0, 0, 0.95);
  color: white;
  z-index: 999;
	transition: opacity 1s ease-in-out;
  opacity: 1;
}

.loader-container {
	display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center;     /* Centers vertically */
	min-height: 200px;       /* Ensure the container has height to center within */
	flex-direction: column;  /* Stack the spinner and "Loading" text vertically */
}

.loader {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #005eb8;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	display: inline-block;
	}
	@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader-s {
	border: 3px solid #f3f3f3;
	border-top: 3px solid #005eb8;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	animation: spin 2s linear infinite;
	display: inline-block;
	}
	@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader-xs {
	border: 2px solid #f3f3f3;
	border-top: 3px solid #005eb8;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	animation: spin 2s linear infinite;
	display: inline-block;
	}
	@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.progress {background-color:rgba(0,0,0,0.15);}
.progress-tall {height:40px !important;}
p.progress-text {
	margin: 15px 0 0 0;
	font-weight: bold;
}
.progress-bar-primary{
	background-color:rgb(0,94,184) !important;
}
.progress-bar-secondary {
	background-color:rgb(167,169,172) !important;
}
.progress-bar-warning{
	background-color:rgb(250,166,26) !important;
}
.progress-bar-danger {
	background-color:rgb(220,53,69) !important;
}
.progress-bar-success {
	background-color:rgb(0,128,0) !important;
}
.progress,.progress-stacked{
	--docsearch-text-color: #1c1e21;
	--docsearch-spacing: 12px;
	--docsearch-icon-stroke-width: 1.4;
	--docsearch-highlight-color: var(--docsearch-primary-color);
	--docsearch-muted-color: #969faf;
	--docsearch-container-background: rgba(101,108,133,0.8);
	--docsearch-modal-width: 560px;
	--docsearch-modal-height: 600px;
	--docsearch-modal-background: #f5f6f7;
	--docsearch-modal-shadow: inset 1px 1px 0 0 hsla(0,0%,100%,0.5),0 3px 8px 0 #555a64;
	--docsearch-searchbox-height: 56px;
	--docsearch-searchbox-background: #ebedf0;
	--docsearch-searchbox-focus-background: #fff;
	--docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
	--docsearch-hit-height: 56px;
	--docsearch-hit-color: #444950;
	--docsearch-hit-active-color: #fff;
	--docsearch-hit-background: #fff;
	--docsearch-hit-shadow: 0 1px 3px 0 #d4d9e1;
	--docsearch-key-gradient: linear-gradient(-225deg,#d5dbe4,#f8f8f8);
	--docsearch-key-shadow: inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,0.4);
	--docsearch-footer-height: 44px;
	--docsearch-footer-background: #fff;
	--docsearch-footer-shadow: 0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,0.12);
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13,110,253;
	--bs-secondary-rgb: 108,117,125;
	--bs-success-rgb: 25,135,84;
	--bs-info-rgb: 13,202,240;
	--bs-warning-rgb: 255,193,7;
	--bs-danger-rgb: 220,53,69;
	--bs-light-rgb: 248,249,250;
	--bs-dark-rgb: 33,37,41;
	--bs-white-rgb: 255,255,255;
	--bs-black-rgb: 0,0,0;
	--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-link-decoration: underline;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
	--bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
	--bs-form-control-bg: var(--bs-body-bg);
	--bs-form-control-disabled-bg: var(--bs-secondary-bg);
	--bs-highlight-bg: #fff3cd;
	--bs-breakpoint-xs: 0;
	--bs-breakpoint-sm: 576px;
	--bs-breakpoint-md: 768px;
	--bs-breakpoint-lg: 992px;
	--bs-breakpoint-xl: 1200px;
	--bs-breakpoint-xxl: 1400px;
	--bs-body-color: #adb5bd;
	--bs-body-color-rgb: 173,181,189;
	--bs-body-bg: #212529;
	--bs-body-bg-rgb: 33,37,41;
	--bs-emphasis-color-rgb: 248,249,250;
	--bs-secondary-color: rgba(173, 181, 189, 0.75);
	--bs-secondary-color-rgb: 173,181,189;
	--bs-secondary-bg: rgba(88,89,91);
	--bs-secondary-bg-rgb: 52,58,64;
	--bs-tertiary-color: rgba(173, 181, 189, 0.5);
	--bs-tertiary-color-rgb: 173,181,189;
	--bs-tertiary-bg: #2b3035;
	--bs-tertiary-bg-rgb: 43,48,53;
	--bs-emphasis-color: #fff;
	--bs-primary-text: #6ea8fe;
	--bs-secondary-text: #dee2e6;
	--bs-success-text: #75b798;
	--bs-info-text: #6edff6;
	--bs-warning-text: #ffda6a;
	--bs-danger-text: #ea868f;
	--bs-light-text: #f8f9fa;
	--bs-dark-text: #dee2e6;
	--bs-primary-bg-subtle: #031633;
	--bs-secondary-bg-subtle: #212529;
	--bs-success-bg-subtle: #051b11;
	--bs-info-bg-subtle: #032830;
	--bs-warning-bg-subtle: #332701;
	--bs-danger-bg-subtle: #2c0b0e;
	--bs-light-bg-subtle: #343a40;
	--bs-dark-bg-subtle: #1a1d20;
	--bs-primary-border-subtle: #084298;
	--bs-secondary-border-subtle: #495057;
	--bs-success-border-subtle: #0f5132;
	--bs-info-border-subtle: #055160;
	--bs-warning-border-subtle: #664d03;
	--bs-danger-border-subtle: #842029;
	--bs-light-border-subtle: #495057;
	--bs-dark-border-subtle: #343a40;
	--bs-heading-color: #fff;
	--bs-link-color: #6ea8fe;
	--bs-link-hover-color: #9ec5fe;
	--bs-link-color-rgb: 110,168,254;
	--bs-link-hover-color-rgb: 158,197,254;
	--bs-code-color: #e685b5;
	--bs-border-color: #495057;
	--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
	--bd-purple: #4c0bce;
	--bd-accent: #ffe484;
	--bd-violet-rgb: 112.520718,44.062154,249.437846;
	--bd-accent-rgb: 255,228,132;
	--bd-pink-rgb: 214,51,132;
	--bd-teal-rgb: 32,201,151;
	--docsearch-primary-color: var(--bd-violet);
	--docsearch-logo-color: var(--bd-violet);
	--bd-violet: #9461fb;
	--bd-violet-bg: #712cf9;
	--bd-sidebar-link-bg: rgba(84,33,187, .5);
	--base00: #282c34;
	--base01: #353b45;
	--base02: #3e4451;
	--base03: #868e96;
	--base04: #565c64;
	--base05: #abb2bf;
	--base06: #b6bdca;
	--base07: #d19a66;
	--base08: #e06c75;
	--base09: #d19a66;
	--base0A: #e5c07b;
	--base0B: #98c379;
	--base0C: #56b6c2;
	--base0D: #61afef;
	--base0E: #c678dd;
	--base0F: #be5046;
	font-weight: 400;
	line-height: 1.5;
	color: #adb5bd;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	--bs-gutter-y: 0;
	--bs-gutter-x: 3rem;
	--bd-example-padding: 1.5rem;
	box-sizing: border-box;
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.75rem;
	--bs-progress-bg: #343a40;
	--bs-progress-border-radius: 0.375rem;
	--bs-progress-box-shadow: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
	--bs-progress-bar-color: #fff;
	--bs-progress-bar-bg: #0d6efd;
	--bs-progress-bar-transition: width 0.6s ease;
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #343a40;
	border-radius: 0.375rem;
	margin-bottom: 0;}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}
.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.alert-info {
	color: #055160;
	background-color: #cff4fc;
	border-color: #9eeaf9;
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert > h2 {
	font-family:'Open Sans', sans-serif;
}

#restock > p.min:after {
	content: "%";
	position: relative;
}


.error-banner.fade-out {
	opacity: 0;
}

.item-container{
	padding:10px 15px 10px 15px;
	border:1px solid rgba(167,169,172,0.5);
	border-radius: 10px;
	margin-bottom:1.5em;
}

.fs-1{font-size:0.75rem!important}.fs-2{font-size:0.875rem!important}.fs-3{font-size:1rem!important}.fs-4{font-size:1.25rem!important}.fs-5{font-size:1.5rem!important}.fs-6{font-size:3rem!important}

.overlay-content {
	position: relative;
	top: 6%;
	width: 100%;
	text-align: left;
	margin-top: 30px;
}

#off-canvas .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}

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

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

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

.pointer:hover {
	cursor:pointer;
}

/* Begin tooltips */
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
	font-size: 9pt;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - default to right */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow - default to right */
.tooltip .tooltiptext::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #000 transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Specific class for left tooltip */
.tooltip-left .tooltiptext {
  left: auto;
  right: 110%;
}

.tooltip-left .tooltiptext::before {
  right: auto;
  left: 100%;
  border-color: transparent transparent transparent #000;
}
/* Specific class for top tooltip */
.tooltip-top .tooltiptext {
  top: auto;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-top .tooltiptext::before {
  top: 100%;
  bottom: auto;
  left: 50%;
  margin-left: -5px;
  border-color: #000 transparent transparent transparent;
}

/* Specific class for bottom tooltip */
.tooltip-bottom .tooltiptext {
  top: 110%;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-bottom .tooltiptext::before {
  top: auto;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #000 transparent;
}
/* End Tooltips */

.margin-center {
	margin: 0 auto;
}

#clone-canvas {
	color:#000;
	font-family: 'Open Sans', sans-serif;
}

.meter {
  box-sizing: content-box;
  height: 20px; /* Can be anything */
  position: relative;
  margin: 0 0 20px 0;
  background: #555;
  border-radius: 25px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.border-bottom {
	border-bottom:1px solid rgba(167,169,172,0.5);
	margin-bottom:10px !important;
	padding-bottom:10px !important;
}
.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43, 194, 83);
  background-image: linear-gradient(
    center bottom,
    rgb(43, 194, 83) 37%,
    rgb(84, 240, 84) 69%
  );
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.meter > span:after,
.animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.animate > span:after {
  display: none;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.orange > span {
  background-image: linear-gradient(#f1a165, #f36d0a);
}

.red > span {
  background-image: linear-gradient(#f0a3a3, #f42323);
}

@keyframes wiggle {
	0% { transform: rotate(0deg); }
 80% { transform: rotate(0deg); }
 85% { transform: rotate(5deg); }
 95% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}

.wiggle {
display: inline-block;
animation: wiggle 1.5s infinite;
padding:50px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

svg.icon {
	vertical-align: middle;
}

svg.tag {
	transform: translateY(4px);
}

.svg-spin {
	animation: spin 1s linear infinite;
}

.nostripes > span > span,
.nostripes > span::after {
  background-image: none;
}

#clone-report {
	font-family: 'Open Sans', sans-serif;
}

	/* mobile overlay*/
	.overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: rgb(255,255,255);
		overflow-x: hidden;
		transition: 0.5s;
	}
	
	.overlay-content {
		position: relative;
		top: 6%;
		width: 100%;
		text-align: left;
		margin-top: 30px;
	}
	
	.overlay a {
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		display: block;
		transition: 0.3s;
		font-family: 'Open Sans', sans-serif;
	}
	
	.overlay .closebtn {
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 60px;
	}

	a.btn {
		font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

a.btn-primary, a.btn-primary:visited {
	color: #fff !important;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

	/*mobile overlay*/
	
	a.footer-link {
		color: rgba(88,89,91,1);
	}
	
	a.footer-link:visited {
		color: rgba(88,89,91,1);
	}
	
	a.footer-link:hover {
		color: rgba(0,94,184,1);
	}

	a.add {
		color: #fff;
    background-color: rgb(0,94,184);
		border-color: rgb(0,94,184);
		display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
		user-select: none;
		font-family: 'Open Sans', sans-serif;
		text-decoration:none;
	}

	a.add:hover {
		background-color:rgba(0,94,184,0.85);
		color:#fff;
	}

	a.add:active {
		color:#fff;
	}
	a.add:visited {
		color:#fff;
	}

	button.add, div.add{
		color: #fff;
    background-color: rgb(0,94,184);
		border-color: rgb(0,94,184);
		display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
		user-select: none;
		font-family: 'Open Sans', sans-serif;
		text-decoration:none;
	}

	button.add:hover, div.add:hover {
		background-color:rgba(0,94,184,0.85);
		color:#fff;
	}

	button.add:active, div.add:active {
		color:#fff;
	}

	button.delete{
		color: #fff;
    background-color: rgb(255, 44, 36);
		border-color: rgb(255, 44, 36);
		display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
		user-select: none;
		font-family: 'Open Sans', sans-serif;
		text-decoration:none;
	}

	button.delete:hover {
		background-color:rgba(255, 44, 36,0.85);
		color:#fff;
	}

	button.delete:active {
		color:#fff;
	}

	button.menu-link,
		input[type="button"].menu-link,
		input[type="submit"].menu-link,
		input[type="reset"].menu-link {
		all: unset; /* Reset native button styles */
		display: inline-block;
		cursor: pointer;
		font: inherit;
		color: inherit;
		text-align: left;
		padding: 0.5em 0;
		width: 100%;
		font-size: 13px;
	}
	
	.footer {
		font-family: 'Open Sans', sans-serif;
		font-size:9pt;
		color:rgba(88,89,91,0.85);
		text-align:center;
		margin-top:25px;
	}
	
	.hide-search-results {
		cursor:pointer;
		width:94%;
		text-align:center;
		background:rgba(167,169,172,0.1);
		border:1px solid rgba(167,169,172,0.5);
		margin-bottom:15px;
		padding:5px;
		color:rgba(88,89,91,1);
	}

	a.menu-item {
		text-decoration: none;
	}

	.mobile-menu{
		visibility: visible;
	}

	.organization {
		border: 1px solid rgba(0,0,0,0.25);
    border-radius: 15px;
    padding: 15px;
		background: rgba(0,94,184,0.03);
	}

	#rga-search {
    box-sizing: border-box;
    line-height: inherit;
    overflow: visible;
    outline: none;
    width: 85%;
    margin: 5px 10px 5px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12pt;
    padding: 5px 5px 5px 0;
    border: 1px solid rgba(167,169,172,0.65);
    border-radius: 25px;
    color: rgb(88,89,91);
    background: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22stroked_search%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20style%3D%22%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%20rgb%28136%2C136%2C136%29%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3ESF_Pro_Form_Icons_v4f-Single-Set%3C%2Ftitle%3E%3Cpath%20id%3D%22stroked_search-2%22%20data-name%3D%22stroked_search%22%20fill%3D%22rgb%28136%2C136%2C136%29%22%20transform%3D%22translate%28-3%2C%20-15%29%22%20d%3D%22M18%2C29.293l-4.438-4.407C14.457%2C23.838%2C15%2C22.481%2C15%2C20.999C15%2C17.691%2C12.309%2C15%2C9%2C15%20%20%20s-6%2C2.691-6%2C5.999C3%2C24.308%2C5.691%2C27%2C9%2C27c1.467%2C0%2C2.811-0.531%2C3.854-1.408L17.293%2C30L18%2C29.293z%20M9%2C26c-2.762%2C0-5-2.241-5-5.001%20%20%20C4%2C18.238%2C6.238%2C16%2C9%2C16c2.761%2C0%2C5%2C2.238%2C5%2C4.999C14%2C23.759%2C11.761%2C26%2C9%2C26z%22%2F%3E%3C%2Fsvg%3E), #ffffff;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 14px;
		padding: 10px 0 10px 30px;
	}

	#rga-search-results {
		background: #fff;
    padding: 50px;
    border: 1px solid rgba(167,169,172,0.25);
    border-radius: 10px;
	}

	.icon-clear-container {
		width:82.5%;
		text-align: right;
	}
	.icon-clear {
		font-size:20pt;
		transform:translate(20px, -45px);
		color:rgba(167,169,172,0.5);
	}
	.icon-clear:hover {
		cursor:pointer;
	}

	.edit-fields-inline{
		display: flex;
    align-items: center;
	}

	.edit-rga-field{
		margin-left:0.5em;
		transform:translateY(-3px);
	}

	div.options-container {
		position: absolute;
		right:30%;
	}

	div.options{
		border-radius:5px;
		position: absolute;
	}

	div.options:hover {
		background:rgba(167,169,172,0.25);
	}

	div.options svg {
		font-size:16pt;
		color:rgb(88,89,91);
		padding: 3px 5px 3px 5px;
	}

	div.options > svg:hover {
		cursor:pointer;
	}

	.options-dropdown {
		background:#fff;
		padding:5px;
		border:1px solid rgba(167,169,172,0.25);
		border-radius:10px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
		transform:translate(32px,32px);
		position: absolute;
		transform: translate(-230px,30px);
		min-width:250px;
		z-index:1;
	}

	.options-dropdown-item:hover {
		background:rgba(167,169,172,0.1);
		cursor:pointer;
	}

	.options-dropdown-item {
		font-family: 'Open Sans', sans-serif;
		color: rgb(88,89,91);
		font-size:10pt;
		margin-bottom:1px;
		border-radius:5px;
		padding:10px 50px 10px 30px;
		transition: padding 0.5s ease-out;
	}
	.fade-out {
		opacity: 0;
		animation: fadeOut 0.5s ease-out;
	}

	@keyframes fadeOut {
		100% {
		opacity: 0;
		}
		0% {
		opacity: 1;
		}
	}


	@keyframes fadeIn {
			0% {
			opacity: 0;
			}
			100% {
			opacity: 1;
			}
		}
		
		#rga-options-dropdown.hidden {
		opacity: 0;
		}

	#export-rga {
		color:rgb(88,89,91);
	}

	#approve-rga {color:rgb(0,128,26);}

	#delete-rga, #deny-rga {color:red;}

	div.edit-rga-field > svg{
		color: rgba(0,94,184,0.5);
	}

	div.edit-rga-field > svg:hover{
		color:rgb(0,94,184);
	}

	.mb-025{margin-bottom:0.25em !important;}.mb-05{margin-bottom:0.5em !important;}.mb-1{margin-bottom:1em !important;}.mb-2{margin-bottom:2em !important;}.mb-3{margin-bottom:3em !important;}.mb-4{margin-bottom:4em !important;}.mb-5{margin-bottom:5em !important;}.mb-6{margin-bottom:6em !important;}.mt-1{margin-top:1em !important}.mt-2{margin-top:2em !important}.mt-3{margin-top:3em !important}.mt-4{margin-top:4em !important}.mt-5{margin-top:5em !important}.mt-6{margin-top:6em !important}

	.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:rgb(0,94,184)}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:rgb(250,166,26)}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}

	.bg-success {background:rgba(42,167,69,0.15) !important;border:1px solid rgb(42,167,26) !important;}
	.bg-secondary{background:rgba(108,117,125,0.15) !important;border:1px solid rgb(108,117,125) !important;}
	.bg-warning{background:rgba(250,166,25,0.15) !important;border:1px solid rgb(250,166,25) !important;}
	.bg-danger {background:rgba(220,53,69,0.15) !important;border:1px solid rgb(220,53,69) !important;}

	.hamburger {
		display:none !important;
	}
	
	.nav-admin-title {
		color:rgb(88,89,91);
		font-size:9pt;
		background:rgba(167,169,172,0.15);
		width:80%;
		padding:3px 10px 3px 10px;
		font-weight:bold;
	}
	
	.hide-search-results:hover {
		background:rgba(167,169,172,0.2);
	}
	
	.main {
		margin-top:0;
	}
	
	.main-dynamic {
		margin-top:0;
	}

	p.min {
		margin-bottom: 0 !important;
		padding-bottom: 5px !important;
	}

	p.min::before {
		display:none;
	}

	.w-100 {
		width:100%;
	}

	.alternate-container, div.alternative-container.mb-1 {
    border-top: 1px solid rgba(167,169,172,0.35);
    border-left: 1px solid rgba(167,169,172,0.35);
    border-right: 1px solid rgba(167,169,172,0.35);
	overflow: hidden;
	}
	div.alternative-container.mb-1 {
		border-bottom: 1px solid rgba(167,169,172,0.35);
	}

	div.row-min.alternate-color {
		padding:10px;
	}

	.alternate-container > div {
		padding:10px;
		border-bottom: 1px solid rgba(167,169,172,0.35);
	}
	.alternate-container>div:nth-of-type(even), div.row-min.alternate-color:nth-of-type(even) {
    background: rgba(167,169,172,0.15);
	}
	div.row.alternate-color {
    padding: 7px 0 7px 0;
	}

	.clickable:hover {
		cursor:pointer;
		background: rgba(250,166,26,0.1);
	}

	.not-clickable:hover {
		cursor:not-allowed;
	}

	.deleteItem{
		color:rgba(255,0,0,0.75);
	}

	.deleteItem:hover{
		cursor:pointer;
		color:rgb(255,0,0);
	}

	.confirmDeleteItem {
		color:rgb(26,128,0);
		font-size:14pt;
		margin-right:25px;
	}

	.confirmDeleteItem:hover {
		cursor:pointer
	}

	.cancelDeleteItem {
		color:rgb(255,0,0);
		font-size:14pt;
	}

	.cancelDeleteItem:hover {
		cursor:pointer
	}

	i.blue {
		color:rgb(0,94,184);
	}

	.pagination {
		padding:0 0 0 15px;
	}
	
	.pagination p {
		font-size:10pt;
		padding-bottom:5px;
	}
	
	.pagination a {
		text-decoration:none;
		padding:0 4px 0 4px;
		font-size:11pt;
	}
	
	.pagination a:hover {
		background: rgba(0,94,184,0.85);
		color:#fff;
	}
	
	.current_page {
		font-size:11pt;
		padding:0 4px 0 4px;
		background:rgba(250,166,26,0.45);
		font-weight:bold;
	}
	
	p:not(.console header p) {
		font-family: 'Open Sans', sans-serif;
		font-size:11pt;
		line-height:14pt;
		padding-bottom:15px;
	}
	
	img.icon {
		vertical-align:top;	
	}
	
	img.icon:hover {
		cursor:pointer;
	}	
	
	nav {
		font-family: 'Open Sans', sans-serif;
		font-size:10pt;
		line-height:15pt;
		padding:10px 10px 20px 20px;
		border:1px solid rgba(0,0,0,0.25);
		background:rgba(0,94,184,0.03);
		line-height: 1.5rem;
	}
	
	.console {
		font-family: 'Fira Mono';
		width: 100%;
		height: 450px;
		box-sizing: border-box;
		margin: auto;
		margin-bottom:30px;
	}
	
	.console header {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		background-color: #555;
		height: 45px;
		line-height: 45px;
		text-align: center;
		color: #DDD;
	}

	.console header p {
		font-weight: 700;
	}
	
	.console .consolebody {
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		box-sizing: border-box;
		padding: 20px;
		height: calc(100% - 40px);
		overflow: scroll;
		background-color: #000;
		color: #63de00;
	}

	.console .consolebody > hr {
		border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid #63de00;
	}

	.console .consolebody table {
		border:1px solid #63de00;
		border-collapse:collapse;
		width:100%;
	}

	.console .consolebody table caption {
		font-weight: 700;
		padding:5px;
		background:#63de00;
		color:#000;
		border-bottom:1px solid #000;
	}

	.console .consolebody table th {
		font-weight: 700;
		text-align: center;
		padding:5px;
		border-right:1px solid #000;
		background:#63de00;
		color:#000;
	}

	.console .consolebody table td {
		text-align: left;
		border:1px solid #63de00;
		padding: 5px;
		color:#63de00;
	}

	.console .consolebody p {
		line-height: 1.5rem;
	}
	.navtitle{
		font-size:11pt;
		font-weight:bold;
		border-bottom:1px solid rgba(167,169,172,1);
	}

	.navsubtitle {
		padding: 9px;
		border: 1px solid rgb(167, 169, 172);
		margin: 5px 0 5px 0;
		border-radius: 5px;
	}
	
	p.discrete {
		color:rgba(88,89,91,1);
		font-size:9pt !important;
	}
	
	p.date {
		padding-bottom: 2px;
		color:rgba(88,89,91,1);
		font-size:9pt;
		font-weight:bold;
	}
	
	ul.discrete {
		font-size:9.5pt;
		color:rgba(88,89,91,1);
		font-family: 'Open Sans', sans-serif;
		margin:0 0 15px 5px;
	}
	
	.title {
		font-family: 'Open Sans Condensed', sans-serif;
		color:rgba(0,84,184,0.9);
		padding-bottom:10px;
	}
	
	.account-closed {
		float:right;
		font-size:10pt;
		margin-top:10px;
		font-family: 'Open Sans', sans-serif;
		color:#000;
		padding:5px 10px 5px 10px;
		border-radius:15px;
		width:100%;
		z-index:1;
	}

	.float-end{float:right!important}
	
	.account-closed:hover {
		cursor:pointer;
	}
	
	.account-arrow-closed {
		float:left;
		font-size:18pt;
		line-height:14pt;
		transform:rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}
	
	p.dropdown {
		clear:both;
		margin-top:21px;
		padding:5px 10px 5px 10px;
		margin-left:-5px;
		font-size: 10pt;
		display: block;
		width:125px;
		border-radius:0 0 5px 5px;
	}

	ul.standard-list {
    font-family: 'Open Sans', sans-serif;
    font-size:10.5pt;
	margin-bottom:15px;
  }
  ul.standard-list li {
    list-style-type: disc;
    margin-left:25px;
    padding-bottom:5px;
  }

	ul.no-dot {
    font-family: 'Open Sans', sans-serif;
    font-size:10.5pt;
    color:rgb(88,89,91);
	margin-bottom:15px;
  }
  ul.no-dot li {
    list-style-type: none;
    margin-left:25px;
    padding-bottom:5px;
  }
	
	a {
		color:rgba(0,94,184,1);
	}
	
	a:visited {
		color:rgba(0,94,184,1);
	}
	
	a:hover {
		color:rgba(25,143,255,1);
	}
	
	a.button {
		display:inline-block;
		background: rgba(167,169,172,0.35);
		color: rgb(88,89,91);
		padding: 3px 10px;
		border-radius: 3px;
		border: medium none;
		font-weight: bold;
		font-size:11pt;
		text-decoration:none;
		padding:3px 25px 3px 25px;
		font-family: 'Open Sans', sans-serif;
		margin-bottom:5px;
	}
	
	a.button:hover {
		background: rgba(167,169,172,0.5);
	}
	
	table.myquotes {
		width:100%;
		font-family: 'Open Sans', sans-serif;
		text-align:center;
		border-collapse:collapse;
		border:1px solid rgba(88,89,91,1);
	}
	
	table.myquotes th {
		font-size:10pt;
		background:rgba(88,89,91,0.25);
		border:1px solid rgba(167,169,172,0.65);
	}
	
	table.myquotes td {
		font-size:9pt;
		padding:2px 0 2px 0;
		border:1px solid rgba(167,169,172,0.25);
	}
	
	table.myquotes tr:nth-child(odd) {
		background:rgba(0,94,184,0.05);
		transition-property: background;
		transition-duration: 0.1s;
		transition-timing-function: linear;
	}
	
	table.myquotes tr.shine:hover {
		background:rgba(0,94,184,0.15);
		cursor:pointer;
		box-shadow:0 0 5px 0 rgba(0,0,0,0.15);
	}

	.shine:hover {
		background:rgba(0,94,184,0.07) !important;
		box-shadow:0 0 5px 0 rgba(0,0,0,0.15);
	}

	.discontinued-row {
		background: #f8d7da !important;
		color: #721c24 !important;
	}
	
	img.logo {
		margin-top:10px;
	}
	
	.fixed-confirmation {
		position:fixed;
		top:0;
		z-index:100;
		background:rgb(250,253,244);
		border-top:1px solid rgba(0,128,0,1);
		border-right:1px solid rgba(0,128,0,1);
		border-bottom:1px solid rgba(0,128,0,1);
		border-left:3px solid rgba(0,128,0,1);
		padding:5px 10px 5px 10px;
		font-size:10pt;
		width:52%;
		margin:5px auto 10px auto;
		text-align:left;
		box-shadow:5px 5px 3px rgba(0,0,0,0.25);
	}
	
	ol {
		font-family: 'Open Sans', sans-serif;
		font-size:10pt;
		margin-left:25px;
	}
	
	h1 {
		line-height:26pt;
	}
	
	hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
	
	form {
		font-family: 'Open Sans', sans-serif;
		font-size:11pt;
	}
	
	input.field[type="text"], input.field[type="number"] {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 11pt;
	    border: 1px solid #CCCCCC;
	    padding: 3px 5px 3px 5px;
	    width: 90%;
		margin-bottom:7px;
	}

	input.field[type="number"] {
	    font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		border: 1px solid #CCCCCC;
		padding: 3px 5px 3px 5px;
		width: 90%;
		margin-bottom:7px;
	}
	
	input.field[type="tel"] {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 11pt;
	    border: 1px solid #CCCCCC;
	    padding: 3px 5px 3px 5px;
	    width: 90%;
		margin-bottom:7px;
	}
	
	input.field[type="password"] {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 11pt;
	    border: 1px solid #CCCCCC;
	    padding: 3px 5px 3px 5px;
	    width: 90%;
		margin-bottom:7px;
	}
	
	input.field[type="email"] {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 11pt;
	    border: 1px solid #CCCCCC;
	    padding: 3px 5px 3px 5px;
	    width: 90%;
		margin-bottom:7px;
	}
	
	input.email[type="text"] {
	    font-family: 'Open Sans', sans-serif;
	    font-size: 11pt;
	    border: 1px solid #CCCCCC;
	    padding: 3px 10px 3px 10px;
	    width: 85%;
		margin-bottom:7px;
	}
	
	input[type="text"].invalid {
		border:1px solid rgba(255,117,113,1);
		font-family: 'Open Sans', sans-serif;
	  font-size: 11pt;
	  padding: 3px 5px 3px 5px;
		margin-bottom:7px;
	}
		
	input[type="text"].search-bar {
		font-family: 'Open Sans', sans-serif;
		font-size: 12pt;
		border: 1px solid #CCCCCC;
		border-radius: 25px;
		padding: 3px 5px 3px 32px;
		width: 85%;
		height: 30px;
		margin-bottom: 7px;
		background-image: url('../img/search-icon.png');
		background-position: 5px;
		background-repeat: no-repeat;
		}
		
	input[type="text"].qtyEdit {
		border:1px solid #000;
		background:rgba(0,94,184,0.05);
		font-family: 'Open Sans', sans-serif;
	    font-size: 9pt;
	    padding: 0;
	    width: 15px;
		text-align:center;
		}

	input[type="number"].field.invalid {
		border:1px solid rgba(255,117,113,1);
		background:rgba(255,117,113,0.1);
		font-family: 'Open Sans', sans-serif;
	    font-size: 11pt;
	    padding: 3px 5px 3px 5px;
		margin-bottom:7px;
		}
		
	input[type="email"].invalid {
		border:1px solid rgba(255,117,113,1);
		font-family: 'Open Sans', sans-serif;
	    font-size: 11pt;
	    padding: 3px 5px 3px 5px;
	    width: 200px;
		margin-bottom:7px;
		}
		
	input[type="password"].invalid {
		border:1px solid rgba(255,117,113,1);
		font-family: 'Open Sans', sans-serif;
	    font-size: 11pt;
	    padding: 3px 5px 3px 5px;
	    width: 200px;
		margin-bottom:7px;
		width: 90%;
		}
		
	input[type="submit"]:hover {
		cursor:pointer;
	}

	input[type=date].field {
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		border: 1px solid #CCCCCC;
		padding: 3px 5px 3px 5px;
		width: 90%;
		margin-bottom:7px;
	}

	.switch {
		position: relative;
		margin: auto;
		height: 26px;
		width: 120px;
		background: rgba(88, 89, 91, 0.8);
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	-webkit-transform: translate3d(0,0,0);
	z-index:0;
	}
	
	.switch-label {
		font-family: 'Open Sans', sans-serif;
		position: relative;
		z-index: 2;
		float: left;
		width: 58px;
		line-height: 26px;
		font-size: 11px;
		color: rgba(255, 255, 255, 1);
		text-align: center;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
		cursor: pointer;
	}
	
	.switch-label:active {
		font-weight: bold;
	}
	
	.switch-label-off {
		padding-left: 2px;
	}
	
	.switch-label-on {
		padding-right: 2px;
	}
	
	.switch-input {
		display: none;
	}
	
	.switch-input:checked + .switch-label {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.65);
		text-shadow: 0 1px rgba(255, 255, 255, 0.25);
		-webkit-transition: 0.15s ease-out;
		-moz-transition: 0.15s ease-out;
		-o-transition: 0.15s ease-out;
		transition: 0.15s ease-out;
	}
	
	.switch-input:checked + .switch-label-on ~ .switch-selection {
		/* Note: left: 50% doesn't transition in WebKit */
		left: 60px;
	}
	
	.switch-selection {
		display: block;
		position: absolute;
		z-index: 1;
		top: 2px;
		left: 2px;
		width: 58px;
		height: 22px;
		background: #65bd63;
		border-radius: 3px;
		background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
		background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
		background-image: -o-linear-gradient(top, #9dd993, #65bd63);
		background-image: linear-gradient(to bottom, #9dd993, #65bd63);
		-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
		-webkit-transition: left 0.15s ease-out;
		-moz-transition: left 0.15s ease-out;
		-o-transition: left 0.15s ease-out;
		transition: left 0.15s ease-out;
	}
	
	.switch-blue .switch-selection {
		background: #3aa2d0;
		background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
		background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
	}
	
	.switch-yellow .switch-selection {
		background: #c4bb61;
		background-image: -webkit-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: -moz-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: -o-linear-gradient(top, #e0dd94, #c4bb61);
		background-image: linear-gradient(to bottom, #e0dd94, #c4bb61);
	}
	
	/* Add some hover effects */
	input[type=date].field:hover,
	input[type=date].field:focus {
		border-color: #333;
		box-shadow: 0 0 8px rgba(0,0,0,0.1);
	}
	input[type=date].invalid {
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		border:1px solid rgba(255,117,113,1);
		padding: 3px 5px 3px 5px;
		width: 90%;
		margin-bottom:7px;
	}

	input[type="text"].valid, input[type="tel"].valid, input[type="email"].valid, input[type="password"].valid, input[type="date"].valid {
		border:1px solid rgba(0,128,0,1);
	}
		
	.green {
		background-color:rgba(204,230,159,0.1);
		border-right:1px solid rgba(0,128,0,1);
		border-top:1px solid rgba(0,128,0,1);
		border-bottom:1px solid rgba(0,128,0,1);
		border-left:3px solid rgba(0,128,0,1);
		padding:5px 10px 5px 10px;
		font-size:10pt;
		width:96.5%;
		}
	
	.red {
		border-top:1px solid rgba(255,117,113,1);
		border-right:1px solid rgba(255,117,113,1);
		border-bottom:1px solid rgba(255,117,113,1);
		border-left:3px solid rgba(255,117,113,1);
		color:rgb(170, 23, 1);
		background-color:rgba(255,204,203,0.5);
		padding:5px 10px 5px 10px;
		font-size:10pt;
		margin-bottom:10px;
		width:97%;
		}
		
	.yellow {
		border-top:1px solid rgba(250,166,26,1);
		border-right:1px solid rgba(250,166,26,1);
		border-bottom:1px solid rgba(250,166,26,1);
		border-left:3px solid rgba(250,166,26,1);
		background-color:rgba(250,166,26,0.07);
		padding:5px 10px 5px 10px;
		font-size:10pt;
		width:97%;
		font-family: 'Open Sans', sans-serif;
		font-size:9pt;
		line-height:12pt;
		margin-bottom:10px;
	}
	
	.redSearch {
		font-size:8pt;
		border-top:1px solid rgba(255,117,113,1);
		border-right:1px solid rgba(255,117,113,1);
		border-bottom:1px solid rgba(255,117,113,1);
		border-left:3px solid rgba(255,117,113,1);
		background-color:rgba(255,204,203,0.5);
		width:86%;
		text-align:center;
		margin:0;
		padding:0 10px 0 10px;
		}
		
		.menu-div {
			padding:4px 0 4px 3px;
			color:rgba(88,89,91,1);
			transition-property: background;
			transition-duration: 0.1s;
			transition-timing-function: linear;
		}

		.menu-div:hover {
			background:rgba(167,169,172,0.25);
			cursor:pointer;
			border-left:3px solid rgba(167,169,172,1);
			padding:4px 0 4px 0;
			color:rgba(88,89,91,1);
		}
		
		.inner-menu-div {
			font-size:16px;
			color: rgb(88,89,91);
			display:inline;
			margin-left:5px;
		}
		
	#s_validation {
		margin-bottom:10px;
	}
	
	#search_val {
		font-family: 'Open Sans', sans-serif;
		box-sizing:border-box;
	    font-size: 10pt;
	    border: 1px solid #CCCCCC;
		border-radius:25px;
	    padding: 3px 5px 3px 32px;
	    width: 45%;
		margin-bottom:7px;
		background-image:url('../img/search-icon.png');
		background-position:5px;
		background-repeat: no-repeat;
		background-color:transparent;
		background-color:rgba(255,255,255,1);
		-webkit-transition: width 0.2s ease-in-out;
		transition: width 0.2s ease-in-out;
	}
	
	#search_val:focus{
		width:95%;
	}
	
	#popup {
		z-index: 1;
		background: rgba(247,250,253,1);
		position: fixed;
		width: 300px;
		margin: -55px 0 0 -65px;
		top: 31%;
		left: 50%;
		padding: 20px;
		border: 1px solid #CCC;
		border-radius: 3px;
		box-shadow: 5px 5px 3px #666364;
	}
	
	#popupEmail {
		z-index: 1;
		background: rgba(247,250,253,1);
		position: fixed;
		width: 500px;
		height:575px;
		margin: -200px 0 0 -200px;
		top: 31%;
		left: 50%;
		padding: 20px;
		border: 1px solid #CCC;
		border-radius: 3px;
		box-shadow: 5px 5px 3px #666364;
		overflow:scroll;
	}
	
	textarea {
		border: 1.5px solid rgba(167,169,172,0.5);
		border-radius: 8px;
		font-family: 'Open Sans', sans-serif;
		font-size: 1rem;
		padding: 14px 16px;
		width: 100%;
		min-height: 100px;
		background: #f7fafd;
		color: #222;
		transition: border-color 0.2s, box-shadow 0.2s;
		box-shadow: 0 2px 8px rgba(0,0,0,0.04);
		resize: vertical;
	}
	textarea:focus {
		border-color: rgb(0,94,184);
		box-shadow: 0 0 0 2px rgba(0,94,184,0.15);
		outline: none;
	}
	
	span.notification {
		background:rgba(232,67,40,1);
		color:rgba(255,255,255,1);
		box-shadow:1px 1px 1px rgba(88,89,72,0.75);
		border-radius:4px;
		padding:0px 4px 0px 4px;
		font-size:7pt;
		margin:0;
		font-family:'Arial';
		font-weight:bold;
	}
	label:hover{
		cursor:pointer;
	}
	
	.field {border:none;background:#fff;padding:5px}
	
	.right {
		text-align:right;
	}

	.rep-org {
	border: none;
	max-width: 300px;
	border-radius: 50px;
	padding: 15px;
	margin-bottom: 10px;
	background: rgba(88,89,91,0.1);
	font-weight: bold;
	}

	.rep-org:hover {
		background:rgba(0,128,0,0.07);
		cursor:pointer;
		color:rgb(0,128,0);
	}

	ul.rep-org-list {
		list-style:none;
		margin-left:25px;
	}
	
	fieldset {
		border:2px solid rgba(167,169,172,0.5);
		border-radius: 3px;
		padding:10px;
		margin:10px 0 10px 0;
	}
	
	legend {
		font-family: 'Open Sans Condensed', sans-serif;
		color:rgba(88,89,91,1);
		font-size:20pt;
		font-weight:bold;
	}
	
	.pointer {
		cursor:pointer;
	}

	.close {
		float:right;
		cursor:pointer;
		margin-top:3px;
		vertical-align:bottom;
	}
	.hide {
		display:none;
	}

	.hide-mobile {
		display:block;
	}
	
	p.submenu {
		padding:10px 15px 10px 15px;
		background:rgba(167,169,172,0.15);
		border-radius:5px;
		margin-bottom:10px;
		font-size:9pt;
		text-align:center;
		width:100%;
	}
	
	table.users {
		width:100%;
		text-align:center;
		border-collapse:collapse;
	}
	
	table.users th {
		font-family:'Open Sans Condensed', sans-serif;
		background:rgba(167,169,172,0.5);
		color:rgba(88,89,91,1);
		border:1px solid rgba(88,89,91,1);
	}
	
	table.users td {
		font-family:'Arial';
		font-size:10pt;
		padding:5px;
		border:1px solid rgba(88,89,91,1);
	}
	
	table.users tr:nth-child(odd) {
		background:rgba(0,94,184,0.07);
	}
	table.users tr:nth-child(even) {
		background:rgba(255,255,255,1);
	}
	
	.settings-header {
		background: rgba(88,89,91,0.1);
	    padding: 10px;
	    border-radius: 5px 5px 0 0;
	    border: 1px solid rgba(167,169,172,0.25);
	    font-size: 10pt;
	    font-family: 'Open Sans', sans-serif;
	    font-weight: bold;
	    color: rgb(88,89,91);
	}
	
	.settings-middle-body {
		padding: 10px;
	    border-left: 1px solid rgba(167,169,172,0.25);
	    border-bottom: 1px solid rgba(167,169,172,0.25);
	    border-right: 1px solid rgba(167,169,172,0.25);
	}
	
	.settings-middle-body p {
		font-size: 9pt;
	    font-family: 'Open Sans', sans-serif;
		color: rgb(88,89,91);
	}
	
	.settings-body {
		padding: 10px;
	    border-radius: 0 0 5px 5px;
	    border-left: 1px solid rgba(167,169,172,0.25);
	    border-bottom: 1px solid rgba(167,169,172,0.25);
	    border-right: 1px solid rgba(167,169,172,0.25);
		margin-bottom:25px;
	}
	
	.settings-body p {
		font-size: 9pt;
	    font-family: 'Open Sans', sans-serif;
		color: rgb(88,89,91);
	}

	.confirm-completion {
		font-family: 'Open Sans', sans-serif;
		background:#fff;
		text-align:center;
		border:1px solid rgb(167,169,172);
		padding:5px;
	}

/* Messages */

.message {
	background-color: rgba(0,94,184,0.15) !important;
	background-image: linear-gradient(45deg, rgba(0,0,0,0.035) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.035) 50%, rgba(0,0,0,0.035) 75%, transparent 75%, transparent) !important;
	background-size: 64px 64px !important;
	padding:20px 15px 15px 10px;
	border-radius:10px;
	margin-top:20px;
	margin-bottom: 15px;
}
.alert-warning {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	line-height: 1.42857143;
	box-sizing: border-box;
	margin: 0 0 10px;
	font-family: 'Work Sans',sans-serif;
	font-weight: 300;
	font-size: 14pt;
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	margin-bottom: 0;
}
.alert-icon{
	color:rgba(0,94,184,0.35);
	position:fixed;
	font-size:3em;
	margin-left:-40px;
	margin-top:-45px;
}
div.message-button {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	display:block;
	border-style:solid;
	border-color:#bbb #888 #666 #aaa;
	border-width:1px 2px 2px 1px;
	border-radius:3px;
	height:2em;
	background:#ccc;
	color:#333;
	line-height:2;
	text-align:center;
	text-decoration:none;
	width:45px;
	margin:0 auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
div.message-button:hover {
	cursor:pointer;
}
div.message-button:active {
	border-color: #666 #aaa #bbb #888;
	border-width:2px 1px 1px 2px;
	color:#000;
}
/* End messages */

/* Address Book */
#scroll_records {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a.cursor {
	cursor:pointer;
}
#addressBookModal {
max-height:500px;
}
.address_book_contents {
	height:763px;
	overflow:scroll;
	border-top:1px solid rgba(167,169,172,0.5);
	border-bottom:1px solid rgba(167,169,172,0.5);
	background:#fff;
}
.quote_num_header {
	width:100%;
	background:#ddd;
	color:#555;
	font-weight:bold;
	margin-left:-5px;
	padding:3px 0 3px 5px;
}
table.book-contents {
width:100%;
border-collapse:collapse;
border:1px solid #cccccc;
margin:0;
margin-bottom:10px;
position:relative;
}
table.book-contents td{
cursor:pointer;
}
table.book-contents th {
width:50%;
font-family:'Open Sans', sans-serif;
font-size:10pt;
border:1px solid #cccccc;
background:rgb(0,94,184);
color:#fff;
overflow:scroll;
}

table.book-contents td {
width:50%;
font-family:'Open Sans', sans-serif;
font-size:9.5pt;
border:1px solid #cccccc;
padding-left:5px;
cursor:pointer;
}

table.book-contents tr.data:nth-child(odd){
background:#F7FAFD;
}

table.book-contents tr.data:nth-child(even){
background:rgba(255,255,255,1);
}

table.book-contents tr.data:hover{
cursor:pointer;
background:#000000;
color:#ffffff;
}

table.book-contents tr.data:hover{
	cursor:pointer;
	background:rgb(192,211,236);
	color:#000;
}
.reset-button{
	margin: 0 0 0 -35px;
	padding: 3px 5px 3px 8px;
	border-radius: 5px;
	text-align: center;
	font-size:12pt;
	width:20px;
	color:rgba(88,89,91,0.75);
	display:inline;
}
.reset-button:hover {
	cursor:pointer;
	color:rgba(88,89,91,1);
}
#search_book {
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	border: 1px solid #CCCCCC;
	border-radius: 25px;
	padding: 3px 5px 3px 32px;
	width: 80%;
	height: 30px;
	margin-bottom: 7px;
	background-image: url(../img/search-icon.png);
	background-position: 5px;
	background-repeat: no-repeat;
	display:inline;
}
.highlight {
	animation: fade 2s forwards;
	background-color:rgba(242, 245, 169, 1);
}

@keyframes fade {
	from {background-color:rgba(242, 245, 169, 1);}
	to {background-color:rgba(255, 255, 255, 1);}
}
.search_button{
	width: 83%;
	padding: 3px 5px 3px 5px;
	border: none;
	border-radius: 5px;
	background: rgba(0,94,184,0.85);
	text-align: center;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
}
.search_button:hover {
	background: rgba(0,94,184,0.93);
}
.address-button{
	padding: 4px 0 4px 3px;
	color: rgba(88,89,91,1);
	transition-property: background;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	font-family: 'Open Sans', sans-serif;
	font-size: 11pt;
	line-height: 14pt;
}
.address-button:hover {
	background:rgba(167,169,172,0.25);
		cursor:pointer;
		border-left:3px solid rgba(167,169,172,1);
		color:rgba(88,89,91,1);
}
/* Address Book */

.nav-pill {
	font-size: 8pt;
	background: rgba(0,0,0,0.15);
	padding: 4px 4px 0 4px;
	border-radius: 10px;
	/*float: right;*/
	margin-left: 5px;
	font-weight: bold;
	min-width: 12px;
	text-align: center;
	max-height:25px;
}

img.nav-icon {
	width:16px;
	vertical-align:middle;
	padding-bottom:3px;
	padding-right:1px;
}

.lottie-center {
	display:block;
	margin: auto;
}

.lottie-container-100 {
	width: 100px;
	height: auto;
}

.lottie-container-200 {
	width: 200px;
	height: auto;
}

.lottie-container-300 {
	width: 300px;
	height: auto;
}

.lottie-container-400 {
	width: 400px;
	height: auto;
}

.lottie-container-500 {
	width: 500px;
	height: auto;
}
.lottie-container-600 {
	width: 600px;
	height: auto;
}

.lottie-container-full {
	width: auto;
	height: auto;
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media only screen and (max-width: 2600px){
	div.options-container {
		position: absolute;
		right:29%;
	}
}

@media only screen and (max-width: 2300px){
	div.options-container {
		position: absolute;
		right:27%;
	}
}

@media only screen and (max-width: 2100px){
	div.options-container {
		position: absolute;
		right:25%;
	}
}

@media only screen and (max-width: 2000px){
	div.options-container {
		position: absolute;
		right:23%;
	}
}

@media only screen and (max-width: 1800px){
	div.options-container {
		position: absolute;
		right:20%;
	}
}

@media only screen and (max-width: 1600px){
	div.options-container {
		position: absolute;
		right:17%;
	}
}

@media only screen and (max-width: 1500px){
	div.options-container {
		right:15%;
	}
}

@media only screen and (max-width: 1400px){
	div.options-container {
		right:13%;
	}
}

@media only screen and (max-width: 1300px){
	div.options-container {
		right:10%;
	}
}

@media only screen and (max-width: 1200px){
	div.options-container {
		right:7%;
	}
}


@media handheld, only screen and (max-width: 770px) {

	div.options-container {
		right:11%;
	}
	
	h1.title {
		font-size:18pt;
	}
	
	legend {
		font-size:16pt;
	}
	
	.mobile-menu{
		float:right;
		visibility: visible;
		margin:10px 55px 0 0;
	}

	.hamburger {
		display:block !important;
		font-size:2.5em;
		color:rgb(88,89,91);
	}

	.hide-mobile {
		display:none;
	}

	.tooltip-left .tooltiptext, .tooltip-right .tooltiptext {
    top: auto;
    bottom: 110%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .tooltip-left .tooltiptext::before, .tooltip-right .tooltiptext::before {
    top: 100%;
    bottom: auto;
    left: 50%;
    right: auto;
    margin-left: -5px;
    border-color: #000 transparent transparent transparent;
  }

	p.min::before {
		display:block;
		/*content: attr(data-heading) ":";*/
		font-weight: bold;
		padding-bottom:5px;
	}
	
	#search_val {
		font-family: 'Open Sans', sans-serif;
		box-sizing:border-box;
	  font-size: 10pt;
	  border: 1px solid #CCCCCC;
		border-radius:25px;
	  padding: 3px 5px 3px 32px;
	  width: 85%;
		margin-bottom:7px;
		margin-left:10px;
		background-image:url('../img/search-icon.png');
		background-position:5px;
		background-repeat: no-repeat;
		background-color:transparent;
		background-color:rgba(255,255,255,1);
	}
	
	#search_val:focus{
		width:85%;
	}

	.icon-clear-container {
		width:78%;
	}
	
	.main {
		margin-top:65px;
	}
	
	.main-dynamic {
		margin-top:110px;
	}
	
	.left {
		text-align:left;
	}
	
	.nav {
		display:none;
	}
	
	img.icon{
		float:left;
		margin-right:3.5%;
		margin-left:3.5%;
		margin-top:5px;
	}

	.confirm-completion {
		color:rgb(88,89,91);
	}
	
	.account-closed {
		font-size:10pt;
		margin-top:10px;
		font-family: 'Open Sans', sans-serif;
		color:#000;
		padding:0 5px 0 5px;
		border-radius:15px;
		width:100%;
		background:rgba(233,233,234,1);
	}
	
	.account-arrow-closed {
		display:none;
	}
	

	.mobile-title {
		color:#fff;
		font-size:10pt;
		font-family: 'Open Sans', sans-serif;
	}
	
	.menu-div {
		padding:4px 0 4px 3px;
		font-family: 'Open Sans', sans-serif;
		font-size:11pt;
		transition-property: background;
		transition-duration: 0.1s;
		transition-timing-function: linear;
	}

	.menu-div:hover {
		background:rgba(255,255,255,0.25);
		cursor:pointer;
		border-left:3px solid rgba(255,255,255,1);
		padding:4px 0 4px 0;
		font-family: 'Open Sans', sans-serif;
		font-size:11pt;
	}
	
	.push {
		margin-top:15px;
	}
	
	#sub-mobile{
		display:none;
		background:rgba(0,94,184,1);
		float:left;
		clear:both;
		width:100%;
		box-shadow:1px 3px 3px #ccc;
	}
	
	#sub-quote, #sub-options, #sub-import, #sub-export {
		margin-top:-5px;
		display:none;
		background:rgba(0,94,184,1);
		float:left;
		clear:both;
		width:100%;
	}
	#popup {
		width: 60%;
		margin: 0 0 0 -125px;
	}
	
	#popupEmail {
		width: 70%;
		margin: -80px 0 0 -140px;
	}
	
	select.rearrange {
		width:100%;
	}

	.mobile-menu-override {
		display:block;
		color:rgb(88,89,91);
	}
	
	.mobile-menu-override:hover {
		background:rgba(167,169,172,0.25);
		cursor:pointer;
		border-left:3px solid rgba(167,169,172,1);
		padding-left:1px;
		color:rgba(88,89,91,1);
	}

	.nav-pill{
		max-height:20px;
		background:rgba(255,255,255,0.15);
	}

	.pagination > p{
		font-size:11pt !important;
	}
	
	.pagination a {
		text-decoration:none;
		padding:0 8px 0 8px;
		font-size:14pt;
	}
	
	.pagination a:hover {
		background: rgba(0,94,184,0.85);
		color:#fff;
	}
	
	.current_page {
		font-size:14pt;
		padding:0 8px 0 8px;
		background:rgba(250,166,26,0.45);
		font-weight:bold;
	}

	.data-heading::before {
		display: inline-block;
		content: attr(data-heading) ":";
		font-weight: bold;
		padding-bottom:5px;
		font-family: 'Open Sans', sans-serif;
	}

}

@media handheld, only screen and (max-width: 430px){
	div.options-container {
		right:15%;
	}
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/*@media (prefers-color-scheme: dark) {
	body {
		background-color: rgba(0,0,0,0.9);
		color: #fff;
	}
	p, p.discrete, .menu-div, .inner-menu-div, .tab.selected_tab, #add_comment_tab, .line-options, #add_catalog_number, .account-closed, legend, .settings-header, .settings-body, .settings-body > p, .settings-header > p, .footer, ul.standard-list {
		color: #fff;
	}

	a.footer-link, a.footer-link:visited {
		color: rgb(0,94,184);
	}

	input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="date"] {
		background-color: rgba(0,0,0,0.9);
		color: #fff;
	}

	.nav {
		background-color: rgba(0,0,0,1);
	}

	.title {
		color: #fff;
	}

	.menu-div:hover {
		background:rgba(0,94,184,0.75);
		border-left:3px solid rgba(255,255,255,1);
		color:rgba(255,255,255,1);
	}

	.line-options:hover:hover {
		background: #fff;
	}

	table, th, td {
    border: 1px solid rgba(255,255,255,0.9);
    border-collapse: collapse;
    padding: 0 2px 0 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
    line-height: 12pt;
	}
}*/