@media screen, print {
	* {
		box-sizing: border-box;
	}
	body, html {
		padding: 0;
		margin: 0;
		height: 100%;	
		font-size: 16px;
		font-weight: 300;
		-webkit-text-size-adjust: 100%;	
	}
	body {
		scrollbar-color: #FFF #CCC;
	}
	
	/* Scrollbar customizations */
	::-webkit-scrollbar-track {
	  -webkit-border-radius: 10px;
	  border-radius: 10px;
	}
	
	*::-webkit-scrollbar {
	  width: 15px;
	  background-color: transparent;
	  position: absolute;
	  border: 1px solid #EEE;
	  border-radius: 10px;
	}
	body.bc_dark_mode::-webkit-scrollbar,
	body.bc_dark_mode *::-webkit-scrollbar {
		border: 1px solid #333;
	}
	*::-webkit-scrollbar-thumb {
	  border-radius: 10px;
	  border: 2px solid #EEE;
	  background: #FFF;
	  width: 15px;
	}
	
	body.bc_dark_mode *::-webkit-scrollbar-thumb,
	body.bc_dark_mode::-webkit-scrollbar-thumb {
		background: #333;
		border: 2px solid #333;		
	}
	
	.bc_modal_wrapper::-webkit-scrollbar,
	.bc_modal_wrapper div::-webkit-scrollbar,
	.bc_modal_wrapper textarea::-webkit-scrollbar {
		border: none;
	}
	.bc_modal_wrapper::-webkit-scrollbar-thumb,
	.bc_modal_wrapper div::-webkit-scrollbar-thumb,
	.bc_modal_wrapper textarea::-webkit-scrollbar-thumb {
		background: rgba(255,255,255,.15);
		border: 0;
	}
	
	.bc_tabs::-webkit-scrollbar,
	#bc_main_content .bc_cards::-webkit-scrollbar  {
		width: 10px;
		height: 10px;
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	.bc_tabs::-webkit-scrollbar-thumb,
	##bc_main_content .bc_cards::-webkit-scrollbar-thumb  {
		border: 1px solid #EEE;
		height: 10px;
		background: #FFF;
		width: 10px;
		margin: 0;
		padding: 0;
	}
	
	
	body, html, p, div, span, td, th, input, textarea, select {
		font-family: 'Poppins','Helevetica',Arial;
		-webkit-text-size-adjust: 100%;
	}
	h1,h2,h3,h4,h5,h6 {
		font-family: 'Poppins','Helevetica',Arial;
		margin: 0px;
		line-height: 1.3em;
		-webkit-text-size-adjust: 100%;
	}
	
	p {
		margin: 0;
	}
	.bc_left {
		text-align: left;
	}
	.bc_right {
		text-align: right;
	}
	.bc_bold {
		font-weight: 500;	
	}
	.biz-logo {
		letter-spacing: -1.5px;
		font-size: 24px;
		font-weight: 700;
		font-family: 'Comfortaa';
		line-height: 42px;
	}
	.biz-logo svg {
		width: auto;
		height: 24px;
		margin-top: 15px;
		margin-left: 5px;
	}
	.biz-logo svg path {
		fill: #54575a;
		stroke: #54575a;
	}
	body.bc_dark_mode .biz-logo svg path {
		fill: #CCC;
		stroke: #CCC;
	}
	
	#login .biz-logo {
		position: absolute;
		bottom: 40px;
		
	}
	
	#login .bc_sign_authority {
		padding-top: 30px;
	}
	
	.error,
	#login .error {
		padding: 5px 10px;
		border-radius: 50%;
		font-size: 14px;
		line-height: 16px;
	}
	.error i,
	#login .error i {
		margin-right: 5px;
	}
	
	#login [data-forgot] {
		text-decoration: underline;
		font-size: 14px;
		padding-top: 10px;
		display: block;
	}
	
	#login input[type="number"].bc_single_digit {
		border: none;
		background: #EEE;
		width: 40px;
		height: 60px;
		max-width: 40px;
		max-height: 60px;
		display: inline-block;
		margin-right: 5px;
		padding: 3px;
		text-align: center;
		line-height: 60px;
		font-size: 24px;
		font-weight: 600;
	}
	
	#login input[type="number"].bc_single_digit::-webkit-outer-spin-button,
	#login input[type="number"].bc_single_digit::-webkit-inner-spin-button {
		/* display: none; <- Crashes Chrome on hover */
		-webkit-appearance: none;
		margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
	}
	
	#login input[type="number"].bc_single_digit[type=number] {
		-moz-appearance:textfield; /* Firefox */
	}
	
	#login input[type="number"].bc_single_digit:focus,
	#login input[type="number"]:not([value=""]).bc_single_digit {
		background: #8D9F73;
		color: #FFF;
	}
	
	
	a,
	a:link,
	a:visited,
	a:active,
	a:hover {
		color: #54575a;
		text-decoration: none;
		transition: all ease-in-out .2s;
		outline: none;
	}
	body.bc_dark_mode a,
	body.bc_dark_mode a:link,
	body.bc_dark_mode a:visited,
	body.bc_dark_mode a:active,
	body.bc_dark_mode a:hover {
		color: #CCC;
	}
	.bc_nav_item a:hover {
		color: #666;
	}
	body.bc_dark_mode .bc_nav_item a:hover {
		color: #eacd8d;
	}
	.bc_nav_item a:hover i {
		transition: all ease-in-out .2s;
	}
	.bc_nav_item a:hover i:last-child {
		transform: translateX(10px);
	}
	
	a:hover {
	}
	
	*.disable {
		opacity: .25;
		pointer-events: none;
	}
	*.readonly {
		pointer-events: none;
		cursor: auto;
	}

	
	body {
		height: 100%;
		color: #54575a;
	}
	body.bc_dark_mode {
		color: #CCC;
		background: #202124;
	}
	
	body footer {
		border-top: 1px solid #DDD;
		margin-top: 10px;
		padding-top: 10px;
	}
	
	body.bc_dark_mode footer {
		border-top: 1px solid #333;
	}
	
	[data-row="dummy"] div {
		min-height: 30px;
		background: linear-gradient(90deg, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255, 1) 100%);
		animation-name: dummy_row;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		width: 0;
		border-radius: 15px;
	}
	
	body.bc_dark_mode [data-row="dummy"] div {
		background: linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,.6) 100%);
	}
	
	@keyframes dummy_row {
	  0% {width: 0;}
	  100% {width: 100%}
	}
	
	#login {
		background: url('/media/pexels-ivan-samkov-4458554_low2.jpg') no-repeat;
		background-size: cover;
		background-position: -200px 100%;
	}
	#login main {
		width: 40%;
		max-width: 500px;
		padding: 3%;	
		margin-left: 0;
		background: #FFF;
		box-shadow: 10px 0 20px rgba(0,0,0,.2);
		position: absolute;
		right: 0;
	}
	#login main input[type="submit"] {
		margin-top: 30px;
		width: 100%;
		-webkit-appearance: none;
	}
	#login .bc_logo img {
		width: 150px;
	}
	#login form {
		margin-top: 20%;
	}
	
	#login input[type="text"], #login input[type="password"] {
		font-size: 14px;
		padding: 15px 20px 13px;
	}
	
	main {
		flex: 1;
		height: calc(100%);
		margin-left: 330px;
		transition: margin-left 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);	
		z-index: 100;
		position: relative;	
	}
	body.closed > main {
		margin-left: 60px;
	}
	body[data-supplier-portal] main {
		margin-left: 0;
	}
	
	#bc_sidebar {
		display: flex;
		flex-direction: column;				
		flex: 0;
		width: 330px;
		min-width: 330px;
		background: #FFF;
		border-right: 1px solid #DDD;
		height: calc(100% - 60px);
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);
		z-index: 3000;
		position: fixed;
		top: 60px;
		left: 0;
		overflow: hidden;
	}
	body.bc_dark_mode #bc_sidebar {
		background: #202124;
		border-right: 1px solid #333;
	}
	body.closed #bc_sidebar {
		width: 60px;
		min-width: 60px;	
	}
	body.closed-noanim #bc_sidebar {
		transition: inherit !important;
	}
	#bc_sb_header {
		display: flex;
		align-items: center;
		overflow: hidden;
		flex: 0 0 auto;
	}
	#bc_sb_header {
		letter-spacing: -1.5px;
		font-size: 24px;
		font-weight: 400;
		line-height: 42px;		
	}
	#bc_sb_nav {
		flex: 0 0 auto;
		margin: 20px 0;
	}
	#bc_sb_nav .bc_nav_item {
		display: none;
	}
	#bc_sb_recents {
		flex: 1 1 auto;
		overflow: auto;
		padding: 20px;
		min-width: 330px;
		transition: opacity ease-in-out .1s;
		transition-delay: .2s;
	}
	.bc_hamburger {
		font-size: 22px;
		vertical-align: middle;
		padding-right: 20px;			
	}
	.bc_logo {
		vertical-align: middle;
		line-height: 60px;
	}
	.bc_logo svg {
		width: 110px;
		height: 30px;
	}
	body.bc_dark_mode .bc_logo svg path {
		fill: #CCC;
	}
	body.bc_dark_mode .bc_logo svg path.green {
		fill: #e2bb66;
	}
	
	nav {
		overflow: hidden;				
	}
	nav ol {
		list-style: none;
		list-style-type: none;
		list-style-position: outside;
		padding: 0;
		margin: 0;
	
	}
	nav ol li {
		
	}
	nav ol li a {
		padding: 15px 20px 15px 10px;
		display: flex;
		font-weight: 700;
	}
	nav ol li a.active,
	body.bc_dark_mode nav ol li a.active {
		color: #E2BB66;
	}
	nav ol li a :nth-child(1) {
		font-size: 22px;
		text-align: center;
		margin-right: 10px;
		min-width: 40px;
		flex: 0;
		line-height: 1.2;
	}
	nav ol li a :nth-child(2) {
		flex: 1;
		display: block;
	}
	nav ol li a :nth-child(3) {
		flex: 0;
		line-height: 1.8;
	}
	
	#bc_sidebar .bc_microlist {
		height: auto;
	}
	#bc_sidebar .bc_microlist .bc_table_micro {
		padding-bottom: 0;
	}
	body.closed #bc_sb_recents {
/* 		display: none; */
		opacity: 0;
		
	}
	
	.bc_microlist {
		margin: 0 0 20px 0;
		height: calc(100% - 120px);
	}
	.bc_microlist_title {
		font-size: 14px;
		font-weight: 500;
	}
	
	.bc_table_micro .bc_morebutton i {
		font-size: 22px;
		line-height: 16px;
	}			
	.bc_morebutton i {
		font-size: 24px;
		line-height: 16px;
		color: #999999;
	}
	.bc_listitem_menu {
		min-width: 150px;
		max-height: 200px;
		border: 1px solid #CCC;
		border-radius: 5px;
		background: #FFF;
		font-size: 13px;
		text-align: left;
		position: absolute;
		left: 15%;
		top: 75%;
		overflow-y: auto;
		z-index: 2000;
	}
	body.bc_dark_mode .bc_listitem_menu {
		border: 1px solid #333;
		background: #202124;
	}
	.bc_listitem_menu a,
	.bc_listitem_menu a:link,
	.bc_listitem_menu a:visited,
	.bc_listitem_menu a:active,
	.bc_listitem_menu a:hover {
		display: block;
		padding: 10px 5px 10px 15px;
		position: relative;							
	}
	.bc_listitem_menu a:hover {
		background: #F7F7F7;
	}
	body.bc_dark_mode .bc_listitem_menu a:hover {
		background: #333;
	}
	.bc_listitem_menu.right {
		left: auto;
		right: 25%;
	}
	.bc_listitem_menu.center {
		left: -40%;
	}
	.bc_listitem_menu.bottom {
		top: auto;
		bottom: 100%;
		max-height: 300px;
		overflow: auto;
	}
	
	.bc_recent_projects {
		padding-bottom: 0;
	}
	
	header {
		width: 100%;
		height: 60px;
		border-bottom: 1px solid #DDD;
		padding: 10px 30px;
		display: flex;
		flex: 1;
		top: 0;
		background: #FFF;
		z-index: 300;
		transition: margin-left 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);	
	}
	body.bc_dark_mode header {
		border-bottom: 1px solid #333;
		background: #202124;
	}
	body > header:first-of-type {
		width: 100%;	
		position: fixed;
		padding: 10px 20px;
		top: 0;
		left: 0;
		right: 0;
		display: flex;
	}
	body > header:first-of-type > div:first-of-type {
		letter-spacing: -1.5px;
		font-size: 24px;
		font-weight: 400;
		line-height: 42px;
		padding: 0;
		margin: 0;	
		color: #54575a;	
	}
	body.bc_dark_mode > header:first-of-type > div:first-of-type {
		color: #CCC;
	}
	h1,
	header h1 {
		font-size: 32px;
		line-height: 1.3em;
		font-weight: 500;
		display: flex;
		align-items: center;
		flex: 1;
	}
	header h3 {
		font-size: 28px;
		font-weight: 500;
		color: #8D9F73;
		display: flex;
		align-items: center;
		flex: 1;	
		min-height: 40px;
		line-height: 1.1em;
	}
	header h1 .bc_button_primary,
	header h3 .bc_button_secondary {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: #E2BB66;
		color: #FFF;
		text-align: center;
		display: block;
		font-size: 46px;
		line-height: 62px;
		font-weight: 200;
		margin-left: 20px;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06);
	}
	body.bc_dark_mode header h1 .bc_button_primary,
	body.bc_dark_mode header h3 .bc_button_secondary {
		color: #333;
	}
	header h3 .bc_button_secondary {
		width: 40px;
		min-width: 40px;
		height: 40px;
		min-height: 40px;
		font-size: 32px;
		line-height: 42px;	
		background: #8D9F73;	
	}
	header h1 .bc_button_primary:hover,
	header h3 .bc_button_secondary:hover {
		transform: scale(1.05,1.05);
		opacity: .8;
	}
	.bc_search {
		font-size: 28px;
		display: flex;
		align-items: center;
		position: relative;				
	}
	.bc_search i {
		color: #E2BB66;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06);
		cursor: pointer;
	}
	.bc_search .bc_search_icon:hover {
		transform: scale(1.1,1.1);
	}
	.bc_search input[type="text"] {
		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 200;
		color: #8D9F73;
		border: 0;
		-webkit-appearance: none;
		padding: 0;
		margin-left: 10px;
		outline: none;
		width: 0px;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06);
		opacity: 0;
	}
	body.bc_dark_mode .bc_search input[type="text"] {
		color: #CCC;
	}
	.bc_search input[type="text"]::placeholder,
	body.bc_dark_mode .bc_search input[type="text"]::placeholder {
		color: #797979;
	}
	.bc_search input[type="text"]:focus,
	.bc_search.edited input[type="text"],
	.bc_search input:not([value=""]) {
		width: 250px;
		padding: 10px 10px;
		border: 1px solid #8D9F73;
		-webkit-appearance: none;
		opacity: 1;			
	}
	.bc_search .bc_erase {
		display: none;
		font-size: 20px;
		color: #CCC;
		position: absolute;
		right: 10px;
	}
	body.bc_dark_mode .bc_search .bc_erase {
		color: #CCC;
	}
	.bc_search.edited .bc_erase {
		display: block;
	}
	
	.bc_sortable_list ul {
		list-style: decimal;
		padding: 0;
		margin: 0;
	}
	.bc_sortable_list ul li {
		width: 100%;
		padding: 5px 0;
	}
	.bc_sortable_list ul li:after {
		content: "\f58e";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 600;
		font-size: 13px;
		line-height: 10px;
		margin-left: 10px;
		color: #8D9F73;
	}
	
	
	
	
	
	
	#bc_main_content {
		margin-top: 60px;
		padding: 30px;
		background: #F8F8F8;
		min-height: 100%;
	}
	body.bc_dark_mode #bc_main_content {
		background: transparent;
	}
	#bc_main_content header {
		padding: 0;
		margin: 30px 0;
		z-index: 200;
		border: 0;
		height: auto;
		background: none;
	}
	#bc_main_content  > header:first-of-type {
		margin: 20px 0 80px 0;
	}
	#bc_main_content .bc_table_preheader {
		display: flex;
		align-items: center;
	}
	#bc_main_content .bc_table_preheader h2 {
		display: inline-block;
	}
	#bc_main_content .bc_table_preheader div:first-child {
		flex: 1 1 auto;
	}
	#bc_main_content .bc_bordered_container .bc_table_preheader {
		padding: 10px 20px;
	}
	#bc_main_content .bc_bordered_container .bc_table {
		border: 0px;
		background: #F8F8F8;		
	}
	body.bc_dark_mode #bc_main_content .bc_bordered_container .bc_table {
		background: #202124;		
	}
	#bc_main_content .bc_bordered_container #bc_subviews .bc_table,
	#bc_main_content .bc_bordered_container .bc_tabs_container .bc_table {
		border: 1px solid #DDD;
	}
	body.bc_dark_mode #bc_main_content .bc_bordered_container #bc_subviews .bc_table,
	body.bc_dark_mode #bc_main_content .bc_bordered_container .bc_tabs_container .bc_table {
		border: 1px solid #333;
	}
	#bc_main_content .bc_table_results {
		flex: 1;
	}
	#bc_main_content .bc_table_results a[data-button]  {
		margin-left: 10px;
		display: none;
	}
	#bc_main_content .bc_table_results span.filtered_label,
	#bc_main_content .bc_table_results span.searched_label,
	#bc_main_content [data-button="clear_filters"] {
		display: none;
		margin-left: 5px;
	}
	#bc_main_content .bc_table_results.filtered [data-button="clear_filters"],
	#bc_main_content .bc_table_results.filtered span.filtered_label,
	#bc_main_content [data-button="clear_filters"].filtered {
		display: inline-block;
	}
	#bc_main_content .bc_table_results.searched [data-button="clear_search"],
	#bc_main_content .bc_table_results.searched span.searched_label {
		display: inline-block;
	}	
	
	#bc_main_content .bc_cards,
	#bc_main_content .bc_tiles {
		display: flex;
		padding: 20px 0 20px 0;
		position: relative;
	}
	#bc_main_content .bc_cards {
		overflow-x: auto;
	}
	#bc_main_content .bc_tiles {
		flex-wrap: wrap;
	}
	
	[data-section="recents"] {
		margin-bottom: 50px;
		display: none;
	}
		
	#bc_main_content .bc_cards .bc_card,
	#bc_main_content .bc_tiles .bc_tile {
		background: #FFF;
		border: 1px solid #DDD;
		border-radius: 10px;		
		padding: 20px;
		margin-right: 20px;
		flex: 1 1 auto;
		min-width: 200px;
		min-height: 150px;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);
		transform: scale(.98);
		cursor: pointer;
		overflow: hidden;
		position: relative;
	}
	#bc_main_content .bc_tiles .bc_tile {
		text-align: center;
		margin-bottom: 20px;
		min-height: 200px;
		width: calc(25% - 15px);
		max-width: calc(25% - 15px);
		flex: 1 1 auto;
	}
	#bc_main_content .bc_tiles .bc_tile:nth-child(4n) {
		margin-right: 0;
	}
	
	#bc_main_content .bc_tiles .bc_tile i {
		font-size: 50px;
		padding: 10px 0 10px 0;
	}
	#bc_main_content .bc_tiles .bc_tile h4 {
/* 		padding-right: 20px; */
	}
	#bc_main_content .bc_tiles .bc_tile .bc_tile_menu {
		min-width: 20px;
		min-height: 20px;
		line-height: 20px;
		text-align: center;
		position: absolute;
		right: 10px;
		top: 10px;
		color: #333;
		font-size: 20px;
	}
	body.bc_dark_mode #bc_main_content .bc_tiles .bc_tile .bc_tile_menu {
		color: #FFF;
	}
	#bc_main_content .bc_tiles .bc_tile .bc_tile_menu i {
		font-size: 20px;
	}
	
	#bc_main_content .bc_tiles .bc_tile.bc_tile_blank {
		text-align: center;
		font-size: 50px;
		line-height: 50px;
	}
	#bc_main_content .bc_tiles .bc_tile .bc_tile_content {
		top: 50%;
		transform: translateY(-50%);
		position: relative;
	}
	
	body.bc_dark_mode #bc_main_content .bc_cards .bc_card,
	body.bc_dark_mode #bc_main_content .bc_tiles .bc_tile {
		background: none;
		border: 1px solid #333;
	}
	
	#bc_main_content .bc_cards .bc_card:hover,
	#bc_main_content .bc_tiles .bc_tile:hover {
		background: rgba(255,255,255,.05);
		transform: scale(1);
	}
	body.bc_dark_mode #bc_main_content .bc_cards .bc_card:hover,
	body.bc_dark_mode #bc_main_content .bc_tiles .bc_tile:hover {
		background: rgba(255,255,255,.05);
	}
	
	#bc_main_content .bc_cards .bc_card.bc_card_green::before,
	#bc_main_content .bc_cards .bc_card.bc_card_blue::before,
	#bc_main_content .bc_cards .bc_card.bc_card_orange::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 5px;
		background: rgb(85, 162, 61);
		border-radius: 8px 8px 0 0;
	}
	#bc_main_content .bc_cards .bc_card.bc_card_blue::before {
		background: rgb(34, 148, 229);
	}
	#bc_main_content .bc_cards .bc_card.bc_card_orange::before {
		background: rgb(217, 166, 16);
	}
	
	
	#bc_main_content .bc_cards .bc_card .bc_card_content {
		margin-bottom: 50px;
	}
	
	#bc_main_content [data-cards] {
		position: relative;	
		border: 1px solid #DDD;
		padding: 20px 0 0 0;
		overflow: hidden;
		height: 100%;
	}
	
	body.bc_dark_mode #bc_main_content [data-cards] {
		border: 1px solid #333;
	}
	
	#bc_main_content [data-cards]::after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 80px;
		height: 100%;
		/* min-height: 150px; */
		background: rgb(248,248,248);
		background: linear-gradient(90deg, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 100%);
		pointer-events: none;
	}
	
	body.bc_dark_mode #bc_main_content [data-cards]::after {
		background: rgb(32,33,36);
		background: linear-gradient(90deg, rgba(32,33,36,0) 0%, rgba(32,33,36,1) 100%);	
	}
	
	#bc_main_content [data-cards] > h3 {
		padding: 0 20px 20px 20px;
	}
	
	#bc_main_content [data-cards] > .bc_cards {
		padding: 0 20px 20px 20px;
		height: calc(100% - 42px);
	}
	
	.bc_pill {
		padding: 5px 10px;
		font-size: 12px;
		font-weight: 500;
		display: inline-block;
		border-radius: 50px;
	}

	.bc_pill.bc_pill_green {
		border: 1px solid rgb(85, 162, 61);
	}
	.bc_pill.bc_pill_blue {
		border: 1px solid rgb(34, 148, 229);
	}
	.bc_pill.bc_pill_orange {
		border: 1px solid rgb(217, 166, 16);
	}
	
	#bc_main_content [data-cards] .bc_card .bc_pill {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
	
	
	
	
	

	a.bc_primary_action {
		background: #8D9F73;
		padding: 8px 15px;
		color: #FFF;
		border-radius: 50px;
		font-size: 14px;
		position: relative;
	}
	body.bc_dark_mode a.bc_primary_action {
		color: #202124;
	}
	a.bc_primary_action i {
		padding-right: 5px;
	}
	.bc_table {
		border: 1px solid #DDD;
		border-radius: 5px;
		margin-top: 10px;
		height: 100%;
		min-height: 120px;
		min-width: min-content;
	}
	[data-main-section="reports"] .bc_table {
		overflow: auto visible;
	}
	[data-main-section="reports"] .bc_table table th {
		top: 0;
	}
	body.bc_dark_mode .bc_table {
		border: 1px solid #333;
	}
	.bc_table table {
		width: 100%;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
	}
	.bc_table table thead {
	}
	.bc_table table th {
		text-align: left;
		font-size: 12px;
		text-transform: uppercase;
		color: #999999;
		padding: 0;
		margin: 0;
		position: sticky;
		top: 60px;
		background: #FFF;
		z-index: 300;
		box-shadow: 0 1px 0 #CCC;								
	}
	.bc_table table th.bc_table_inputform {
		background: #FFF;
		border-bottom: 1px solid #CCC;
		border-top: 1px solid #CCC;
	}
	.bc_table table th.bc_table_inputform div:first-child {
		display: flex;
		gap: 10px;
		padding: 10px 15px 10px 15px;
	}
	.bc_table table th.bc_table_inputform input:not([type="checkbox"]) {
		padding: 5px 10px;
		background: none;
		font-size: 14px;
	}
	body.bc_dark_mode .bc_table table th.bc_table_inputform {
		background: #202124;
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
	}
	.bc_table table th.bc_table_header_primary,
	body.bc_dark_mode .bc_table table th.bc_table_header_primary,
	.bc_table table th.bc_table_header_secondary,
	body.bc_dark_mode .bc_table table th.bc_table_header_secondary {
		background: transparent;
	}
	.bc_table table th.bc_table_header_primary div {
		font-size: 18px;
	}
	.bc_table table .bc_table_total th,
	.bc_table table .bc_table_total th div {
		font-size: 18px;
		font-weight: 700;
	}
	.bc_table table th.bc_table_header_secondary div,
	.bc_table table .bc_table_primary_subtotal th div,
	.bc_table table .bc_table_primary_subtotal th {
		font-size: 16px;
	}
	.bc_table table .bc_table_secondary_subtotal th div,
	.bc_table table .bc_table_secondary_subtotal th {
		font-size: 14px;
	}
	.bc_table.bc_table_micro table th {
		top: 0;
	}
	.bc_table table tr.bc_multiaction th {
		/* top: 116px; */
	}
	.bc_table table th.bc_table_checkbox {								
		padding-left: 30px;
	}
	.bc_table.bc_table_micro table th.bc_table_checkbox {								
		padding-left: 15px;
	}
	.bc_table table th.bc_multiaction {
		padding: 10px 30px;
		border-bottom: 1px solid #CCC;
		border-radius: 4px 4px 0 0;
	}
	.bc_table.bc_table_micro table th.bc_multiaction {
		padding: 10px 15px;	
	}
	body.bc_dark_mode .bc_table table th.bc_multiaction {
		border-bottom: 1px solid #202124;
	}
	.bc_table table th.bc_multiaction a {
		margin-right: 20px;
	}
	.bc_table table th.bc_table_checkbox input[type="checkbox"],
	.bc_table table tbody td.bc_table_checkbox input[type="checkbox"] {
		margin-top: 4px;
	}
	body.bc_dark_mode .bc_table table th {
		background: #333;
		box-shadow: 0 1px 0 #454545;
	}
	.bc_table table th.bc_center,
	.bc_table table tbody td.bc_center {
		text-align: center;
	}
	.bc_table table th.bc_left,
	.bc_table table tbody td.bc_left {
		text-align: left;
	}
	.bc_table table th.bc_right,
	.bc_table table tbody td.bc_right {
		text-align: right;
	}
	.bc_table table tbody td.bc_small {
		font-size: 12px;
	}
	.bc_table table th:not(.bc_multiaction):first-child {
		border-radius: 4px 0 0 0;
	}
	.bc_table table th:not(.bc_multiaction):last-child {
		border-radius: 0 4px 0 0;
	}
	.bc_table table tbody td.bc_table_empty {
		text-align: center;
		font-size: 18px;
		font-weight: 800;
		padding: 40px;
	}
	
	.bc_table.bc_table_micro table tbody td.bc_table_empty img {
		max-width: 200px;
	}
	
	.bc_table table th div {
		color: #999;
		display: inline-block;
		width: 100%;
		height: 100%;
		padding: 10px 10px;
		/* white-space: nowrap;				 */
	}
	.bc_table table th:first-child div {
		padding-left: 30px;
	}
	.bc_table table th:last-child div {
		padding-right: 30px;
	}	
	.bc_table_micro table th div {
		padding: 10px 15px;
		font-size: 10px;
		white-space: nowrap;
	}
	.bc_table table th.bc_table_order div:hover {
		color: #666;
		background: #F8F8F8;
	}
	body.bc_dark_mode .bc_table table th.bc_table_order div:hover {
		background: #454545;
		color: #FFF;
	}
	.bc_table_micro table th a div {
		white-space: nowrap;
	}
	.bc_table table th.bc_table_order_asc a,
	.bc_table table th.bc_table_order_asc a:link,
	.bc_table table th.bc_table_order_asc a:visited,
	.bc_table table th.bc_table_order_desc a,
	.bc_table table th.bc_table_order_desc a:link,
	.bc_table table th.bc_table_order_desc a:visited {
		color: #8D9F73;	
	}
	.bc_table table th.bc_table_order_asc div:after {
		content: "\f357";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 900;
		font-size: 13px;
		line-height: 10px;
		margin-left: 10px;
		color: #8D9F73;
		transition: all 0.2s ease-in-out;
	}
	.bc_table table th.bc_table_order_desc div:after {
		content: "\f354";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 900;
		font-size: 13px;
		margin-left: 10px;
		color: #8D9F73;
		transition: all 0.2s ease-in-out;
	}
	.bc_table table tbody tr {
		transition: all 0.2s ease-in-out;
		cursor: pointer;
	}
	
	.bc_table table tbody tr.disabled td:not([data-column-type="menu"]) {
		pointer-events: none;
		cursor: auto;
		color: #CCC;
	}
	body.bc_dark_mode .bc_table table tbody tr.disabled td:not([data-column-type="menu"]) {
		color: #666;
	}
	.bc_table table tbody tr.bc_edited {
		position: relative;
	}
	.bc_table:not([data-accordeon-category]) table tbody tr:not(.noclick):hover {
		background: #FFF;
	}
	.bc_table table tbody tr.noclick {
		cursor: auto;
	}
	body.bc_dark_mode .bc_table:not([data-accordeon-category]) table tbody tr:not(.noclick):hover {
		background: #333;
	}
	.bc_table table tbody td,
	.bc_table table tfoot td {
		padding: 10px 10px;
		font-size: 14px;
		position: relative;
/* 		min-width: 120px; */
	}
	.bc_table table tbody td {
		vertical-align: text-top;
	}
	.bc_table table tbody td.bc_v_top {
		vertical-align: top;
	}
	.bc_table table tbody td:first-child,
	.bc_table table tfoot td:first-child {
		padding-left: 30px;
	}
	.bc_table table tbody td:last-child,
	.bc_table table tfoot td:last-child {
		padding-right: 30px;
		min-width: inherit;		
	}
	.bc_table table tbody td:last-child:not(.bc_left) {
		text-align: right;
	}
	.bc_table table tbody td ul li {
		text-align: left; 
	}
	.bc_table_micro table tbody td {
		padding: 10px 15px;
		font-size: 13px;
	}
	.bc_table_micro table tbody td:first-child {
		padding-left: 15px;
	}
	.bc_table_micro table tbody td:last-child {
		padding-right: 15px;
	}
	.bc_table table tbody tr.bc_edited td[data-column-type="menu"] .bc_morebutton {
		visibility: hidden;
	}
	.bc_table_micro {
		position: relative;
		padding-bottom: 56px;
		overflow-x: auto;
	}
	.bc_table_micro table tfoot {
		position: absolute;
		width: 100%;
		bottom: 0;		
	}
	.bc_table_micro table tfoot td {
		width: 100vw;
	}
	
	.bc_table table tfoot tr {
		background: #F7F7F7;
	}
	body.bc_dark_mode .bc_table table tfoot tr {
		background: #333;
	}
	.bc_table table tfoot td {
		padding: 10px;
		text-align: center;
	}
	.bc_table table tfoot td.bc_left {
		text-align: left;
	}
	.bc_table table tfoot td.bc_right {
		text-align: right;
	}

	a.bc_dropdown {
		display: inline-block;
		border: 1px solid #8D9F73;
		border-radius: 50px;
		background: #8D9F73;
		padding: 8px 15px;
		font-size: 14px;
		color: #FFF;
		white-space: nowrap;
		position: relative;
	}
	body.bc_dark_mode a.bc_dropdown {
		color: #202124;
	}
	.bc_table_micro a.bc_dropdown {
		padding: 5px 8px;
		font-size: 12px;
	}
	a.bc_dropdown.shadow {
		border: 1px solid #8D9F73;
		background: #FFF;
		color: #8D9F73;
	}
	body.bc_dark_mode a.bc_dropdown.shadow {
		background: #202124;
		color: #CCC;
	}
	a.bc_dropdown i {
		margin-left: 10px;
	}
	a.bc_dropdown:hover {
	/* 	opacity: .8; */
	}
	a.bc_dropdown.readonly {
		background: none;
		padding: 0;
		border: 0;
		color: #54575a;
	}
	a.bc_dropdown.readonly i {
		display:none;
	}
	body.bc_dark_mode a.bc_dropdown.readonly {
		color: #CCC;
	}
	
	a.bc_switcher {
		display: inline-block;
		border: 1px solid #8D9F73;
		border-radius: 50px;
		background: transparent;
		font-size: 0;
		font-weight: 600;
		color: #54575a;
		white-space: nowrap;
		position: relative;	
		overflow: hidden;
	}
	body.bc_dark_mode a.bc_switcher {
		color: #FFF;
		border: 1px solid #333;
		
	}
	a.bc_switcher .bc_switcher_choice {
		font-size: 12px;
		font-weight: 600;
		display: inline-block;
		padding: 8px 15px 8px 10px;
	}
	a.bc_switcher.bc_switcher_icon .bc_switcher_choice {
		font-size: 14px;
	}
	a.bc_switcher .bc_switcher_choice:not(:last-child) {
		border-right: 1px solid rgba(141, 159, 115, .5);
		padding: 8px 10px 8px 15px;	
	}
	body.bc_dark_mode a.bc_switcher .bc_switcher_choice:not(:last-child) {
		border-right: 1px solid rgba(255,255,255,.10);
	}
	
	a.bc_switcher .bc_switcher_choice i {
		font-size: 20px;
	}
	a.bc_switcher .bc_switcher_choice.bc_switcher_choice_selected {
		color: #FFF;
		background: #8D9F73;
	}
	body.bc_dark_mode a.bc_switcher .bc_switcher_choice.bc_switcher_choice_selected {
		color: #202124;
	}
	
	a.bc_switcher:hover .bc_switcher_choice {
		opacity: .8;
	}
	
	a.bc_toggle {
		display: inline-block;
		/* border: 1px solid #8D9F73; */
		border: 1px solid rgba(0,0,0,0.15);
		border-radius: 50px;
		background: #F8F8F8;
		position: relative;	
		min-height: 30px;
		min-width: 50px;
	}
	body.bc_dark_mode a.bc_toggle {
		background: #202124;
		border: 1px solid rgba(255,255,250,0.15);
	}
	.bc_field_small a.bc_toggle,
	body.bc_dark_mode .bc_field_small a.bc_toggle {
		min-width: 36px;
		min-height: 24px;
	}
	
	a.bc_toggle.bc_toggle_selected,
	body.bc_dark_mode a.bc_toggle.bc_toggle_selected {
		background: #8D9F73;
	}
	a.bc_toggle .bc_toggle_handle {
		width: 28px;
		height: 28px;
		border: 1px solid rgba(0,0,0,0.15);
		border-radius: 15px;
		background: #FFF;
		transition: all ease-in-out .2s;
		position: relative;
		margin-left: 0;
	}
	body.bc_dark_mode a.bc_toggle .bc_toggle_handle,
	body.bc_dark_mode .bc_field_small a.bc_toggle .bc_toggle_handle  {
		background: #202124;
		border: 1px solid rgba(255,255,250,0.15);
	}
	.bc_field_small a.bc_toggle .bc_toggle_handle {
		width: 22px;
		height: 22px;
		border: 1px solid rgba(0,0,0,0.15);
	}
	
	a.bc_toggle.bc_toggle_selected .bc_toggle_handle {
		margin-left: 20px;
		border: 1px solid #8D9F73;
	}
	.bc_field_small a.bc_toggle.bc_toggle_selected .bc_toggle_handle {
		margin-left: 12px;
	}
	a.bc_toggle + label {
		margin-left: 10px;
		display: inline-block;
		font-size: 14px;
		vertical-align: middle;
		pointer-events: all;
		cursor: pointer;
		width: calc(100% - 80px);
	}
	div.disable a.bc_toggle + label {
		pointer-events: none;
		cursor: auto;
	}
	.bc_field_small a.bc_toggle + label {
		font-size: 12px;
	}
	
	a.bc_selector {
		display: flex;
		max-width: fit-content;
		border: 1px solid rgba(0,0,0,0.15);
		border-radius: 50px;
		background: #F8F8F8;
		position: relative;	
		min-height: 30px;
		min-width: 50px;
		margin-left: 50%;
		transform: translateX(-50%);
		overflow: hidden;
	}
	body.bc_dark_mode a.bc_selector {
		background: #202124;
		border: 1px solid rgba(255,255,250,0.15);
	}
	a.bc_selector .bc_selector_element {
		padding: 10px 15px;
		font-size: 12px;
		transition: all ease-in-out .2s;
	}
	a.bc_selector .bc_selector_element.bc_selector_selected {
		background: #8D9F73;
		color: #FFF;
	}
	body.bc_dark_mode a.bc_selector .bc_selector_element.bc_selector_selected {
		color: #202124;
	}
	
	
	.bc_link_text_icon {
		font-size: 14px;
		margin: 0 20px;
	}
	
	.bc_link_text_icon i {
		padding: 0px 10px 0px 10px;
	}
	
	a.bc_button,
	input[type="submit"].bc_button,
	body .daterangepicker .drp-buttons .btn {
		display: inline-block;
		border-radius: 50px;
		border: 0;
		outline: none;
		padding: 12px 20px;
		font-size: 16px;
		font-weight: 700;
		white-space: nowrap;
		position: relative;	
		background: #8D9F73;
		color: #FFF;
		min-width: 80px;
		cursor: pointer;				
	}
	body .daterangepicker .drp-buttons .btn {
		font-size: 14px;
		padding: 10px 14px;
	}
	a.bc_button i {
		margin-right: 5px;
	}
	a.bc_button.white {
		background: #FFF;
		color: #8D9F73;
	}
	a.bc_button.black {
		background: #000;
		color: #FFF;
	}
	body.bc_dark_mode a.bc_button.white {
		background: #202124;
	}
	a.bc_button.gray {
		background: #999;
		color: #FFF;
	}
	a.bc_button.ghost {
		background: transparent;
		border: 1px solid #FFF;
		color: #FFF;
	}
	body.bc_dark_mode a.bc_button.ghost {
		border: 1px solid #333;
	}
		
	a.bc_button.processing {
		pointer-events: none;
		padding-left: 40px;
	}
	a.bc_button.processing::before {
		content: url("data:image/svg+xml,%3Csvg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath opacity='0.2' fill='%23FFF' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3E%3Cpath fill='%23FFF' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
		display: block;
		width: 22px;
		height: 22px;
		position: absolute;
		margin-top: -5px;
		left: 10px;
	}
	
	a.bc_button_icon {
		display: inline-block;
		border-radius: 50px;
		padding: 8px 15px;
		font-size: 14px;
		font-weight: 700;
		white-space: nowrap;
		position: relative;	
		background: #8D9F73;
		color: #FFF;						
	}
	body.bc_dark_mode  a.bc_button_icon {
		color: #202124;
	}
	a.bc_button[data-button="login_microsoft"]{
		background: #FFF;
		border: 1px solid #CCC;
		color: #666;
	}
	a.bc_button[data-button="login_microsoft"] img {
		vertical-align: middle;
		margin-right: 10px;
	}
	a.bc_button[data-button="login_microsoft"] span {
		vertical-align: middle;
	}

	
	a.bc_button_icon:not(.bc_button_icon_alone) i {
		margin-right: 5px;
	}
	a.bc_button_icon.bc_button_icon_alone {
		width: 36px;
		height: 36px;
		min-width: 36px;
		min-height: 36px;
		line-height: 36px;
		vertical-align: top;
		padding: 0;
		text-align: center;		
		font-size: 18px;
		font-weight: 700;
	}
	
	a.bc_button_icon_small {
		display: inline-block;
		font-size: .8em;
		font-weight: 700;
		color: #999;
		padding: .5%;
	}
	a.bc_button_icon_small i {
		margin-right: 5px;
	}
	
	a.bc_button_icon_shadow,
	input[type="submit"].bc_button_icon_shadow {
		display: inline-block;
		border: 1px solid #8D9F73;
		border-radius: 50px;
		padding: 8px 15px;
		font-size: 12px;
		line-height: 16px;
		font-weight: 700;
		white-space: nowrap;
		position: relative;	
		background: #FFF;
		color: #8D9F73;						
	}
	body.bc_dark_mode a.bc_button_icon_shadow,
	body.bc_dark_mode input[type="submit"].bc_button_icon_shadow {
		background: #202124;
		border: 1px solid #333;
	}
	a.bc_button_icon_shadow i {
		margin-right: 5px;
	}
	a.bc_button_icon_shadow.bc_black {
		border: 1px solid #CCC;
		color: #54575a;
	}
	body.bc_dark_mode a.bc_button_icon_shadow.bc_black {
		border: 1px solid #333;
		color: #CCC;
	}
	a.bc_button_icon:hover,
	a.bc_button_icon_shadow:hover,
	a.bc_button_shadow:hover {
		opacity: .5;
	}
	
	a.bc_button_shadow {
		display: inline-block;
		border: 1px solid #8D9F73;
		border-radius: 50px;
		padding: 8px 15px;
		font-size: 12px;
		line-height: 23px;
		font-weight: 700;
		white-space: nowrap;
		position: relative;	
		background: #FFF;
		color: #8D9F73;					
	}
	body.bc_dark_mode a.bc_button_shadow {
		background: #202124;
		border: 1px solid #333;
	}
	a.bc_button_shadow i {
		margin-right: 5px;
	}
	a.bc_button_shadow.bc_black {
		border: 1px solid #CCC;
		color: #54575a;
	}
	body.bc_dark_mode a.bc_button_shadow.bc_black {
		border: 1px solid #333;
		color: #CCC;
	}
	
	
	.bc_stepper {
		display: flex;
		/* border: 1px solid #8D9F73; */
		border-radius: 50px;
		width: 100%;
		margin: 20px 0;
		overflow: hidden;
/* 		background: #FFF; */
/* 		background: rgb(217,166,16); */
/* 		background: linear-gradient(90deg, rgba(217,166,16,1) 0%, rgba(162,161,80,1) 20%, rgba(96,154,157,1) 40%, rgba(34,148,229,1) 60%, rgba(50,152,175,1) 80%, rgba(85,162,61,1) 100%); */
	}
	body.bc_dark_mode .bc_stepper {
/* 		background: transparent; */
	}
	.bc_stepper .bc_stepper_step {
		flex: 1;
		padding: 15px 15px 15px 35px;
		font-size: 13px;
		font-weight: 600;
		text-align: center;
		position: relative;
		color: #EEE;
		transition: background ease-in-out .2s, opacity ease-in-out .2s;		
	}
	body.bc_dark_mode .bc_stepper .bc_stepper_step {
		color: rgba(255,255,255,.25);
	}
	.bc_stepper .bc_stepper_step .bc_step_bg {
		width: calc(calc(100vw - 330px) / 6);
		height: calc(calc(100vw - 330px) / 6);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) rotate(45deg);
		background: linear-gradient(45deg, rgba(217,166,16,1) 0%, rgba(162,161,80,1) 100%);
		border: 1px solid rgba(255,255,255,.2);
		z-index: 1;
		border-radius: 8px;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);
	}
	body.closed > main .bc_stepper .bc_stepper_step .bc_step_bg {
		width: calc(calc(100vw - 60px) / 6);
		height: calc(calc(100vw - 60px) / 6);
	}
	.bc_stepper .bc_stepper_step.disable {
		opacity: 1;
	}
	
	.bc_stepper .bc_stepper_step.bc_stepper_step_1_4 .bc_step_bg {
		width: calc(calc(100vw - 330px) / 5);
		height: calc(calc(100vw - 330px) / 5);
	}
	
	body.closed > main .bc_stepper .bc_stepper_step.bc_stepper_step_1_4 .bc_step_bg {
		width: calc(calc(100vw - 60px) / 5);
		height: calc(calc(100vw - 60px) / 5);
	}
	
	
	.bc_stepper .bc_stepper_step:not(.bc_step_on) .bc_step_bg::after,
	.bc_stepper .bc_stepper_step.bc_step_on.bc_stepper_step_partial .bc_step_bg::after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top:0;
		left: 0;
		background: rgba(255,255,255,.3);
		border-radius: 8px;
		border: 1px solid #FFF;
	}
	body.bc_dark_mode .bc_stepper .bc_stepper_step:not(.bc_step_on) .bc_step_bg::after,
	body.bc_dark_mode .bc_stepper .bc_stepper_step.bc_step_on.bc_stepper_step_partial .bc_step_bg::after {
		background: rgba(0,0,0,.5);
		border: none;
	}
	.bc_stepper .bc_stepper_step.disable .bc_step_bg::after {
		background: rgba(255,255,255,.5);
	}
	body.bc_dark_mode .bc_stepper .bc_stepper_step.disable .bc_step_bg::after {
		background: rgba(0,0,0,.7);
	}
	.bc_stepper .bc_stepper_step span {
		display: block;
		position: relative;
		z-index: 2;
	}
	
	.bc_stepper .bc_stepper_step:nth-child(1) {
		z-index: 5;
	}	
	.bc_stepper .bc_stepper_step:nth-child(2) {
		z-index: 4;
	}
	.bc_stepper .bc_stepper_step:nth-child(2) .bc_step_bg {
		background: linear-gradient(45deg,  rgba(162,161,80,1) 0%, rgba(96,154,157,1) 100%);
	}
	.bc_stepper .bc_stepper_step:nth-child(3) {
		z-index: 3;
	}
	.bc_stepper .bc_stepper_step:nth-child(3)  .bc_step_bg {
		background: linear-gradient(45deg, rgba(96,154,157,1) 0%, rgba(34,148,229,1) 100%);
	}
	
	.bc_stepper .bc_stepper_step:nth-child(4) {
		z-index: 2;
	}
	.bc_stepper .bc_stepper_step:nth-child(4) .bc_step_bg {
		background: linear-gradient(45deg, rgba(34,148,229,1) 0%, rgba(50,152,175,1) 100%);
	}
	.bc_stepper .bc_stepper_step:nth-child(5) {
		z-index: 1;
	}
	.bc_stepper .bc_stepper_step:nth-child(5) .bc_step_bg {
		background: linear-gradient(45deg, rgba(50,152,175,1) 0%, rgba(85,162,61,1) 100%);
	}
	
/* 	.bc_stepper .bc_stepper_step:after,
	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice:after {
		content: '';
		width: 50px;
		height: 50px;
/* 		background: #FFF; * /
		transform: rotate(45deg);
		display: block;
		position: absolute;
		right: -20px;
		top: 0;
		border-top: 1px solid #a6b690;
		border-right: 1px solid #a6b690;
		border-radius: 8px;	
		transition: background ease-in-out .2s, opacity ease-in-out .2s;
		z-index: -1;		
	}	
	body.bc_dark_mode .bc_stepper .bc_stepper_step:after {
/* 		background: #202124; * /
	}
	.bc_stepper .bc_stepper_step.bc_step_on:not(.bc_stepper_step_partial):after,
	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice:after {
		background: #8D9F73;
	}
	.bc_stepper .bc_stepper_step.bc_step_on:not(.bc_stepper_step_partial):hover:after {
		background: #a6b690;
	}	
	.bc_stepper .bc_stepper_step:hover:after {
		background: #F8F8F8;
	} */
/* 	body.bc_dark_mode .bc_stepper .bc_stepper_step:hover:after,
	body.bc_dark_mode .bc_stepper .bc_stepper_step:hover {
		background: #333;
	} */
/* 	.bc_stepper .bc_stepper_step:hover {
		background: #F8F8F8;
	}
	.bc_stepper .bc_stepper_step.bc_step_on:not(.bc_stepper_step_partial):hover {
		background: #a6b690;
	} */
	.bc_stepper .bc_stepper_step.bc_step_on:not(.bc_stepper_step_partial){
		/* background: #8D9F73; */
		color: #FFF;
	}
/* 	.bc_stepper_invoice.bc_step_on:after {
		background: #8D9F73;
	} */
	.bc_stepper_invoice {
		position: absolute;
	}
	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice {
		height: 100%;
		left: 0;
		top: 0;
/* 		background: #bacaa5; */
		background: linear-gradient(45deg, rgba(34,148,229,1) 0%, rgba(50,152,175,1) 100%);
		z-index: 2;
	}
	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice:after {
/* 		background: #bacaa5; */
		z-index: 1;
	}
	.bc_stepper_partial_text {
		
		position: relative;
		z-index: 2;
	}
/* 	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice[style="width: 100%;"],
	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice[style="width: 100%;"]:after {
		background: #8D9F73;
	} */
	
	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice[style="width: 100%;"] + .bc_stepper_partial_text {
		color: #FFF;
	}
	
	
	
	
	.bc_progress {
		/* display: flex; */
		position: relative;	
		margin: 80px 0 20px;
		height: 80px;
	}
/* 	.bc_progress [data-progress] {
		line-height: .9em;		
	} */
	.bc_progress label {
		color: #FFF;
		padding: 0;
	}
	
	.bc_progress .bc_progress_data {
		font-size: 24px;
		font-weight: 600;
		color: #FFF;
		position: relative;
		padding: 10px 40px;
		text-align: right;
		right: 0;
		width: 100%;
	}
	.bc_progress .bc_progress_data:nth-child(2) {
		/* text-align: right; */
	}
	
	.bc_progress .bc_progress_data[data-progress="expenses"] {
		position: absolute;
		margin-top: -60px;
		width: auto;
		width: min-content;
		height: 60px;
		padding: 0 20px 20px 0;
		font-size: 16px;
		border-right: 1px solid rgba(0,0,0,.2);
		color: #54575a;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);
	}
	.bc_progress .bc_progress_data[data-progress="expenses"] label {
		color: #54575a;
	}
	body.bc_dark_mode .bc_progress .bc_progress_data[data-progress="expenses"] {
		color: #FFF;
		border-right: 1px solid rgba(255,255,255,.2);
	}
	body.bc_dark_mode .bc_progress .bc_progress_data[data-progress="expenses"] label {
		color: #FFF;
	}

	
	
/* 	body.bc_dark_mode .bc_progress label,
	body.bc_dark_mode .bc_progress .bc_progress_data,
	body.bc_dark_mode .bc_progress_bar_state_data {
		color: #FFF;
	} */
	
	.bc_progress .bc_progress_bar {
		display: flex;
		z-index: 1;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(90deg, rgba(217,166,16,.6) 0%, rgba(85,162,61,.6) 100%);
		border-radius: 50px;
		overflow: hidden;
		
	}
	body.bc_dark_mode .bc_progress .bc_progress_bar {
		background: linear-gradient(90deg, rgba(217,166,16,.2) 0%, rgba(85,162,61,.2) 100%);
	}
	
	.bc_progress .bc_progress_bar_state {
		background: linear-gradient(90deg, rgba(217,166,16,1) 0%,rgba(85,162,61,1) 100%);
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		z-index: 2;
		border-radius: 50px;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);
		transition-delay: .5s;
	}
	
	
	
	
	.bc_slider_container {
		position: relative;
		margin: 30px 0;
	}
	.bc_slider_stepper {
		width: 100%;
		height: 10px;
		border-radius: 25px;
		border: 1px solid #8D9F73;
		position: relative;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06);		
	}
	
	.bc_slider_stepper .bc_slider_track,
	.bc_slider_stepper .ui-slider-range  {
		background: #8D9F73;
		width: 0%;
		height: 8px;
		border-radius: 25px;
		position: relative;
		left: 0;
		top: 0;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06);		
	}
/* 	.bc_slider_stepper .bc_slider_handle, */
	.ui-slider-handle  {
		width: 20px;
		height: 20px;
		border-radius: 20px;
		background: #E2BB66;
		position: absolute;
		top: -6px;
		left: -1px;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06);
		z-index: 999999;
		outline: 0;	
	}
	.ui-slider-handle .bc_slider_handle_value {
		position: absolute;
		width: 30px;
		height: 30px;
		line-height: 20px;
		border-radius: 3px;
		font-size: 10px;
		font-weight: 600;
		color: #E2BB66;
		background: #FFF;
		padding: 5px;
		top: -40px;
		left: 0px;
		opacity: 0;
	}
	body.bc_dark_mode .ui-slider-handle .bc_slider_handle_value {
		background: #202124;
	}
	.ui-slider-handle:active .bc_slider_handle_value {
		opacity: 1;
	}
	.bc_slider_stepper_steps {
		width: 100%;
		position: relative;
		margin-top: -10px;
	}
	.bc_slider_stepper_steps .bc_slider_stepper_step {
		border-right: 1px solid #E2BB66;
		font-size: 12px;
		color: #333;
		text-align: center;
		padding: 5px;
		padding-top: 20px;
		display: inline-block;
		cursor: pointer;
	}
	.bc_slider_stepper_steps .bc_slider_stepper_step:hover {
		opacity: .8;
	}
	.bc_slider_stepper_steps .bc_slider_stepper_step:last-child {
		border-right: 0;
	}
	
	.bc_badge {
		display: none;
		position: absolute;
		border-radius: 25px;
		background: black;
		color: #FFF;
		font-size: 12px;
		font-weight: 600;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		left: -8%;
		top: 0;
	}
	.bc_badge.visible {
		display: block;	
	}
	
	
	
	
	
	
	.bc_cols {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.bc_cols.bc_col_uneven  {
		align-items: flex-start;
	}
	.bc_cols .bc_col {
		flex: 1 1 auto;
		flex-basis: 0;		
		margin: 0 10px;
		min-width: 130px;
/* 		overflow: hidden; */
	}
	.bc_cols .bc_col.bc_col_min {
		flex: 0 0 auto;
	}
	footer .bc_cols .bc_col.bc_col_min {
		flex: none;
	}
	footer .bc_cols .bc_col.bc_col_min * {
		display: inline-block;
		font-size: 12px;
	}
	
	.bc_cols .bc_col:first-child {
		margin: 0 10px 0 0;
	}
	.bc_cols .bc_col:last-child {
		margin: 0 0 0 10px;
	}	
	
/*
	.bc_cols .bc_col.bc_col-1-2 {
		flex: 1 1 auto;
		margin: 0 10px;
	}
*/
	.bc_cols .bc_col.bc_col-1-2.colspan-2 {
		flex: 1 1 100%;
		max-width: 100%;
		min-width: 100%;	
	}
/*
	.bc_cols .bc_col.bc_col-1-3 {
		flex: 1 1 auto;
		margin: 0 10px;
	}
*/
	.bc_cols .bc_col.bc_col-1-3.colspan-2 {
		flex: 1 1 66%;
		max-width: calc(66% - 10px);
	}
/*
	.bc_cols .bc_col.bc_col-1-4 {
		flex: 1 1 auto;
		margin: 0 10px;
	}
*/
	.bc_cols .bc_col.bc_col-1-4 {
		width: 25%;
	}
	.bc_cols .bc_col.bc_col-1-4.colspan-2 {
		flex: 1 1 50%;
		max-width: calc(50% - 10px);
	}
	
	[data-report-dashboard] .bc_cols .bc_col {
		min-width: calc(50% - 20px);
		padding-bottom: 30px;
	}
	
	
	
	
	
	
	
	
	h2 {
		font-weight: 500;
		font-size: 28px;
		line-height: 1.3em;
		color: #54575a;
		margin: 0;	
	}
	body.bc_dark_mode h2 {
		color: #CCC;
	}
	h4 {
		font-weight: 500;
		font-size: 17px;
		color: #8D9F73;
		margin: 0;	
	}
	h5 {
		font-size: 14px;
		font-weight: 500;
		color: #8D9F73;
		line-height: 16px;	
	}
	h6 {
		font-size: 12px;
		font-weight: 500;
		color: #8D9F73;
		line-height: 16px;
	}
	h7 {
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
	}
	.bc_info {
		color: #8D9F73;
	}
	.bc_text_separator {
	}
	
	label {
		font-size: 12px;
		font-weight: 400;
		color: #999999;
		padding-bottom: 5px;
		display: block;
		transition: all ease-in-out .2s;	
		pointer-events: none;
	}
	
	form[name="update_user"] h5 {
		border-bottom: 1px solid rgba(0,0,0,0.15);
		line-height: 30px;
		margin-top: 20px;
	}
	body.bc_dark_mode form[name="update_user"] h5 {
		border-bottom: 1px solid rgba(255,255,255,0.15);
	}
	
	
	
	
	
	input[type="text"],
	input[type="password"],
	input[type="number"],
	textarea,
	.bc_field_dropdown,
	.bc_field_listfield {
		font-size: 14px;
		font-weight: 300;
		padding: 20px 20px 10px;
		margin: 0;
		width: 100%;
		border: 0;
		border: 1px solid rgba(0,0,0,0.15);
		outline: none;
		transition: all ease-in-out .2s;
		position: relative;
		background: rgba(255,255,255,1);
		border-radius: 8px;
		-webkit-appearance: none;
	}
	.bc_field:hover input[type="text"],
	.bc_field:hover input[type="password"],
	.bc_field:hover input[type="number"],
	.bc_field:hover textarea,
	.bc_field:hover .bc_field_dropdown,
	.bc_field:hover .bc_field_listfield {
		border: 1px solid rgba(0,0,0,0.5);
	}
	body.bc_dark_mode .bc_field:hover input[type="text"],
	body.bc_dark_mode .bc_field:hover input[type="password"],
	body.bc_dark_mode .bc_field:hover input[type="number"],
	body.bc_dark_mode .bc_field:hover textarea,
	body.bc_dark_mode .bc_field:hover .bc_field_dropdown,
	body.bc_dark_mode .bc_field:hover .bc_field_listfield {
		border: 1px solid rgba(255,255,250,0.5);
	}
	
	.bc_field_listfield {
		padding: 30px 0 0 0;
	}
	
	.bc_field.readonly input[type="text"],
	.bc_field.readonly input[type="password"],
	.bc_field.readonly input[type="number"],
	.bc_field.readonly textarea,
	.bc_field.readonly .bc_field_dropdown,
	.bc_field.readonly .bc_field_listfield,
	.bc_field.readonly .bc_field_dropdown::after,
	.bc_field.readonly .bc_field_listfield::after,
	body.bc_dark_mode .bc_field.readonly input[type="text"],
	body.bc_dark_mode .bc_field.readonly input[type="password"],
	body.bc_dark_mode .bc_field.readonly input[type="number"],
	body.bc_dark_mode .bc_field.readonly textarea,
	body.bc_dark_mode .bc_field.readonly .bc_field_dropdown,
	body.bc_dark_mode .bc_field.readonly .bc_field_listfield,
	body.bc_dark_mode .bc_field.readonly .bc_field_dropdown::after,
	body.bc_dark_mode .bc_field.readonly .bc_field_listfield::after,

	
	input[type="text"].readonly,
	input[type="password"].readonly,
	input[type="number"].readonly,
	textarea.readonly,
	body.bc_dark_mode input[type="text"].readonly,
	body.bc_dark_mode input[type="password"].readonly,
	body.bc_dark_mode input[type="number"].readonly,
	body.bc_dark_mode textarea.readonly,
	
	input[type="text"].bc_table_input.readonly,
	input[type="password"].bc_table_input.readonly,
	input[type="number"].bc_table_input.readonly,
	textarea.bc_table_input.readonly,
	body.bc_dark_mode input[type="text"].bc_table_input.readonly,
	body.bc_dark_mode input[type="password"].bc_table_input.readonly,
	body.bc_dark_mode input[type="number"].bc_table_input.readonly,
	body.bc_dark_mode textarea.bc_table_input.readonly,
	
	input[type="text"].bc_table_input.readonly:hover,
	input[type="password"].bc_table_input.readonly:hover,
	input[type="number"].bc_table_input.readonly:hover,
	textarea.bc_table_input.readonly:hover,
	body.bc_dark_mode input[type="text"].bc_table_input.readonly:hover,
	body.bc_dark_mode input[type="password"].bc_table_input.readonly:hover,
	body.bc_dark_mode input[type="number"].bc_table_input.readonly:hover,
	body.bc_dark_mode textarea.bc_table_input.readonly:hover,
	
	tr:hover input[type="text"].bc_table_input.readonly,
	tr:hover input[type="password"].bc_table_input.readonly,
	tr:hover input[type="number"].bc_table_input.readonly,
	tr:hover textarea.bc_table_input.readonly,
	body.bc_dark_mode tr:hover input[type="text"].bc_table_input.readonly,
	body.bc_dark_mode tr:hover input[type="password"].bc_table_input.readonly,
	body.bc_dark_mode tr:hover input[type="number"].bc_table_input.readonly,
	body.bc_dark_mode tr:hover textarea.bc_table_input.readonly {
		border: 0;
		padding-left: 0;
		background: transparent;
	}
	
	.bc_field.readonly input[type="text"] + label,
	.bc_field.readonly input[type="password"] + label,
	.bc_field.readonly input[type="number"] + label,
	.bc_field.readonly textarea + label,
	.bc_field.readonly .bc_field_dropdown + label,
	.bc_field.readonly .bc_field_listfield + label,
	body.bc_dark_mode .bc_field.readonly input[type="text"] + label,
	body.bc_dark_mode .bc_field.readonly input[type="password"] + label,
	body.bc_dark_mode .bc_field.readonly input[type="number"] + label,
	body.bc_dark_mode .bc_field.readonly textarea + label,
	body.bc_dark_mode .bc_field.readonly .bc_field_dropdown + label,
	body.bc_dark_mode .bc_field.readonly .bc_field_listfield + label {
		padding-left: 0;
		left: 0;
	}
	
	.bc_field_small input[type="text"],
	.bc_field_small input[type="password"],
	.bc_field_small input[type="number"] {
		padding: 14px 14px 8px;
		font-size: 14px;
		min-height: 45px;
	}	
	.bc_field_dropdown .bc_dropdown_delete,
	.bc_field_listfield .bc_listfield_delete {
		position: absolute;
		top: 25%;
		right: 35px;
	}
	.bc_field_dropdown.bc_field_dropdown_small,
	.bc_field_listfield.bc_field_listfield_small {
		padding: 14px 14px 8px;
		font-size: 14px;
		min-height: 45px;
	}
	body.bc_dark_mode input[type="text"],
	body.bc_dark_mode input[type="password"],
	body.bc_dark_mode input[type="number"],
	body.bc_dark_mode textarea,
	body.bc_dark_mode .bc_field_dropdown,
	body.bc_dark_mode .bc_field_listfield {
		border: 1px solid rgba(255,255,250,0.15);
		color: #CCC;
		background: transparent;
	}

	.bc_modal_content input[type="text"],
	.bc_modal_content input[type="password"],
	.bc_modal_content input[type="number"],
	.bc_modal_content textarea,
	body.bc_dark_mode .bc_modal_content input[type="text"],
	body.bc_dark_mode .bc_modal_content input[type="password"],
	body.bc_dark_mode .bc_modal_content input[type="number"],
	body.bc_dark_mode .bc_modal_content .bc_field_dropdown,
	body.bc_dark_mode .bc_modal_content textarea {
		border: 1px solid rgba(255,255,250,0.5);
		color: #FFF;
	}
	.bc_modal_content textarea {
		background: transparent;
	}
	.bc_modal_content textarea:focus {
		color: inherit;
		border: 1px solid #abbe90;
	}
	
	input[type="text"]::placeholder,
	input[type="password"]::placeholder,
	input[type="number"]::placeholder {
		color: #CCC;
	}
	body.bc_dark_mode input[type="text"]::placeholder,
	body.bc_dark_mode input[type="password"]::placeholder,
	body.bc_dark_mode input[type="number"]::placeholder {
		color: #333;
	}
	body.bc_dark_mode .bc_modal_content input[type="text"]::placeholder {
		color: rgba(255,255,255,.5);
	}
	input:hover,
	select:hover,
	textarea:hover {
		/* opacity: .8; */
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="number"]:focus,
	textarea:focus,
	select:focus,
	.bc_field_dropdown:focus {
		color: #8D9F73;
		border: 1px solid #8D9F73;
		background: rgba(0,0,0,0);
	}
	input[type="text"] + label,
	input[type="password"] + label,
	input[type="number"] + label,
	textarea + label,
	select + label,
	.bc_field_dropdown + label,
	.bc_field_listfield + label {
		position: absolute;
		top: 15px;
		font-weight: 400;
		font-size: 11px;
		left: 20px;
	}
	.bc_field_listfield + label {
		top: 20px;
	}
	.bc_field_small input[type="text"] + label,
	.bc_field_small input[type="password"] + label,
	.bc_field_small input[type="number"] + label {
		font-size: 10px;
		left: 14px;
		top: 8px;
	}
	.bc_field_dropdown.bc_field_dropdown_small + label {
		font-size: 10px;
		left: 14px;
	}

	.bc_field_searchfield input[type="text"] + label {
		position: absolute;
		top: auto;
		margin-top: -58px;
	}
	input[type="text"][value=''][placeholder=''] + label,
	input[type="password"][value=''][placeholder=''] + label,
	input[type="number"][value=''][placeholder=''] + label,
	select[value=''] + label,
	.bc_field_dropdown:empty + label {
		font-size: 14px;
		top: 42%;
		left: 20px;
	}
	.bc_field_small input[type="text"][value=''][placeholder=''] + label,
	.bc_field_small input[type="number"][value=''][placeholder=''] + label,
	.bc_field_small select[value=''] + label {
		top: 36%;
		left: 14px;
	}
	.bc_field_small input[type="password"]:not([value='']) + label,
	.bc_field_small input[type="password"][value=''][placeholder='']:focus + label {
		top: -8px;
	}
	.bc_field_small input[type="password"][value=''][placeholder=''] + label {
		top: 2px;
	}
	
	.bc_field_dropdown.bc_field_dropdown_small:empty + label {
		font-size: 14px;
	}
	
	.bc_field_searchfield input[type="text"][value=''] + label {
		top: auto;
		margin-top: -40px;
	}
	input[type="text"][value=''][placeholder='']:focus + label,
	input[type="password"][value=''][placeholder='']:focus + label,
	input[type="number"][value=''][placeholder='']:focus + label,
	select:focus + label,
	.bc_field_searchfield input[type="text"]:focus + label,
	.bc_field_dropdown:focus + label {
		position: absolute;
		top: 15px;
		font-weight: 400;
		font-size: 11px;
		left: 20px;
	}
	.bc_field_searchfield input[type="text"]:focus + label {
		top: auto;
		margin-top: -58px;
		font-size: 11px;				
	}
	
	input[type="text"].default,
	input[type="password"].default,
	input[type="number"].default,
	select.default,
	.bc_field_dropdown.default {
		color: #CCC;
	}
	body.bc_dark_mode input[type="text"].default,
	body.bc_dark_mode input[type="password"].default,
	body.bc_dark_mode input[type="number"].default,
	body.bc_dark_mode select.default,
	body.bc_dark_mode .bc_field_dropdown.default {
		color: #333;
	}	
	
	
	input[type="text"].bc_table_input,
	input[type="password"].bc_table_input,
	input[type="number"].bc_table_input {
		font-size: 14px;
		text-align: right;
		border: 1px solid #CCC;
		padding: 8px;
		max-width: 200px;
	}
	input[type="text"].bc_table_input.bc_left,
	input[type="password"].bc_table_input.bc_left,
	input[type="number"].bc_table_input.bc_left {
		text-align: left;
		max-width: none;
	}

	body.bc_dark_mode input[type="text"].bc_table_input,
	body.bc_dark_mode input[type="password"].bc_table_input,
	body.bc_dark_mode input[type="number"].bc_table_input {
		border: 1px solid #333;
	}
	body.bc_dark_mode input[type="text"].bc_table_input:focus,
	body.bc_dark_mode input[type="password"].bc_table_input:focus,
	body.bc_dark_mode input[type="number"].bc_table_input:focus {
		border: 1px solid #666;
	}
	body.bc_dark_mode tr:hover input[type="text"].bc_table_input,
	body.bc_dark_mode tr:hover input[type="password"].bc_table_input,
	body.bc_dark_mode tr:hover input[type="number"].bc_table_input {
		border: 1px solid #3d3d3d;
	}	
	
	select {
		font-size: 18px;
		font-weight: 300;
		padding: 5px 0 10px;
		margin: 0 0 5px;
		width: 100%;
		border: 0;
		border-bottom: 1px solid #CCCCCC;
		outline: none;
		transition: all ease-in-out .2s;
		position: relative;
		background: none;
		appearance: none;
		text-indent: 0;
		z-index: 2;
		border-radius: 0;
		-webkit-appearance: none;	
	}
	.bc_select_small select {
		font-size: 14px;
		line-height: 22px;
	}
	.bc_select:after {
		content:"\f078";
		font-family: "Font Awesome 6 Pro";
		font-size: 20px;
		color: #8D9F73;
		position: absolute;
		right: 0;
		top: 30%;
		z-index: 1;
		width: 20px;
		height: 20px;      
		pointer-events: none;
	}
	select option[value=''] {
		display: none;
	}
	
	.bc_field_dropdown,
	.bc_field_listfield {
		min-height: 53px;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
	}
	.bc_field_listfield .bc_listfield_rows {
		max-height: 250px;
		overflow-y: auto;
	}
	.bc_field_listfield .bc_listfield_search {
		border-top: 1px solid rgba(0,0,0,0.15);
	}
	.bc_field_listfield .bc_listfield_rows_selected {
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	body.bc_dark_mode .bc_field_listfield .bc_listfield_search {
		border-top: 1px solid rgba(255,255,250,0.15);
	}
	body.bc_dark_mode .bc_field_listfield .bc_listfield_rows_selected {
		border-bottom: 1px solid rgba(255,255,250,0.15);
	}
	.bc_field_dropdown.bc_field_smalltext,
	.bc_field_listfield.bc_field_smalltext {
		font-size: 14px;
	}
	.bc_field_dropdown:after {
		content:"\f078";
		font-family: "Font Awesome 6 Pro";
		font-size: 14px;
		color: #8D9F73;
		position: absolute;
		right: 0;
		top: 2px;
		z-index: 1;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 49px;
		pointer-events: none;
		background: #FFF;
	}
	.bc_field_dropdown.bc_field_dropdown_small:after,
	.bc_field_listfield.bc_field_listfield_small:after {
		line-height: 45px;
		width: 30px;
		height: 30px;
		font-size: 14px;
		top: 0;
	}
	body.bc_dark_mode .bc_field_dropdown:after,
	body.bc_dark_mode .bc_field_listfield:after {
		background: #202124;
	}
	.bc_field.readonly .bc_field_dropdown:after,
	.bc_field.readonly .bc_field_listfield:after {
		content: '';
	}
	.bc_dropdown_container {
		position: absolute;
		top: 100%;
		background: #FFF;
		width: 100%;
		max-height: 250px;
		overflow-y: auto;
		box-shadow: 0 3px 20px rgba(0,0,0,.1);
		z-index: 400;		
	}
	.bc_listfield_container {
		
	}
	
	body.bc_dark_mode .bc_dropdown_container {
		background: #202124;
		border: 1px solid #333;
	}
	.bc_dropdown_container .bc_loading,
	.bc_listfield_container .bc_loading {
		padding: 20px;
		transform: none;
	}
	.bc_dropdown_container .bc_loading svg,
	.bc_listfield_container .bc_loading svg {
		width: 36px;
		height: 36px;
	}
	.bc_dropdown_container .bc_dropdown_search,
	.bc_listfield_container .bc_listfield_search {
		padding: 10px;
		position: sticky;
		background: #FFF;
		top: 0;
	}
	body.bc_dark_mode .bc_dropdown_container .bc_dropdown_search,
	body.bc_dark_mode .bc_listfield_container .bc_listfield_search {
		background: #202124;
	}
	.bc_field.readonly .bc_listfield_container .bc_listfield_search,
	.bc_field.readonly .bc_field_listfield .bc_listfield_rows_selected {
		display: none;
		pointer-events: none;
		border: 0;
	}
	.bc_dropdown_container .bc_dropdown_search:after,
	.bc_listfield_container .bc_listfield_search:after {
		content: "\f002";
		font-family: "Font Awesome 6 Pro";
		font-size: 14px;
		color: #8D9F73;
		position: absolute;
		right: 20px;
		top: 23px;
		z-index: 1;
		width: 20px;
		height: 20px;
		pointer-events: none;
	}
	.bc_dropdown_container .bc_dropdown_search_custom,
	.bc_listfield_container .bc_listfield_search_custom {
		position: absolute;
		font-size: 14px;
		color: #8D9F73;
		right: 60px;
		top: 20px;
		cursor: pointer;
	}

	.bc_dropdown_container .bc_dropdown_row,
	.bc_listfield_container .bc_listfield_row {
		padding: 10px 15px;
		font-size: 13px;
		cursor: pointer;	
	}
	.bc_listfield_container .bc_listfield_row input[type="checkbox"] {
		margin-top: 0;
	}
	.bc_listfield_container .bc_listfield_row * {
		vertical-align: middle;
		margin-right: 20px;
	}
	.bc_dropdown_container .bc_dropdown_row:hover,
	.bc_listfield_container .bc_listfield_row:hover,
	.bc_dropdown_container .bc_dropdown_row.focus,
	.bc_listfield_container .bc_listfield_row.focus {
		background: #F8F8F8;
	}
	body.bc_dark_mode .bc_dropdown_container .bc_dropdown_row:hover,
	body.bc_dark_mode .bc_listfield_container .bc_listfield_row:hover,
	body.bc_dark_mode .bc_dropdown_container .bc_dropdown_row.focus,
	body.bc_dark_mode .bc_listfield_container .bc_listfield_row.focus {
		background: #333;
	}
	.bc_dropdown_container input[type="text"],
	.bc_listfield_container input[type="text"] {
		padding: 10px 15px;
		font-size: 14px;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		width: 24px;
		min-width: 24px;
		height: 24px;
		min-height: 24px;
		border: 1px solid #8D9F73;
		display: inline-block;
		vertical-align: middle;
		margin-top: 10px;
		outline: none;
		border-radius: 4px;
		-webkit-appearance: none;
		transition: transform 0.3s cubic-bezier(.18,.89,.45,1.06);
		cursor: pointer;
	}
	input[type="radio"] {
		border-radius: 50%;
	}
	input[type="checkbox"] + label,
	input[type="radio"] + label {
		pointer-events: inherit;
		display: inline-block;
		vertical-align: text-top;	
		font-size: 14px;
		line-height: 26px;		
		color: #54575a;
		padding-bottom: 0;
		cursor: pointer;
	}
	body.bc_dark_mode input[type="checkbox"] + label,
	body.bc_dark_mode input[type="radio"] + label {
		color: #CCC;
	}
	input[type="checkbox"]:checked,
	input[type="radio"]:checked,
	.bc_accordeon .bc_table table tbody td input[type="checkbox"]:checked,
	body.bc_dark_mode .bc_accordeon .bc_table table tbody td input[type="checkbox"]:checked {
		background: #8D9F73;
		animation-name: anim_checkbox;
		animation-duration: .4s;	
	}
	input[type="checkbox"]:checked:before,
	input[type="radio"]:checked:before,
	.bc_accordeon .bc_table table tbody td input[type="checkbox"]:checked:before,
	body.bc_dark_mode .bc_accordeon .bc_table table tbody td input[type="checkbox"]:checked:before {
		content:"\f00c";
		font-family: "Font Awesome 6 Pro";
		font-size: 14px;
		color: #FFF;
		position: relative;
		left: 5px;
		top: 2px;
		z-index: 1;
		width: 14px;
		height: 14px;      
		pointer-events: none;	
	}
	body.bc_dark_mode input[type="checkbox"]:checked:before,
	body.bc_dark_mode input[type="radio"]:checked:before,
	body.bc_dark_mode .bc_accordeon .bc_table table tbody td input[type="checkbox"]:checked:before,
	body.bc_dark_mode .bc_accordeon .bc_table table tbody td input[type="checkbox"]:checked:before {
		color: #202124;
	}
	
	.bc_checkbox_list {
		text-align: left;
		margin-top: 20px;
		border: 1px solid rgba(255,255,255,.15);
		border-radius: 8px;
		position: relative;
	}
	
	.bc_modal_content .bc_checkbox_list {
		border: 1px solid rgba(255,255,255,.5);
	}
	
	.bc_checkbox_list .bc_checkbox_list_search {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,.5);
		padding: 5px;
	}
	
	.bc_modal_content .bc_checkbox_list .bc_checkbox_list_container {
		max-height: 150px;
		overflow-y: auto;
		padding: 20px;
	}
	
	.bc_checkbox_list table {
		width: 100%;	
	}
	.bc_checkbox_list table thead tr {
	}
	.bc_checkbox_list table thead th {
		font-size: 11px;
		border-bottom: 1px solid rgba(255,255,255,.15);	
	}
	.bc_checkbox_list table tbody td {
		font-size: 14px;
		padding: 5px 0;
	}
	.bc_checkbox_list table tbody td input[type="radio"] {
		margin: 0;
	}
	.bc_checkbox_list input[type="checkbox"] + label,
	.bc_checkbox_list input[type="radio"] + label {
		margin: 2px 0 0 10px;
	}
	.bc_modal_content input[type="checkbox"],
	.bc_modal_content input[type="radio"] {
		border: 1px solid #FFF;
	}
	.bc_modal_content input[type="checkbox"] + label,
	.bc_modal_content input[type="radio"] + label,
	body.bc_dark_mode .bc_modal_content input[type="checkbox"] + label,
	body.bc_dark_mode .bc_modal_content input[type="radio"] + label  {
		color: #FFF;
	}
	.bc_modal_content input[type="radio"]:checked:before,
	body.bc_dark_mode .bc_modal_content input[type="radio"]:checked:before {
		color: #FFF;
	}
	
	
	
	
	@keyframes anim_checkbox {
	  0% {transform: scale(1.0,1.0);}
	  50% {transform: scale(1.2,1.2);}
	  100% {transform: scale(1.0,1.0);}
	}
	
	
	.bc_field {
		position: relative;
		padding-top: 10px;
		margin-top: 10px;
	}
	.bc_field.bc_field_small {
		padding-top: 5px;
		margin-top: 5px;
	}
	
	.bc_field.bc_datepicker:after {
		content:"\f0d7";
		font-family: "Font Awesome 6 Pro";
		font-size: 20px;
		color: #8D9F73;
		position: absolute;
		right: 20px;
		top: 40%;
		z-index: 1;
		width: 20px;
		height: 20px;      
		pointer-events: none;
	}
	
	.bc_field.bc_field_small.bc_datepicker:after {
		right: 10px;
		top: 32%;
	}
	
	.daterangepicker .calendar-table td {
		color: #54575a;
	}
	
	.bc_field.bc_field_searchfield {
	}
	.bc_field.bc_field_searchfield:after {
		content: "\f002";
		font-family: "Font Awesome 6 Pro";
		font-size: 20px;
		color: #8D9F73;
		position: absolute;
		right: 20px;
		top: 40%;
		z-index: 1;
		width: 20px;
		height: 20px;
		pointer-events: none;
	   }	
	
	.bc_field_results_container {
		position: absolute;
		box-shadow: 0 3px 10px rgba(0,0,0,.1);
		margin-top: -5px;
		background: #FFF;
		width: 100%;
		z-index: 1000;
	}
	body.bc_dark_mode .bc_field_results_container {
		background: #202124;
	}
	.bc_field_results_container .bc_field_result {
		padding: 10px 20px;
		cursor: pointer;
	}
	.bc_field_results_container .bc_field_result:hover {
		background: #F8F8F8;
	}
	body.bc_dark_mode .bc_field_results_container .bc_field_result:hover {
		background: #333;
	}
	.bc_textarea + .tox {
		margin-top: 20px;
	}
	
	body.bc_dark_mode .tox .tox-edit-area__iframe,
	body.bc_dark_mode .tox .tox-toolbar-overlord,
	body.bc_dark_mode .tox .tox-toolbar__primary {
		background: #202124;
	}
	body.bc_dark_mode .tox .tox-toolbar__primary {
		border-bottom: 1px solid #333 !important;
	}
	body.bc_dark_mode .tox:not(.tox-tinymce-inline) .tox-editor-header {
		border-bottom: 1px solid #333;
	}
	body.bc_dark_mode .tox-tinymce {
		border: 1px solid #333 !important;
	}
	body.bc_dark_mode .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
		border-right: 1px solid #333;				
	}
	
	#bc_profile_header {
		display: flex;
		position: absolute;
		font-size: 24px;
		right: 30px;
	}
	#bc_profile_header > * {
		margin-left: 10px;
		line-height: 40px;
	}
	#bc_profile_header .bc_profile {
		background: #333;
		width: 40px;
		min-width: 40px;
		height: 40px;
		min-height: 40px;
		text-align: center;
		font-size: 16px;
		font-weight: 800;
		line-height: 40px;
		color: #FFF;
		flex: 0 0 50%;
		border-radius: 50%;
		overflow: hidden;
		display: block;
		cursor: pointer;
	}
	.bc_modal_account {
		color: #333;
		position: absolute;
		padding: 0;
		border: 1px solid #CCC;
		background: #FFF;
		border-radius: 8px;
		font-size: 12px;
		min-width: 300px;
		right: 0;
		z-index: 1000;
		transform: scale(0,0);
		transform-origin: top right;
		transition: transform ease-in-out .2s;
		overflow: hidden;
	}
	
	body.bc_dark_mode .bc_modal_account {
		background: #202124;
		color: #CCC;
		border: 1px solid #333;
	}
	
	.bc_modal_account.open {
		transform: scale(1,1);
	}
	
	.bc_modal_account .bc_modal_account_el {
		font-size: 14px;
		text-align: left;
		border-bottom: 1px solid #EEE;
		color: #666;
		padding: 10px 20px;
		cursor: pointer;
		transition: all .2s ease-in-out;
		display: block;
	}
	.bc_modal_account .bc_modal_account_el:hover {
		background: #F8F8F8;
	}
	body.bc_dark_mode .bc_modal_account .bc_modal_account_el {	
		border-bottom: 1px solid #333;
		color: #CCC;
	}
	body.bc_dark_mode .bc_modal_account .bc_modal_account_el:hover {	
		background: #333;
	}
	
	.tox-tinymce {
		border: 1px solid #CCC !important;
	}
	.tox .tox-toolbar__primary {
		background: none !important;
		border-bottom: 1px solid #CCC !important;
	}
	
	.tox:not([dir=rtl]) {
		z-index: 30000;
	}
	
	body.bc_dark_mode .tox .tox-menu {
		background-color: #202124;
	}
	
	body.bc_dark_mode .tox .tox-collection--list .tox-collection__item--active {
		background-color: #333;
	}
	
	body.bc_dark_mode .tox .tox-menu,
	body.bc_dark_mode .tox .tox-collection--list .tox-collection__group {
		border-color: rgba(255,255,250,0.15);
	}
	
	body.bc_dark_mode .tox .tox-dialog-wrap__backdrop {
		background-color: rgba(32, 33, 36, 0.8);
	}
	
	body.bc_dark_mode .tox .tox-dialog,
	body.bc_dark_mode .tox .tox-dialog__header,
	body.bc_dark_mode .tox .tox-textarea,
	body.bc_dark_mode .tox .tox-dialog__footer {
		background-color: #202124;
		border-color: rgba(255,255,250,0.15);
	}

	
	
	
	
	#bc_subviews {
		margin-top: 50px;
	}
	#bc_subviews header {
		border-bottom: 0;
		height: auto;
	}
	#bc_subviews .bc_cols .bc_col.bc_col {
		min-width: 320px;
	}
	
	
	.bc_loader_overlay {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;
		background: rgba(255,255,255,.8);
		text-align: center;
		z-index: 99999999;
	}
	
	body.bc_dark_mode .bc_loader_overlay {
		background: rgba(32,33,36,0.8);
	}
	
	.bc_loading {
		margin: auto;
		padding-top: 50%;
		transform: translateY(-50%);
	}
	
	.bc_loading svg {
		width: 20%;
		height: 20%;
		max-width: 80px;
		max-height: 80px;
	}
	.bc_loading svg path {
		fill: #8D9F73;
	}
	
	.bc_modal_overlay {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;
/* 		background: rgba(255,255,255,.8); */
		text-align: center;
		z-index: 99999999;
	}
	.bc_modal_win {
		width: 50%;
		max-width: 500px;
		height: 100%;
		position: absolute;
		background: #8D9F73;
		color: #FFF;
		box-shadow: -3px 0 10px rgba(0,0,0,.20);
		border: 0;
		right: -50%;
		padding: 50px 50px 100px 50px;
		text-align: center;
		font-size: 18px;
		display: flex;
		animation-name: anim_modal;
		animation-duration: .5s;
		animation-delay: .1s;	
		animation-fill-mode: both;
	}
	.bc_modal_win .bc_modal_wrapper {
		width: 100%;
		/* overflow: visible auto; */
	}
	.bc_modal_win h3 {
		top: 50%;
		position: relative;
	}
	.bc_modal_win label,
	.bc_modal_win input[type="text"] + label,
	.bc_modal_win textarea + label {
		color: #FFF;
		text-align: left;
		position: static;
		top: auto;
		left: auto;
		margin-top: 10px;
	}
	.bc_modal_text {
		text-align: left;
		font-size: 30px;
		line-height: 1.2em;
		font-weight: 400;
		margin: 15% 0;
	}
	.bc_modal_text.bc_modal_text_cramped {
		margin: 5% 0;
	}
	.bc_modal_button_container {
		position: absolute;
		bottom: 30px;
		left: 0;
		width: 100%;
	}
	.bc_modal_button_container .bc_button {
		margin: 0 5px;
		font-size: 14px;
		padding: 15px 25px;		
	}
	
	.bc_modal_win .bc_slider_stepper {
/* 		background: #8c9e72; */
		border: 1px solid #FFF;
		height: 20px;
		z-index: 2;
	}
	body.bc_dark_mode .bc_modal_win .bc_slider_stepper {
		border: 1px solid #202124;
	}
	.bc_modal_win .bc_slider_stepper .ui-slider-range {
		height: 18px;
		background: #FFF;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06);		
	}
	body.bc_dark_mode .bc_modal_win .bc_slider_stepper .ui-slider-range {
		background: #202124;
	}
	.bc_modal_win .bc_slider_stepper .bc_slider_handle,
	.bc_modal_win .bc_slider_stepper .ui-slider-handle {
		width: 30px;
		height: 30px;
		margin-left: -13px;
	}
	.bc_modal_win .bc_slider_stepper_steps {
		margin-top: -20px;
		z-index: 1;
	}
	.bc_modal_win .bc_slider_stepper_steps .bc_slider_stepper_step {
		padding-top: 30px;
		color: #FFF;
	}
	.bc_modal_win input[type="text"] {
		color: #FFF;
		background: none;
		padding: 10px 20px;
	}
	.bc_modal_win input[type="text"]::placeholder {
		color: #abbe90;
	}
	.bc_modal_win input[type="text"]:focus {
		border: 1px solid #abbe90;
	}
	
	body.bc_dark_mode .bc_modal_win a.bc_button.ghost {
		color: #333;
	}
	.bc_modal_left_amount {
		font-size: .8em;
		line-height: 3em;
	}
	
	
	@keyframes anim_modal {
	  0% {right: -50%;}
	  100% {right: 0%;}
	}
	@keyframes anim_modal_mobile {
	  0% {right: -100%;}
	  100% {right: 0%;}
	}	
	
	.bc_toast_container {
		position: fixed;
		top: 50px;
		right: -500px;
		background: #FFF;
		border: 1px solid #CCC;
		border-radius: 8px;
		padding: 20px 20px 20px 60px;
		font-size: 14px;
		z-index: 1000;
		width: 300px;
		height: 80px;
	}
	body.bc_dark_mode .bc_toast_container {
		background: #202124;
		border: 1px solid #333;		
	}
	.bc_toast_container .bc_toast_label {
		top: 50%;
		position: relative;
		transform: translateY(-50%);
		font-weight: 500;
	}
	.bc_toast_container.success::before {
		content: "\f00c";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 600;
		font-size: 30px;
		position: absolute;
		left: 20px;
		color: #8D9F73;
	}
	.bc_toast_container.error::before {
		content: "\f06a";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 600;
		font-size: 30px;
		position: absolute;
		left: 20px;
		color: red;
	}
	@keyframes anim_toast {
	  0% {right: -500px;}
	  100% {right: 40px;}
	}
	
	.bc_table_filters {
		position: relative;
	}
	
	.bc_filters_modal {
		color: #333;
		position: absolute;
		padding: 20px 20px 20px 20px;
		border: 1px solid #CCC;
		background: #FFF;
		border-radius: 8px;
		font-size: 12px;
		min-width: 300px;
		right: 0;
		z-index: 1000;
		transform: scale(0,0);
		transform-origin: top right;
		transition: transform ease-in-out .2s;
	}
	.bc_filters_modal.open {
		transform: scale(1,1);
	}
	.bc_filters_modal .bc_filters_title {
		font-size: 14px;
		font-weight: 600;
	}
	.bc_filters_modal .bc_filters_separator {
		padding-top: 15px;	
		display: block;
	}
	.bc_filters_modal .bc_filters_separator.hidden {
		display: none;
	}
	.bc_filters_modal .bc_filters_separator .bc_filters_choices_container .bc_field {
		margin-top: 0;
	}
	.bc_filters_modal .bc_filters_separator_label {
		font-size: 12px;
		font-weight: 500;
		color: #54575a;
	}
	
	body.bc_dark_mode .bc_filters_modal {
		background: #202124;
		color: #CCC;
		border: 1px solid #333;
	}

	body.bc_dark_mode .bc_filters_modal .bc_filters_separator_label {	
		color: #CCC;
	}
	
	
	
	
	#bc_project_quote_builder,
	#bc_invoice_builder,
	#bc_po_builder {
		padding-top: 50px;
	}
	#bc_project_quote_builder h3,
	#bc_invoice_builder h3,
	#bc_po_builder h3 {
		margin-bottom: 20px;
	}
	.bc_accordeon .bc_table,
	body.bc_dark_mode .bc_accordeon .bc_table {
		border: 0;
		margin-top: 0;
		min-height: auto;
	}
	.bc_accordeon .bc_table table thead th {
/* 		padding: 15px 30px; */
		position: static;
	}
	.bc_accordeon .bc_table table thead th div {
		padding: 10px 10px;
		position: static;
		font-size: 10px;
	}
	.bc_accordeon .bc_table table thead th:first-child div {
		padding-left: 30px;
	}
	.bc_accordeon .bc_table table thead th:last-child div {
		padding-right: 0;
	}
	.bc_accordeon .bc_table table tbody td {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.bc_accordeon .bc_table table tbody td input {
		background: #FFF;
	}
	.bc_accordeon .bc_table table tbody td input[type="checkbox"] {
		margin-top: 0;
	}
	body.bc_dark_mode .bc_accordeon .bc_table table tbody td input {
		background: #202124;
	}
	.bc_accordeon .bc_table table tbody td i  {
		display: inline-block;
		font-size: 0;
		color: #8D9F73;
		margin: 0;
		width: 0;
		transition: all ease-in-out .2s;
	}
	.bc_accordeon .bc_table table tbody td:hover:not(.editing) i {
		font-size: 22px;
		margin:  0 10px;
		width: 24px;
		vertical-align: middle;
	}
	.bc_accordeon .bc_table table tbody td .bc_table_description {
		display: inline-block;
		width: 80%;
		vertical-align: middle;		
	}
	
	.bc_container_padding {
		padding: 5%;
	}
	.bc_bordered_container {
		border: 1px solid #DDD;
		border-radius: 5px;
		/* overflow: hidden; */
		background: #FFF;
	}
	.bc_bordered_container:not([data-cards]) {
		min-width: min-content;
	}
	body.bc_dark_mode .bc_bordered_container {
		border: 1px solid #333;
		background: transparent;
	}
	.bc_bordered_container.bc_container_padding {
		padding: 2%;
	}
	.bc_bordered_container.bc_container_split {
		display: flex;
	}
	.bc_bordered_container.bc_container_split .bc_tabs {
		display: none;
	}
	.bc_bordered_container.bc_container_split .bc_tabs_container {
		flex: 1 1 50%;
	}
	.bc_bordered_container.bc_container_split .bc_tabs_container[data-tab-view="subinvoices_view"] .bc_table {
		height: auto;
	}
	.bc_bordered_container.bc_container_split [data-tab-view="price_list_view"] {
		/* display: block !important; */
	}
	.bc_bordered_container [data-tab-view="price_list_view"] > .bc_accordeon {
		margin: 20px;
	}
	
	.bc_bordered_container.bc_container_split [data-tab-view="quote_view"],
	.bc_bordered_container.bc_container_split [data-tab-view="invoice_view"],
	.bc_bordered_container.bc_container_split [data-tab-view="subinvoices_view"] {
		/* display: block !important; */
		border-left: 1px solid #CCC;		
	}
	body.bc_dark_mode .bc_bordered_container.bc_container_split [data-tab-view="quote_view"],
	body.bc_dark_mode .bc_bordered_container.bc_container_split [data-tab-view="invoice_view"],
	body.bc_dark_mode .bc_bordered_container.bc_container_split [data-tab-view="subinvoices_view"] {
		border-left: 1px solid #333;		
	}
	.bc_bordered_container:not(.bc_container_split) .bc_quote_page {
		font-size: 1vw;
	}
	.bc_bordered_container:not(.bc_container_split) .bc_quote_page .bc_quote_core_container {
		font-size: 1em;
	}
	.bc_bordered_container .bc_quote_page .bc_quote_core_container_rows {
/* 		font-size: 16px; */
	}
	.bc_bordered_container:not(.bc_container_split) .bc_quote_page .bc_quote_core_container .bc_quote_core_row {
/* 		font-size: 16px; */
	}
	.bc_quote_core_container:not(.bc_container_split) .bc_quote_core_thead {
/* 		font-size: 12px; */
	}
	.bc_bordered_container.bc_container_split .bc_quote_page {
		font-size: .55vw;
		//min-height: calc(50vw * 1.294);		
		min-height: calc(calc(calc(50vw - 60px) * 1.294) - 80px);
	}
/* 	.bc_bordered_container.bc_container_split .bc_accordeon_group:first-child {
		border-top: 0;
	} */
	
	.bc_tabs {
		text-align: center;
		width: 100%;
		overflow: auto hidden;
		white-space: nowrap;
		
	} 
	.bc_tabs a.bc_tab {
		display: inline-block;
		padding: 20px 30px;
		border-bottom: 4px solid transparent;
		font-size: 14px;
		font-weight: 600;
		color: #999;
	}
	.bc_tabs.bc_tabs_small a.bc_tab {
		font-size: 13px;
		padding: 20px 15px;
	}
	.bc_tabs.bc_tabs_small a.bc_tab:first-child {
		margin-left: 20px;
	}
	.bc_tabs.bc_tabs_small a.bc_tab:last-child {
		margin-right: 20px;
	}
	.bc_tabs a.bc_tab.bc_tab_selected {
		border-bottom: 4px solid #8D9F73;
		color: #8D9F73;
	}
	#bc_client_form .bc_tabs_container[data-tab-view="information_view"],
	.bc_tabs_container[data-tab-view="company"],
	.bc_tabs_container[data-tab-view="langs"],
	.bc_tabs_container[data-tab-view="users"],
	.bc_tabs_container[data-tab-view="products"],
	.bc_tabs_container[data-tab-view="taxes"],
	.bc_tabs_container[data-tab-view="divisions"],
	.bc_tabs_container[data-tab-view="legals"],
	.bc_tabs_container[data-tab-view="templates"] {
		padding: 30px;
	}
	.bc_accordeon .bc_accordeon_group {
		padding: 15px 50px 15px 30px;
		font-size: 14px;
		font-weight: 600;
		color: #54575a;
		display: flex;
		border-top: 1px solid #DDD;
		cursor: pointer;
		transition: background 0.2s ease-in-out;		
	}
	body.bc_dark_mode .bc_accordeon .bc_accordeon_group {
		color: #CCC;
		border-top: 1px solid #333;
	}
	.bc_accordeon .bc_accordeon_group.bc_accordeon_chunk {
		text-transform: uppercase;
		border-width: 1px;
		border-style: solid;
		border-color: #DDD;
		border-radius: 8px;
		padding: 0;
	}
	.bc_accordeon .bc_chunk_blank {
		padding: 15px 30px;
		border: 1px solid #DDD;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 600;
		color: #54575a;
		position: relative;
		cursor: pointer;
		transition: all ease-in-out .2s;
		background: transparent;
	}
	body.bc_dark_mode .bc_accordeon .bc_chunk_blank {
		border: 1px solid #333;
	}
	.bc_accordeon .bc_chunk_blank:hover {
		background: rgba(141, 159, 115, 0.10);
	}
	.bc_accordeon .bc_chunk_blank::after {
		content: "\f055";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 300;
		font-size: 20px;
		color: #8D9F73;
		line-height: 50px;
		display: block;
		position: absolute;
		right: 20px;
		top: 0;
	}
	
	body.bc_dark_mode .bc_accordeon .bc_accordeon_group.bc_accordeon_chunk {
		border-color: #333;
	}
	
	.bc_accordeon .bc_accordeon_group.bc_accordeon_chunk.bc_accordeon_group_opened {
		border-bottom: 0;
		border-radius: 8px 8px 0 0;
		overflow: hidden;
	}
	#bc_main_content .bc_bordered_container .bc_tabs_container .bc_accordeon_group + .bc_table {
		border: 0;
		overflow: auto hidden;
	}
	#bc_main_content .bc_bordered_container .bc_tabs_container .bc_table.bc_accordeon {
		border: 1px solid #DDD;
		border-top: 0;
		margin-bottom: 20px;
		border-radius: 0 0 8px 8px;
	}
	#bc_main_content .bc_bordered_container .bc_tabs_container .bc_accordeon_group.bc_accordeon_chunk:not(.bc_accordeon_group_opened) + .bc_table.bc_accordeon {
		border: 0;
	}
	.bc_accordeon .bc_accordeon_group.bc_accordeon_chunk > div:first-child {
		padding: 15px 0 15px 20px;
	}
	.bc_accordeon .bc_accordeon_group.bc_accordeon_chunk > div:last-child {
		padding: 20px 50px 20px 0;
	}
	.bc_accordeon .bc_accordeon_group.bc_accordeon_chunk .bc_chunk_label_container > div {
		padding: 5px 10px;
		border: 1px solid transparent;
		transition: all ease-in-out .2s;
	}
	.bc_accordeon .bc_accordeon_group.bc_accordeon_chunk .bc_chunk_label_container > div:hover {
		border: 1px solid #EEE;
		background: #FFF;
		border-radius: 4px;
	}
	body.bc_dark_mode .bc_accordeon .bc_accordeon_group.bc_accordeon_chunk .bc_chunk_label_container > div:hover {
		border: 1px solid #333;
		background: #333;
	}
	body.bc_dark_mode .bc_accordeon .bc_accordeon_group.bc_accordeon_chunk .bc_chunk_label_container > div > input:focus {
		color: #FFF;
		border: 1px solid #666;
	}
	
	.bc_accordeon .bc_table table thead th:last-child,
	.bc_accordeon .bc_table table tbody td:last-child {
		padding-right: 50px;
	}
	.bc_accordeon .bc_accordeon_group:hover {
		background: #F8F8F8;
	}
	body.bc_dark_mode .bc_accordeon .bc_accordeon_group:hover {
		background: #454545;		
	}
	.bc_accordeon .bc_accordeon_group div {
		flex: 1 1 50%;
		position: relative;
	}
	.bc_accordeon .bc_accordeon_group > div:last-child:not(:first-child) {
		text-align: right;
	}
	.bc_accordeon .bc_accordeon_group > div:last-child:after {
		content: "\f077";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 300;
		font-size: 20px;
		line-height: 10px;
		position: absolute;
		margin-left: 10px;
		margin-top: 6px;
/* 		right: -25px;	 */
		color: #8D9F73;
		vertical-align: middle;
		transition: all 0.2s ease-in-out;	
	}
	.bc_accordeon .bc_accordeon_group.bc_accordeon_group_opened > div:last-child:after {
		content: "\f078";				
	}
	
	
	.bc_accordeon .bc_accordeon_group + div.bc_table {
		height: 0;
		border-radius: 0;	
		overflow: hidden;
	}
	.bc_accordeon .bc_accordeon_group.bc_accordeon_group_opened  + div.bc_table {
		max-width: 100%;
		overflow: scroll;
		height: auto;	
		border-top: 1px solid #DDD;	
	}
	body.bc_dark_mode .bc_accordeon .bc_accordeon_group.bc_accordeon_group_opened  + div.bc_table {
		border-top: 1px solid #333;	
	}
	
	
	
	.bc_quote_header {
		padding: 15px 50px 15px 30px;
	}
	.bc_quote_header h4 {
		padding-bottom: 20px;
	}
	.bc_quote_footer {
		background: #8D9F73;
		padding: 15px 30px 15px 30px;
		font-size: 14px;
		font-weight: 600;
		color: #FFF;
		display: flex;
	}
	.bc_accordeon + .bc_quote_footer {
		padding: 15px 50px 15px 30px;
	}
	.bc_quote_footer div,
	.bc_quote_sub_footer div {
		flex: 1 1 50%;
		text-transform: uppercase;
		line-height: 50px;
		vertical-align: middle;		
	}
	.bc_quote_footer div:last-child {
		text-align: right;
		font-size: 24px;
	}
	.bc_quote_footer input[type="text"].bc_table_input {
		font-size: 24px;
		font-weight: 600;
		background: transparent;
		color: #FFF;
	}
	.bc_quote_sub_footer {
		background: rgba(141,159,115,.15);
		padding: 15px 30px 15px 30px;
		font-size: 14px;
		font-weight: 600;
		color: #333;
		display: flex;
	}
	body.bc_dark_mode .bc_quote_sub_footer {
		background: rgba(141,159,115,.5);
		color: #FFF;
	}
	.bc_quote_sub_footer div:last-child {
		text-align: right;
		font-size: 20px;
	}
	
	.bc_quote_sub_footer .bc_field {
		margin: 0 10px 0 0;
		padding: 0;
		position: relative;
	}
	
	.bc_quote_sub_footer .bc_field input[type="text"] + label,
	.bc_quote_sub_footer .bc_field input[type="text"]:focus + label,
	.bc_quote_sub_footer .bc_field input[type="text"][value=''][placeholder='']:focus + label {
		top: -7px;
	}
	.bc_quote_sub_footer .bc_field input[type="text"][value=''][placeholder=''] + label {
		top: 25%;
	}
	
	.bc_alert_version {
		background: #8c9e72;
		color: #FFF;
		text-align: center;
		padding: 20px;
		border-radius: 10px;
	}
	#bc_po_builder [data-button-action="addline"] {
		margin: 10px 30px;
	}	
	
	
	
	
	
	
	.bc_quote_page {
		margin: 30px;
		border-top: 1px solid #CCC;
		box-shadow: 0 0 20px rgba(0,0,0,.10);
		width: calc(100% - 60px);
		min-height: calc(100vw * 1.294);
		transform: scale(.75);
		transform-origin: top;
		font-size: 1.1vw;
		text-align: left;
	}
	#template-container {
		position: relative;
	}
	html > #template-container {
		font-size: 24px;
	}
	body.bc_dark_mode .bc_quote_page {
		background: #FFF;
		color: #54575a;
	}
	.bc_quote_view_container {
		padding: 8% 8% 12% 8%;	
	}
	.bc_quote_view_container table {
		width: 100%;	
	}
	.bc_quote_view_container:hover .bc_quote_core_container .bc_quote_core_container_rows [data-chunk]:not(:empty) {
		transition: border ease-in-out .1s;
		border-top: 2px dotted #8D9F73;
		border-bottom: 2px dotted #CCC;
	}
	.bc_quote_view_container:hover .bc_quote_core_container .bc_quote_core_container_rows [data-chunk]:not(:empty)::before {
		content: 'Start of chunk';
		color: #8D9F73;
	}
	.bc_quote_view_container:hover .bc_quote_core_container .bc_quote_core_container_rows [data-chunk]:not(:empty)::after {
		content: 'End of chunk';
		color: #CCC;
	}
	[data-tab-view="quote_view"],
	[data-tab-view="invoice_view"] {
		text-align: center;
		display: none;
	}
	
	.bc_quote_view_logo {
		width: 50%;
	}
	.bc_quote_view_header {
		display: flex;
		width: 100%;
		padding-bottom: 5%;
	}
	.bc_quote_view_notes {
		font-size: .8em;
	}
	.bc_quote_view_footer {
		bottom: 3%;
		position: absolute;
	}
	
	.bc_quote_view_header .bc_quote_view_logo_container,
	.bc_quote_view_header .bc_quote_view_type {
		flex: 1 1 50%;
	}
	.bc_quote_view_header .bc_quote_view_type {
		font-size: 3em;
		text-align: right;
	}
	.bc_quote_view_header .bc_quote_view_type .bc_quote_view_quote_number {
		font-size: .4em;
		font-weight: 600;
	}
	.bc_quote_view_header .bc_quote_view_type .bc_quote_view_quote_number div {
		display: inline-block;
	}
	
	.bc_quote_view_subheader {
		display: flex;
	}
	.bc_quote_view_subheader .bc_quote_view_client_infos {
		flex: 1 1 70%;
	}
	.bc_quote_view_subheader .bc_quote_view_client_infos .bc_quote_view_client_name {
		font-size: 1.3em;
		font-weight: 600;
		padding-bottom: 2%;
	}
	
	.bc_quote_view_subheader .bc_quote_view_client_infos .bc_quote_view_client_contact {
		font-weight: 500;
		margin-top: 2%;
	}
	
	.bc_quote_view_subheader .bc_quote_view_quote_infos {
		flex: 1 1 30%;
	}
	.bc_quote_view_subheader .bc_quote_view_quote_infos div {
		display: flex;
	}
	.bc_quote_view_subheader .bc_quote_view_quote_infos div > div {	
		flex: 1 1 50%;
		padding-bottom: 3%;
	}
	.bc_quote_view_subheader .bc_quote_view_quote_infos div > :last-child {
		font-weight: 500;
	}
	.bc_quote_view_title {
		margin-top: 4%;
		margin-bottom: 4%;
		font-size: 1.6em;
		font-weight: 400;
	}
	.bc_quote_view_description {
		margin-bottom: 4%;
	}
	.bc_quote_view_description p {
		margin: 1% 0;
		line-height: 1.2em;
	}
	.bc_quote_core_container .bc_quote_core_row p {
		margin: 0;
	}
	.bc_quote_core_container.bc_invoice .bc_quote_core_row {
		display: table-row;
	}
	.bc_quote_core_container .bc_quote_core_row[data-template="table-quote-row"],
	.bc_quote_core_container .bc_quote_core_row[data-template="table-invoice-row"] {
		display: none;
	}
	.bc_quote_core_container .bc_quote_core_container_rows table {
		border-collapse: collapse;
	}
	.bc_quote_core_container .bc_quote_core_container_rows table table {
		border-bottom: .3em solid #666;
	}
	.bc_quote_core_container .bc_quote_core_container_rows table .bc_quote_core_row:last-child table {
		border: 0;
	}
	.bc_quote_core_container .bc_quote_core_row td {
		padding: 1.1em 0;
	}
	.bc_quote_core_container[data-invoice-type-mode="subinvoices-items"] .bc_quote_core_row td {
		padding: .4em 0;
	}
	.bc_quote_core_container .bc_quote_core_row td table td {
		padding: .5em 0;
		font-size: .7em;
	}
	.bc_quote_core_container {
		border-top: 1px solid #DDD;
/* 		border-bottom: 1px solid #DDD; */
	}
	.bc_quote_core_container .bc_quote_core_thead {
		border-bottom: 1px solid #CCC;
		display: table-header-group;
		/* display: flex; */
	}
	/* .bc_quote_core_container .bc_quote_core_thead {
		display: table-header-group;
	} */
	.bc_quote_core_container .bc_quote_core_thead tr {
		border-bottom: 1px solid #CCC;
	}
	.bc_tabs_container [data-button="quote_group"],
	.bc_tabs_container [data-button="invoice_group"] {
		margin-left: 10px;
		opacity: .2;
		pointer-events: none;
		transition: opacity ease-in-out .2s;
	}
	.bc_tabs_container [data-button="quote_group"].visible,
	.bc_tabs_container [data-button="invoice_group"].visible {
		opacity: 1;
		pointer-events: all;
	}
	.bc_quote_core_container .bc_quote_core_thead div,
	.bc_quote_core_container .bc_quote_core_thead th {
		padding: 1% 0%;
		font-size: .7em;
		font-weight: 500;
		line-height: 2.5em;
		color: #666;
		text-transform: uppercase;
	}
	.bc_quote_core_container table table .bc_quote_core_thead th {
		padding: .2% 0%;
	}
	.bc_quote_core_container .bc_quote_core_thead > div:first-child,
	.bc_quote_core_container .bc_quote_core_row > div:first-child,
	.bc_quote_core_container .bc_quote_core_footer > div:first-child {
		flex: 1 1 80%;
		flex-wrap: wrap;
	}
	.bc_quote_core_container .bc_quote_core_thead > div:last-child:not(:first-child),
	.bc_quote_core_container .bc_quote_core_row > div:last-child:not(:first-child),
	.bc_quote_core_container .bc_quote_core_footer > div:last-child:not(:first-child),
	.bc_quote_core_container .bc_quote_core_thead th:last-child:not(:first-child),
	.bc_quote_core_container .bc_quote_core_row td:last-child:not(:first-child),
	.bc_quote_core_container .bc_quote_core_footer td:last-child:not(:first-child) {
		flex: 1 1 20%;
		text-align: right;
	}
	.bc_quote_core_container .bc_quote_core_thead > div:last-child {
		line-height: 2.5em;	
	}
	
	.bc_quote_core_container .bc_quote_core_row {
		/* display: flex; */
		position: relative;
		cursor: pointer;
	}
	.bc_quote_core_container .bc_quote_core_row.bc_quote_core_row_follow td {
		padding: 0 0;
	}
	
	.bc_quote_core_container .bc_quote_core_row > div,
	.bc_quote_core_container .bc_quote_core_row > td {
		padding: 1.8% 0%;
		font-size: 1em;
		font-weight: 300;
		color: #54575a;
	}
	.bc_quote_core_container .bc_quote_core_row div.bc_quote_core_amount,
	.bc_quote_core_container .bc_quote_core_row td.bc_quote_core_amount {
		font-weight: 500;
	}
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description {
		/* display: flex; */
		/* flex-wrap: wrap; */
		align-items: center;
		position: relative;	
		padding: 1.2em 0;
	}
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description.editing {
		padding: 0.7% 2%;
	}
	/*
	.bc_quote_core_container .bc_quote_core_row[data-quote-group] .bc_quote_core_description.edit,
	.bc_quote_core_container .bc_quote_core_row[data-quote-group] .bc_quote_core_description.editing {
		padding-bottom: 5%;
	}
	*/
	
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description > div {
		display: inline-block;
	}
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description .bc_quote_core_description_text,
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description .bc_quote_core_description_text p,
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description .bc_quote_core_description_text > div {
		font-weight: 300;
		flex: 1 1 80%;
		font-size: 1em;
	}
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description.editing .bc_quote_core_description_text {
		padding: 0;
		width: 100%;
	}
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description .bc_quote_core_description_text input[type="text"] {
		border: 1px solid #CCC;
		padding: 1.4% 2%;
	}
	
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description input[type="checkbox"],
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description i {
		margin-top: 0;
		width: 0;
		min-width: 0;
		max-height: 24px;
		margin: 0;	
		overflow: hidden;
		visibility: hidden;
		transition: all .2s ease-in-out;
		display: inline-block;
	}
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description i {
		font-size: 24px;
		line-height: 27px;
		vertical-align: middle;
		color: #8D9F73;
		cursor: pointer;
	}
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description.edit:not(.editing) input[type="checkbox"],
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description input[type="checkbox"]:checked,
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description.edit:not(.editing) i {
		width: 24px;
		height: 24px;		
		margin-right: 10px;
		visibility: visible;		
		display: inline-block;
	}
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description.edit:not(.editing) i {
		width: 28px;
		line-height: 27px;
		vertical-align: middle;
	}
/*	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description.edit:not(.editing) .bc_quote_core_description_text:after {

		content: "\f040";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 900;
		font-size: 18px;
		line-height: 10px;
		margin-left: 10px;
		color: #8D9F73;
		position: absolute;
		right: 0;
		top: 45%;	

	}
*/	
	.bc_quote_core_container .bc_quote_core_footer {
		display: flex;
		color: #8D9F73;
		border-top: 2px solid #8D9F73;
		font-size: 1.3em;
		font-weight: 600;
	}
	.bc_quote_core_container .bc_quote_core_footer div {
		padding: 1.8% 0%;
	}
	.bc_quote_core_rebates {
		display: none;
		border-top: 1px solid #EEE;
		padding: 1em 0;
	}
	.bc_quote_core_taxe,
	.bc_quote_core_rebate {
		text-align: right;
		display: flex;
		width: 100%;
	}
	.bc_quote_core_taxe div:last-child,
	.bc_quote_core_rebate div:last-child {
		flex: 1 1 20%;
		font-weight: 500;
	}
	
	.bc_quote_core_container .bc_quote_core_row[data-quote-group] .bc_quote_core_description .bc_quote_core_remove_buttons,
	.bc_quote_core_container .bc_quote_core_row[data-invoice-group] .bc_quote_core_description .bc_quote_core_remove_buttons {
		text-align: left;
		width: 100%;
		min-width: 100%;
		display: none;
		margin-top: 3%;
	}
	.bc_quote_core_container .bc_quote_core_row[data-quote-group] .bc_quote_core_description.edit:not(.editing) .bc_quote_core_remove_buttons,
	.bc_quote_core_container .bc_quote_core_row[data-invoice-group] .bc_quote_core_description.edit:not(.editing) .bc_quote_core_remove_buttons {
		display: block;
	}
	.bc_quote_core_remove_buttons a.bc_button_icon_small,
	body.bc_dark_mode .bc_quote_core_remove_buttons a.bc_button_icon_small {
		padding: 1%;
		color: #54575a;
	}
	.bc_quote_core_remove_buttons a.bc_button_icon_small:before {
	content: "\f057";				
		font-family: "Font Awesome 6 Pro";
		font-weight: 900;
		font-size: 13px;
		line-height: 10px;
		margin-right: 10px;
		color: #8D9F73;
		transition: all 0.2s ease-in-out;
	}
	
	.bc_quote_core_container_rows {
		position: relative;
	}
	.bc_quote_core_container_rows.start_sorting .bc_quote_core_row {
		background: #FFF;
		border: 1px solid #CCC;
		cursor: move;
	}
	.bc_quote_core_container_rows .bc_quote_core_row.ui-state-highlight {
		min-height: 50px;
		background: #CCC;
	}
	.bc_quote_core_container_rows .bc_quote_core_row.ui-sortable-helper {
		display: table;
	}

	[data-tab-view="quote_view"] [data-button-print],
	[data-tab-view="quote_view"] [data-button-download],
	[data-tab-view="quote_view"] [data-button="quote_group"] {
		margin: 5px;
	}
	
	[data-tab-view="quote_view"] [data-button-print],
	[data-tab-view="invoice_view"] [data-button-print]{
		margin-top: 30px;
	}
	
	
	body .daterangepicker td.in-range,
	body.bc_dark_mode .daterangepicker .calendar-table td.in-range {
		background: rgba(141, 159, 115, 0.25);
	}
	body.bc_dark_mode .daterangepicker .calendar-table td.in-range {
		color: #333;
		color: #CCC;
	}
	
	body.bc_dark_mode .daterangepicker {
		background-color: #202124;
		border: 1px solid #333;
		color: #CCC;
	}
	
	body.bc_dark_mode .daterangepicker .calendar-table {
		background-color: #202124;
		color: #CCC;
		border: none;
	}
	body.bc_dark_mode .daterangepicker .calendar-table td {
		color: #CCC;
	}
	body.bc_dark_mode select {
		color: #CCC;
	}
	
	body .daterangepicker td.off, 
	body .daterangepicker td.off.in-range, 
	body .daterangepicker td.off.start-date, 
	body .daterangepicker td.off.end-date {
		background-color: transparent;
	}
	
	body.bc_dark_mode .daterangepicker td.available:hover, 
	body.bc_dark_mode .daterangepicker th.available:hover {
		background-color: #333;
	}

	body.bc_dark_mode .daterangepicker .calendar-table .next span,
	body.bc_dark_mode .daterangepicker .calendar-table .prev span {
		border-color: #8D9F73;
	}
	body .daterangepicker .calendar-table td.active, 
	body .daterangepicker .calendar-table td.active:hover,
	body.bc_dark_mode .daterangepicker .calendar-table td.active,
	body.bc_dark_mode .daterangepicker .calendar-table td.active:hover {
		background-color: #8D9F73;
	}
	
	body.bc_dark_mode .daterangepicker td.disabled,
	body.bc_dark_mode .daterangepicker option.disabled {
		color: #333;
	}
	
	[data-form="permissions"] {
		padding: 20px;
	}
	
	
	
	form[name="update_company"] .daterangepicker select.yearselect {
		display: none;
	}
	
	#bc_invoice_payment_form {
		margin: 40px 0 0 0;	
	}
	
	.bc_payment_infos {
		padding: 40px;
	}

	.bc_payment_infos .bc_payment_info  {
		padding: 0 0 20px 0;
	}
	
	.bc_payment_infos .bc_payment_info h1  {
		font-size: 4vw;
		color: #8D9F73;
	}
	
	.bc_payment_infos .bc_payment_info h2  {
		font-size: 2vw;
	}
	
	.bc_payment_infos .bc_payment_info:last-child  {
		padding-top: 20px;
		border-top: 1px solid #333;
	}
	
	[data-tab-view="payments_view"] header h3 {
		padding-left: 20px;
	}
	
	.bc_paid {
		position: absolute;
		font-size: 80px;
		font-weight: 800;
		padding: 30px 50px;
		border: 2px solid #FFF;
		border-radius: 30px;
		z-index: 100;
		top: 60%;
		left: 50%;
		transform: translate(-50%, 0) rotate(-15deg);
	}
	
	#bc_modal .bc_modal_win.new_report {
		width: 80%;
		max-width: none;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_modal_text {
		margin: 20px 0;
	}
	
	#bc_modal .bc_report_types {
		display: flex;
		flex-wrap: wrap;
	}
	
	#bc_modal .bc_report_types .bc_report_type  {
		flex: 1 1 25%;
		min-width: 25%;
		max-width: 25%;
		border: 1px solid rgba(255,255,255,.25);
		border-radius: 8px;
		margin: 20px;
		padding: 40px;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);	
		cursor: pointer;
		font-weight: 600;
		text-align: center;
	}
	
	#bc_modal .bc_report_types .bc_report_type i  {
		font-size: 40px;
	}
	
	#bc_modal .bc_report_types .bc_report_type span  {
		display: block;
	}
	
	#bc_modal .bc_report_types .bc_report_type:hover  {
		background: rgba(255,255,255,.15);
		transform: scale(1.1,1.1);
	}
	
	#bc_modal .bc_report_types .bc_report_type.selected  {
		background: rgba(255,255,255,1);
		color: #8D9F73;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_modal_wrapper {
		overflow: auto;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_accordeon_group {
		padding: 15px 50px 15px 0;
		position: relative;
		color: #FFF;
		border-color: rgba(255,255,255,.25);
	}
	
	#bc_modal .bc_accordeon .bc_accordeon_group + div.bc_accordeon_content  {
		height: 0;
		overflow: hidden;
		text-align: left;
	}
	
	#bc_modal .bc_accordeon .bc_accordeon_group.bc_accordeon_group_opened + div.bc_accordeon_content  {
		height: auto;
		overflow: auto;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_accordeon_group::after {
		content: "\f077";
		font-family: "Font Awesome 6 Pro";
		font-weight: 300;
		font-size: 20px;
		line-height: 10px;
		position: absolute;
		margin-left: 10px;
		margin-top: 6px;
		right: -25px;
		color: #8D9F73;
		vertical-align: middle;
		transition: all 0.2s ease-in-out;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_accordeon .bc_accordeon_group::after {
		content: "\f077";
		font-family: "Font Awesome 6 Pro";
		font-weight: 300;
		font-size: 20px;
		line-height: 10px;
		position: absolute;
		margin-left: 10px;
		margin-top: 6px;
		right: 0;
		color: #FFF;
		vertical-align: middle;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);	
	}

	#bc_modal .bc_modal_win.new_report .bc_accordeon .bc_accordeon_group.bc_accordeon_group_opened:after {
		content: "\f078";
	}
		
	#bc_modal .bc_modal_win.new_report .bc_accordeon_group:hover {
		background: inherit;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_radios,
	#bc_modal .bc_modal_win.new_report .bc_checkboxes {
		display: flex;
		flex-wrap: wrap;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_radios .bc_radio {
		margin: 10px;
		border: 1px solid rgba(255,255,255,.25);
		border-radius: 10px;
		transition: all 0.3s cubic-bezier(.18,.89,.45,1.06), width 0.3s cubic-bezier(.18,.89,.45,1.06);	
	}
	#bc_modal .bc_modal_win.new_report .bc_radios .bc_radio:hover {
		background: rgba(255,255,255,.15);
		transform: scale(1.1,1.1);
		cursor: pointer;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_radios .bc_radio input[type="radio"],
	#bc_modal .bc_modal_win.new_report .bc_checkboxes .bc_checkbox input[type="checkbox"] {
		margin: 15px 10px 15px 10px;
		vertical-align: middle;
	}
	#bc_modal .bc_modal_win.new_report .bc_checkboxes .bc_checkbox input[type="checkbox"] {
		margin: 15px 10px 15px 0;
	}
	#bc_modal .bc_modal_win.new_report .bc_radios .bc_radio label,
	#bc_modal .bc_modal_win.new_report .bc_checkboxes .bc_checkbox label {
		margin: 15px 15px 15px 0;
		vertical-align: middle;
	}
	
	#bc_modal .bc_modal_win.new_report .bc_checkboxes .bc_checkbox {
		padding: 0;
		min-width: 33%;
	}
	
	#report {
		opacity: 0;
		transition: opacity .2s ease-in-out;
		margin: 30px 0 0 0;
	}
	
	#report .bc_table_preheader {
		padding: 30px 0;
	}
	
	[data-supplier-portal] #bc_main_content [data-po-form] {
		display: none;
	}
	
	body.bc_dark_mode [data-quote-rebate] input[type="text"] {
		color: #FFF;
	}
	
}





@media only screen and (max-width: 1100px) {
	body > main .bc_stepper .bc_stepper_step.bc_stepper_step_1_4 .bc_step_bg,
	body.closed > main .bc_stepper .bc_stepper_step.bc_stepper_step_1_4 .bc_step_bg {
		width: calc(calc(100vw - 60px));
		height: calc(calc(100vw - 60px));
		left: 10%;
		transform: translate(-100%,-50%) rotate(45deg);
	}
}




@media only screen and (max-width: 800px) {
	
	body {
		height: auto;
	}
	
	#login {
		background-size: auto 150%;
		background-position: 30% 70%;
	}
	
	#login main	{
		width: calc(100% - 40px);
		height: auto;
		padding: 50px 30px 130px;
		margin-left: 40px;
		margin-top: 40px;
		bottom: 40px;		
	}
	
	#login form {
		margin-top: 10%;
	}
	
	#login main .bc_logo img {
		width: 150px;
	}
	
	#bc_sb_header {
		border: none;
	}
	
	body > header:first-of-type {
		margin-left: 0;
		width: 100%;
		transition: all ease-in-out .2s;
		padding: 10px 15px;
	}
	body > header:first-of-type.colapsed {
		margin-top: -70px;
	}
	
	header .bc_logo {
		display: none;
	}

	#bc_sidebar {
		left: -330px;
		top: 60px;
		position: fixed;
	}
	
	body.closed #bc_sidebar {
		left: 0;
		width: 330px;
	}
	
	#bc_sb_nav  {
/*
		margin-top: 59px;
		border-top: 1px solid #DDD;
*/
	}
		
	body.closed #bc_sb_recents {
		opacity: 1;
	}
	
	main {
		margin-left: 0;
	}
	
	#bc_main_content {
		padding: 20px 20px 100px 20px;
	}

	body.closed > header:first-of-type {
		margin-left: 0;
		left: 0;
		width: 100vw;		
	}
	
	body.closed > main {
		margin-left: 0;
	}
	
	.bc_table {
		overflow: auto visible;
		padding-bottom: 80px;
	}
	.bc_table {
		min-width: auto;
	}
	.bc_accordeon .bc_table {
		padding-bottom: 0;
	}	
	.bc_table table	{
	}
	.bc_table table thead,
	.bc_table table tbody {
		
	}

	
	.bc_table:not([data-accordeon-category]) table thead th:not(.m),
	.bc_table:not([data-accordeon-category]) table tbody td:not(.m),
	a.bc_switcher[data-button="quote_builder_mode"] {
/* 		display: none; */
	}
	
	.bc_table_micro {
		position: static;
	}
	.bc_table.bc_table_micro table tfoot {
		bottom: auto;
	}
	
	
	.bc_table table th {
		position: static;	
	}
	.bc_table table thead th.m.last {
		column-count: 2;
	}
	.bc_table table thead th.bc_table_checkbox {								
		padding-left: 20px;
	}
	
	
	.bc_table table tbody td {
		position: relative;
		white-space: nowrap;
	}
	.bc_table table tbody tr {
	}
	.bc_table table tfoot {	
		position: absolute;
		width: calc(100% - 40px);
	}
	[data-po-form] .bc_table {
		height: auto;
		padding-bottom: 0;
	}
	[data-po-form] .bc_table table tfoot {
		position: inherit;
		width: auto;
	}
	.bc_table table tfoot td {	
		width: 100%;
		position: absolute;
	}
	[data-po-form] .bc_table table tfoot td {
		position: inherit;
		width: auto;
	}
	.bc_table table tfoot tr {
		background: transparent;
		display: block;	
	}
	[data-po-form] .bc_table table tfoot tr {
		display: table-row;
		background: inherit;
	}
	.bc_table table tbody th:first-child,
	.bc_table table tbody td:first-child {
		padding-left: 20px;		
	}
	.bc_table table tbody td:last-child {
		padding-right: 20px;		
	}
	.bc_cols .bc_col {
		min-width: 280px;
	}
	.bc_cols .bc_col.bc_col_min {
		max-width: 100%;
		
	}
	
	form .bc_cols .bc_col:first-child,
	form .bc_cols .bc_col:last-child {
		margin: 0 0 0 0;
	}
	.bc_cols .bc_col.bc_col-1-4.colspan-2 {
		max-width: calc(100%);
	}
	.bc_cols .bc_col.bc_col-1-4 {
		width: 100%;
		margin: 0;
	}
	.bc_cols .bc_col .bc_cols {
		margin-top: 20px;	
	}
	.bc_cols .bc_col .bc_cols .bc_col {
		min-width: inherit;
	}
	[data-form="permissions"] .bc_cols .bc_col.bc_col-1-2 {
		min-width: 100%;
	}
	.bc_cols .bc_col.bc_col-1-3.colspan-2 {
		flex: none;
		max-width: 100%;
	}
	.bc_cols .bc_col:last-child {
		margin: 0 0 0 0;
	}	
	
	.bc_cols .bc_col:first-child {
		margin: 0 0 10px 0;
	}
	
	[data-report-dashboard] .bc_cols .bc_col {
		min-width: 100%;
		padding-bottom: 30px;
	}
	
	.bc_bordered_container.bc_container_split {
		display: block;	
	}
	.bc_bordered_container:not([data-cards]) {
		min-width: auto;
	}
	
	#bc_client_form .bc_tabs_container[data-tab-view="information_view"],
	.bc_tabs_container[data-tab-view="company"],
	.bc_tabs_container[data-tab-view="langs"],
	.bc_tabs_container[data-tab-view="users"],
	.bc_tabs_container[data-tab-view="products"],
	.bc_tabs_container[data-tab-view="taxes"],
	.bc_tabs_container[data-tab-view="divisions"] {
		padding: 20px;
	}
	
	.bc_stepper .bc_stepper_step {
		font-size: 9px;
		padding: 8px 8px 8px 8px;
	}

	.bc_stepper .bc_stepper_step:after,
	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice:after {
		width: 33px;
		height: 33px;		
		top: -1px;
		right: -10px;
	}
	.bc_stepper .bc_stepper_step.bc_step_on .bc_stepper_invoice {
		left: -10%;
	}
	
	.bc_stepper .bc_stepper_step .bc_step_bg {
		width: 25vw;
		height: 25vw;
/* 		width: calc(calc(100vw) / 5);
		height: calc(calc(100vw) / 5); */
		left: 14%;
	}
	.bc_stepper .bc_stepper_step.bc_stepper_step_1_4 .bc_step_bg {
		width: 30vw;
		height: 30vw;
/* 		width: calc(calc(100vw) / 4);
		height: calc(calc(100vw) / 4); */
	}
	
	.bc_stepper {
		max-width: 100%;
	}
	
	.bc_accordeon .bc_table table tbody td:last-child {
		padding-right: 20px;
	}
	
	.bc_modal_win,
	#bc_modal .bc_modal_win.new_report {
		width: 100%;
		max-width: 100%;
		right: -100%;
		animation-name: anim_modal_mobile;
		padding: 0;
	}
	#bc_modal .bc_report_types .bc_report_type {
		margin: 0 0 10px 0;
		flex: 1 1 100%;
		min-width: 100%;
		max-width: 100%;
	}
	#bc_modal .bc_report_types .bc_report_type.selected {
		transform: none;
	}
	#bc_modal .bc_modal_win.new_report .bc_accordeon_group {
		text-align: left;
	}
	#bc_modal .bc_modal_win.new_report .bc_radios .bc_radio {
		margin: 0 10px 10px 0;
	}
	#bc_modal .bc_modal_win.new_report .bc_checkboxes {
		display: block;
	}
	#bc_modal .bc_modal_win.new_report .bc_checkboxes .bc_checkbox {
		width: 100%;
	}
	#bc_modal .bc_modal_win.new_report .bc_checkboxes .bc_checkbox input[type="checkbox"] {
		margin-left: 0;
	}
		
	.bc_modal_win .bc_modal_wrapper {
		overflow-y: auto;
		margin: 0 0 86px 0;
		padding: 40px;
	}
	
	.bc_modal_win .bc_modal_button_container {
		bottom: 16px;
		padding-top: 16px;
		border-top: 1px solid rgba(255,255,255,.25);
	}
	
	
	#bc_main_content .bc_tiles .bc_tile {
		width: calc(50% - 10px);
		max-width: calc(50% - 10px);
		min-width: auto;
	}
	#bc_main_content .bc_tiles .bc_tile:nth-child(even) {
		margin-right: 0;
	}
	
	.bc_quote_page {
		transform: none;
	}
	
	.bc_quote_core_container:not(.bc_container_split) .bc_quote_core_thead,
	.bc_bordered_container .bc_quote_page .bc_quote_core_container_rows {
		font-size: 1em;
	}
	
}

@media only screen and (max-width: 600px) {
	.bc_cols .bc_col {
		margin:0;
	}
}

@media print {
	@page { margin: 30px; font-size: 10px;}
	body,
	body.bc_dark_mode {
		margin: 0 1.6cm 1.6cm 1.6cm;
		background: #FFF !important;
		color: #333 !important;
	}
	html { margin: 0; }
	
	body > header:first-of-type,
	#bc_sidebar,
	.bc_search,
	.bc_tabs,
	.bc_table_preheader,
	th.bc_multiaction,
	.bc_table_checkbox,
	[data-column-type="menu"] {
		display: none !important;
	}
	[data-main-section="billing"] {
		margin-top: 0;
	}
	#bc_main_content .bc_bordered_container .bc_table,
	body.bc_dark_mode #bc_main_content .bc_bordered_container .bc_table,
	body.bc_dark_mode .bc_table table th,
	.bc_table table th div {
		background: #FFF !important;
		color: #333 !important;
		font-size: 14px;
		line-height: 1.1;
	}
	
	
	body.closed > main,
	body > main {
		margin-left: 0;
	}
	div, p {
		font-size: 10px;
		line-height: 1.2em;
	}
	.bc_quote_view_header-space {
		height: 1.75in;
	}
	.bc_quote_view_container:hover .bc_quote_core_container .bc_quote_core_container_rows [data-chunk]:not(:empty) {
		transition: none;
		border: 0;
	}
	.bc_quote_view_container:hover .bc_quote_core_container .bc_quote_core_container_rows [data-chunk]:not(:empty)::before {
		content: '';
	}
	.bc_quote_view_container:hover .bc_quote_core_container .bc_quote_core_container_rows [data-chunk]:not(:empty)::after {
		content: '';
	}	
	
	html > #template-container {
		font-size: 24px;
	}
	
	html > #template-container div {
		break-inside: avoid;
	}
	 
	.bc_quote_view_container {
		font-size: 18px;
	}
	
	/*
	.bc_quote_view_container table {
		border-collapse: collapse;
	}
	.bc_quote_view_header {
		position: fixed;
		width: 100%;
		height: 4cm;
		padding: 0 1.6cm 0 1.6cm;
		top: 1.6cm;
		left: 0;
	}
	.bc_quote_view_header-space {
	  height: 4cm;
	}
	
	.bc_quote_view_footer {
	  position: fixed;
	  bottom: 0;
	  padding: 1.6cm 1.6cm 1.6cm 1.6cm;
	  height: 90px;
	  left: 0;
	  font-size: 10px;
	}
	
	.bc_quote_view_footer-space {
	  height: 90px;
	}
	
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description input[type="checkbox"],
	.bc_quote_core_container .bc_quote_core_row .bc_quote_core_description i {
		display: none;
	}
	
	
	.bc_quote_view_title {
		font-size: 18px;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	
	.bc_quote_core_description_text {
		font-size: 8px;
		
	} */
}