@import url("https://fonts.googleapis.com/css?family=Inter:400,200,600");

body {
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
[v-cloak]{
	display: none;
}
.bg-terso {
	background: #8dc63f;
}
[data-theme="dark"] {
  background-color: rgb(34, 34, 34) !important;
  color: #eee;
}
[data-theme="dark"] .bg-black {
  background-color: #fff !important;
}
[data-theme="dark"] .bg-light {
  background-color: #222 !important;
	border-bottom-color: #222 !important;
}
[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}
[data-theme="dark"] .card {
  background-color: #303030;
	border: 1px solid rgb(56, 56, 56);
}
[data-theme="dark"] .list-group-item {
  background-color: #303030;
	color: #eee;
}
[data-theme="dark"] .border {
  border-color: rgb(56, 56, 56) !important;
}
[data-theme="dark"] table {
  color: #eee;
}
[data-theme="dark"] .form-control {
	color: #eee;
	background-color: #222;
	border: 1px solid #515151;
}
[data-theme="dark"] .modal-content {
	background-color: #2f2f2f;
	border: 1px solid rgba(250, 250, 250, 0.2);
}
[data-theme="dark"] .modal-header, .modal-footer {
	border-color: #2f2f2f;
}
[data-theme="dark"] .accordion-item, .accordion-header {
	background-color: #222;
	border-color: #2f2f2f;
}
[data-theme="dark"] .accordion-button, [data-theme="dark"] .accordion-button:not(.collapsed) {
	background-color: #222;
	color: #e1e1e1;
}
[data-theme="dark"] .accordion-button:not(.collapsed) {
  color: #879cb2;
  background-color: #1c2d40;
  box-shadow: inset 0 -1px 0 rgba(250, 250, 250, 0.125);
}
[data-theme="dark"] .btn-light {
  color: #fafafa;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
[data-theme="dark"] .btn-outline-light:hover {
  color: #000;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
[data-theme="dark"] .btn-dark {
  color: #fafafa;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
[data-theme="dark"] .btn-outline-dark {
  color: #fafafa;
  background-color: #222;
  border-color: #3b3b3b;
}
[data-theme="dark"] .btn-outline-dark:hover {
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
[data-theme="dark"] .table {
  --bs-table-color: #e1e1e1;
  --bs-table-bg: transparent;
  --bs-table-border-color: #515151;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #e1e1e1;
  --bs-table-striped-bg: rgba(250, 250, 250, 0.05);
  --bs-table-active-color: #e1e1e1;
  --bs-table-active-bg: rgba(250, 250, 250, 0.1);
  --bs-table-hover-color: #e1e1e1;
  --bs-table-hover-bg: rgba(250, 250, 250, 0.075);
  color: #e1e1e1;
}
[data-theme="dark"] .header {
	background: none;
}
[data-theme="dark"] .dropdown-menu {
  color: #e1e1e1;
  background-color: #111;
  border: 1px solid rgba(250, 250, 250, 0.15);
}
[data-theme="dark"] .dropdown-item {
  color: #f8f9fa;
  background-color: transparent;
  border: 0;
}
[data-theme="dark"] .dropdown-item:hover {
  background-color: rgba(56,56,56,0.5);
}
[data-theme="dark"] .form-select {
	color: #b1b1b1;
	background-color: #222;
	border: 1px solid #515151;
}
[data-theme="dark"] .text-dark {
	color: #e1e1e1 !important;
}
[data-theme="dark"] .toast {
	background-color: rgb(34, 34, 34);
	border: 1px solid rgba(250, 250, 250, 0.15);
}
[data-theme="dark"] .toast-header {
	background-color: rgb(56, 56, 56);
}


a[type='button'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.boarding_bg {
	background: #111;
}
.fail{
	background-color: #c8e0ec
}
.fail_server{
	background-color: #eeeeee
}
.clickable {
	cursor: pointer;
}
.pop-over-z-index{
	z-index: 11;
}
.min-height-0 {
	min-height: 0px;
}
.min-height-150 {
	height: 150px;
}
.min-width-260 {
	min-width: 260px;
}
.min-width-72 {
	min-width: 72px;
}
.min-width-200 {
	min-width: 200px;
}
.min-width-400 {
	min-width: 400px;
}
.max-width-80{
	max-width: 80px;
}
.max-width-400 {
	max-width: 400px;
}
.max-width-500 {
	max-width: 500px;
}
.height-80px{
	height: 80px;
}
.height-100px{
	height: 100px;
}
.height-150px{
	height: 150px;
}
.width-95{
	width: 95%;
}
.width-200 {
	width: 200px;
}
.width-400px{
	width: 400px;
}
.font-14 {
	font-size: 14px;
}
.stack_header {
	font-size: 0.85rem;
}
.bg-cancelled {
	background: #f0aa32
}
.no-outline {
	outline: none !important;
}
.attachment_thumb {
	width: 150px;
	opacity: 0.9;
}
.attachment_thumb:hover {
	opacity: 1.0;
}
.file_drop {
	border-radius: 3px;

}
.dropzone {
	background: #eee !important;
	border: 1px dashed #777 !important;
	border-radius: 3px;
}
.dropzone:hover {
	background: #d9d9d9 !important;
}

.desaturate {
	filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}

.preserve {
	white-space: pre-wrap;
}
.bg-muted {
	background-color: #f59542;
}

.anchor{
	height: 16px;
	opacity: 0;
	cursor: pointer;
}
.anchor:hover{
	opacity: 1;
}

.accordion-button:not(.collapsed) {
  background: white;
}
.header{
    position: sticky;
    top: 0;
		background: rgba(255, 255, 255, 0.69);
		z-index: 2;
}
.smaller {
	font-size: 12px;
}
.icon_img {
	width: 36px;
}
.information_tip {
	width: 24px;
}
.cursor-help {
	cursor: help;
}
a.internal {
	border-bottom: 1px dotted #0d6efd;
	text-decoration: none;
}
.vert_text {
	vertical-align: top;
  writing-mode: vertical-rl;
	transform: rotate(180deg);
	width: 40px;
}
.indent {
	padding-left: 20px;
	font-size: 12px;
}

.loading:after {
  content: "...";
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis-dot 1s infinite .3s;
  animation-fill-mode: fowards;
  width: 1.25em;
}
@keyframes ellipsis-dot {
  25% {
    content: "";
  }
  50% {
    content: ".";
  }
  75% {
    content: "..";
  }
  100% {
    content: "...";
  }
}

.helpful_highlight {
		box-shadow: 0 0 10px #8dc63f;
}

.btn-muted {
    color: #f59542;
    background-color: #f59542;
    border-color: #5bc2c2
}
.btn-muted:hover {
    color: #212529;
    background-color: #f59542;
    border-color: #8ad3d3
}
.btn-muted:focus,
.btn-muted.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}
.btn-muted.disabled,
.btn-muted:disabled {
    color: #212529;
    background-color: #f59542;
    border-color: #5bc2c2
}
.btn-muted:not(:disabled):not(.disabled):active,
.btn-muted:not(:disabled):not(.disabled).active,
.show>.btn-muted.dropdown-toggle {
    color: #212529;
    background-color: #2e7c7c;
    border-color: #2e7c7c
}
.btn-muted:not(:disabled):not(.disabled):active:focus,
.btn-muted:not(:disabled):not(.disabled).active:focus,
.show>.btn-muted.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}
.btn-outline-muted {
    color: #f59542;
    background-color: transparent;
    background-image: none;
    border-color: #f59542
}
.btn-outline-muted:hover {
    color: #fff;
    background-color: #f59542;
    border-color: #f59542
}
.btn-outline-muted:focus,
.btn-outline-muted.focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}
.btn-outline-muted.disabled,
.btn-outline-muted:disabled {
    color: #f59542;
    background-color: transparent
}
.btn-outline-muted:not(:disabled):not(.disabled):active,
.btn-outline-muted:not(:disabled):not(.disabled).active,
.show>.btn-outline-muted.dropdown-toggle {
    color: #212529;
    background-color: #f59542;
    border-color: #f59542
}
.btn-outline-muted:not(:disabled):not(.disabled):active:focus,
.btn-outline-muted:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-muted.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5);
}
.btn-check:active + .btn-outline-muted, .btn-check:checked + .btn-outline-muted, .btn-outline-muted.active, .btn-outline-muted.dropdown-toggle.show, .btn-outline-muted:active {
	background-color: #f59542;
	color: #fff;
}