@charset "UTF-8";
/**
 * @file
 * sass/components.scss
 *
 * CSS rules that style design components (and their associated states and themes.)
 */
.actions {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  margin-top: 1.3125rem;
  display: flex;
  flex-wrap: wrap;
}

.actions li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}

.actions > li {
  margin: 0 0.65625rem 0.32812rem 0;
}

#block-wellspect-theme-branding {
  margin-right: 60px;
  margin-left: 15px;
}

#block-wellspect-theme-branding .site-logo {
  display: block;
}

#block-wellspect-theme-branding .site-logo img {
  height: 34px;
  width: auto;
}

#block-wellspect-theme-branding .site-name {
  display: none;
}

.field--name-field-organization {
  margin-bottom: 1em;
}

.field--name-period {
  margin-bottom: 1em;
}

.field--name-field-plan-items .field__item {
  padding: 0.65625rem 0;
  border-bottom: 1px solid #dfdfdf;
}

.field--name-field-plan-items .field__item:first-child {
  border-top: 1px solid #a7a7a7;
}

.paragraph--type--plan-item dl {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.paragraph--type--plan-item dl li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}

.paragraph--type--plan-item dl dd {
  margin: 0;
  font-size: smaller;
}

.field--name-field-requested-delivery-date .description {
  font-size: smaller;
}

.js .dropbutton-widget {
  background-color: #1996FF;
  border: none;
  border-radius: 3px;
  color: white;
}

.js .dropbutton-widget a {
  color: white;
}

.js .dropbutton-widget:hover {
  border: none;
}

.js .dropbutton .dropbutton-action > * {
  border-radius: 3px;
}

.js .dropbutton .dropbutton-action > *:hover,
.js .dropbutton .dropbutton-action > *:focus {
  background-color: #1478cc;
  text-decoration: none;
}

.js .dropbutton-multiple .dropbutton .dropbutton-action > * {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  margin-right: 0;
  padding-right: 0.75em;
}

.js .dropbutton-toggle button {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  line-height: unset;
}

.field__label {
  font-weight: 600;
}

.form-item-field-organization.form-disabled {
  display: none;
}

.field--name-field-requested-delivery-date .label {
  font-weight: normal;
}

.field--name-field-order-items table {
  table-layout: fixed;
  width: 100%;
}

.field--name-field-order-items th {
  border-bottom: none;
}

.field--name-field-order-items td {
  width: 100%;
}

.field--name-field-order-items {
	td:empty {
	  visibility: hidden;
	  width: 0%;
	}
	th {
	  width: 100%;
	}
	th:empty {
	  visibility: hidden;
	   width: 0%;
	}

}

.field--name-field-order-items .label {
  font-weight: normal;
}

.page-node-type-customer th.views-field-field-movex-status,
.page-node-type-customer td.views-field-field-movex-status {
	width:40px;	
}

.view-orders .movex-status-indicator .status {
	
}

.movex-status-indicator .status {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  
  
} 

.movex-status-indicator .status-15,
.movex-status-indicator .status-20,
.movex-status-indicator .status-25,
.movex-status-indicator .status-30,
.movex-status-indicator .status-50,
.movex-status-indicator .status-55 {
	  background: url(../images/error.svg) no-repeat top left;
	  background-size: 100%;
} 

.movex-status-indicator .status-90 {
	  background: url(../images/check.svg)  no-repeat top left;
	  background-size: 100%;
}

.button:hover, .button:focus, .button:link, .button:visited, .button:active {
  text-decoration: none;
}

.button,
.image-button {
  margin-left: 1em;
  margin-right: 1em;
}

.button:first-child,
.image-button:first-child {
  margin-left: 0;
  margin-right: 1em;
}

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: smaller;
}

.header-top {
  display: none;
}


/* vacation address */

.node--type-customer.node--view-mode-full .field--name-field-delivery-address {
	
	float: left;
}

.node--type-customer.node--view-mode-full.delivery_address .field--name-field-delivery-address {
	
	 background: url(../images/check.svg) no-repeat top left;
	 padding-left: 28px;
}


.node--type-customer.node--view-mode-full .vacation-address-group {
	
	float: left;
	margin-left: 40px;
}

.node--type-customer.node--view-mode-full.vacation_address .vacation-address-group {
	
	background: url(../images/check.svg) no-repeat top left;
	padding-left: 28px;
}

.node--type-customer.node--view-mode-full .field--name-field-telephone, 
.node--type-customer.node--view-mode-full .field_door_code,
.node--type-customer.node--view-mode-full .field_additional_information {
	clear: both;
}

@media (max-width: 908px) {
	.node--type-customer.node--view-mode-full .vacation-address-group {
		
		
	
		margin: 10px 0 10px 0;
	}
}	


.header-top {
  display: block;
  height: 48px;
  color: #f7f9fa;
  background-color: #000;
}

@media (max-width: 800px) {
	.header-top .language-switcher-language-url {
		display: none;
	}
	
	.header-top .navigation.menu--account {
		display: none;
	}	
	
	#block-wellspectwithyoulogo {
			display: none;
	}
}


/* @media (min-width: 801px) {
  .header-top {
    display: block;
    height: 48px;
    color: #f7f9fa;
    background-color: #000;
  }
} */


#block-wellspect-theme-valkoinenlogo {
	margin-right : auto;
}

#block-wellspect-theme-valkoinenlogo img{
		width: 140px;
		height: auto;
		margin-top: 9px;
}

.region-secondary-menu {
  height: 100%;
  padding: 0 15px;
}

.region-secondary-menu > div {
  height: 100%;
  display: flex;
  /* justify-content: flex-end;
  align-items: center;
  align-content: center;
   */
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}


/* login page */

body:not(.user-logged-in) {
	.header-bottom {
		display:none;
	}
	
	a {
		color: #000;
	}
	
	button, input[type='button'], input[type='reset'], input[type='submit'], .button {
		background-color: #000;
	}
	
	.user-login-form {
		float: left;
		width: 49%;
		
	}
	
	#block-wellspect-theme-yhteystiedot,
	#block-wellspect-theme-yhteystiedot-2 {
		float: left;
		width: 39%;
		margin-left: 9%;
		margin-top: 17px;
	}
	
	.region-content {
		margin-top: 25px;
		
		color: #000;
	}	
	
}

/*
 istuta puita
*/

#block-wellspect-theme-istutapuita {
	//background-color: #f5f5f5 !important;
	border: 1px solid #10a047;
	padding: 20px;
	margin: 20px 0 0 0;
	max-width: 534px;
	clear: both;
}


#block-wellspect-theme-istutapuita a{
	display: block;
	margin: 10px 0 10px 0;
}


footer {
  display: none;
}

@media (min-width: 801px) {
  
}

footer {
    display: block;
    color: #f7f9fa;
    background-color: #000;
  }

.region-footer .layout-region{
	display: flex;
	font-size: 14px;
	line-height: 18px;

}

.region-footer .layout-region .block {
	
}

.region-footer #block-wellspect-theme-footer,
.region-footer #block-wellspect-theme-yhteystiedot,
.region-footer #block-wellspect-theme-footeryhteystiedot {
	margin: 20px 100px 20px 15px;
}

.region-footer #block-wellspect-theme-mewellspectissa {
	margin: 20px 15px 20px 0;
}

.region-footer .layout-region .block h2{
	color: #f7f9fa;
}




#block-wellspect-theme-account-menu > ul,
#block-language-switcher > ul {
  font-size: 0.9375rem;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  text-align: center;
}

#block-wellspect-theme-account-menu > ul li,
#block-language-switcher > ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}

#block-wellspect-theme-account-menu > ul li,
#block-language-switcher > ul li {
  display: inline-block;
}

#block-wellspect-theme-account-menu > ul li + li,
#block-language-switcher > ul li + li {
  margin-left: 1.3125rem;
}

#block-wellspect-theme-account-menu > ul a,
#block-language-switcher > ul a {
  color: #f7f9fa;
  text-decoration: none;
  transition: color 150ms ease;
}

#block-wellspect-theme-account-menu > ul a:active, #block-wellspect-theme-account-menu > ul a:focus, #block-wellspect-theme-account-menu > ul a:hover,
#block-language-switcher > ul a:active,
#block-language-switcher > ul a:focus,
#block-language-switcher > ul a:hover {
  color: #f7f9fa;
}

#block-wellspect-theme-account-menu > ul .is-active,
#block-language-switcher > ul .is-active {
  color: #f7f9fa;
}

#block-language-switcher li {
  padding-top: 0.2em;
}

#block-wellspect-theme-account-menu + #block-language-switcher {
  margin-left: 1.3125rem;
}

.main-canvas > header {
  width: 100%;
  background-color: #f7f9fa;
}

@media (min-width: 801px) {
  .main-canvas > header {
    background-color: #f7f9fa;
  }
  .main-canvas > header::after {
    content: '' !important;
    display: block !important;
    clear: both !important;
  }
}

.layout-header-bottom {
  display: flex;
  align-items: center;
}

.region-header {
  flex: initial;
  padding-top: 18px;
  padding-bottom: 12px;
}

@media (min-width: 801px) {
  .region-header {
    padding-top: 25px;
    padding-bottom: 20px;
  }
}

.region-primary-menu {
  flex: auto;
}

#block-wellspect-theme-asiakaspalvelu {
  padding: 15px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.4);
}

#block-wellspect-theme-asiakaspalvelu p {
  margin: 0;
}

@media (min-width: 801px) {
  #block-wellspect-theme-asiakaspalvelu {
    padding: 2.625rem 15px;
  }
}

#block-wellspect-theme-main-menu {
  display: none;
}

@media (min-width: 801px) {
  #block-wellspect-theme-main-menu {
    display: inline-block;
  }
  #block-wellspect-theme-main-menu > ul {
    font-size: 1rem;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    text-align: center;
    font-weight: 600;
  }
  #block-wellspect-theme-main-menu > ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
  }
  #block-wellspect-theme-main-menu > ul li {
    display: inline-block;
  }
  #block-wellspect-theme-main-menu > ul li + li {
    margin-left: 2.625rem;
  }
  #block-wellspect-theme-main-menu > ul a {
    color: #0050C8;
    text-decoration: none;
    transition: color 150ms ease;
  }
  #block-wellspect-theme-main-menu > ul a:active, #block-wellspect-theme-main-menu > ul a:focus, #block-wellspect-theme-main-menu > ul a:hover {
    color: #0050C8;
  }
  #block-wellspect-theme-main-menu > ul .is-active {
    color: #0050C8;
  }
  #block-wellspect-theme-main-menu > ul a:hover {
    text-decoration: underline;
  }
}

.off-canvas ul.links {
  list-style: none outside;
  margin-left: 1em;
  padding: 0;
  text-align: left;
}

.field--name-field-order-items .field__item + .field__item {
  margin-top: 0.32812rem;
}

.node--type-product.node--view-mode-order-item dl {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.node--type-product.node--view-mode-order-item dl li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}

.node--type-product.node--view-mode-order-item dl dd {
  margin: 0;
  font-size: smaller;
}

.field--name-field-is-subscription input {
  display: inline-block;
  margin-right: 0.5em;
}

.field--name-field-allow-sms-notifications input {
  display: inline-block;
  margin-right: 0.5em;
}

.field--name-field-extra-order input {
  display: inline-block;
  margin-right: 0.5em;
}

.field--name-field-sms-sent input {
  display: inline-block;
  margin-right: 0.5em;
}

.field--name-field-hiilidioksidineutraali-kat input {
  display: inline-block;
  margin-right: 0.5em;
  display: none;
}

.field--name-field-hiilidioksidineutraali-kat label {
  display: none;
}

.field--name-field-hiilidioksidineutraali-kat .description {
	margin: 0 0 0 16px;
    padding: 16px 0 0 0;
}

.field--name-field-hiilidioksidineutraali-kat {
  height: 85px;	
  background: #f3faef url("../images/hiilidioksidineutraali_katetrointi.png") no-repeat 0 0;	
  padding-left: 72px;
  max-width: 444px;
  margin-bottom: 10px;
  display: none;
}

.field--name-field-hiilidioksidineutraali-kat.active {
  display: block;	
}

.views-field-field-hiilidioksidineutraali-kat .carbon_neutral{
  height: 85px;	
  width: 80px;
  background: #fff url("../images/hiilidioksidineutraali_katetrointi.png") no-repeat 0 0;	
}

.field--name-field-lofric-customer input {
  display: inline-block;
  margin-right: 0.5em;
}


.view-reports .view-grouping {
  margin-top: 2.625rem;
}

.view-reports > .view-content > .view-grouping > .view-grouping-header {
  font-size: 1.17rem;
  font-weight: 600;
}

.view-reports table caption {
  text-align: left;
}

.view-reports table + table {
  margin-top: 1.3125rem;
}

.view-reports-plans .view-grouping {
  margin-top: 2.625rem;
}

.view-reports-plans .view-grouping-header {
  display: none;
}

.view-reports-plans table caption {
  font-size: 1.17rem;
  font-weight: 600;
  text-align: left;
}

.view-reports-plans table + table {
  margin-top: 1.3125rem;
}

@media (max-width: 800px) {
	
   #edit-organization {
	   width: 90%;
   }
	
	
  .view-customers table, .view-customers thead, .view-customers tbody, .view-customers th, .view-customers td, .view-customers tr,
  .view-orders table,
  .view-orders thead,
  .view-orders tbody,
  .view-orders th,
  .view-orders td,
  .view-orders tr {
    display: block;
  }
  .view-customers thead tr,
  .view-orders thead tr {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
  .view-customers tr,
  .view-orders tr {
    border-bottom: 1px solid #dfdfdf;
    padding: 0.32812rem 0;
  }
  .view-customers td,
  .view-orders td {
    border: none;
    padding: 0.32812rem 0;
  }
  .view-customers td::before,
  .view-orders td::before {
    display: block;
    font-weight: 600;
  }
  .path-orders .view-orders :lang(fi) td:nth-of-type(1)::before {
    content: "Asiakas";
  }
  .path-orders .view-orders :lang(fi) td:nth-of-type(2)::before {
    content: "Tilauspäivämäärä";
  }
  .path-orders .view-orders :lang(fi) td:nth-of-type(3)::before {
    content: "Toivottu vastaanottopäivämäärä";
  }
  .path-orders .view-orders :lang(fi) td:nth-of-type(4)::before {
    content: "Tilaaja";
  }
  .path-orders .view-orders :lang(sv) td:nth-of-type(1)::before {
    content: "Kund";
  }
  .path-orders .view-orders :lang(sv) td:nth-of-type(2)::before {
    content: "Tilauspäivämäärä";
  }
  .path-orders .view-orders :lang(sv) td:nth-of-type(3)::before {
    content: "Önskat mottagningsdatum";
  }
  .path-orders .view-orders :lang(sv) td:nth-of-type(4)::before {
    content: "Beställaren";
  }
  .page-node-type-customer .view-orders :lang(fi) td:nth-of-type(1)::before {
    content: "Lähetetty";
  }
  .page-node-type-customer .view-orders :lang(fi) td:nth-of-type(2)::before {
    content: "Tilaaja";
  }
  .page-node-type-customer .view-orders :lang(sv) td:nth-of-type(1)::before {
    content: "Skickat";
  }
  .page-node-type-customer .view-orders :lang(sv) td:nth-of-type(2)::before {
    content: "Beställaren";
  }
}

#entity-browser-products-form .view-filters {
  margin-bottom: 0;
}

#entity-browser-products-form .view-filters .form-item,
#entity-browser-products-form .view-filters #table-filter–button {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0.65625rem 0.65625rem 0;
}

#entity-browser-products-form .view-filters #table-filter-input,
#entity-browser-products-form .view-filters #table-filter–button,
#entity-browser-products-form .view-filters #contract-products-only {
  display: none;
}

#entity-browser-products-form .view-content table {
  margin: 0;
}

#entity-browser-products-form .view-content table caption {
  font-size: 1.17rem;
  margin-top: 2.625rem;
  font-weight: 600;
  text-align: left;
}

#entity-browser-products-form .view-content tbody tr:hover,
#entity-browser-products-form .view-content tbody tr:focus {
  background-color: #d1eaff;
}

#entity-browser-products-form .view-content tbody tr.selected td {
  background-color: #d6f0d6;
}

#entity-browser-products-form .view-content table .form-item {
  margin: 0 0 0 0.65625rem;
}

ul.tabs {
  font-size: smaller;
}

.view-filters {
  margin-top: 1.3125rem;
  margin-bottom: 1.3125rem;
}

.views-exposed-form .form-item,
.views-exposed-form .form-actions {
  float: none;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0.65625rem 0.65625rem 0;
}

.views-exposed-form .form-actions .button {
  margin-left: 0;
  margin-right: 0.32812rem;
}



.field--name-field-continuous-delivery .paragraph-top {
	
	display: none;
}


.field--name-field-continuous-delivery table thead{
	
	display: none;
}
.field--name-field-continuous-delivery .paragraphs-add-wrapper{
	
	display: none;
}

.field--name-field-continuous-delivery .draggable,
.field--name-field-continuous-delivery .draggable td {
		border: 0;
}

.field--name-field-continuous-delivery .paragraph-type--delivery.even{
	
	background: #eee;
}

.field--name-field-continuous-delivery .draggable td {
	padding: 10px;
}

.field--name-field-continuous-delivery h4 {
	margin-bottom: 10px;
    display: block;

}

/* New report page */

.subscription-report-grid {
	
	display: flex;
}

.toimituspvm .container-inline {
	display: inline-block;
}

.toimituspvm {
	margin: 1em;
}

.subscription-report-grid .label, .subscription-report-grid label {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.actions input {
	height: 40px;
    margin: 26px 0 0 0;
}


.report-table .tilattu {
	
	width: 20%;
}
.report-table .vastaanotto {
	
	width: 20%;
}

.report-table .tuotteet {
	
	width: 55%;
	padding: 0.65625rem 2%;
}

.report-table .tuotteet .field__label, .report-table .tuotteet .field__item {
		display: inline;
}

.report-table .tuotteet .tuote {
		margin-bottom: 10px;
}


.path-reports .yhteenveto {
	padding: 15px 15px 5px 15px;
	background: #eee;
}


.path-wellspect .region-content{
	overflow: hidden;	
}

#block-wellspect-theme-kirjaudusoteammattikortilla {
	
	width: 380px;
	background: #003479;
	color: #69d8d7;	
	clear: both;
	padding: 4px 12px;
	
	margin-top: 15px;
	
	div.field.field--name-body {
		display: grid;
		grid-template-columns: 63px 280px;
		align-items: center;
		
		&:before {
			content: "";
			display: block;
			margin: 0 auto;
			width: 60px;
			height: 40px;
			
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%2369d8d7' d='M32 160C32 124.7 60.7 96 96 96L544 96C579.3 96 608 124.7 608 160L32 160zM32 208L608 208L608 480C608 515.3 579.3 544 544 544L96 544C60.7 544 32 515.3 32 480L32 208zM279.3 480C299.5 480 314.6 460.6 301.7 445C287 427.3 264.8 416 240 416L176 416C151.2 416 129 427.3 114.3 445C101.4 460.6 116.5 480 136.7 480L279.2 480zM208 376C238.9 376 264 350.9 264 320C264 289.1 238.9 264 208 264C177.1 264 152 289.1 152 320C152 350.9 177.1 376 208 376zM392 272C378.7 272 368 282.7 368 296C368 309.3 378.7 320 392 320L504 320C517.3 320 528 309.3 528 296C528 282.7 517.3 272 504 272L392 272zM392 368C378.7 368 368 378.7 368 392C368 405.3 378.7 416 392 416L504 416C517.3 416 528 405.3 528 392C528 378.7 517.3 368 504 368L392 368z'/%3E%3C/svg%3E");
			background-position: center left;
			background-size: 60px;
			background-repeat: no-repeat;
			display: block;
			margin: 0 auto;
	

		}

	}
	
	p {
		display: block;
		
		
		a {
			color: #003479;	
			background: #69d8d7;
			padding: 10px 20px;
			border-radius: 0.25rem;
			display: block;
			margin: 14px 0 0 11px;
			
			
			
		}
	}
	
	
}

/*# sourceMappingURL=component.css.map */