/* 20251007 - Lagt till så om ett formulär har en titel men ingen beskrivning så blir det inte ett onödigt space under titeln */
.form-page-title.no-description {
	/* margin-bottom:30px */
	margin-bottom:10px !important;
}

/* 20251007 - Expandable section */
.expandable-section {
	background-color: #d9edf7;
	color: #31708f;
}
.expandable-section details {
	interpolate-size: allow-keywords;
	padding: 0.75rem 2rem;
	margin-block: 1rem;
	overflow: hidden;
	border-radius: var(--border-radius, 6px);
	border: solid 1px gainsboro;
}
.expandable-section details::details-content {
	block-size: 0;
	transition:
		block-size 0.3s,
		content-visibility 0.3s;
	transition-behavior: allow-discrete;
}
.expandable-section details[open]::details-content {
	block-size: auto;
}
.expandable-section details summary {
	position: relative;
	cursor: pointer;
	font-size:1.2rem;
}
.expandable-section summary::-webkit-details-marker {
	position: absolute;
	background: none;
	color: transparent;
}
.expandable-section details summary::marker {
	content: '»';
	content: none;
}
.expandable-section summary::before {
	content: " ";
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path fill="none" stroke="%23888888" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1l8 8-8 8"/></svg>');
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	inset-inline-start: -1.5rem;
	inset-block-start: 0.2rem;
	transition: rotate .2s;
	background-size: contain;
	background-repeat: no-repeat;
}
.expandable-section details[open] summary::before {
	rotate: 90deg;
}
.expandable-section .expandable-content {
	margin-top: 0.5rem;
}

/* 20250611 - Lägg till blur runt dropdowns så de skiljs från bakgrunden */
.select2-dropdown {
	/* Add blur to left, right, and bottom sides */
	filter:
		drop-shadow(-6px 8px 6px rgba(50,50,50,0.2))  /* left (mostly down) */
		drop-shadow(6px 8px 6px rgba(50,50,50,0.2))   /* right (mostly down) */
		drop-shadow(0px 16px 12px rgba(50,50,50,0.2)); /* bottom (definitely down) */
}

/* 20241120, Flytta ner knappen "Generera mailadress" så den ligger jämnt med övriga fält */
run-workflow[name="generate_emailaddress"] > div > button {
	margin-top:25px;
}

/* 20241120, Lagt till en bulletin som innehåller user-info för användning i custom.js */
#alert_user-info {
	display:none;
}
/* Kan tas bort */
#alert_user-role {
	display:none;
}


/* 20241024, Strunta i att importera denna som ändå bara verkar innehålla Sofia pro som inte används */
/*@import url("./fonts.css");*/

/* @import url("./zoo/workspace.css"); */
/* @import url("./demo/workspace.css"); */
/* @import url("./xxx/workspace.css"); */
/* @import url("./ind/workspace.css"); */
/* @import url("./bcs/workspace.css"); */
/* @import url("./kmt/workspace.css"); */
/* @import url("./ctk/workspace.css"); */

/* 20241024, Lagt till generell standardfont som ska funka överallt */
/*
Here’s a breakdown:
system-ui: Uses the default system font.
-apple-system: System font for macOS and iOS.
BlinkMacSystemFont: System font for Blink-based browsers on macOS.
'Segoe UI': Default font for Windows.
Roboto: Common on Android.
'Helvetica Neue': Standard on macOS.
Arial: A widely used fallback.
sans-serif: The final fallback for sans-serif fonts.
For emoji support:
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol': Ensure emoji rendering across platforms.
*/
body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

/* Start - General CSS */

/* 20240701, Gömt fältet "Företag"/company längst upp i formuläret new-user (slår även på andra med samma namn som order-products) */
div.form-group.element-company {
	display:none !important;
}

/* 20240411, Tagit bort onödig padding längst upp som gör att man på en normalstor skärm behöver scrolla för att se alla genvägar */
.content-service.container > .block-content {
	/* padding-top:90px;*/
	padding-top:30px;
}

/* 20240411, Dölj genvägarna tills vi grupperat om dem */
.cloud-portal .blockDetail-item .workspace-shortcuts {
	/* 20241028, Ta bort och lägg opaciteten på body ist */
	/* opacity:0; */
}

/* 20241028, Flytta opaciteten till nåt som bara används på workspace-sidan och inte i demomiljo som har .workspace-page.cloud-portal-demo */
/*
.workspace-page.cloud-portal-demo {
	opacity:0;
}
*/

/* 20241112, Dölj sidorna innan de ritats upp, undantaget alla demo-sidor samt adminsidor */
/*
.workspace-page:not([class*="demo"]),
.forms-page:not([class*="demo"]),
.workspace-results-page:not([class*="demo"]) {
	opacity: 0;
}
*/

/* 20241115, Testar sätta på hela bodyn */
body {
	opacity: 0;
}

/* Don't touch admin or demo */
.admin-resources-page,
.workspace-page.cloud-portal-demo,
.workspace-results-page.cloud-portal-demo,
.forms-page.cloudportal-demo-new-user {
	/* nothing */
}


/* 20241112, Lägg på opacitet på body */


/* CL-123: Tooltip fladdrar när man hovrar musen i nederkant av ikonerna längst upp till höger */
#tooltip {margin-top:-5px;}
/* 20240415, Tyvärr flimrar tooltip på shortcuts i överkant oavsett vad man sätter här, beror nog på åt vilket håll tooltipet visas */

.item-card-container h3 span {
	font-weight: 500;
	/* 20241024, Ändrat storlek */
	font-size: 18px !important;
}

.processes-page {
	/* 20241024, Tar bort font */
	/* font-family: "Sanchez", sans-serif !important; */
	background: #063831;
}

.processes-page .process-item {
	border-radius: 6px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

ul.nav-menu {
	border-right: 1px solid #f1f1f1;
	box-shadow: -1px 1px 23px -1px rgba(110, 110, 110, 0.75);
}

#menu-base {
	width: 280px;
}

/* End - General CSS */

/* Start - Form CSS*/

.forms-page {
	/* 20241024, Tar bort font */
	/* font-family: "Sanchez", sans-serif !important; */
	/* background-color: #063831;*/
	background-color: #f9f9f9; /* 20241217, Ändrat till motsvarande --norteam-web-background-grey */
}

body.workspace-page {
	background-color: #f9f9f9 !important; /* 20241217, Lagt till motsvarande --norteam-web-background-grey */
}
body.workspace-results-page {
	background-color: #f9f9f9 !important; /* 20241217, Lagt till motsvarande --norteam-web-background-grey */	
}

.form-control {
	cursor: auto;
}

.form-group textarea {
	cursor: auto;
}

.forms-page .center-form-content {
	border-radius: 5px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.forms-page .form-content h5 {
	font-size: 22px;
	border-bottom: 1px solid #f3f3f3;
}

.forms-page .form-content {
	padding-left: unset;
}

.forms-page .form-group label {
	font-weight: 500;
}

.forms-page .form-group .title-content {
	font-weight: 300;
}

.forms-page .form-group .help-block {
	font-size: 14px;
	font-weight: 400;
}

.forms-page .title-content {
	font-weight: 300;
}


/* End - Form CSS */

/* Start - Dashboard CSS*/

.dashboard-page {
	/* 20241024, Tar bort font */
	/* font-family: "Sanchez", sans-serif; */
	background-color: #063831;
}

.dashboard-page .widget-main {
	border-radius: 5px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.dashboard-page .dashboard-content h5 {
	font-size: 22px;
	border-bottom: 1px solid #f3f3f3;
}

.dashboard-page .dashboard-content {
	padding-left: unset;
}

.dashboard-page .dashboard-group label {
	font-weight: 500;
}

.dashboard-page .dashboard-group .title-content {
	font-weight: 300;
}

.dashboard-page .dashboard-group .help-block {
	font-size: 14px;
	font-weight: 400;
}

.dashboard-page .title-content {
	font-weight: 300;
}

/* End - Dashboard CSS */

/* START Workspace - cloud-portal CSS */

.cloud-portal {
	/* 20241024, Tar bort font */
	/* font-family: "Sanchez", sans-serif !important; */
}

.cloud-portal .bg-form.modal-embed-page-form.embed-page {
	background: #fff;
}

.cloud-portal .bg-form {
	background-color: #063831;
}

.cloud-portal .bg-home {
	background-color: #063831;
}

.cloud-portal .bg-processes {
	background-color: #063831;
}

.cloud-portal .processes-page .process-item {
	border-radius: 5px;
}


.workspace-page.cloud-portal .item-card-container,
.tag-widget {
	font-size: unset !important;
}

.workspace-page.cloud-portal .container {
	background-color: rgba(195, 195, 195, 0.7);
	min-height: calc(100vh - 61px) !important; 	/* Innehållet i headern är 30-31 hög beroende på zoom och har 15 padding över och under = 61 */
}

/* 20241028, Ta bort bakgrundsbilden på vanliga portalen, ej demo som har en egen, men behåll styling */
.workspace-page.cloud-portal {
	/* background: url("/images/bg.jpg") center center no-repeat fixed !important; */
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	height: 100% !important;
	width: 100% !important;
	position: relative !important;
}

.workspace-page.cloud-portal .workspace-title {
	display: none;
}

.workspace-page.cloud-portal .workspace-description {
	font-size: 22px;
	font-weight: 400;
	color: #111111 !important;
}

.workspace-page.cloud-portal .workspace-icon {
	width: 100%;
	max-width: 450px;
	height: 253px;
	margin: 20px auto 0px;
}

.workspace-results-page.cloud-portal .search-result {
	background-color: #063831 !important;
	border-bottom: none;
	border-bottom: none;
	color: #999;
}

.workspace-page.cloud-portal .workspace-shortcuts .shortcuts .item-block {
	background-color: #063831;
	border-radius: 22px;
}

.workspace-page.cloud-portal .blockDetail-item .item-block span {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
}

.workspace-page.cloud-portal .shortcuts-badges-content .badges .total {
	font-size: 14px;
	color: #FFFFFF !important;
}

.workspace-page.cloud-portal .shortcuts-badges-content .badges {
	background-color: #00c78c !important;
	border-radius: 22px;
	top: -5px;
	right: -10px;
}

.workspace-page.cloud-portal .item-block img {
	width: 45px;
	height: 45px;
}

.workspace-page.cloud-portal input[name="search"] {
	border-radius: 22px;
	padding: 30px;
}

.workspace-page.cloud-portal .workspace-shortcuts .shortcuts .item-block {
	min-height: 128px;
}

.width-5 > .inner-detail {
    margin-left: 0;
}

.item-card-container h4 {
    margin-bottom: 15px;
    font-size: 17px
}
/* END Workspace - cloud-portal CSS */

/* START Workspace - cloud-portal-demo CSS */

.cloud-portal-demo {
	/* 20241024, Lät först denna vara kvar, men det Onify har inte lyckats använda den överallt, så bättre att ta bort den helt */
	/* font-family: "Sanchez", sans-serif !important; */
}

.cloud-portal-demo .bg-form.modal-embed-page-form.embed-page {
	background: #fff;
}

.cloud-portal-demo .bg-form {
	background-color: #063831;
}

.cloud-portal-demo .bg-home {
	background-color: #063831;
}

.cloud-portal-demo .bg-processes {
	background-color: #063831;
}

.cloud-portal-demo .processes-page .process-item {
	border-radius: 5px;
}

.workspace-page.cloud-portal-demo .item-card-container,
.tag-widget {
	font-size: unset !important;
}

.workspace-page.cloud-portal-demo .container {
	background-color: rgba(195, 195, 195, 0.6);
	min-height: calc(100vh - 61px) !important; 	/* Innehållet i headern är 30-31 hög beroende på zoom och har 15 padding över och under = 61 */
}

.workspace-page.cloud-portal-demo {
	/* background: url("/images/bg.jpg") center center no-repeat fixed !important; */
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	height: 100% !important;
	width: 100% !important;
	position: relative !important;
}

.workspace-page.cloud-portal-demo .workspace-title {
	display: none;
}

.workspace-page.cloud-portal-demo .workspace-description {
	font-size: 22px;
	font-weight: 400;
	color: #111111 !important;
}

.workspace-page.cloud-portal-demo .workspace-icon {
	width: 100%;
	max-width: 450px;
	height: 253px;
	margin: 20px auto 0px;
}

.workspace-results-page.cloud-portal-demo .search-result {
	background-color: #063831 !important;
	border-bottom: none;
	border-bottom: none;
	color: #999;
}

.workspace-page.cloud-portal-demo .workspace-shortcuts .shortcuts .item-block {
	background-color: #063831;
	border-radius: 22px;
}

.workspace-page.cloud-portal-demo .blockDetail-item .item-block span {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
}

.workspace-page.cloud-portal-demo .shortcuts-badges-content .badges .total {
	font-size: 14px;
	color: #FFFFFF !important;
}

.workspace-page.cloud-portal-demo .shortcuts-badges-content .badges {
	background-color: #00c78c !important;
	border-radius: 22px;
	/* 20241024, Fixat till placeringen av counters på badges i demon */
	/*
	top: 0px;
	right: 0px;
	*/
    top: -5px;
    right: -10px;	
}

.workspace-page.cloud-portal-demo .item-block img {
	width: 45px;
	height: 45px;
}

.workspace-page.cloud-portal-demo input[name="search"] {
	border-radius: 22px;
}

/* END Workspace - cloud-portal-demo-demo CSS */

/* START Workspace result page */

.workspace-results-page .norteam-item-product p.subtitle1 ul.product-ul {
	padding: 5px;
}

.workspace-results-page .norteam-item-product p.subtitle1 ul.product-ul li.product-li {
	list-style: disc;
	list-style-position: inside;
	overflow-wrap: break-word;
	word-break: break-word;
	margin-right: 2px;
}

workspace-results-page .norteam-item-product .div-row {
	width: 95%;
}

.workspace-results-pagel .norteam-item-product .div-row>div.custom-attribute-main {
	text-align: center;
}

.workspace-results-page .norteam-item-product .div-row span.custom-attribute-name {
	text-align: left;
}

.workspace-results-page .norteam-item-product .div-row>div>div>img {
	max-inline-size: 75%;
	block-size: auto;
	aspect-ratio: 2/1;
	object-fit: contain;
}

.workspace-results-page .norteam-item-product .item-image img {
	max-width: 64px !important;
	max-height: 64px !important;
	width: auto !important;
	height: auto !important;
}

.workspace-results-page .norteam-item-product .div-row h4 {
	display: none;
}

.workspace-results-page .norteam-item-product div.div-col .inner-detail {
	overflow-wrap: break-word;
}

/* END Workspace result page */