/* SIGN IN */
body.signin {
	padding-top:40px;
	padding-bottom:40px;
	background-color:#f5f5f5;
}

.form-signin {
	max-width:400px;
	padding:19px 29px 29px;
	margin:0 auto 20px;
	background-color:#fff;
	border:1px solid #e5e5e5;
	border-radius:5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .page-header {
	margin-bottom:10px;
	text-align:center;
}
.form-signin .brand {
	background-color:#519233;
	color:#ffffff;
	padding:4px 4px 4px 8px;
}
body.signin .alert {
	max-width:300px;
	margin:0 auto 20px;
	padding-top:19px;
	padding-left:29px;
	padding-right:29px;
}

body.signin .page-header {border-width:0;margin-bottom:2rem;}

/* PAGE HEADERS */
.page-header:first-of-type {margin:0 0 1em;padding-top:1em;border-bottom:1px solid rgb(30 220 220);}
.page-header > h1 {margin-top:0;}
.page-header > h1 .text > i {line-height:80%;}
.page-header > h1 a + .text:before {content:' ';}
.page-header > h1.company-link a {color:#212529;}
.page-header > h1.company-link a:hover {color:var(--blue);}
.page-header:first-of-type.page-header-danger {border-color:#dc3545;}
.page-header:first-of-type.page-header-warning {border-color:#ffc107;}
.page-header:first-of-type.page-header-success {border-color:#28a745;}

/* TABLES */
caption, .caption {
	background-color:rgb(52, 58, 64);
	padding:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	text-align:center;
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.25);
}
caption {caption-side:top;}
.caption {
	margin-top:0;
}
.caption-button {height:100%;margin:-6px -6px 0;}
.caption-button .btn {line-height:1.6;}
.one-line {white-space:nowrap;}
table.one-line {margin-bottom:10px;}
table.one-line td {white-space:nowrap;}
table.one-line td.flexible {white-space:normal;}
tr.disabled td {text-decoration:line-through;}
tr.disabled span, tr.disabled p, tr.disabled small {opacity:0.5;}
tr.disabled .btn {text-decoration:none;}
td.shrink {text-overflow:ellipsis;overflow:hidden;}
table.table-fixed {overflow-y:auto;}
table.table-fixed thead tr:first-child {position:sticky;top:50px;background-color:#fff;}
.table th.bd-t, .table td.bd-t {border-color:transparent;}
.table th.bd-b, .table td.bd-b {border-color:black;}
.table-sm-text-sm tr > td {font-size:80%;}
.table-sm-text-sm tr > th {font-size:80%;}
.table-unstriped > tbody > tr:nth-of-type(odd) {background-color:transparent !important;}

/* TEXT */
.text-tip {border-bottom:1px dotted #17a2b8;}
.digit {color:#28a745;}
a .digit {color:#28a745;}
.bg-primary a {color:#ffffff;}
span.highlight {background-color:#ffff00;}
.bg-pink {background-color:#ffddf4;}
a.disabled {opacity:50%;}

/* MINIATURE BARS */
.bar {height:4px;width:98%;margin-top:3px;}
.bar > .segment {content:".";display:inline-block;height:4px;text-indent:-2000px;vertical-align:top;}
.bar-text {font-size:80%;text-align:baseline;margin:0;padding:0;}

/* FOCUS INDICATOR */
a:focus {outline: .2rem solid rgba(38, 143, 255, .5);}

/* SYSTEM STATE INDICATOR */
.sys {margin:0 0.5em 0 0;}
.sys:first-child {margin-left:0.5em;}
.sys > div {padding:0 0.5em;}
.sys-stale {background-color:#CC3016;color:#FFFF00;}
.sys-alert {background-color:#CC3016;color:#FFFF00;}
.sys > div > a, .sys > div > a:hover {color:inherit;text-decoration:none}
.tooltip-stale > .tooltip-inner {background-color:#dc3545;color:#fff;border:1px solid #000;}

/* ALERTS */
.alert > p:last-child {margin-bottom:0;}

/* AVATARS */
.badge-avatar {width:auto !important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:none;background:#e8e8e8;padding:0.5833em 0.5833em 0.5833em 0.5em;border-radius:0.2857rem;box-shadow:none;line-height:1;display:inline-block;position:relative;font-size:0.8571rem;white-space:nowrap;}
.active > .badge-avatar {background:#c8c8c8;color:#000;}
.badge-avatar > img {display:inline-block;vertical-align:top;margin:-0.5833em 0.5em -0.5833em -0.5em;border-radius:0.2857rem 0 0 0.2857rem;width:29px !important;height:2.166em !important;}
.badge-avatar.label-secondary-avatar {background-color:var(--secondary);}
.badge-avatar.label-light-avatar {background-color:var(--light);}
.badge-avatar.label-success-avatar {background-color:var(--success);color:var(--light);}
.badge-avatar.label-warning-avatar {background-color:var(--warning);}
.badge-avatar.label-danger-avatar {background-color:var(--danger);color:var(--light);}
.badge-avatar.label-closed-avatar {background-color:#f2dede;}
.badge-avatar.label-closed-avatar > img {filter:grayscale(100%);}
img.image-avatar {width:32px;height:32px;border-radius:64px;border: 2px solid rgb(222, 226, 230);}
img.image-avatar-important {border-color:#28a745;}
td.avatar {padding:0.45rem 1rem;}
td.avatar-badge {padding:0.5rem;}
div.avatar {display:inline-block;}
div.avatar > img {position:relative;margin:0;padding:0;border-radius:50%;width:auto !important;height:32px !important;}
div.big-avatar > img {height:2.87em !important}
.nav-link .avatar {max-height:24px;}
.nav-link div.avatar > img {margin-top:-4px;}
.current-owner-block {position:absolute;right:15px;}

/* NOTICES */
.badge-payment, .alert-payment {background-color:#ffc107;color:#212529;}
.badge-information, .alert-information {background-color:#17a2b8;color:#ffffff;}
.badge-action, .alert-action {background-color:#28a745;color:#ffffff;}
.badge-delivery, .alert-delivery {background-color:#dc3545;color:#ffffff;}
.badge-notice, .alert-notice {background-color:#343a40;color:#ffffff;}
.badge-reclamation, .alert-reclamation {background-color:#6b4781;color:#ffffff;}
.badge-due-date, .alert-due-date {background-color:#dc3545;color:#ffffff}
.badge-writedown, .alert-writedown {background-color:#343a40;color:#ffffff;}
.alert-action > p > strong, .alert-delivery > p > strong, .alert-notice > p > strong, .alert-reclamation > p > strong, .alert-due-date > p > strong, .alert-writedown > p > strong {color:#f1f1f1;}
.note-payment-border {white-space:nowrap;border-right:2px solid #ffc107;}
.note-information-border {white-space:nowrap;border-right:2px solid #17a2b8;}
.note-action-border {white-space:nowrap;border-right:2px solid #28a745;}
.note-delivery-border {white-space:nowrap;border-right:2px solid #dc3545;}
.note-notice-border {white-space:nowrap;border-right:2px solid #343a40;}
.note-reclamation-border {white-space:nowrap;border-right:2px solid #6b4781;}
.note-due-date-border {white-space:nowrap;border-right:2px solid #dc3545;}
.note-writedown-border {white-space:nowrap;border-right:2px solid #343a40;}
.note-refund-border {white-space:nowrap;border-right:2px solid #86cfda;}
.text-payment {color:#ffc107;}
.text-info {color:#17a2b8;}
.text-action {color:#28a745;}
.text-delivery {color:#dc3545;}
.text-notice {color:#343a40;}
.text-reclamation {color:#6b4781;}
.text-due-date {color:#dc3545;}
.text-writedown {color:#343a40;}
.badge-invest, .portfolio-segment-invest {background-color:#c3e6cb;}
.badge-develop, .portfolio-segment-develop {background-color:#abdde5;}
.badge-keep, .portfolio-segment-keep {background-color:#ffeeba;}
.badge-maintain, .portfolio-segment-maintain {background-color:#c6c8ca;}
.badge-none, .portfolio-segment-none {background-color:var(--danger);color:var(--light);}

/* PROMO */
.promo {display:block;padding:0.8em 0 0.8em 0.8em;margin:0 0 0.5em 0;position:relative;color:rgb(33, 37, 41);}
a.promo {height:116px;max-height:116px;overflow:hidden;}
a.promo:hover {text-decoration:none;color:rgb(33, 37, 41);}
.promo > span {display:block;}
.promo-avatar {position:absolute;right:0;top:0;border-left:0.4em solid white;border-bottom:0.4em solid white;height:124px;}
.promo-title {font-size:85%;}
.promo-description {font-size:85%;}
.promo-highlight {font-size:120%;}
.promo .bar > {height:8px;}
.promo .bar > .segment {height:8px;}

/* MODAL AND POPOVER */
.alternate-content {position:relative;}
.popover-lg {max-width:376px;}
.modal-dialog-danger .modal-content {border-color:var(--danger)}
.popover-tip-clickable {cursor:pointer;}

/* CONTRACTS */
figure.contract-preview {border: 1px solid #c0c0c0;border-radius: 3px;padding:6px;}
figure.contract-preview > img {width:100%;}
div.email-header {border-bottom:1px solid var(--light);margin-bottom:1rem;}
div.email-body {margin-top:1rem;}
div.email-body p {font-family:"Courier New", Courier, monospace;font-size:80%;word-wrap: wrap break-word;}

/* STATISTICS */
.statistic > .header {text-align:center;font-weight:bold;}
.statistic > .value {text-align:center;padding:0.5em;}
.statistic > .detail {text-align:center;}
.statistic > .lead.value {padding:0;font-weight:bold;}
.statistic > .lead.detail {font-weight:bold;}
.legend {border:1px solid #333;width:1em;height:1em;display:inline-block;}
.bar-vertical {width:2rem;display:inline-block;margin-right:2px;}
.bar-info {background-color:#17a2b8;color:#fff;}
.bar-separator {-moz-transform:rotate(-90deg);transform:rotate(-90deg);padding-left:1rem;}
.contained {overflow:hidden;}
.contained-vertical {height:10rem;}
.contained-end {float:right;}

/* FORMS */
.form-actions .btn {margin-bottom:0.75rem;}
.was-validated .form-control.is-invalid, .was-validated .form-control.is-invalid:focus {border-color:#dc3545;}
.form-group.required > label:after {padding-left:0.3rem;content:"*";color:red;}
.modal-body .form-group.row:last-child {margin-bottom:0;}
textarea.form-control-shrink {height:calc(100%);}
fieldset > legend {background-color:var(--teal);color:var(--dark);text-align:center;font-size:100%;font-weight:bold;padding:4px 0;}
fieldset:last-child {padding-bottom:0.4rem;margin-bottom:0.4rem;border-bottom:1px solid var(--teal);}
.input-group > .form-control.form-control-small {min-width:5em;flex:0 1 auto;}

/* COMPLEX DROPDOWN */
.salesperson-menu {
	min-width:180px;
	max-width:180px;
	text-overflow:ellipsis;
	z-index:1000;
	float:left;
	padding:5px 0px;
	margin:2px 0px 0px;
	list-style:outside none none;
	background-color:#fff;
	background-clip:padding-box;
}
.spm-mw-1 {min-width:182px;}
.spm-mw-2 {min-width:362px;}
.spm-mw-3 {min-width:542px;}
.spm-mw-4 {min-width:722px;}
.spm-mw-5 {min-width:902px;}
.spm-mw-6 {min-width:1082px;}

/* FINANCIAL */
td.money, th.money, div.money {text-align:right;white-space:nowrap;}
td.short.money, th.short.money {max-width:5em;word-wrap:break-word;white-space:normal;}
th.muted.money {color:rgb(138, 213, 236)}
tbody.fx i {display:inline-block;margin-right:0.6em;}

/* STATES */
tr.invoicing-suspended {background:repeating-linear-gradient(225deg, #a2d2df, #a2d2df 8px, #dcf3ff 8px, #dcf3ff 16px);}
.invoicing-suspended .text {text-shadow:2px 2px #f0f0f0;}
.invoicing-suspended .text > span {text-shadow:none;}
tr.invoicing-expired {background:repeating-linear-gradient(225deg, #ffdf7e, #ffdf7e 8px, #ffeeba 8px, #ffeeba 16px);}
.invoicing-expired .text {text-shadow:2px 2px #f0f0f0;}
.invoicing-expired .text > span {text-shadow:none;}
table.toggle-hide tr.invoicing-expired {display:none;}

/* OVERLAYS */
.overlay-backdrop {position:absolute;top:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;z-index:2040;background:#000;opacity:0.5;}
.overlay {position:fixed;left:0;width:100%;;top:40%;z-index:2050;}
.overlay-content {position:relative;width:60%;margin:0 auto;}
.overlay-header {display:flex;}
.overlay-header h5 {font-size:1.75rem;line-height:1.2;margin:0.5rem;}
.overlay-header .close {padding:1rem;margin:-1rem -1rem -1rem auto;}
.overlay-body {margin:0.5rem 0.5rem 1.5rem 0.5rem;}

/* PROGRESS BARS */
.progress-lg {height:2rem;}
td.percentage {min-width:200px;}
td.percentage > div.progress, td.compact-progress-bars > div.progress {margin-bottom:0;}
td.percentage:last-child {width:10%;}
.notransition, .progress-bar.notransition {-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important;}
.progress-file {width:100%;height:2px;}
.progress-file > .progress-bar {z-index:3;}
.custom-file.is-invalid label {border-color:var(--danger);}

/* SEARCH */
.search-term {background-color:#ff0;}
.parent-company {display:inline-block;padding:2px;margin:-2px 0 0 -2px;color:var(--info);}

/* DECKS */
.salespeople-deck .card {min-width:18%;max-width:18%;margin-bottom:1rem;margin-left:1.5%;margin-right:0;}
.card-statistics {column-count:auto;column-width:16rem;}
.card-footer-graph {border-top-width:0;background-color:rgba(0,0,0,0);}
.card-footer-graph .footer-graph-item:first-child {background-clip:border-box;border-bottom-left-radius:0.25rem;}
.card-footer-graph .footer-graph-item:last-child {background-clip:border-box;border-bottom-right-radius:0.25rem;}

/* MENU */
a.dropdown-toggle[role=button] {cursor:pointer;}
.nav .company-hierarchy-1 {padding-left:10px;}
.nav .company-hierarchy-2 {padding-left:30px;}
.nav .company-hierarchy-3 {padding-left:50px;}
.nav-multiple-items .nav-link {display:inline-block;}

/* FRONT PAGE */
.client {display:block;text-align:center;width:1.5em;padding:0.1em;height:1.5em;margin:0 0.2rem 0.2rem 0;float:left;}
.client-secondary {background-color:#6c757d;color:#fff;}
.client-success {background-color:#28a745;color:#fff;}
.client-danger {background-color:#dc3545;color:#fff;}
.client-warning {background-color:#ffc107;color:#212529;}
.client-info {background-color:#17a2b8;color:#fff;}
a.client {text-decoration:none;}
.client-segment > .row {margin-bottom:0.2rem;min-height:1.9rem;}
.client-segment > .row button {margin-top:0.2rem;}
.client-segment .cell {padding:0.3rem 0.3rem 0 0.3rem;}
.row.header .cell {padding:0 0.3rem;font-weight:bold;}

/* PORTFOLIO */
.text-row {display:block;max-height:1.5rem;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;white-space:nowrap;}
a.portfolio-btn, a.portfolio-btn:active, a.portfolio-btn:hover {outline:none;text-decoration:none;}

/* COLOURS */
.graph-negative {background-color:var(--gray-dark);}
.graph-positive {background-color:var(--gray);}

/* SIZING */
.mw-100p {max-width:100px;}
.mw-200p {max-width:200px;}
.mw-300p {max-width:300px;}
.mw-400p {max-width:400px;}
.mw-500p {max-width:500px;}
.spacer {display:inline-block;}
.spacer.s-1 {width:0.5rem;}
.scaper.s-2 {width:1rem;}

/* PRODUCTS */
.bg-category-ss {background-color:#FFC107;}
.bg-category-pr {background-color:#1767B8;}
.bg-category-cc {background-color:#28A745;}
.bg-category-mc {background-color:#18A7B5;}
.table .bg-category-ss {background-color:#FFEEAA;}
.table .bg-category-pr {background-color:#9EB5EB;}
.table .bg-category-cc {background-color:#B3E6CB;}
.table .bg-category-mc {background-color:#A9E5E5;}
.table-striped tbody tr.bg-category-ss:nth-of-type(2n+1) {background-color:#FFEEBA;}
.table-striped tbody tr.bg-category-pr:nth-of-type(2n+1) {background-color:#9EB5EB;}
.table-striped tbody tr.bg-category-cc:nth-of-type(2n+1) {background-color:#C3E6CB;}
.table-striped tbody tr.bg-category-mc:nth-of-type(2n+1) {background-color:#99D5D5;}
.table .bg-category-ss td, td.bg-category-ss, th.bg-category-ss {border-color:#FFDF7E;}
.table .bg-category-pr td, td.bg-category-pr, th.bg-category-pr {border-color:#86CFDA;}
.table .bg-category-cc td, td.bg-category-cc, th.bg-category-cc {border-color:#8FD19E;}
.table .bg-category-mc td, td.bg-category-mc, th.bg-category-mc {border-color:#99D5D5;}

/* GRAPHICS */
figure.logo {width:100%;}
figure.logo img {max-width:100%;}

/* DOCS */
nav.docs {position:sticky;top:4rem;height:calc(100vh-4rem);}
.nav-toc ul {padding-left:0;}
.nav-toc li {display:block;}
.nav-toc li a {padding:0.125rem 1.25rem;display:block;}
.admin-scope .scope-sales {color:var(--green);}
.admin-scope .scope-admin {color:var(--pink);}
.sales-scope .scope-admin {color:var(--secondary);opacity:0.6;display:none;}

/* RIBBONS */
.card .ribbon {float:right;right:0;top:0;position:absolute;overflow:hidden;z-index:1;width:8rem;height:8rem;}
.card .ribbon .ribbon-inner {position:absolute;top:0.5rem;right:-2rem;line-height:2rem;width:8rem;transform:rotate(45deg);padding:0.25rem;text-align:center;background-color:var(--warning);text-transform:uppercase;}

/* RESPONSIVE */
@media only screen and (min-width:1164px) and (max-width:1800px) {
	.d-lg-hidden {display:none !important;}
}

/* PRINT */
.print-container {border:1px solid #ccc;padding-top:1em;padding-bottom:1em;box-shadow:3px 3px #d1d1d1;max-width:210mm;font-size:80%;}
.print-logo {max-height:1.5cm;}
.invoice-print table {width:100%;}
.invoice-print thead th {font-weight:normal;font-style:italic;}
.invoice-print.border, .invoice-print .border, .invoice-print .border-top, .invoice-print .border-right, .invoice-print .border-bottom, .invoice-print .border-right {border-color:#000 !important;}

/* ANIMATIONS */

@keyframes highlight-fade-to-none {
	0% {background:#28a745;}
	100% {background:none;}
}
@keyframes highlight-fade-to-grey {
	0% {background:#28a745;}
	100% {background:rgba(0,0,0,.05);}
}
.highlight {animation:highlight-fade-to-none 2s ease-in 1;}
.table-striped tbody tr.highlight:nth-of-type(2n+1) {animation:highlight-fade-to-grey 2s ease-in 1;};

@media print {
	table.table {page-break-inside:auto !important;overflow:visible !important;}
	table.table tr {page-break-inside:avoid !important;page-break-after:auto !important;}
}