/* Original colours */
/* :root {
  --visa-primary: #0db3fb;
  --visa-primary-darker: #0094d3;
  --visa-secondary: #ca75fd;
  --visa-tertiary: #003049;
  --visa-accent: #e36414;
} */

/* Theme */
:root {
	--visa-primary: #0db3fb;
	--visa-primary-darker: #0094d3;
	--visa-primary-darker-2: #008bc7;
	--visa-primary-darker-3: #007baf;
	--visa-secondary: #ca75fd;
	--visa-tertiary: #003049;
	--visa-accent: #e36414;
	--visa-grey: #f3f3f3;
}

:root[data-theme="light"] {
	/* Override default styles */
	--navbar-bg: var(--visa-tertiary) !important;
	--right-arrow-svg: url(
		data:image/svg + xml;utf8,
		<svgwidth="6"height="8"viewBox="0 0 6 8"fill="none"xmlns="http://www.w3.org/2000/svg"><pathd="M1.25 7.5L4.75 4L1.25 0.5"stroke="%23FFFFFF"stroke-linecap="round"stroke-linejoin="round"/></svg>
	) !important;
	--left-arrow-svg: url(
		data:image/svg + xml;utf8,
		<svgwidth="6"height="8"viewBox="0 0 6 8"fill="none"xmlns="http://www.w3.org/2000/svg"><pathd="M7.5 9.5L4 6l3.5-3.5"stroke="%23FFFFFF"stroke-linecap="round"stroke-linejoin="round"></path></svg>
	) !important;
	--info-card-bg: var(--visa-grey) !important;
}

:root[data-theme="dark"] {
	--info-card-bg: #171717 !important;
}

html[data-theme="light"] {
	.nav-link svg {
		--icon-stroke: #ffffff !important;
	}

	.dropdown .nav-link {
		color: #ffffff !important;
	}

	#navbar-breadcrumbs a {
		color: #ffffff !important;
	}

	#navbar-breadcrumbs li.disabled a {
		color: gray !important;
	}

	#navbar-breadcrumbs a:before {
		content: var(--right-arrow-svg) !important;
	}

	div.col.layout-main-section-wrapper {
		scrollbar-color: var(--visa-primary) transparent !important;
	}

	.btn-primary {
		background-color: var(--visa-primary) !important;
	}

	.btn-primary:active {
		background-color: var(--visa-primary-darker) !important;
		color: white;
	}

	.btn-primary:hover {
		background-color: var(--visa-primary-darker) !important;
		color: white;
	}
}

html[data-theme="dark"] {
	.form-tabs-list .form-tabs .nav-item .nav-link.active {
		border-bottom: 2px solid var(--visa-primary);
	}

	.btn-primary {
		background-color: var(--visa-primary) !important;
	}

	.btn-primary:active {
		background-color: var(--visa-primary-darker) !important;
		color: white;
	}

	.btn-primary:hover {
		background-color: var(--visa-primary-darker) !important;
		color: white;
	}
}
/* End Theme */

.navbar {
	height: max-content !important;
	padding: 2px !important;
}

.app-logo {
	background: rgba(255, 255, 255, 0.3);
	padding: 5px !important;
	border-radius: 5px !important;
	max-height: 100% !important;
	width: 50px !important;
}

/* Fix spacing in details tab */
#visitor-visa-application-uploads_tab
	> div:nth-child(2)
	> div.section-body
	> div
	> form
	> div
	> div
	> div.form-grid-container
	> div
	> div.grid-body
	> div.rows
	> div
	> div.form-in-grid
	> div.grid-form-body
	> div.form-area
	> div
	> div.form-page
	> div
	> div
	> div
	> form
	> div:nth-child(3)
	> div
	> div.control-input-wrapper
	> div.control-value.like-disabled-input.for-description {
	white-space-collapse: collapse !important;
}

#visitor-visa-extension-uploads_tab
	> div:nth-child(2)
	> div.section-body
	> div
	> form
	> div
	> div
	> div.form-grid-container
	> div
	> div.grid-body
	> div.rows
	> div
	> div.form-in-grid
	> div.grid-form-body
	> div.form-area
	> div
	> div.form-page
	> div
	> div
	> div
	> form
	> div:nth-child(3)
	> div
	> div.control-input-wrapper
	> div.control-value.like-disabled-input.for-description {
	white-space-collapse: collapse !important;
}

/* Style submit button */
div[data-fieldname="submit_btn"] {
	float: right;
}

button[data-fieldname="submit_btn"] {
	background-color: #28a745 !important;
	color: white !important;
}

button[data-fieldname="submit_btn"]:hover {
	background-color: #178531 !important;
	color: white !important;
}

/*************************************************************************************************************************************************/
.form-tabs-list {
	border-bottom: var(--visa-primary) 3px solid;
}

.nav-link.active {
	background-color: var(--visa-primary) !important;
	color: white !important;
	font-weight: bolder !important;
	padding: 10px !important;
	border-bottom: var(--visa-primary) 2px solid !important;
	border-radius: 10px 10px 0 0;
}

/* Hide print button in all applications */
[data-original-title="Print"] {
	display: none !important;
}

/* Hide Add buttons */
button[data-label="Add Visitor Visa Application"] {
	display: none !important;
}

button[data-label="Add Visitor Visa Extension"] {
	display: none !important;
}

button[data-label="Add Visitor Visa Amendment"] {
	display: none !important;
}

button[data-label="Add Visitor Visa Cancellation"] {
	display: none !important;
}

button[data-label="Add Visitor Visa Transfer"] {
	display: none !important;
}

button[data-label="Add Business Visa Application"] {
	display: none !important;
}

button[data-label="Add Extension of Business Visa Application"] {
	display: none !important;
}

button[data-label="Add Business Visa Amendment"] {
	display: none !important;
}

button[data-label="Add Business Visa Cancellation"] {
	display: none !important;
}

button[data-label="Add Business Visa Transfer"] {
	display: none !important;
}

button[data-label="Add Student Visa Application"] {
	display: none !important;
}

button[data-label="Add Student Extension of Stay Visa"] {
	display: none !important;
}

button[data-label="Add Student Visa Amendment"] {
	display: none !important;
}

button[data-label="Add Student Visa Cancellation"] {
	display: none !important;
}

button[data-label="Add Student Visa Transfer"] {
	display: none !important;
}

button[data-label="Add Landing Permit for Business Application"] {
	display: none !important;
}

button[data-label="Add Landing Permit for Employment Application"] {
	display: none !important;
}

button[data-label="Add Landing Permit for Student Application"] {
	display: none !important;
}

button[data-label="Add Business"] {
	display: none !important;
}

button[data-label="Add Employment Visa Application"] {
	display: none !important;
}

button[data-label="Add Employment Visa Extension"] {
	display: none !important;
}

button[data-label="Add Employment Visa Amendment"] {
	display: none !important;
}

button[data-label="Add Employment Visa Cancellation"] {
	display: none !important;
}

button[data-label="Add Employment Visa Transfer"] {
	display: none !important;
}

/* Website styles */
.navbar-light {
	background: var(--visa-tertiary) !important;
	border: 0 !important;
}

.navbar-light .navbar-nav .nav-link {
	color: white !important;
}

.navbar-light .navbar-brand {
	color: white !important;
}

.page {
	background-color: var(--visa-primary) !important;
}

.bg-visa-primary {
	background-color: var(--visa-primary) !important;
	color: white !important;
}

.bg-visa-primary:hover {
	background-color: var(--visa-primary-darker) !important;
	color: white !important;
}

.bg-visa-tertiary {
	background-color: var(--visa-tertiary) !important;
	color: white !important;
}

.visa-primary {
	color: var(--visa-primary) !important;
}

.visa-primary:hover {
	color: var(--visa-primary-darker) !important;
}

.visa-tertiary {
	color: var(--visa-tertiary) !important;
}

/*************************************************************************************************************************************************/

/* Hide workspace create and edit buttons */
div.workspace-footer {
	display: none !important;
}

/* Add payment button styling */
button[data-label="Add%20Payment"] {
	background-color: #28a745 !important;
	color: white !important;
}

button[data-label="Add%20Payment"]:hover {
	background-color: #178531 !important;
	color: white !important;
}

/* Style re-submit button */
div[data-fieldname="resubmit_btn"] {
	float: right;
}

button[data-fieldname="resubmit_btn"] {
	background-color: #28a745 !important;
	color: white !important;
}

button[data-fieldname="resubmit_btn"]:hover {
	background-color: #178531 !important;
	color: white !important;
}

/* Style save button */
div[data-fieldname="save_btn"] {
	float: right;
}

button[data-fieldname="save_btn"] {
	background-color: #28a745 !important;
	color: white !important;
}

button[data-fieldname="save_btn"]:hover {
	background-color: #178531 !important;
	color: white !important;
}

/* Hide add payment button */
button[data-label="Add Payment"] {
	display: none !important;
}

button.btn-new-doc {
	display: none !important;
}

/* Hide Save buttons */
#page-Visitor\ Visa\ Application button[data-label="Save"] {
	display: none !important;
}

/* Style add and remove representative buttons */
button[data-label="Add%20Representatives"] {
	background-color: #28a745 !important;
	color: white !important;
}

button[data-label="Add%20Representatives"]:hover {
	background-color: #178531 !important;
	color: white !important;
}

button[data-label="Remove%20Representatives"] {
	background-color: #ad1c1c !important;
	color: white !important;
}

button[data-label="Remove%20Representatives"]:hover {
	background-color: #961414 !important;
	color: white !important;
}

footer.web-footer {
	display: none !important;
}

/* Hide sidebar text */
div ul.list-unstyled.sidebar-menu.text-muted {
	display: none !important;
}

/* Hide assigned to in sidebar */
.form-assignments {
	display: none !important;
}