@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/**   Custom properties & general styling   *********************************************/
/****************************************************************************************/

.scrollbar-none::-webkit-scrollbar {
	display: none;
}

.scrollbar-none {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

:root {
	--clr-accent-darker: hsl(185, 95%, 32%);
	--clr-accent-dark: hsl(185, 95%, 37%);
	--clr-accent: hsl(185, 95%, 41%);
	--clr-accent-light: hsl(184, 95%, 45%);
	--clr-accent-lighter: hsl(185, 83%, 65%);
	--clr-accent-faded: hsl(187, 66%, 92%); /* hsl(192, 52%, 79%); */
	--clr-accent-faded-darker: hsl(192, 51%, 72%);
	--clr-bluegray-95: hsl(209, 61%, 16%);
	--clr-bluegray-85: hsl(211, 39%, 23%);
	--clr-bluegray-75: hsl(209, 34%, 30%);
	--clr-bluegray-65: hsl(209, 28%, 39%);
	--clr-bluegray-55: hsl(210, 22%, 49%);
	--clr-bluegray-45: hsl(209, 23%, 60%);
	--clr-bluegray-35: hsl(211, 27%, 70%);
	--clr-bluegray-25: hsl(210, 31%, 80%);
	--clr-bluegray-20: hsl(211, 32%, 85%); /* extra */
	--clr-bluegray-15: hsl(212, 33%, 89%);
	--clr-bluegray-05: hsl(210, 36%, 96%);
	--clr-blue-85: hsl(203, 87%, 34%);
	--clr-blue-65: hsl(201, 79%, 46%);
	--clr-blue-45: hsl(197, 92%, 61%);
	--clr-blue-25: hsl(195, 97%, 75%);
	--clr-blue-05: hsl(195, 100%, 95%);
	--clr-green-85: hsl(168, 80%, 23%);
	--clr-green-65: hsl(164, 71%, 34%);
	--clr-green-45: hsl(160, 51%, 49%);
	--clr-green-25: hsl(156, 73%, 74%);
	--clr-green-05: hsl(152, 68%, 96%);
	--clr-indigo-85: hsl(232, 86%, 32%);
	--clr-indigo-65: hsl(228, 74%, 43%);
	--clr-indigo-45: hsl(224, 69%, 54%);
	--clr-indigo-25: hsl(219, 95%, 76%);
	--clr-indigo-05: hsl(216, 100%, 93%);
	--clr-orange-85: hsl(22, 80%, 26%);
	--clr-orange-65: hsl(22, 74%, 38%);
	--clr-orange-45: hsl(22, 78%, 55%);
	--clr-orange-25: hsl(22, 92%, 76%);
	--clr-orange-05: hsl(22, 100%, 95%);
	--clr-pink-85: hsl(331, 74%, 27%);
	--clr-pink-65: hsl(330, 68%, 40%);
	--clr-pink-45: hsl(330, 66%, 57%);
	--clr-pink-25: hsl(330, 77%, 76%);
	--clr-pink-05: hsl(329, 100%, 94%);
	--clr-yellow-85: hsl(15, 86%, 30%);
	--clr-yellow-65: hsl(29, 80%, 44%);
	--clr-yellow-45: hsl(42, 87%, 55%);
	--clr-yellow-25: hsl(48, 94%, 68%);
	--clr-yellow-05: hsl(48, 100%, 88%);
	--clr-grey-05: hsl(208.24,7.3%,45.69%);
	--clr-grey-65: hsl(51.43,3.26%,57.84%);
	--clr-dark-grey: hsl(210,10.34%,22.75%);

	--shadow:   0 1px 1px rgba(0, 0, 0, .05),
		0 2px 2px rgba(0, 0, 0, .05),
		0 4px 4px rgba(0, 0, 0, .05),
		0 8px 6px rgba(0, 0, 0, .05);
	--shadow-right:   1px 0 1px rgba(0, 0, 0, .05),
										2px 0 2px rgba(0, 0, 0, .05),
										4px 0 4px rgba(0, 0, 0, .05),
										8px 0 6px rgba(0, 0, 0, .05);
	--shadow-lg:   0 4px 4px rgba(0, 0, 0, .05),
		0 8px 8px rgba(0, 0, 0, .05),
		0 14px 14px rgba(0, 0, 0, .05),
		0 24px 24px rgba(0, 0, 0, .05);
	--shadow-upturned:	0 -1px 1px rgba(0, 0, 0, .05),
		0 -2px 2px rgba(0, 0, 0, .05),
		0 -4px 4px rgba(0, 0, 0, .05),
		0 -8px 6px rgba(0, 0, 0, .05);

	--step-xs: 2px;
	--step-sm: 4px;
	--step-md: 8px;
	--step-lg: 14px;
	--step-xl: 24px;

	--font-size-xs: 8px;
	--font-size-sm: 12px;
	--font-size-md: 14px;
	--font-size-lg: 18px;
	--font-size-xl: 24px;

	--swoosh: all .2s ease-in-out;
}

.app-logo-dark {
	display: none;
}

nav.navbar.navbar-expand-lg.navbar-light.fixed-top {
	--clr-navbar: white;
}

.btn-delete {
	color: var(--clr-bluegray-35);
}

.btn-delete:hover {
	background-color: var(--clr-bluegray-05);	
	color: var(--clr-pink-45);
}

.text-bluegray-05 {
	color: var(--clr-bluegray-05)!important;
}

.text-bluegray-15 {
	color: var(--clr-bluegray-15)!important;
}

.text-bluegray-25 {
	color: var(--clr-bluegray-25)!important;
}

.text-bluegray-35 {
	color: var(--clr-bluegray-35)!important;
}

.text-bluegray-45 {
	color: var(--clr-bluegray-45)!important;
}

.text-bluegray-55 {
	color: var(--clr-bluegray-55)!important;
}

.text-bluegray-65 {
	color: var(--clr-bluegray-65)!important;
}

.text-bluegray-75 {
	color: var(--clr-bluegray-75)!important;
}

.text-bluegray-85 {
	color: var(--clr-bluegray-85)!important;
}

.text-bluegray-95 {
	color: var(--clr-bluegray-95)!important;
}

.text-primary {
	color: var(--clr-blue-65)!important;
}

.text-danger {
	color: var(--clr-pink-45)!important;
}

.text-success {
	color: var(--clr-green-45)!important;
}

 
* { 
	box-sizing: border-box;
}

::selection {
	color: white;
	background: var(--clr-accent);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--clr-bluegray-75);
}

p, label {
	color: var(--clr-bluegray-65);
}

.px-custom {
	margin-left: -4px;
	margin-right: -4px;
	padding-left: 4px;
	padding-right: 4px;
}

.btn, .btn-sm, .btn-lg {
	border-radius: var(--step-md);
	/* box-shadow: var(--shadow); */
}

.btn-zoom {
	transition: var(--swoosh);
}

.btn-zoom:hover {
	transform: scale(1.03);
}

.btn-w-md {
	width: 150px;
}

.btn-masked {
	background-color: transparent;
	border-color: transparent;
	color: var(--clr-accent);
	transform: translateX(12px);
	transition: var(--swoosh);
}

.btn-masked:hover {
	background-color: rgba(0, 0, 0, .05);
	border-color: transparent;
	color: var(--clr-accent-dark);
	transform: translateX(0px);
}

.btn-masked:focus {
	transform: translateX(0px);
}

.table-arggo .btn-masked {
	transform: unset;
	transition: background-color .2s ease-in-out;
}

.table-arggo .btn-masked:hover {
	transform: unset;
}

.table-fixed {
	table-layout: fixed;
	white-space: nowrap;
	width: 100%;
}

table.truncate td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.truncate-head th:not(.append) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.floating-label-input input {
    position: absolute;
    width: 100%;
    bottom: 0;
    border: 0;
    background: transparent;
    z-index: 2;
    padding: 15px 24px 0 17px;
    height: 48px;
    font-size: 1.25rem;
    color: #6d6e71;
}

.btn-faded-alt {
	background-color: var(--clr-bluegray-25);
	border-color: transparent;
	color: var(--clr-bluegray-65);
}

.btn-faded-alt:hover {
	background-color: var(--clr-bluegray-35);
	border-color: transparent;
	color: var(--clr-bluegray-85);
}

.btn-faded {
	background-color: var(--clr-accent-faded);
	border-color: var(--clr-accent-faded);
	color: var(--clr-accent-darker);
	background-color: transparent;
	border-color: var(--clr-accent);
	color: var(--clr-accent-dark);
}

.btn-faded:hover {
	background-color: var(--clr-accent);
	border-color: var(--clr-accent);
	color: white;
	background-color: var(--clr-bluegray-25);
	border-color: transparent;
	color: var(--clr-accent-darker);
}

.btn-transparent {
	background-color: transparent;
	border-color: transparent;
	color: var(--clr-accent-dark);
}

.btn-transparent:hover {
	background-color: rgba(0, 0, 0, .05);
	border-color: transparent;
	color: var(--clr-accent-darker);
}

.btn-reject,
.btn-approve {
	background-color: transparent;
	border-color: transparent;
	color: var(--clr-bluegray-55);
}

.btn-reject:hover {
	background-color: rgba(0, 0, 0, .05);
	background-color: var(--clr-pink-05);
	border-color: transparent;
	color: var(--clr-pink-65);
}

.btn-approve:hover {
	background-color: rgba(0, 0, 0, .05);
	background-color: var(--clr-accent-faded);
	border-color: transparent;
	color: var(--clr-accent-dark);
}

.subtle,
.subtle:active,
.subtle:focus {
	outline:0px !important;
	-webkit-appearance:none;
	box-shadow: none !important;
}

.stage {
	border-radius: 20px;
	font-size: smaller;
	font-weight: 400;
	margin-bottom: 0;
	padding: 4px 16px;
}

.stage.primary {
	background: var(--clr-indigo-05);
	color: var(--clr-indigo-65);
}

.stage.secondary {
	background: var(--clr-bluegray-05);
	color: var(--clr-bluegray-65);
}

.stage.warning {
	background: var(--clr-yellow-05);
	color: var(--clr-yellow-65);
}

.stage.info {
	background: var(--clr-blue-25);
	color: var(--clr-blue-85);
}

.stage.danger {
	background: var(--clr-pink-05);
	color: var(--clr-pink-65);
}

.stage.success {
	background: var(--clr-green-05);
	color: var(--clr-green-65);
}

.stage.grey{
	background: var(--clr-grey-05);
	color: white;
}

.stage.dark-grey{
	background: var(--clr-dark-grey);
	color: white;
}

.stage-alt {
	background: white;
	border: 1px solid var(--clr-bluegray-25);
	border-radius: 20px;
	box-shadow: var(--shadow);
	font-size: smaller;
	font-weight: 400;
	margin-bottom: 0;
	padding: 4px 16px 4px 8px;
}

.stage-alt-bullet {
	border-radius: 4px;
	display: inline-block;
	height: 8px;
	margin-right: 16px;
	width: 8px;
}

.stage-alt.primary {
	color: var(--clr-indigo-45);
}

.stage-alt.primary .stage-alt-bullet {
	background: var(--clr-indigo-25);
}

.stage-alt.secondary {
	color: var(--clr-bluegray-65);
}

.stage-alt.info {
	color: var(--clr-blue-45);
}

.stage-alt.secondary .stage-alt-bullet {
	background: var(--clr-bluegray-25);
}

.stage-alt.warning {
	color: var(--clr-yellow-45);
}

.stage-alt.warning .stage-alt-bullet {
	background: var(--clr-yellow-25);
}

.stage-alt.info .stage-alt-bullet {
	background: var(--clr-blue-25);
}

.stage-alt.danger {
	color: var(--clr-pink-45);
}

.stage-alt.danger .stage-alt-bullet {
	background: var(--clr-pink-25);
}

.stage-alt.success {
	color: var(--clr-green-45);
}

.stage-alt.success .stage-alt-bullet {
	background: var(--clr-green-25);
}

.stage-alt.grey {
	color: var(--clr-grey-05);
}

.stage-alt.dark-grey{
	color: var(--clr-dark-grey);
}

.stage-alt.grey .stage-alt-bullet{
	background: var(--clr-grey-05);
}

.stage-alt.dark-grey  .stage-alt-bullet{
	background: var(--clr-dark-grey);
}

.legend {
	color: var(--clr-bluegray-45);
	font-size: small;
	margin-bottom: 0;
}

.legend:focus,
.legend:hover {
	color: var(--clr-bluegray-45);
	text-decoration: none;
}

.legend-bullet {
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	margin-left: 12px;
	margin-right: 4px;
	width: 10px;
}

.report-line-stage-bullet,
.order-list-stage-bullet {
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	width: 10px;
}

.report-line-stage.primary,
.report-line-stage-bullet.primary,
.order-list-stage-bullet.primary,
.legend-bullet.primary {
	background-color: var(--clr-indigo-25);
}

.report-line-stage.secondary,
.report-line-stage-bullet.secondary,
.order-list-stage-bullet.secondary,
.legend-bullet.secondary {
	background-color: var(--clr-bluegray-25);
}

.report-line-stage.warning,
.report-line-stage-bullet.warning,
.order-list-stage-bullet.warning,
.legend-bullet.warning {
	background-color: var(--clr-yellow-05);
}

.report-line-stage.danger,
.report-line-stage-bullet.danger,
.order-list-stage-bullet.danger,
.legend-bullet.danger {
	background-color: var(--clr-pink-25);
}

.report-line-stage.success,
.report-line-stage-bullet.success,
.order-list-stage-bullet.success,
.legend-bullet.success {
	background-color: var(--clr-green-25);
}

.report-line-stage.info,
.report-line-stage-bullet.info,
.order-list-stage-bullet.info,
.legend-bullet.info {
	background-color: var(--clr-blue-25);
}

.report-line-stage.grey,
.report-line-stage-bullet.grey,
.order-list-stage-bullet.grey,
.legend-bullet.grey {
	background-color: var(--clr-grey-05);
}

.report-line-stage.dark-grey,
.report-line-stage-bullet.dark-grey,
.order-list-stage-bullet.dark-grey,
.legend-bullet.dark-grey {
	background-color: var(--clr-dark-grey);
}

.btn-bg-05 {
	background-color: var(--clr-bluegray-05);
	color: var(--clr-accent);
}

.btn-bg-05:hover {
	background-color: var(--clr-bluegray-15);
	color: var(--clr-accent-dark);
}

.btn-bg-35 {
	background-color: var(--clr-bluegray-35);
	color: white;
}

.btn-bg-35:hover {
	background-color: var(--clr-bluegray-45);
	color: white;
}

.scale-75 {
	transform: scale(0.75);
}

.ghost {
	visibility: hidden;
}

.table-arggo tr:hover .ghost,
.ghost-row:hover .ghost {
	visibility: visible;
}

.control-p {
	color: var(--clr-bluegray-65);
	font-weight: 500;
	margin-bottom: 0;
}

.details {
	background-color: var(--clr-bluegray-05);
	color: var(--clr-bluegray-55);
	font-size: small;
	padding: 2px 4px;
	border-radius: var(--step-sm);
	margin-bottom: 0;
	display: table;
	font-weight: lighter;
}

.optional {
	color: var(--clr-bluegray-35);
}

.placeholder {
	color: var(--clr-bluegray-35);
	font-weight: 300;
}

.btn-decoy {
	cursor: not-allowed!important;
	opacity: .5;
}

.border-muted {
	border-color: var(--clr-bluegray-15)!important;
}

.fw-400 {
	font-weight: 400;
}

.fw-600 {
	font-weight: 600;
}

.tooltip.tooltip-lg .tooltip-inner {
	max-width: 350px;
}

.tooltip.tooltip-light .tooltip-inner {
	background-color: var(--clr-bluegray-75);
	border-radius: var(--step-md);
	box-shadow: var(--shadow);
	color: white;
	opacity: .9;
}

.tooltip.tooltip-light .arrow {
	display: none;
}

.link-muted {
	color: var(--clr-bluegray-35);
}

.link-muted:hover {
	color: var(--clr-bluegray-45);
}

.table-arggo tr:not(:hover) .btn,
.table-arggo tr:not(:hover) .btn.text-arggo,
.table-arggo tr:not(:hover) .btn.text-danger {
	color: var(--clr-bluegray-15)!important;
}

								
							  
.table-arggo .btn-masked {
	color: var(--clr-bluegray-15);
 

									   
						 
}

									   
.table-arggo tr:hover .btn-masked {
	color: var(--clr-pink-45);
}

.table-arggo .link-alt {
	color: unset;
}

.table-arggo tr:hover .link-alt {
	color: var(--clr-accent);
}

.table-arggo .ss-main {
	display: block;
}

.loading {
	animation: spin 1.25s linear infinite;
}

@-moz-keyframes spin { 
	100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
	100% { 
		-webkit-transform: rotate(360deg); 
		transform:rotate(360deg); 
	} 
}



/**   Overwriting system styles   *******************************************************/
/****************************************************************************************/

a {
	color: var(--clr-accent);
}

a:hover {
	color: var(--clr-accent-dark);
}

.btn {
	box-shadow: none;
}

.navbar-light .navbar-nav .nav-link {
	border-radius: var(--step-md);
	color: var(--clr-bluegray-65);
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	transition: var(--swoosh);
}

.navbar .nav-item > .nav-link:hover {
	background-color: var(--clr-bluegray-05);
	color: var(--clr-accent-darker);
}

.dropdown-menu[aria-labelledby="navbarSysMenu"] {
	font-family: 'Open Sans', sans-serif;
}

.dropdown-menu[aria-labelledby="navbarSysMenu"] .dropdown-item {
	color: var(--clr-bluegray-55);
}

.ui-select-dropdown.ui-select-choices {
	width: 100% !important;
}

.ui-select-match .dropdown-toggle::after {
	color: var(--clr-bluegray-65);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--clr-bluegray-35);
	opacity: 1; /* Firefox */
}

.modal-content {
	box-shadow: var(--shadow-lg);
}

.modal-header {
	padding: 10px 1rem;
}

.modal-title {
	color: var(--clr-text);
	font-size: 24px;
				  
}

..modal-body {

			 
				   
}

.modal-body .panel-footer {
	padding: .75em 0 !important;
}


.bpm-modal .modal-content {
	overflow: hidden;
}

.rounded-scrollbar ::-webkit-scrollbar-track, .rounded-scrollbar ::-webkit-scrollbar-thumb {
    border-radius: 2em;
}

.rounded-scrollbar ::-webkit-scrollbar {
  width: 8px;
	height: 8px;
}

.bpm-instance .panel {
	background-color: #e7eef3;
}

.bpm-instance .panel .panel-header {
	background-color: #e7eef3;
	border-bottom: none;
}

.bpm-instance .panel .panel-title {
	color: var(--clr-accent);
}

.bpm-instance .panel .panel-body {
	background-color: #e7eef3;
}

.login-content .modal-footer {
	border-top: none;
}

@media (min-width: 576px) {
	.modal-content {
		border-radius: var(--step-lg);
	}

	.modal-content .modal-footer {
		border-bottom-right-radius: var(--step-lg);
		border-bottom-left-radius: var(--step-lg);
	}
	.modal-header {
		border-top-left-radius: var(--step-lg);
		border-top-right-radius: var(--step-lg);
	}

	.modal-body {
		border-bottom-left-radius: var(--step-lg);
		border-bottom-right-radius: var(--step-lg);
	}

	.modal-body .panel-footer {
		border-bottom-left-radius: var(--step-lg);
		border-bottom-right-radius: var(--step-lg);
	}
}

.modal-header .close {
	border-radius: 32px;
	color: var(--clr-bluegray-65);
	margin: 2px 0 0;
	opacity: 1;
	padding: 0 5px;
	text-shadow: none;
	transition: var(--swoosh);
}

.close:hover {
	background-color: var(--clr-pink-05);
	color: var(--clr-pink-65);
}

.close:focus {
	background-color: var(--clr-pink-25);
	outline: none;
}

.rounded-md {
	border-radius: var(--step-md);
}

.custom-control-input:checked~.custom-control-label::before {
	background-color: var(--clr-accent);
	border-color: var(--clr-accent);
}

.control-label {
	/* color: var(--clr-bluegray-85); */
	color: var(--clr-bluegray-45);
}

hr {
	border-color: var(--clr-bluegray-25);
}

.form-control {
	border-radius: var(--step-md);
}

.table-arggo thead .form-control {
	border-radius: .2rem;
}

.form-control:focus,
.custom-control-input:focus~.custom-control-label::before {
	border-color: var(--clr-accent);
	box-shadow: 0 0 0 0.2rem hsl(185deg 95% 41% / 25%);
}

.dropdown-menu,
.navbar .dropdown-menu {
	box-shadow: var(--shadow);
	min-width: auto;
}

.dropdown-menu .dropdown-item {
	color: var(--clr-bluegray-55);
}

.has-error.ss-main > div.ss-single-selected {
    height: calc(1.5em + 0.75rem + 2px);
    font-weight: 400;
    border-radius: var(--step-md);
	border-color: var(--clr-pink-45) !important;
}

.combobox-input-group {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: calc(100% - 32px) 32px;
	grid-template-areas: "ii bb";
}
.combobox-multi-input-group {
	display: grid;
	grid-template-rows: 30px;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "ii bb";
}
.combobox-input-group.combobox-input-group-lg {
	grid-template-columns: calc(100% - 40px) 40px;
}
.cig-input {
	grid-area: ii;
}

.cig-button {
	grid-area: bb;
}
.combobox-input-group .cig-input .ss-single-selected{
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;		
	border-top-left-radius: var(--step-md)!important;
	border-bottom-left-radius: var(--step-md)!important;

}

.combobox-input-group .cig-input .ss-single-selected input[type="search"] {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;		
	border-top-left-radius: var(--step-md)!important;
	border-bottom-left-radius: var(--step-md)!important;
}

.combobox-input-group .combobox-append {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width: 32px;
}

.combobox-input-group.combobox-input-group-lg .combobox-append {
	width: 40px;
}
.ui-select-multiple.ui-select-bootstrap4 {
	height: calc(1.5em + 0.75rem + 2px)
}
client-combo-box.rounded-md .bpm-control.dropdown-toggle.ui-select-toggle,
client-combo-box.rounded-md .bpm-control.ui-select-search {
	border-radius: var(--step-md);
}

client-combo-box .ui-select-match.btn-default-focus {
	background-color: unset;
	border-color: unset;
	outline: unset;
	outline-offset: unset;
	box-shadow: unset;
}

/* .client-combo-box .dropdown-toggle[disabled="disabled"],
.form-control:disabled, 
.form-control[readonly] {
cursor: not-allowed!important;
} */

client-combo-box > div > div > .dropdown-toggle[disabled="disabled"],
.form-control:disabled, 
.form-control[readonly] {
	background-color: var(--clr-bluegray-05)!important;
	cursor: not-allowed!important;
}

.custom-file.rounded-md label {
	border-radius: var(--step-md);
}

.custom-file-input:disabled~.custom-file-label, 
.custom-file-input[disabled]~.custom-file-label {
	background-color: var(--clr-bluegray-05);
}

input[disabled],
input.disabled,
client-toggle input[disabled] span,
.checkbox-slider--b input[disabled]+span {
	cursor: not-allowed!important;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
	background-color: var(--clr-accent-faded-darker);
	border-color: var(--clr-accent-faded-darker);
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label::after {
	cursor: not-allowed!important;
}
.ss-single-selected .placeholder{
	color: #000;
	font-weight: 400;
}
.ss-content .ss-list .ss-option.ss-disabled {
	background-color: transparent;
	color: var(--clr-accent);
.input-group .ss-main .ss-single-selected {
	  border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
} 
}
		  
		   
  
 

.form-control.rounded-md > div.ss-single-selected, 
.form-control.rounded-md > div.ss-multi-selected {
	border-radius: var(--step-md);
}

.ss-content.ss-open {
	border-radius: var(--step-md);
	box-shadow: var(--shadow);
	margin-top: 6px;
	overflow: hidden;
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:hover {
	background-color: var(--clr-accent);
	color: white;
}

.ss-single-selected .placeholder {
	color: #000;
	font-weight: unset;
}

.dropdown-item, 
.dropdown-item:focus {
	outline: none;
}

.dropdown-item.active, 
.dropdown-item:active {
	color: #fff!important;
	text-decoration: none;
	background: var(--clr-accent);
}

.dropdown-item.text-danger.active, 
.dropdown-item.text-danger:active {
	background: var(--clr-pink-45);
	color: #fff!important;
}

a.text-danger:focus,
a.text-danger:hover {
	color: var(--clr-pink-85)!important;
}

.btn-danger {
	background-color: var(--clr-pink-45);
	border-color: var(--clr-pink-45);
}

.btn-danger:hover {
	background-color: var(--clr-pink-65);
	border-color: var(--clr-pink-65);
}

.dropdown-toggle.arrow-none::after,
.dropdown-toggle.arrow-none::before {
	display: none;
}

.ui-notification {
	border-left-width: 1px;
	border-left-width: var(--step-md);
	border-left-style: solid;
	border-radius: var(--step-md);
	box-shadow: var(--shadow);
}

.ui-notification.info {
	background: white;
	border-left-color: var(--clr-accent);
	color: var(--clr-bluegray-55);
}

.ui-notification.info>h3 {
	color: var(--clr-accent);
	border-bottom: 1px solid var(--clr-accent);
}

.ui-notification.error {
	background: white;
	border-left-color: var(--clr-pink-45);
	color: var(--clr-bluegray-55);
}

.ui-notification.error>h3 {
	color: var(--clr-pink-45);
	border-bottom: 1px solid var(--clr-pink-45);
}

.ui-notification.success {
	background: white;
	border-left-color: var(--clr-green-45);
	color: var(--clr-bluegray-55);
}

.ui-notification.success>h3 {
	color: var(--clr-green-45);
	border-bottom: 1px solid var(--clr-green-45);
}

.ui-notification.warning {
	background: white;
	border-left-color: var(--clr-yellow-45);
	color: var(--clr-bluegray-55);
}

.ui-notification.warning>h3 {
	color: var(--clr-yellow-45);
	border-bottom: 1px solid var(--clr-yellow-45);
}

.has-error.form-control, .has-error .bpm-control {
	border-color: var(--clr-pink-45);
}
											 
										
					 
								  
 

.has-error.form-control:focus, .has-error .bpm-control:focus {
	border-color: var(--clr-pink-45);
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px var(--clr-pink-45);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px var(--clr-pink-45);
}

.alert {
	border-radius: var(--step-md);
}

.alert-warning {
	color: var(--clr-yellow-85);
	background-color: var(--clr-yellow-05);
	border-color: var(--clr-yellow-25);
}

.checkbox-slider--b input:checked+span:before, 
.checkbox-slider--b-flat input:checked+span:before {
	background: var(--clr-accent);
}

.checkbox-slider input[type=checkbox]:focus+:before, 
.checkbox-slider--a input[type=checkbox]:focus+:before, 
.checkbox-slider--a-rounded input[type=checkbox]:focus+:before, 
.checkbox-slider--b input[type=checkbox]:focus+:before, 
.checkbox-slider--b-flat input[type=checkbox]:focus+:before, 
.checkbox-slider--c input[type=checkbox]:focus+:before, 
.checkbox-slider--c-weight input[type=checkbox]:focus+:before, 
.checkbox-slider--default input[type=checkbox]:focus+:before, 
.checkbox-toggle input[type=checkbox]:focus+:before {
	outline: none;
}

.ui-select-bootstrap4 .ui-select-choices-row.active > span {
	color: var(--clr-accent-dark);
	background-color: var(--clr-accent-faded);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background-color: var(--clr-accent);
}

.scrollbar-none::-webkit-scrollbar {
	display: none;
}

.scrollbar-none {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.bpm-modal-confirmation {
	display: flex!important;
	align-items: center;
	justify-content: center;
}

.bpm-modal-confirmation .modal-dialog {
	margin: 0 1rem;
	width: 100%
}

.bpm-modal-confirmation .modal-dialog .modal-content {
	border-radius: var(--step-md);
}

.bpm-modal-confirmation .modal-dialog .modal-content .modal-body {
	font-weight: 400;
	background-color: transparent;
	color: var(--clr-bluegray-55);
}

.bpm-modal-confirmation .modal-dialog .modal-content .modal-footer {
	border-top: none;
	display: flex;
}

.bpm-modal-confirmation .modal-dialog .modal-content .modal-footer button:first-child {
	background-color: var(--clr-accent);
	border-color: transparent;
	box-shadow: none;
	color: white;
	order: 2;
	transition: var(--swoosh);
}

.bpm-modal-confirmation .modal-dialog .modal-content .modal-footer button:first-child:hover {
	background-color: var(--clr-accent-dark);
}

.bpm-modal-confirmation .modal-dialog .modal-content .modal-footer button:last-child {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	color: var(--clr-bluegray-55);
	order: 1;
}

					   
			   
						 
											   
							  
 

							 
			   
						  
								
							  
 

					   
			   
						 
											   
							  
 

											   
											   
 

			
			   
 

			 
			   
 

																			   
							   
 


								 
			 
				  
 
										   
										
											
 

													 
									  
										   
												  
													 

 

																		   
									  
										   
												  
													 
 

										
						   
							  
			 
 

																
			 
 

										  
									
 

														 
									  
						  
													
							   
 

																		   
										  
 

										  
							   
				  
 

												
				   
 

.bpm-modal-expired .modal-body {
	background-color: unset;
}

.bpm-modal-expired h4.text-secondary {
	color: var(--clr-bluegray-75)!important;
}

.bpm-modal-expired .modal-footer {
	border: none
}

.bpm-modal-expired button.btn-primary {
	background-color: var(--clr-accent);
	border-color: transparent;
	font-weight: 500;
}

.bpm-modal-expired button.btn-primary:hover {
	background-color: var(--clr-accent-dark);
	border-color: transparent;
}

.bpm-modal-expired button.btn-primary:focus {
	box-shadow: 0 0 0 0.2rem var(--clr-accent-faded);
}

.bpm-modal-expired button.btn-primary:not(:disabled):not(.disabled):active {
	background-color: var(--clr-accent-darker);
	border-color: transparent;
	box-shadow: 0 0 0 0.2rem var(--clr-accent-faded);
}



/**   Arggo utilities   *****************************************************************/
/****************************************************************************************/

.text-arggo {
	color: var(--clr-accent);
}

.border-arggo {
	border-color: var(--clr-accent)!important;
}

.container-arggo {
	background-color: var(--clr-bluegray-15);
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.container-arggo * {
	font-family: 'Open Sans', sans-serif;
}

.container-arggo .fa {
	font-family: FontAwesome;
}

/* .container-arggo h1,
.container-arggo h2,
.container-arggo h3,
.container-arggo h4,
.container-arggo h5,
.container-arggo h6,
.container-arggo h1 *,
.container-arggo h2 *,
.container-arggo h3 *,
.container-arggo h4 *,
.container-arggo h5 *,
.container-arggo h6 * {
font-family: 'Roboto', sans-serif !important;
} */

.btn-arggo {
	background-color: var(--clr-accent);
	border-color: transparent;
	color: white;
	font-weight: 500;
}

.btn-arggo:hover {
	background-color: var(--clr-accent-dark);
	color: white;
}

.btn-outline-arggo {
	background-color: transparent;
	border-color: var(--clr-accent);
	color: var(--clr-accent);
	font-weight: 500;
}

.btn-outline-arggo:hover {
	background-color: var(--clr-accent);
	border-color: var(--clr-accent);
	color: white;
}

.container-arggo .simple-scrolltable {
	border-radius: var(--step-md);
	-webkit-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
}

.jumbotron-arggo {
	background-color: white;
	border-radius: var(--step-md);
	box-shadow: var(--shadow);
				  
}

.jumbotron-arggo.grid-content {
	margin-bottom: var(--step-md);
	padding: var(--step-md) var(--step-lg);
}

.jumbotron-arggo.grid-content:last-child {
	margin-bottom: var(--step-lg);
}

.table-arggo {
	background-color: white;
	border-spacing: 0;
	text-align: left;
	width: 100%;
}

.table-arggo tr>*:first-child {
	padding-left: 8px;
}

.table-arggo tr>*:last-child {
	padding-right: 8px;
}

.table-arggo th {
	border-bottom: 1px solid var(--clr-bluegray-15);
	color: var(--clr-bluegray-65);
	font-size: 12px;
	font-weight: 400;
	padding: 8px 0 8px 8px;
				  
}

.table-arggo td {
	border-bottom: .5px solid var(--clr-bluegray-05);
	padding: 8px 0 8px 8px;
				  
}

.table-arggo tbody tr:last-child td {
	border-bottom: none;
}

.table-arggo tbody tr:hover {
	background-color: var(--clr-bluegray-05);
}

.link-arggo {
	color: var(--clr-accent);
	font-weight: 500;
}

.link-arggo:hover {
	color: var(--clr-accent-dark);
}

.table-arggo tr.inactive,
.table-arggo tr.inactive a,
.table-arggo tr.inactive a:hover, 
.table-arggo tr.inactive input,
.jumbotron-arggo.inactive * {
	color: var(--clr-bluegray-25)!important;
}

.table-arggo tr.selected {
	background-color: var(--clr-accent-faded)!important;
	color: var(--clr-accent-darker)!important;
}

.table-arggo tr.selected td {
	border-color: var(--clr-accent-faded);
}

.jumbotron-arggo.selected {
	background-color: var(--clr-accent-faded)!important;
}

.jumbotron-arggo.selected * {
	color: var(--clr-accent-darker)!important;
}


.jumbotron-arggo.selected hr,
.jumbotron-arggo.selected .border-muted {
	border-color: var(--clr-accent-darker)!important;
}

.table-arggo.fixed {
	width: 100%; 
	white-space: nowrap; 
	table-layout: fixed;
}

.container-arggo ul[role="tablist"] {	
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;			
}

.container-arggo .nav-link {
	border-bottom: 2px solid transparent;
	color: var(--clr-bluegray-35);
	/* font-size: 20px; */
	font-weight: 500;
	padding: 0;
	transition: all 100ms ease-in;
}

.container-arggo .nav-link:hover,
.container-arggo .nav-link.active {
	border-bottom: 2px solid var(--clr-accent);
	color: var(--clr-bluegray-55);
}


.container-arggo ul[role="tablist"] li+li {
	margin-left: 16px;
}

.container-arggo ul[role="tablist"] * {
	font-family: 'Roboto', sans-serif !important;
}
/**   Nomenclatures page   **/


																						  
																						  

.nomenclature {
  background-color: white;
  border-radius: var(--step-md);
  border: 1px solid transparent;
  box-shadow: var(--shadow);
  column-gap: var(--step-lg);
  cursor: pointer;
  display: grid;
  grid-template-columns: 100px auto;
  grid-template-rows: max-content auto;
  grid-template-areas:  "im h4"
						"im pp";
  padding: var(--step-lg);
  text-decoration: none!important;
  transition: var(--swoosh);
}

.nomenclature img {
  grid-area: im;
  transform: scale(.95);
  transition: var(--swoosh);
  width: 100px;
		
	  
	
		 
			
		  
	 
		
		  
	   
}

.nomenclature span:first-of-type {
  color: var(--clr-bluegray-55);
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.5rem;
  font-weight: 400;
  grid-area: h4;
  line-height: 1.2;
  margin-bottom: .5rem;
  transition: var(--swoosh);
}

.nomenclature:hover span:first-of-type {
  color: var(--clr-accent);
					
					 
	   
	
			  
		
	   
}

.nomenclature span:last-of-type {
  color: var(--clr-bluegray-55);
  grid-area: pp;
					
			  
  margin-bottom: 0;
  transition: var(--swoosh);
					
				  
			  
					
}

.nomenclature:hover {
  box-shadow: var(--shadow-lg);
										
						  
	
									  
				  
					
				  
			  
					
}

.nomenclature:hover span {
  text-decoration: none;
  transform: translateX(4px);
							 
  
}

.nomenclature:hover img {
  transform: scale(1);
								  
							 
  
}

.tab-bottom {
  background: white;
  border-top-left-radius: var(--step-md);
  border-top-right-radius: var(--step-md);
  box-shadow: 0 0 4px rgba(0, 0, 0, .05),
			  0 0 8px rgba(0, 0, 0, .05),
			  0 0 14px rgba(0, 0, 0, .05),
			  0 0 24px rgba(0, 0, 0, .05);
  display: flex;
  flex-direction: column;
  padding: 8px 16px 16px;
  transform: translateY(8px);
  transition: var(--swoosh);
  /* new style */
  position: absolute;
  bottom: -104px;
  left: 50vw;
  transform: translateX(-50%);
  z-index: 444;
}

.tab-bottom.lifts:hover {
  bottom: 0;
}
			
		   
		
		 
		 
	
	   
	   
		
	   
	 
	  
	 
	
		 
	  
 

	   
   
 

/**   M I S C   *************************************************************************/
/****************************************************************************************/

.owner-edit {
	display: flex;
	gap: 4px;
}

.owner-edit .ui-select-choices {
	border-radius: 15px;
	margin-top: 6px;
}

.owner-edit .ui-select-match-text {
	color: var(--clr-bluegray-65);
								
}

.owner-select .form-control {
	padding: 4px 36px 4px 16px;
	outline: 0;
	font-size: smaller;
	border-radius: 100px;
	height: 29.98px;
	box-shadow: var(--shadow);
}

/**   Dark theme   **********************************************************************/
/****************************************************************************************/

.ui-dark nav.navbar.navbar-expand-lg.navbar-light.fixed-top {
	--clr-navbar: var(--clr-bluegray-75);
}

.ui-dark .navbar-light .navbar-nav .nav-link {
	color: var(--clr-bluegray-35);
}

.ui-dark .navbar .nav-item > .nav-link:hover {
	background-color: var(--clr-bluegray-65);
	color: var(--clr-accent-light);
}

.ui-dark .app-logo-light {
	display: none;
}

.ui-dark .app-logo-dark {
	display: block;
}

.ui-dark {
	filter: contrast(1.15);
			  
}

.ui-dark .btn-faded-alt {
	background-color: var(--clr-bluegray-65);
					
						  
	color: var(--clr-bluegray-25);
				   
			  
					  
}

.ui-dark .btn-faded-alt:hover {
	background-color: var(--clr-bluegray-55);
	color: var(--clr-bluegray-15);
}

.ui-dark h1,
.ui-dark h2,
.ui-dark h3,
.ui-dark h4,
.ui-dark h5,
.ui-dark h6 {
	color: var(--clr-bluegray-25);
}

.ui-dark label,
.ui-dark p,
.ui-dark .control-p {
		  
	color: var(--clr-bluegray-35);
				 
			  
		   
				  
				  
			   
}

.ui-dark .container-arggo {
	background-color: var(--clr-bluegray-85);
				 
			  
		   
				  
				  
			   
}

.ui-dark .modal-content,
.ui-dark .modal-body,
.ui-dark .modal-body .container-arggo {
	background-color: var(--clr-bluegray-85);
}

.ui-dark .bpm-modal-expired .modal-body {
	background-color: unset;
			 
			   
}

.ui-dark .bpm-modal-expired h4.text-secondary {
	color: var(--clr-bluegray-25)!important;
}

.ui-dark .modal-header {
	background-color: var(--clr-bluegray-85);
	border-color: vaR(--clr-bluegray-95);
	filter: brightness(.85);
}

.ui-dark .jumbotron-arggo {
	background-color: var(--clr-bluegray-75);
		   
	   
}

.ui-dark .simple-scrolltable thead tr th {
	background-color: var(--clr-bluegray-75);
					
}

/* .ui-dark .table-arggo tr {
	background-color: var(--clr-bluegray-75);
} */

.ui-dark .table-arggo th {
	border-color: var(--clr-bluegray-85);
	color: var(--clr-bluegray-45);
}

.ui-dark .table-arggo td {
	border-bottom: 0.5px solid var(--clr-bluegray-85);
	color: var(--clr-bluegray-25);
				   
		
		   
		  
}

.ui-dark .simple-scrolltable tfoot tr td {
	background-color: inherit;
					
						 
}

.ui-dark .table-arggo {
	background-color: transparent;
									
	background-color: var(--clr-bluegray-75);
}

.ui-dark .table-arggo tbody tr:hover {
								  
									
	background-color: var(--clr-bluegray-85);
				
				 
				
						  
}

.ui-dark .btn-masked:hover,
.ui-dark .btn-transparent:hover {
	background-color: rgba(255, 255, 255, 0.04);
	color: var(--clr-accent-lighter);
				
						  
}

.ui-dark .table-arggo .btn-masked {
	color: var(--clr-bluegray-55);
		   
		  
}

.ui-dark .btn-transparent:hover {
	color: var(--clr-accent-lighter);
}

.ui-dark .btn-arggo:hover {
	background-color: var(--clr-accent-light);
}

.ui-dark .stage-alt {
	background-color: var(--clr-bluegray-65);
	border-color: var(--clr-bluegray-65);
}

.ui-dark .stage-alt.primary {
    color: var(--clr-indigo-05);
}
 

.ui-dark .stage-alt.secondary {
	color: var(--clr-bluegray-35);
}

.ui-dark .stage-alt.success {
	color: var(--clr-green-25);
}

.ui-dark .stage-alt.success .stage-alt-bullet {
	background: var(--clr-green-45);
}

.ui-dark .stage-alt.warning {
	color: var(--clr-yellow-25);
}

.ui-dark .stage-alt.warning .stage-alt-bullet {
	background: var(--clr-yellow-45);
}

.ui-dark .stage-alt.danger {
	color: var(--clr-pink-25);
}

.ui-dark .stage-alt.danger .stage-alt-bullet {
	background: var(--clr-pink-45);
}

.ui-dark .stage.primary {
	background: var(--clr-indigo-25);
	color: var(--clr-indigo-85);
}

.ui-dark .stage.secondary {
	background: var(--clr-bluegray-55);
	color: var(--clr-bluegray-15);
}

.ui-dark .stage.success {
	background: var(--clr-green-45);
	color: var(--clr-green-05);
}

.ui-dark .stage.warning {
	background: var(--clr-yellow-45);
	color: var(--clr-yellow-85);
}

.ui-dark .stage.danger {
	background: var(--clr-pink-45);
	color: var(--clr-pink-05);
}

.ui-dark .tooltip.tooltip-light .tooltip-inner {
	background-color: var(--clr-bluegray-15);
	color: var(--clr-bluegray-85);
	opacity: .95;
}

.ui-dark client-combo-box > div > div > .dropdown-toggle[disabled="disabled"], 
.ui-dark .form-control:disabled, 
.ui-dark .form-control[readonly] {
	background-color: var(--clr-bluegray-95)!important;
	border-color: var(--clr-bluegray-65);
	color: var(--clr-bluegray-55);
	filter: contrast(.925);
}

.ui-dark .form-control > div.ss-single-selected, 
.ui-dark .form-control > div.ss-multi-selected {
	background-color: var(--clr-bluegray-65);
	border-color: var(--clr-bluegray-55);
	color: var(--clr-bluegray-15);
		  
	  
}

.ui-dark .ss-single-selected {
	--clr-stroke: var(--clr-bluegray-65);
			   
		   
		  
}

.ui-dark .ss-main .ss-single-selected .ss-arrow span {
	border-color: var(--clr-bluegray-15);
			   
}

.ui-dark .ss-content {
	background-color:var(--clr-bluegray-75);
	border-color: var(--clr-bluegray-55);
									 
					 
		 
		 
		  
					 
					   
}

.ui-dark .panel-footer {
	border-color: var(--clr-bluegray-65);
	background-color: var(--clr-bluegray-75);
				 
					 
				  
				 
					
					 
					   
}

.ui-dark input,
.ui-dark .form-control,
.ui-dark .form-control.ss-main,
.ui-dark .ss-content .ss-search input,
.ui-dark .custom-file-label {
	background-color: var(--clr-bluegray-65);
	border-color: var(--clr-bluegray-55);
	color: var(--clr-bluegray-15);
					 
				  
				 
					
}

.ui-dark .ss-single-selected .placeholder {
			  
			 
		   
		
				   
					
	color: var(--clr-bluegray-15);
									 
}

.ui-dark .custom-file-label::after {
	background-color: var(--clr-bluegray-55);
	border-color: var(--clr-bluegray-55);
	color: var(--clr-bluegray-15);
}

.ui-dark .custom-control-label::before {
	background-color: var(--clr-bluegray-65);
		   
	border-color: var(--clr-bluegray-75);
}

.ui-dark .close:hover {
	background-color: var(--clr-pink-45);
	color: var(--clr-pink-05);
}

.ui-dark .nomenclature {
			  
			
	background-color: var(--clr-bluegray-75);
		 
}

.ui-dark .nomenclature span:first-of-type {
			  
			
	color: var(--clr-bluegray-25);
}

.ui-dark .nomenclature:hover span:first-of-type {
  color: var(--clr-accent-light);
}

.ui-dark .nomenclature span:last-of-type {
  color: var(--clr-bluegray-35);
}

.ui-dark .tab-bottom {
	background-color: var(--clr-bluegray-75);
}
									  
					  
			 
			  

.ui-dark hr {
	border-color: var(--clr-bluegray-55);
}

.ui-dark .dropdown-menu {
	background-color: var(--clr-bluegray-75);
}

.ui-dark .dropdown-menu .dropdown-item {
	color: var(--clr-bluegray-35);
}

.ui-dark .dropdown-menu .dropdown-item:hover {
	background-color: var(--clr-bluegray-65);
	color: var(--clr-bluegray-25);
}

.ui-dark .alert-warning {
	background-color: var(--clr-yellow-25);
	color: var(--clr-yellow-65);
}

.ui-dark .ui-notification {
	background-color: vaR(--clr-bluegray-95);
	color: var(--clr-bluegray-25);
}

.ui-dark .input-group-text {
	background-color: var(--clr-bluegray-55);
	border-color: var(--clr-bluegray-55);
	color: var(--clr-bluegray-15);
}


/**   S T A G E   R O A D M A P   *******************************************************/
/****************************************************************************************/

.checkpoint-wrapper .path:first-child {
	grid-area: p1;
}

.checkpoint-wrapper .path:last-child {
	grid-area: p2;
}

.checkpoint-wrapper .node {
	grid-area: bb;
	outline: none;
}

.checkpoint-wrapper label {
	grid-area: ll;
}

.checkpoint-wrapper {
	display: grid;
	grid-template-columns: 1fr 5fr;
	grid-template-rows: repeat(3, auto);
	grid-template-areas:
		"p1 ll"
		"bb ll"
		"p2 ll";
	align-items: center;
	justify-items: center;
}

.checkpoint-wrapper label {
	color: var(--clr-bluegray-65);
	display: block;
	font-size: 12px;
	justify-self: start;
	margin-bottom: 0;
	margin-top: 2px;
	text-align: center;
}

.checkpoint-wrapper .node {
	height: 16px;
	width: 16px;
	background: white;
	border-radius: 8px;
	border: 2px solid var(--clr-bluegray-25);
}

.checkpoint-wrapper .node.travelled {
	background: var(--clr-accent-light);
	border: 2px solid var(--clr-accent);
}

.checkpoint-wrapper .node.canceled {
		background: var(--clr-pink-45);
    border: 2px solid var(--clr-pink-65);
}
}

.checkpoint-wrapper .node.active {
	background: white;
}

.checkpoint-wrapper .path {
	height: 16px;
	width: 2px;
	background: var(--clr-bluegray-25);
}

.checkpoint-wrapper .path.travelled {
	background: var(--clr-accent);
}

.checkpoint-wrapper .path.hidden {
	visibility: hidden;
}

@media (min-width: 576px) {
	.checkpoint-wrapper {
		grid-template-columns: repeat(3, auto);
		grid-template-rows: repeat(2, auto);
		grid-template-areas:
			"p1 bb p2"
			"ll ll ll";
	}

	.checkpoint-wrapper .path {
		height: 3px;
		width: 36px;
	}

	.checkpoint-wrapper label {
		justify-self: center;
	}
}


/**   Media queries   *******************************************************************/
/****************************************************************************************/

@media (max-width: 576px) {
	.pb-xs-custom {
		margin-bottom: -10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 768px) {
	.ghost {
		visibility: visible;
	}

	/* mobile tabs */
	.nav-tabs {
		background-color: transparent;
		border-bottom: none;
		height: 30px;
	}

	.nav-tabs .nav-item {
		height: calc(100% - 3px); /* subtract the bottom border */
		margin-right: 24px;
	}

	.nav-tabs .nav-link {
		color: var(--clr-bluegray-35);
		padding: unset;
		margin-left: unset;
		border: none;
		border-bottom: 3px solid transparent;
		border-radius: 0;
		font-size: smaller;
		font-weight: 500;
		height: 100%;
		text-align: center;
		/* line-height: 3.25; */
	}

	.nav-tabs .nav-link.active {
		background-color: transparent;
		border-bottom-color: var(--clr-accent);
		color: var(--clr-accent);
	}
}

@media (min-width: 768px) {
	.container-arggo ul[role="tablist"] {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.container-arggo .nav-link {
		padding: 0;
		font-size: 20px;
		font-weight: 500;
		color: var(--clr-bluegray-35);
		transition: all 150ms ease-in;
	}

	.container-arggo .nav-link:hover,
	.container-arggo .nav-link.active {
		color: var(--clr-bluegray-55);
	}

	.container-arggo ul[role="tablist"] li+li {
		margin-left: 16px;
	}

	.container-arggo ul[role="tablist"] * {
		font-family: 'Roboto', sans-serif !important;
	}
}

@media (color-gamut: srgb) {
	.stage.success {
		background: var(--clr-green-25);
		color: var(--clr-green-65);
	}
}

@media (color-gamut: p3) {
	.stage.success {
		background: var(--clr-green-05);
		color: var(--clr-green-65);
	}
}

@media (min-width: 768px) {
	.ui-dark .container-arggo .nav-link {
		color: var(--clr-bluegray-55);
	}

	.ui-dark .container-arggo .nav-link:hover, 
	.ui-dark .container-arggo .nav-link.active {
		color: var(--clr-bluegray-35);
	}
}



/**   IcoMoon   *************************************************************************/
/****************************************************************************************/

@font-face {
	font-family: 'catapeteasmagia';
	src:  url('catapeteasmagia.ttf') format('truetype'),
		url('catapeteasmagia.woff') format('woff'),
		url('catapeteasmagia.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="cat-"], [class*=" cat-"] {
	display: inline-block;
	font: normal normal normal 14px/1 'catapeteasmagia'!important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cat-arrow-down:before {
	content: "\e900";
}
.cat-arrow-left:before {
	content: "\e901";
}
.cat-arrow-right:before {
	content: "\e902";
}
.cat-arrow-up:before {
	content: "\e903";
}
.cat-attach:before {
	content: "\e904";
}
.cat-bell:before {
	content: "\e905";
}
.cat-bin:before {
	content: "\e906";
}
.cat-box-checked:before {
	content: "\e907";
}
.cat-box-crossed:before {
	content: "\e908";
}
.cat-bricks:before {
	content: "\e909";
}
.cat-building:before {
	content: "\e90a";
}
.cat-bullet:before {
	content: "\e90b";
}
.cat-by:before {
	content: "\e90c";
}
.cat-caret-down:before {
	content: "\e90d";
}
.cat-caret-left:before {
	content: "\e90e";
}
.cat-caret-right:before {
	content: "\e90f";
}
.cat-caret-up:before {
	content: "\e910";
}
.cat-chat:before {
	content: "\e911";
}
.cat-check:before {
	content: "\e912";
}
.cat-chevron-down:before {
	content: "\e913";
}
.cat-chevron-left:before {
	content: "\e914";
}
.cat-chevron-right:before {
	content: "\e915";
}
.cat-chevron-up:before {
	content: "\e916";
}
.cat-chinese:before {
	content: "\e917";
}
.cat-circle-75:before {
	content: "\e918";
}
.cat-circle-bar:before {
	content: "\e919";
}
.cat-circle-bar-alt:before {
	content: "\e91a";
}
.cat-circle-checked:before {
	content: "\e91b";
}
.cat-circle-checked-alt:before {
	content: "\e91c";
}
.cat-circle-crossed:before {
	content: "\e91d";
}
.cat-circle-crossed-alt:before {
	content: "\e91e";
}
.cat-clipboard:before {
	content: "\e91f";
}
.cat-content:before {
	content: "\e920";
}
.cat-copy:before {
	content: "\e921";
}
.cat-deny:before {
	content: "\e922";
}
.cat-dislike:before {
	content: "\e923";
}
.cat-download:before {
	content: "\e924";
}
.cat-envelope:before {
	content: "\e925";
}
.cat-equal:before {
	content: "\e926";
}
.cat-exclamation-circle:before {
	content: "\e927";
}
.cat-file:before {
	content: "\e928";
}
.cat-finish:before {
	content: "\e929";
}
.cat-form:before {
	content: "\e92a";
}
.cat-hamburger:before {
	content: "\e92b";
}
.cat-hamburger-thin:before {
	content: "\e92c";
}
.cat-heart:before {
	content: "\e92d";
}
.cat-history:before {
	content: "\e92e";
}
.cat-hourglass:before {
	content: "\e92f";
}
.cat-hourglass-alt:before {
	content: "\e930";
}
.cat-info-circle:before {
	content: "\e931";
}
.cat-key:before {
	content: "\e932";
}
.cat-like:before {
	content: "\e933";
}
.cat-link:before {
	content: "\e934";
}
.cat-list:before {
	content: "\e935";
}
.cat-lock:before {
	content: "\e936";
}
.cat-media-jump-left:before {
	content: "\e937";
}
.cat-media-jump-right:before {
	content: "\e938";
}
.cat-media-pause:before {
	content: "\e939";
}
.cat-media-play:before {
	content: "\e93a";
}
.cat-media-skip-left:before {
	content: "\e93b";
}
.cat-media-skip-right:before {
	content: "\e93c";
}
.cat-media-stop:before {
	content: "\e93d";
}
.cat-message:before {
	content: "\e93e";
}
.cat-minus:before {
	content: "\e93f";
}
.cat-more:before {
	content: "\e940";
}
.cat-open-link:before {
	content: "\e941";
}
.cat-pencil:before {
  content: "\e942";
}
.cat-percent:before {
  content: "\e957";
}
.cat-plus:before {
	content: "\e943";
}
.cat-power:before {
	content: "\e944";
}
.cat-print:before {
	content: "\e945";
}
.cat-question-circle:before {
	content: "\e946";
}
.cat-recur:before {
	content: "\e947";
}
.cat-recur-double:before {
	content: "\e948";
}
.cat-save:before {
	content: "\e949";
}
.cat-save-alt:before {
	content: "\e94a";
}
.cat-search:before {
	content: "\e94b";
}
.cat-send:before {
	content: "\e94c";
}
.cat-settings:before {
	content: "\e94d";
}
.cat-star:before {
	content: "\e94e";
}
.cat-steering-wheel:before {
  content: "\e958";
}
.cat-subcategories:before {
	content: "\e94f";
}
.cat-table:before {
	content: "\e950";
}
.cat-tabs:before {
	content: "\e951";
}
.cat-times:before {
	content: "\e952";
}
.cat-upload:before {
	content: "\e953";
}
.cat-user:before {
	content: "\e954";
}
.cat-whatsapp:before {
  content: "\e955";
}
.cat-wrench:before {
  content: "\e959";
}
.cat-www:before {
	content: "\e956";
}

.bpm-modal .modal-header {
	background-color: var(--clr-bluegray-15);
	border-bottom: none;
}
 
.bpm-modal .panel .panel-footer {
	border-top: none;
	background-color: var(--clr-bluegray-15);
}
 
.modal-title {
	color: var(--clr-bluegray-65);
	font-size: 24px;
	font-weight: 600;
}