:root {
	--brand-blue:		#1D1749;
	--brand-silver:		#9DA6AB;
	--brand-green:		#A6CE39;
	--brand-orange:		#F58220;
	--brand-light-blue:	#00AEE6;
	--brand-purple:		#9D85BE;
	--brand-sand:		#B79067;
	--brand-teal:		#008991;

	--dark-grey:		#343a40;
	--mid-grey:			#494e53;
	--light-grey:		#c2c7d0;

	--logo-middle:		#d98871;
}

/* Create classes for each of the colors - Start */

.color-brand-blue {
	color: var(--brand-blue) !important;
}

.color-brand-silver {
	color: var(--brand-silver) !important;
}

.color-brand-green {
	color: var(--brand-green) !important;
}

.color-brand-orange {
	color: var(--brand-orange) !important;
}

.color-brand-light-blue {
	color: var(--brand-light-blue) !important;
}

.color-brand-purple {
	color: var(--brand-purple) !important;
}

.color-brand-sand {
	color: var(--brand-sand) !important;
}

.color-brand-teal {
	color: var(--brand-teal) !important;
}

.color-dark-grey {
	color: var(--dark-grey) !important;
}

.color-mid-grey {
	color: var(--mid-grey) !important;
}

.color-light-grey {
	color: var(--light-grey) !important;
}

.color-logo-middle {
	color: var(--logo-middle) !important;
}

/* Create classes for each of the colors - End */

html {
	scroll-padding-top: 58px; /* height of sticky header */
}


.nowrap {
	white-space: nowrap;
}

input[type='date'] {
	display: inline-block;
	vertical-align: top;
}

.table .thead-mid th,
.table th.thead-mid {
	color: #fff;
	background-color: #494e53;
	border-color: #494e53;
}

form .required label:not(.form-check-label) {
	color: #b60 !important;
	font-weight: bold;
}

form .required label:not(.form-check-label):after {
	content: ' *';
}

form .required input,
form .required textarea {
	border-color: #b60 !important;
}

form .required input.form-control::placeholder {
	color: #b60 !important;
	font-style: italic;
	opacity: 0.5;
}

.btn {
	white-space: nowrap;
}

.text-sm .btn-xs {
	font-size: .75rem !important;
}

/* Begin Page Body Tabs */

.page_body_tabs {
	padding-top: 0;
}

.page_body_tabs.nav-tabs {
	border-bottom: 5px solid var(--dark-grey);
}

.page_body_tabs.nav-tabs .nav-link {
	background-color: var(--light-grey);
	color: var(--dark-grey);
	border: 0;
	margin-right: 6px;
}

.page_body_tabs.nav-tabs .nav-link:focus,
.page_body_tabs.nav-tabs .nav-link.active {
	background-color: var(--dark-grey);
	color: var(--light-grey);
	font-weight: bold;
}

.page_body_tabs.nav-tabs .nav-link.extra_tab {
	background-color: #a2a7b0;
}

.page_body_tabs.nav-tabs .nav-link:focus.extra_tab,
.page_body_tabs.nav-tabs .nav-link.active.extra_tab {
	background-color: var(--dark-grey);
}

/* End Page Body Tabs */

#page_body_content {
	padding-top: 0;
	padding-bottom: 0;
}

#action_bar_modal .modal-dialog {
	width: 1140px;
	max-width: 95%;
}

#action_bar_modal .modal-header,
#confirmation_modal .modal-header {
	background-color: var(--dark-grey);
	color: white;
	font-weight: 600;
}

#action_bar_modal .modal-header .modal-title,
#confirmation_modal .modal-header .modal-title {
	font-size: 150%;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
}

#action_bar_modal .modal-header .close,
#action_bar_modal .close:not(:disabled):not(.disabled):focus,
#action_bar_modal .close:not(:disabled):not(.disabled):hover,
#confirmation_modal .modal-header .close,
#confirmation_modal .close:not(:disabled):not(.disabled):focus,
#confirmation_modal .close:not(:disabled):not(.disabled):hover {
	color: #fff;
}
/*
#action_bar_modal .modal-body {
	overflow-y: auto;
}
*/
#confirmation_modal {
	top: 40%;
}

#cms_alert_msg {
	width: 100%;
}

.crm_filters {
	margin-bottom: 20px;
}

.crm_filters .card-body {
	padding-top: 10px;
	padding-bottom: 10px;
}

.crm_filters .card-header {
	background-color: transparent;
	border-bottom: 0;
}

.crm_filters .card-header a {
	color: #000;
	font-weight: 600;
}

.crm_filters .collapse .card-body,
.crm_filters .collapsing .card-body {
	background-color: rgba(0, 0, 0, 0.1);
}

td.actions {
	white-space: nowrap;
	text-align: right;
}

.app_form {
	background: inherit;
}

.app_form input[type="date"],
.app_form input[type="time"] {
	display: inline-block;
}
/*
.app_form label.form-check-label {
	font-weight: normal;
}

.app_form .extra_fields {
	background-color: #ffd;
	margin: -10px -15px 10px -15px;
	padding: 10px 15px 1px 15px;
}
*/
:not(.view_mode).app_form .extra_fields {
	margin: -10px -10px 10px -10px;
	padding: 10px 10px 0 10px;
	border: 2px dashed #b7b7b7;
}

#contact_company_details {
	background-color: #ccc;
}

@media (min-width: 1200px) {
	#contact_company_details {
		margin-top: -10px;
		margin-bottom: -10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

#table_task_list td {
	font-weight: 600;
}

#table_task_list .task-standard {
	color: #007bff !important;
	font-weight: bold;
}

#table_task_list .task-warning {
	color: #ffc107 !important;
	font-weight: bold;
}

#table_task_list .task-overdue {
	color: #dc3545 !important;
	font-weight: bold;
}

#table_task_list .task-priority {
	font-weight: bold;
	vertical-align: middle;
}

#table_task_list .task-status {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#table_task_list .task-priority-1 {
	background-color: #ea6060;
	color: white;
}

#table_task_list .task-priority-2 {
	background-color: #da7eb1;
	color: white;
}

#table_task_list .task-priority-3 {
	background-color: #82A0D8;
	color: white;
}

#table_task_list .task-priority-4 {
	background-color: #83c3da;
	color: white;
}

#table_task_list .task-priority-5 {
	background-color: #8a8fa3;
	color: white;
}


#table_task_list .task-status-1 {
	background-color: #8a8fa3;
	color: white;
}

#table_task_list .task-status-2 {
	background-color: #82A0D8;
	color: white;
}

#table_task_list .task-status-3 {
	background-color: #ea6060;
	color: white;
}

#table_task_list .task-status-4 {
	background-color: #54c26d;
	color: white;
}

/*
.task-active {
	color: #007bff !important;
	font-weight: bold;
}
*/

#menu_listing a {
	font-size: 90%;
}

.ui-slider {
	margin-top: 14px;
}

.ui-slider .ui-slider-handle {
	width: 32px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	margin-left: -16px;
}

.progress,
.progress-bar {
	height: 100%;
	min-height: 31px;
}

#task_list_table th {
	font-size: 84%;
}

#task_list_table td {
	font-size: 78%;
}

#left_col_close_btn,
#left_col_open_btn {
	position: absolute;
	z-index: 1;
	top: 0;
}

#left_col_close_btn {
	right: 0;
}

#left_col_open_btn {
	left: 0;
}

tr.element-disabled {
	background-color: #bbb;
}

tr.element-disabled td:not(.actions) {
	text-decoration: line-through;
}

tr.element-invoiced {
	background-color: #ffe6e6;
}

tr.element-allocated {
	background-color: #eaefff;
}

tr.operation-element-row {
	background-color: #eee;
}

tr.operation-element-task-row {
	background-color: #ddd;
}

table#core_operation_elements tr.element-row {
	background-color: rgba(19, 133, 152, 0.3);
	border-top: 6px solid white;
}

.dark-mode form .required label:not(.form-check-label) {
	color: #f80 !important;
}

.dark-mode form .required input {
	color: #f80 !important;
}


/* Make sidebar-mini 325px instead of 250px */

.main-sidebar,
.main-sidebar::before,
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
.sidebar-mini.sidebar-collapse .main-sidebar:hover,
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link,
.sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link,
.layout-navbar-fixed .wrapper .brand-link,
.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
	width: 325px;
}

.sidebar-collapse .main-sidebar,
.sidebar-collapse .main-sidebar::before {
	margin-left: -325px;
}

@media (min-width:992px) {
	body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
	body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
	body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
		margin-left: 325px;
	}
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-link,
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-link {
	width: calc(325px - .5rem * 2);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
	background-color: var(--mid-grey);
	color: white;
}

.user-panel .info {
	width: 100%;
}

.sidebar-collapse .user-panel .info {
	display: none;
}

/* Theme Toggle (Light/Dark mode) */

.theme-switch {
	display: inline-block;
	height: 24px;
	position: relative;
	width: 50px;
}

.theme-switch input {
	display: none;
}

.slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: 400ms;
}

.slider::before {
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 16px;
	left: 4px;
	position: absolute;
	transition: 400ms;
	width: 16px;
}

input:checked + .slider {
	background-color: #66bb6a;
}

input:checked + .slider::before {
	transform: translateX(26px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round::before {
	border-radius: 50%;
}

/* Display Date */

#current_month,
#current_day,
#current_date {
	display: block;
	text-align: center;
	padding: 0 6px;
	font-weight: bold;
}

#current_month {
	background-color: red;
	font-size: 60%;
	border-radius: 3px 3px 0 0;
	color: white;
	margin-top: -15px;
}

#current_day {
	background-color: #ddd;
	font-size: 60%;
}

#current_date {
	background-color: #ddd;
	border-radius: 0 0 3px 3px;
}

.dark-mode hr,
.sidebar-dark-primary hr,
.control-sidebar-dark hr {
	border-top: 1px solid #4f5962;
}

img#subbrand-image {
	max-height: 40px;
}

/* Company Search */

.sidebar-collapse #company_search {
	display: none;
}

.sidebar-collapse .main-sidebar:hover #company_search {
	display: flex;
}

#company_search .results_container {
	width: 100%;
	height: 400px;
	overflow-y: auto;
}

#company_search li.nav-item a {
	display: block;
	padding: 5px;
}

#company_search li.nav-item a.active {
	color: var(--dark-grey);
	border-top: 3px solid var(--dark-grey);
}

#company_search li.nav-item a:hover {
	color: var(--light-grey);
	border-top: 3px solid var(--light-grey);
}

#company_search_results .company_icon,
#company_search_results .contact_icon {
	display: inline-block;
	width: 20%;
	font-size: 300%;
	vertical-align: top;
	opacity: 0.5;
}

#company_search_results .company_icon.child_company {
	font-size: 200%;
	padding: 0 6px;
}

#company_search_results .company_text,
#company_search_results .contact_text {
	display: inline-block;
	width: 78%;
	vertical-align: top;
}

#company_search_results .company_text span,
#company_search_results .contact_text span {
	display: block;
}

#company_search_results .company_text .company_name,
#company_search_results .contact_text .contact_name {
	font-size: 90%;
	font-weight: bold;
}

#company_search_results .contact_text .contact_company_name {
	font-size: 85%;
}

#company_search_results .company_text .company_parent_company,
#company_search_results .contact_text .contact_parent_company {
	font-size: 80%;
	font-style: italic;
}

#company_search_results .company_text .company_address {
	font-size: 75%;
}

#company_search_results .contact_text .contact_email {
	font-size: 85%;
}

#company_search_results .list-group-item {
	padding: 10px 5px;
}

[class*="sidebar-dark"] .results_container .list-group-item {
	background-color: #fff;
	border-color: var(--light-grey);
	color: var(--dark-grey);
}

[class*="sidebar-dark"] .results_container .list-group-item.active {
	background-color: var(--light-grey);
	border-color: var(--light-grey);
	color: var(--dark-grey);
}

.results_container .dark-mode .list-group-item {
	background-color: var(--dark-grey);
	border-color: var(--light-grey);
}

.tab_count,
.tab_total {
	display: none;
}

.tab_counter {
	font-size: 11px;
	border-radius: 20px;
	margin-left: 5px;
	margin-bottom: -5px;
	min-width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 22px;
	border: 1px solid var(--dark-grey);
}

.nav-link.active .tab_counter {
	border: 1px solid var(--light-grey);
}
/*
.nav-item .nav-link .tab_counter {
	background-color: #ffc107;
}
*/
#announcement_listing ul {
	margin-bottom: 0;
}

#announcement_listing .announcement_date {
	float: right;
	font-size: 60%;
	font-style: italic;
}

.proc_hub_link {
	font-size: 150%;
}

a.btn.toggle_tasks {
	font-size: 125% !important;
	padding: 0;
	position: absolute;
	margin-left: 10px;
	margin-top: -5px;
}

.btn.set_date {
	font-size: .6rem !important;
}

.btn.set_date.btn-text-std {
	font-size: 1rem !important;
}

#sales_tab_sales_pipe table td {
	font-size: 200%;
	vertical-align: middle;
}

#sales_tab_sales_pipe table td .progress {
	background-color: white;
	font-size: 100%;
}

#sales_tab_sales_pipe table td .progress .progress-bar {
	border-radius: 20px;
	height: 48px;
}

.onclick {
	cursor: pointer;
}

.view_mode .form-group {
	margin-bottom: 0;
}

/* Admin Toolbar mods */

#cms_editor_toolbar_toggle_btn {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9999;
}

#cms_editor_toolbar {
	z-index: 9999;
}

/* Scrolling Ticker */

#ticker_messages_container {
	height: 1.25rem;
	overflow: hidden;
}

#ticker_messages span {
	display: inline-block;
	margin-right: 250px;
}

.task_checklist .form-check-input:checked + .form-check-label {
	text-decoration: line-through;
}

.typeahead.dropdown-menu {
	max-width: unset;
}

#taskbar_fixed {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
}

#taskbar_fixed > div:first-of-type {
	float: right;
	margin-right: 15px;
}

#taskbar_fixed > div:first-of-type > a.btn {
	width: 175px;
}

.erp_breadcrumb > span {
	display: inline-block;
	position: relative;
	padding-bottom: 12px;
	min-width: 110px;
}

.erp_breadcrumb > span .erp_breadcrumb_legend {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
}

tr.core_proposition_operation_list_highlight {
	background-color: black;
	color: white;
	font-weight: 600;
}

#modal_edit_enquiry_form legend {
	margin: inherit;
	width: inherit;
	max-width: inherit;
	font-size: inherit;
}

/* Login page */

.background {
	background-image: url('/images/background.jpg');
	background-size: cover;
	height: 100vh;
}

.background-blur {
	backdrop-filter: blur(5px);
}

#erp_login_container .card {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#erp_sales_blurb {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	font-size: 120%;
}

@media (max-width: 991px) {
	#erp_sales_blurb {
		font-size: 110%;
	}
}

#erp_sales_blurb ul li {
	margin-bottom: 15px;
}

/* 19/6/24 - Steve requested this is 20% of the archive button colour */
#edit_opportunity_form {
	background-color: #fff2cc;
}