*, *:before, *:after {
  abox-sizing: inherit;
	afont-family: 'Inter', sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
 
	 /*
	 Timo 15.6.2016: Käytetään CSS:n sijasta Hypher-kirjastoa, koska CSS ei ole tuettu
	 Chromessa ja koska voi määritellä luotettavammin kunkin elementin tavutuskielen.
	 Timo 22.6.2018: Siirrytään käyttämään natiivia selaintavutusta, koska Chromessa
	 on nyt suomenkielinen tavutus.
	 */
	 -webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
}

html
{
	visibility: hidden;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
	-webkit-text-size-adjust: none;
	-webkit-overflow-scrolling: touch;
}

body
{
	-webkit-overflow-scrolling: touch;
	overflow:scroll;
	abackground: #f3f3f3;
	color: #000;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
	font-family: 'Inter', sans-serif;
	font-size:16px;
	line-height: initial;
}

html.loginpage>body
{
	height: initial;
}

html.action_lasku>body *
{
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

html.action_lasku>body *::-webkit-scrollbar
{
	display: none;
}

a:link,
a:visited
{
	afont-weight: bold;
	color: #29599a;
	display: inline-block;
	text-decoration: none;
	font-size:16px;

}

a:hover
{
	afont-weight: bold;
	color: #E60689;
	display: inline-block;
	text-decoration : underline;
}

a.sortable_row:hover
{
	color: initial;
}

a:active
{
	afont-weight: bold;
	color: #E60689;
	display: inline-block;
	text-decoration : underline;
}

a.not-active
{
	pointer-events: none;
	cursor: default;
	color: grey;
	text-decoration:none;
	background-color: rgba(0,0,0,0) !important;
}

a:focus
{
	color: #E60689;
}

a
{
	outline:none;
}

div.informbox
{
	width: 320px;
	display:block;
}

div.failbox
{
	width: 320px;
	display:block;
}

.special { color: red; font-weight:bold; border:1.0px solid black; }
.not_special { border:1.0px solid transparent; }

.rekisterit_tyot_uusihinta_td_nakyy_vain_tulostimella {
	width:0px;
	display:none;
}

html select
{
	padding-top: 0px;
	padding-bottom: 0px;
}

input[type="password"], 
input[type="text"], 
input[type="number"], 
input[type="date"],
input[type="button"],
input[type="submit"],
select, 
textarea, 
button,
a.button
{
	margin: 0px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;

	font-size: 16px;
	outline: none;
	border: 1px solid #bdbdbd;
	background-color: #FFF;
	min-height: 36px;
	font-size: 16px;
	box-sizing: border-box;
	max-width:100%;
	-webkit-appearance: none;
	-moz-appearance:none;
  border-radius: 3px;

  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

 	line-height: 1.3em;
 	backface-visibility: hidden; /* disabled inputit ei näy oikein ilman tätä */
}

input[type="password"], 
input[type="text"], 
input[type="number"], 
input[type="date"],
input[type="button"],
input[type="submit"],
select
{
	aheight: 36px;
	line-height: initial;
}

html .select2-container--default .select2-selection--single
{
	border-radius:3px;
}

select:not(:disabled)
{
	color:#000000;
}

html.cdi_ie input[type="password"], 
html.cdi_ie input[type="text"], 
html.cdi_ie input[type="date"], 
html.cdi_ie input[type="number"], 
html.cdi_ie input[type="button"],
html.cdi_ie input[type="submit"],
html.cdi_ie select, 
html.cdi_ie textarea, 
html.cdi_ie button,
html.cdi_ie a.button
{
	line-height: 1.74em;
}

html.cdi_ie .rivin_toimintopainikkeet_menuun button>i.demo-icon
{
	margin-bottom:-3px;
}

input[type="password"], 
input[type="text"],
input[type="date"],
input[type="number"], 
/*input[type="button"],*/
select, 
/*a.button*/
{
	line-height: 26px;
	height:28px;
}

textarea
{
	line-height: normal;
}

input[type="text"]:focus,
input[type="number"]:focus, 
input[type="date"]:focus,
textarea:focus,
input[type="text"]:hover,
input[type="number"]:hover,
input[type="date"]:hover,
textarea:hover
{
	border-color: #29599a;
}

html:not(.loginpage) :is(input[type="text"]:not(.jscolor):focus,
input[type="date"]:not(.jscolor):focus,
input[type="number"]:not(.jscolor):focus,
textarea:not(.jscolor):focus,
select:not(.jscolor):focus,
input[type="password"]:not(.jscolor):focus,
.datatable4>*>tr>td.focusoitu,
.inputfile-6:focus + label,
.inputfile-6:focus + label span,
.select2-container *:focus
)
{
	background-color: #E7EDF9 !important;
}

input.select2-search__field
{
	font-size: 16px;
}

input:is(input,textarea)::-webkit-input-placeholder { /* Edge */
  color: #9ea7b2;
}

input:is(input,textarea):-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9ea7b2;
}

input:is(input,textarea)::placeholder {
  color: #9ea7b2;
}

.jscolor
{
	border: none !important;
	width: 100px !important;
	vertical-align: top;
	text-align: center;
}

::selection
{
	background-color: #c0d8f9;
}

::-moz-selection
{
	background-color: #c0d8f9;
}

textarea
{
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	aheight:initial;
	aline-height:initial;
	padding-bottom: 3px;
	-ms-overflow-style: none;
	overflow:hidden;
	resize:none;
	vertical-align: top !important;
	/*max-height:200px;*/
	word-break: break-all;
	word-wrap: break-word;
	awhite-space: normal;	
}

/*
textarea::first-line
{
	line-height: 1.6em;
	color:red;
}
*/

.button_text
{
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 16px;
  /* display: inline-block; */
  aline-height: 26px;
  avertical-align: baseline;
	avertical-align: top !important;  

	margin-top: 0px;
	display: inline-block;
	aheight: 28px;
	margin-top: -1px;
	
  vertical-align: middle;
    
}

a.button
{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
}

.button_text_vali
{
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 16px;
	width: 8px;
	display: inline-block;
}

.toiminnot_painikkeet_td>a
{
	color: #29599a;
}

.toiminnot_painikkeet_td>a:hover,
.toiminnot_painikkeet_td>a:focus
{
	color: #29599a;
}

option
{ 
	abackground-color: white; 
	acolor:#000;
}

.select,
select
{
	background-color: white;
	background-image: url('../images/svg/select.svg?randval=d2096165c4653a4a6cdbf22fde90afce');
	background-repeat: no-repeat;
	background-clip: border-box;
	background-position: calc(100% - 9px) 50%;
	display: inline-block;
	padding-right: 28px!important;
	background-size: 7px;
}

.select_alempi_table,
.alempi_table select
{
	border: 1px solid #0ea430;
	background-image: url('../images/svg/select_alempi_table.svg?randval=e379583bdb196fa45bfbeb3022e80fc2');
}
.select_hover_alempi_table, .alempi_table select:hover, .alempi_table select:focus,
.alempi_table tr.hakuriviTR select:hover,
.alempi_table tr.hakuriviTR select:focus,
.alempi_table select.error
{
	border: 1px solid #13d43f;
	background-image: url('../images/svg/select_alempi_table_hover_focus.svg?randval=d9413c842f4691fc06de1c0a27c93485');
}

.select_hover, select:hover, select:focus,
tr.hakuriviTR select:hover,
tr.hakuriviTR select:focus,
select.error
{
	border-color: #4b7ab9;
}

.select_error,
select.error
{
	background-image: url('../images/svg/select_error.svg?randval=abb54ac65cf3715bd0ca8bae314153ba');
	border-color: #E60689;
}

.hakuriviTR_select,
tr.hakuriviTR select
{
}

.hakuriviTR_select_hover_focus,
tr.hakuriviTR select:hover,
tr.hakuriviTR select:focus
{
}

tr.hakuriviTR button,
tr.hakuriviTR input[type=button],
tr.hakuriviTR input[type=text],
tr.hakuriviTR input[type=number],
tr.hakuriviTR select
{
	max-width:100%;
}


html.cdi_ie input,
html.cdi_ie select,
html.cdi_ie textarea,
html.cdi_ie button
{
	border-radius: 0px;
}

select::-ms-expand
{
	display: none;
}
   
button, input[type=button], input[type=submit], a.button
{
	font-weight: 600;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	min-height: 36px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom:6px;
	padding-top:6px;
	background-color: #29599a;
	color: #FFF;
	border: 0px solid #29599a;
	line-height: initial;
	text-decoration:none;
	white-space:normal;
	vertical-align: middle;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.rivin_toimintopainikkeet_menuun :is(button, input[type=button], input[type=submit], a.button)
{
	justify-content: flex-start;
	text-transform: initial;
}

*:is(button, a.button) > i.fa-solid
{
	font-size: 18px;
}

*:is(button, a.button) > .kuvake_wrapper + span
{
	padding-left: 11px;
}

span.kuvake_wrapper:first-child>i,
span.kuvake_wrapper>img
{
	width: 22px;
}

.transparent_bg
{
	background-color: transparent !important;
	color: #29599a;
}
.transparent_bg:hover, 
.transparent_bg:focus
{
	background-color: transparent !important;
	color: #4b7ab9 !important;
}

input[type=button], input[type=submit], a.button
{
}

input[type=button], input[type=submit]
{
	display:inline-block;
}

a.button
{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

button:hover, input[type=button]:hover, 
button:focus, input[type=button]:focus,
button:hover, input[type=submit]:hover, 
button:focus, input[type=submit]:focus,
a.button:hover, 
a.button:focus
{
	background-color: #1E4171;
	border: 0px solid #1E4171 !important;
	box-shadow: 0px 4px 5px 0px #00000024;
}

button.button_style_text:hover, input[type=button].button_style_text:hover, 
button.button_style_text:focus, input[type=button].button_style_text:focus
{
	border: 1px solid #1E4171 !important;
}

.transparent_bg:hover,
.transparent_bg:focus
{
	background-color: transparent !important;
	color: #1E4171!important;
	box-shadow: none!important;
}

.transparent_bg:active
{
	background-color: transparent !important;
	color: #152F51!important;
	box-shadow: none!important;
}

.rivin_toimintopainikkeet_menuun *:is(button, input[type=button], input[type=submit], a.button):hover,
.rivin_toimintopainikkeet_menuun *:is(button, input[type=button], input[type=submit], a.button):focus
{
	box-shadow: none;
}

button:active, input[type=button]:active, 
button:active, input[type=submit]:active, 
a.button:active
{
	background-color: #152F51;
	border: 0px solid #152F51 !important;
}

input[type="checkbox"], input[type="radio"]
{
	border: 0;
}

.uudenRivinSyottoTR input {
	aborder:1.0px solid #004976;
}

.uudenRivinSyottoTR input:focus {
	abackground-color:#bce4bd;
	aborder:1.0px solid #004976;
}

.uudenRivinSyottoTR select {
	aborder:1.0px solid #004976;
}

.uudenRivinSyottoTR select:focus {
	abackground-color:#bce4bd;
	aborder:1.0px solid #004976;
}

.pakollinenMerkinta
{
	display:none;
	font-size:initial;
	width: 6px;
	abox-shadow: 0 0 0 1px #808000;
}
.pakollinenInput.pakollinenMerkinta
{
	display: inline-block;
	padding-left: 3px;
	color: #e70589;
	position: absolute;
}
.pakollinenInput + div.pakollinenMerkinta,
.pakollinenInput + * + div.pakollinenMerkinta,
.pakollinenInputdiv
{
	font-size: 0px;
	display: inline-block;
	vertical-align: middle;
	height: 4px;
	width: 4px;
	margin-left: 3px;
	abackground-color: #9acd32;
	box-sizing: border-box;
	background-color: transparent;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: contain;
	background-position: center center;
	padding: 0px;
	margin-top: 17px;
	margin-bottom: 2px;
	position: static;
	border: 0px solid transparent;
	border-top-width: 1px;
	border-bottom-width: 1px;
	position: absolute;
	background: #E60689;
	border-radius: 100%;
}



.input_wrapper
{
	display:inline-block;
	white-space:nowrap;
	abox-shadow: 0 0 0 1px #F00;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

.input_wrapper.tilioinnit
{
	padding-right: 0px;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	white-space: normal;
}

.inputin_jalkeinen_span
{
	align-self:baseline;
	word-break: initial;
}

.input_wrapper.tilioinnit.kustannuspaikka>*
{
	width: 100%!important;
}

.input_wrapper.tilioinnit>select
{
	vertical-align:top;
}

.input_wrapper.tilioinnit>input[name^=tilioinnit]
{
	align-self: baseline;
}

.input_wrapper.tilioinnit>.hakuinput
{
	amargin-right: 4px;
	awidth:64px !important;
	line-height: 26px !important;
}

.editnaytto_table *
{
	box-sizing: border-box;
	line-height: initial;
}

.hakunappi { text-color:blue; color:blue; }

.ul_list
{
  display: block;
  margin:0px;
  margin-bottom: 20px;
}

.ul_list>div
{
  margin:0px;
}

.ul_list>div:before
{
  content: "•";
  display: inline-block;
  margin-right:0.7em;
}

.h2_span {
font-size:12px;
color: #2e3192;
font-weight: bold;
}

.h3_span {
font-size:11px;
color: #2e3192;
font-weight: bold;
}

h2
{
	font-size:27px;
	font-weight:bold;
	color:black;
	display:inline-block;
}

h1, h2, h3, h4, h5, h6
{
}

h1
{
margin: 0.3em 0 0 0;
font-size: 16px;
}

/*
h2
{
font-size: 24px;
margin: 1em 0 0 0;
letter-spacing: 1px;
}

h4
{
font-size: 13px;
margin: 5px 0 0 0;
padding: 0;
letter-spacing: 1px;
}
*/

h3
{
font-size: 11px;
}

.alpha-shadow 
{
float: left;
background: url("../images/shadow1.gif") no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
	  
.alpha-shadow div 
{
background: url("../images/shadow2.png") no-repeat left top !important;
background: url("../images/shadow2.png") no-repeat left top;
padding: 0px 5px 5px 0px;
}
		    
.alpha-shadow img
{
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}

.normal
{
width: auto;
}

.noborder
{
border: 0;
background: transparent;
}

.nobordernormal
{
border: 0;
background: transparent;
width: auto;
}

/*
input#error
{
color: #ffffff;
border: 1px solid #eeebe4;
background: #ff0000;
}
*/

.error
{
	color: #E60689 !important;
}

select.error,
input.error,
textarea.error
{
	color: #E60689 !important;
	border: 1px solid #E60689 !important;
	box-shadow: inset 0px 0px 0px 1px #e60689!important;
}

select.error + .select2-container .select2-selection
{
	color: #E60689 !important;
	border: 1px solid #E60689 !important;
	box-shadow: inset 0px 0px 0px 1px #e60689!important;
}

.error_td
{
	color: #E60689;
}

.help
{
	font-size: 9px;
	margin: 0;
	font-weight: bold;
	background: #FFFF99;
	border: 1px solid #c0c0c0;
	padding: 0;
	text-align:center;
}

div.co
{
padding: 0;
border: 1px solid #eeebe4;
margin: 0.1em;
}


div.cohead
{
margin: 0;
padding: 0.1em;
font-weight: bold;
background-color: #eeebe4;
}

div.yco
{
padding: 0;
border: 0;
margin: 0.1em 0 0.5em 0;
}

h1.yco
{
font-weight: bold;
font-size: 12px;
margin: 0;
letter-spacing: 0px;
clear:both;
}

h2.yco
{
font-weight: bold;
font-size: 11px;
margin: 0;
letter-spacing: 0px;
clear:both;
}

.negative { color:red; }
#borderLeft { border-left:1.0px solid black; }
#borderRight { border-right:1.0px solid black; }

tr.hinodd td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
border-right:1px solid #eeebe4;
background:#FCF9F3;
text-align:right;
}

tr.hineven td
{
border-right:1px solid #eeebe4;
background:#fff;
text-align:right;
}

tr.hinyht td
{
border-top: 3px double #2e3192;
border-right:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:#FCF9F3;
font-weight: bold;
}

td.ots
{
background: #eeebe4;
color: #2e3192;
font-weight: bold;
}

tr.hinodd td.sis
{
border-left:1px solid #eeebe4;
color: #2e3192;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

tr.hineven td.sis
{
border-left:1px solid #eeebe4;
color: #2e3192;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

tr.hinyht td.sis
{
border-left:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
color: #2e3192;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

table
{
afont-size: 11px;
empty-cells:show;
}

td
{
vertical-align: top;
}

p.version
{
color: #ccc;
font-weight: bold;
font-size: 10px;
}

p.author
{
color: #ccc;
font-weight: bold;
font-size: 10px;
}

/*
th
{
vertical-align: top;
background: #eeebe4;
color: #2e3192;
}
*/

div#picture
{
color: #000;
clear: both;
padding: 0.5em 1em 0em 1em;
}

div.vpc
{
margin: 1em 0;
}

div.buttonbar
{
height: 2em;
clear:both;
}

div.buttonbar ul
{
margin: 1em 0 0 0;
padding: 0;
list-style:none;
}

div.buttonbar ul li
{
list-style:none;
float:left;
margin: 0;
padding: 0 2px 0 0;
}

div.buttonbar ul li input
{
display:block;
}

div.buttonbar ul li input.current
{
background: #dddbe4;
color: #23213C;
}

div.buttonbar ul li a
{
display:block;
}

ul#buttonbar
{
margin: 1em 0 0 0;
padding: 0;
list-style:none;
}

#buttonbar li
{
list-style:none;
float:left;
margin: 0;
padding: 1px;
}

ul#tabbar
{
margin: 1em 0 0 2em;
padding: 0;
list-style:none;
}

#tabbar li
{
list-style:none;
float:left;
margin: 0;
padding: 0 1px;
}

#tabbar li input
{
border-bottom: 0;
}

#tabbar li input#current
{
border-bottom: 0;
background: #dddbe4;
color: #23213C;
}

table#input
{
margin: 1em 0 0 0;
padding: 0;
border-collapse:separate;
border-spacing:0px;
}

#input tbody tr.selected td
{
background:#9cadcd;
}

#input input[type="text"], #input select,
{
width: 100%;
}

#input tbody th
{
}

#input tbody td#ots
{
background: #eeebe4;
color: #2e3192;
font-weight: bold;
}

#lastRow td {
	border-top:1.0px solid black;
	padding-top:3px;
}

.kirjaus_datatable th {
	font-size:12px;
  text-align:left;
  padding-right:15px;
}

.kirjaus_datatable td {
	font-size:12px;
}

.datatable {
	border-collapse:separate;
  border:1.0px solid #003353;
  border-right:none;
}

.datatable th {
  text-align:left;
  background-color:#b1c8f6;
  color:#2e3192;
/*	border:1.0px solid #003353;*/
  padding-right:15px;
  padding-bottom:3px;
  padding-left:10px;
  vertical-align:middle;
  border-right:1.0px solid #003353;
}

.datatable td {
  padding-right:15px;
  padding-bottom:3px;
  padding-left:10px;
/*	border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
  vertical-align:middle;
  border-right:1.0px solid #003353;
}

.datatable2 {
	border-collapse:separate;
  border:1.0px solid #003353;
  border-right:none;
}

.datatable2 th {
  text-align:left;
  background-color:#b1c8f6;
  color:#2e3192;
  padding-right:15px;
  padding-bottom:3px;
  padding-left:10px;
  vertical-align:middle;
  border-right:1.0px solid #003353;
	border-bottom:1.0px solid #003353;
}

.datatable2 td {
  padding-right:15px;
  padding-bottom:3px;
  padding-left:10px;
/*	border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
  vertical-align:middle;
  border-right:1.0px solid #003353;
}

.border_kalenteriTable tr.odd th {
	background-color:#cbcbdf;
	/*border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
	border-bottom:none;
}

.border_kalenteriTable tr.even th {
	background-color:#e9e9f2;
	/*border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
	border-bottom:none;
}

.datatable3 {
	border-collapse:separate;
  border:1.0px solid #003353;
  border-right:none;
}

.datatable3 th {
  text-align:left;
  background-color:#b1c8f6;
  color:#2e3192;
  padding-right:15px;
  padding-bottom:3px;
  padding-left:10px;
  vertical-align:middle;
	border-bottom:1.0px solid #003353;
}

.datatable3 td {
  padding-right:15px;
  padding-bottom:3px;
  padding-left:10px;
/*	border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
  vertical-align:middle;
  height:22px;
}

.datatable3 tr.odd th {
	background-color:#cbcbdf;
	/*border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
	border-bottom:none;
}

.datatable3 tr.even th {
	background-color:#e9e9f2;
	/*border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
	border-bottom:none;
}

table.datatable4
{
	border-collapse:collapse;
	border-spacing: 0px;
	border-width: 0px;
	table-layout:fixed;
	white-space:normal;
	width:10px;
	box-sizing:border-box;
	border-style:initial;
	abox-shadow: 2px 2px 9px 0px rgba(40,67,84,0.3);
	aborder-radius: 8px;
	overflow: hidden;
	background: transparent;
}

table.datatable4>tbody>tr.hakutable_yhteenvetorivit.navigointi>td {
	border: none;
}

.table_wrapper
{
	aoverflow: hidden;
  aborder-radius: 8px;
  display: inline-block;
box-sizing: content-box;
  border: 0px solid #29599a;
  padding: 0px;
  abox-shadow: 2px 2px 9px 0px rgba(40,67,84,0.3);
	position: relative;
	z-index: 1;

    apadding: 10px;
    amargin-left: -10px;
    amargin-top: -10px;
}

.table_wrapper_width
{
	max-width: 438px;
	width:100%;
	overflow: hidden;
	border-radius: initial;
	display: block;
	box-sizing: border-box;
	border: 0px solid #29599a;
	padding: 0px;
	abox-shadow: 2px 2px 9px 0px rgba(40,67,84,0.3);
}

.table_wrapper_width .editnaytto_table
{
	width:100%;
}

.table_wrapper_width_no_shadow .editnaytto_table
{
	width:100%;
}

.table_wrapper_width_no_shadow
{
	width:100%;
	amax-width: 438px;
	overflow: hidden;
	border-radius: 0px;
	display: inline-block;
	box-sizing: border-box;
	border: 0px solid #29599a;
	padding: 0px;
	abox-shadow: 2px 2px 9px 0px rgba(40,67,84,0.3);
	abox-shadow: 0 0 0px 1px #29599a;
}

.table_wrapper_no_shadow
{
	overflow: hidden;
	border-radius: 0px;
	display: inline-table;
	box-sizing: border-box;
	border: 0px solid #29599a;
	padding: 0px;
}

html:not(.cdi_phone) table:not(.alempi_table)>*>tr.datatable_otsikot>th
{
	background-color: #f2f2f2;
}

.datatable4>*>tr
{
	background-color: white;
}

.datatable4>*>tr>th,
.datatable4>*>tr>td
{
	overflow: initial;
	white-space: normal;
	box-sizing:border-box;
	max-width:0px;
	word-wrap: break-word;
}

.datatable4>colgroup>col:first-child
{
	border-left-style: hidden;
	border-left-width: 0px;
}

.datatable4>colgroup>col:last-child
{
	border-right-style: hidden;
	border-left-width: 0px;
}

.datatable4>*>tr.hakuriviTR>td
{
	border-right-style: hidden!important;
	border-left-style: hidden!important;
}

.toiminnot_col
{
	width:10px;
}

.datatable4>*>tr>td
{
	avertical-align: top !important;
}

.datatable4>*>tr>th,
.datatable4>*>tr>td,
.datatable4>*>tr
{
	box-sizing:border-box;
	height: 100%; /*FF fix*/
}

.datatable4>*>tr>th
{
	aborder:1px solid #B1D3E8;
}

.datatable4>*>tr>th
{
	aborder:1px double #32455e;
}

.datatable4>*>tr>td
{
	border-bottom: 1px solid #D7D8DB;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	/*outline: 0.1px solid #ff0000;*/
}

.datatable4>*>tr:last-child>td
{
	border-bottom:none;
}

.datatable4>*>tr.hakuriviTR>td
{
	aborder:0px double #c7c7c7; /* double wins solid in FF */
	border: none;
}

.datatable4>*>tr.hakuriviTR>td>*
{
	amargin-top:-1px;
}

.datatable4.tummempi_tausta>*>tr:not(.hakutable_yhteenvetorivit)>td
{
	abackground-color: #E1F1FB;
}

.hakuriviTR td:last-child
{
	aborder-right:1px solid black;
}

.datatable4>*>tr[id^=tr_print_rivi_]>td
{
}

.datatable4>*>tr.datatable_otsikot>th
{
	border: 1px solid #F2F2F2;
	border-top-style: hidden;
	border-bottom-style: hidden;
}

tr.hakutable_yhteenvetorivit
{
	padding-top:0px;
	background-color:transparent;
}

tr.hakutable_navigointitable_tr>td
{
	background-color:transparent;
}

.laskun_lahetystapa_select
{
	max-width: 300px;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

#peruuta_laskun_lahetys_button
{

}

#laskutalahetamuistuta_button
{
	margin-right:8px;
}

.force_inline
{
	display: inline-block !important;
	max-width: 369px !important;
}

html.action_lasku #popup_laskun_lahetys_div .editnaytto_table#laskuttaminen_laskun_lahetystiedot_table
{
	width:100%;
	background-image: none;
	background-color: rgb(255 255 255 / 43%)!important;
}

html.action_lasku #popup_laskun_lahetys_div .editnaytto_table#laskuttaminen_laskun_lahetystiedot_table>tbody>tr
{
	background-color: transparent!important;
}
html.action_lasku #popup_laskun_lahetys_div .editnaytto_table#laskuttaminen_laskun_lahetystiedot_table>tbody>tr>td
{
	vertical-align:top;
	padding-top: 9px;
	padding-bottom: 12px;
}

:focus {outline:none}

@-moz-document url-prefix()
{
	::-moz-focus-inner {border: none}
	select:-moz-focusring
	{
		color: transparent;
		text-shadow: 0px 0px 0px #000;
	}
}

.toiminnot_painikkeet_td a,
.toiminnot_painikkeet_td input,
.toiminnot_painikkeet_td select,
.toiminnot_painikkeet_td button,
.toiminnot_painikkeet_td img
{
	margin-left:12px;
	margin-top:0px !important;
	margin-bottom:0px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.alempi_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>td.toiminnot_painikkeet_td :is(button, input[type=button])
{
	margin-left: 0px;
	margin-right: 12px;
}

.toiminnot_painikkeet_td>:first-child
{
	margin-left:0px;
}

.toiminnot_painikkeet_td>div:not(.mobile_title)
{
	margin-left:-12px !important;
}

input[type=button]:not(:disabled),
input[type=submit]:not(:disabled),
button:not(:disabled),
.toiminnot_painikkeet_td img
{
	cursor:pointer;
}

.toiminnot_painikkeet_td button>i
{
	font-size: 23px;
	height:26px;
	line-height:26px;
	vertical-align: middle!important;
}

.datatable_otsikot_div *
{
	vertical-align: middle!important;
}

i.demo-icon {
	height: initial;
}

.muut_painikkeet_button>i
{
	font-size: 23px;
	height: 26px;
	line-height: 26px;
}

.toiminnot_painikkeet_th button
{
	display: inline-block;
	amargin-left: 10px;
	border: none;
	aheight: 28px !important;
	vertical-align: middle;
	abox-shadow: inset 0 0 0 1px #FF0;
}

.toiminnot_painikkeet_td button>i.icon-edit-1,
.toiminnot_painikkeet_td button>i.icon-save
{
	font-size: 23px;
}

.toiminnot_painikkeet_td select[name^=suoritettava_toiminto]
{
	/* 
	5.6*				select + button vie tilaa 5.6:n buttonin verran
	(38px			buttonin leveys
	+ 8px)		buttonin left-margin
	- 38px		selectin oikealla puolella olevan buttonin leveys
	- 2px			selectin oikealla puolella olevan buttonin left-margin
	- 8px			selectin left-margin
	*/
	width: calc(5.6*(38px + 8px) - 38px - 2px - 8px);
}

.toiminnot_painikkeet_td button
{
	height: 28px !important;
	aline-height: 26px !important;
}

.toiminnot_painikkeet_td button>i.icon-pdf_file
{
	font-size: 24px;
	height: 26px;
	line-height: 26px;
}

.toiminnot_painikkeet_td a>i.icon-pdf_file,
.toiminnot_painikkeet_td a>i.icon-up,
.toiminnot_painikkeet_td a>i.icon-move_vertically
{
	vertical-align: top;
}

.toiminnot_painikkeet_td a
{
	height: 26px;
	text-decoration:none;
	text-align: center;
	vertical-align:top !important;
}


.toiminnot_painikkeet_td button>i.icon-trash
{
	font-size: 27px;
	height: 26px;
	line-height: 26px;
}

.toiminnot_painikkeet_td button.transparent_bg>i.icon-trash
{
	font-size:26px;
	height:26px;
	line-height:26px;
	avertical-align: top;
}

.toiminnot_painikkeet_td button>i.icon-attention-alt,
.toiminnot_painikkeet_td button>i.icon-euro
{
	font-size: 27px;
	margin-top: 1px;
}

.toiminnot_painikkeet_td button>i.icon-upload-1
{
	font-size:23px;
	margin-top: -2px;
}

.toiminnot_painikkeet_td button.transparent_bg,
.toiminnot_painikkeet_th button.transparent_bg,
.trash_button
{
	padding:0px !important;
	min-width: 25px !important;
  abox-shadow:0px 0px 0px 1px red;
}

.datatable_otsikot_div
{
	position: relative;
	height: 100%;
	width: 100%;
	/* display: table; */
	abox-shadow: 0 0 0 1px rgba(255, 255, 0, 0.45);
}						
						
.hakuriviTR a
{
  width: 38px !important;
	text-align: center;
}

.hakuriviTR td:last-child
{
	padding-left:11px;
	padding-right:11px;
}

.trash_button
{
  width: 38px !important;
	padding:0px !important;

	font-size: 26px;
	height: 26px;
	line-height: 26px;
	vertical-align:middle;
}   

.toiminnot_painikkeet_td a
{
	padding:0px !important;
  width: 25px;
}

table#laskut_datatable .toiminnot_painikkeet_td a
{
  width: 38px;
}
.toiminnot_painikkeet_td button>i.icon-copy-archive
{
	font-size: 24px;
	height: 26px;
	line-height: 26px;
}

.toiminnot_painikkeet_th i.icon-toiminnot
{
	font-size: 23px;
	line-height: 30px;
	height: 33px;
	width:38px;
}

#suorita_button
{
	margin-left:2px;
}

#suorita_button>i
{
	vertical-align: baseline;
	font-size:21px;
}

.datatable4 th a,
.datatable4 td a
{
	vertical-align: middle !important;
}

.datatable4 th *,
.datatable4 td *
{
	vertical-align:middle;
}

.datatable4 th span.select2 *,
.datatable4 td span.select2 *
{
	vertical-align:initial;
}

.datatable4 th a>img,
.datatable4 td a>img
{
	vertical-align: middle;
}


.datatable4 th
{
	text-align: left;
	abackground-color: #29599a;
	color: #000;
	padding:0px;
	apadding-left:10px;
	apadding-right:10px;
	vertical-align: middle;
	/* border: 1.0px solid #004976; */
	aborder-bottom: 1px solid #dfe0e5;
	aheight: 35px;
  aborder:1px solid;
}

.harmaa_viiva
{
	aborder-top: 1px solid #dfe0e5;
}

.datatable4 th a,
.datatable4 td:not(.toiminnot_painikkeet_td) a
{
	atext-overflow: ellipsis;
	aoverflow: hidden;
	box-sizing: border-box;
	max-width: 100%;
}

tr[id^=tr_print_rivi]>td>a
{
	display:inline-block;
	aheight: 23px;
	aline-height: 23px;
}

th.toiminnot_painikkeet_th
{
	color: #FFF;
	font-size: 0;
	white-space:nowrap;
}

th.toiminnot_painikkeet_th>span
{
	font-size: 16px;
	aline-height: 35px;
	aheight: 35px;
	display: inline-block;
	vertical-align: middle;
	abox-shadow: inset 0 0 0 1px #F00;
	margin-bottom: -2px;
}

tr.paddings_th_tr>th
{
	padding-bottom: 5px;
	padding-top: 10px;
	line-height: normal;
}

.datatable4>*>tr.datatable_otsikot a,
.datatable4>*>tr.datatable_otsikot a:link,
.datatable4>*>tr.datatable_otsikot a:visited,
.datatable4>*>tr.datatable_otsikot a:hover
{
	background-color: rgba(0, 0, 0, 0);
	color: black;
	text-decoration: none;
	padding: 3px;
	padding-left: 11px;
	padding-right: 11px;
	/* line-height: 35px; */
	width: 100%;
	height: 100%;
	vertical-align: middle;
	box-sizing: border-box;

	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;

	margin: 0px;
	/* box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3); */
	padding-top: 7px;
	padding-bottom: 8px;

	min-height: 41px;
	font-weight: bold;
}

html:not(.cdi_phone) .datatable4:not(.disablehover)>*>tr:not(.disablehover):not(.hakuriviTR):not(.hakutable_yhteenvetorivit):not(.hakutable_navigointitable_tr):hover>td,
.hovered_tr>td
{
	background-color: #F2F2F2;
}

.datatable4.responsive:not(.disablehover)>*>tr:not(.disablehover):not(.hakuriviTR):not(.hakutable_yhteenvetorivit):not(.hakutable_navigointitable_tr):hover
{
	background-color: #F2F2F2!important;
}

.datatable4>*>tr.to_be_deleted_tr>td
{
	background-image: none !important;
	box-shadow: 0 0 0px 100px rgb(230 6 137 / 9%) inset;
	background-color: rgb(41 89 154 / 0%);
}

table#sarakevalinta_table tr:last-child td {
	border-bottom: none;
}

.datatable4>*>tr.hakutable_yhteenvetorivit:not(.navigointi)>*
{
	background-color: white;
	justify-content: flex-end;
}

.datatable4>*:last-child>tr:last-child>*:last-child
{
	border-right: none;
}
.datatable4>*:last-child>tr:last-child>*:first-child
{
	border-left: none;
}

.datatable4 > *:first-child > tr:first-child > :first-child {
	border-left: none;
}
.datatable4 > *:first-child > tr:first-child > :last-child {
	border-right: none;
}

tr.enablehover>td
{
	background-color:white;
}

.datatable4 td
{
  vertical-align:middle;
  abackground-color:white;
}

.datatable4 td,
.datatable4 th,
.editnaytto_table th,
.editnaytto_table td
{
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.datatable4>*>tr>th>div,
.datatable4>*>tr>td>div
{
	max-width: 100%;
	display:inline-block;
}

.datatable4>*>tr>th:first-child>div,
.datatable4>*>tr>td:first-child>div
{
	max-width: 100%;
}

.editnaytto_table td
{
	afont-size:0px;
}

#laskun_rivit_table.datatable4>*>tr:not(.hakutable_yhteenvetorivit)>td:first-child
{
	padding-top:0px;
	padding-bottom:4px;
	vertical-align:top;
}

.tuotteen_kuvaus_textarea_wrapper
{
	width:100%;
	vertical-align:top !important;
	display:block;
	margin-top: 5px;

	aborder: 1px solid;
	position: relative;
}

#laskun_rivit_table th,
#laskun_rivit_table td
{
	white-space:nowrap;
}

#laskun_rivit_table.datatable4>*>tr:last-child>td:first-child
{
}

#laskun_rivit_table.datatable4>*>tr>td select
{
	width:100%;
}

#laskun_rivit_table.datatable4>*>tr>th.toiminnot_painikkeet_th
{
	text-align: center !important;
}

.laskun_rivit_maara_cell
{
	padding-right: 2px !important;
	border-right-style: hidden !important;
	text-align: center !important;
}

.laskun_rivit_yksikko_cell
{
	padding-left: 2px !important;
	border-left-style: hidden !important;
}

th.laskun_rivit_yksikko_cell
{
	text-align:center !important;
}

.laskun_rivit_maara_cell input,
.laskun_rivit_yksikko_cell select
{
	width: 100%;
}

html:is(.action_lasku,.action_maksuera):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td :is(input,select)
{
	width: 100%;
}

html:is(.action_lasku,.action_maksuera):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td span.valuutta
{
	display:none;
}

/*
html:is(.action_lasku,.action_maksuera):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td span[id*=yksikko_span]
*/

.datatable4:not(.disablehover) tr:not(.hakuriviTR):not(.hakutable_yhteenvetorivit):not(.hakutable_navigointitable_tr):hover>td,
.active_tr>td
{
	abackground-color:#E1F1FB;
}

tr.enablehover>td
{
	abackground-color:#E1F1FB;
}

.mytable {
	border-collapse:collapse;
}

.mytable td {
	border:1.0px solid black;
	font-size:11px;
}

.last_data_row {
	border-bottom:1.0px solid #003353;
	border-right:none;
}

.grayTdBox {
	background-color:#CCC;
	border:1.0px solid black;
	height:22px;
	vertical-align:middle;
	text-align:center;
	padding-left:10px;
}

#collapseTable {
	border-collapse:collapse;
}

.tbody_piilotettu tr {
	display:none;
}

.tbody_nakyvissa tr {
	display:table-row;
}

.tila_avoin {
	color:#E60689;
}

.tila_lahetetty {
	color:gray;
}

.tila_hyvaksytty {
	color:black;
}

.failbox {
	az-index:10000;
}

.informbox {
	az-index:10000;
}

p
{
	max-width: 560px;
	width: auto;
  font-size: 16px;
  line-height: 1.5em;
  abox-shadow:0 0 0 1px red;
}

.login_paaotsikko
{
	max-width: 560px;
	font-weight: bold;
}

.palkka_div {
	display:none;
	position:absolute;
	left: 50px;
	top: 100px;
	background-color:transparent;
	width:800px;
	height:400px;
	z-index:100;
}

input[type=file]:disabled + label
{
	-webkit-filter: grayscale(100%);
	filter: url('../images/filters.svg#gray');
	filter: grayscale(100%);
	box-shadow: inset 0 0 0 50px rgba(195, 195, 195, 0.3);
	border: 1px solid #8a8a8a !important;
	color: #848484;
}

button:not(.transparent_bg):disabled,
button:not(.transparent_bg):disabled:hover,
input[type=button]:not(.transparent_bg):disabled,
input[type=button]:not(.transparent_bg):disabled:hover,
a.button.not-active
{
	background: #D7D8DB!important;
	box-shadow:initial!important;
	color: #989BA3!important;
}

select:disabled,
select:disabled:hover,
.hakuriviTR select:disabled,
.hakuriviTR select:disabled:hover,
input[type=text]:disabled,
input[type="number"]:disabled,
input[type=password]:disabled,
input[type=text]:read-only:not(.readonly_fake_mobile),
input[type=number]:read-only,
input[type=password]:read-only
{
	box-shadow: inset 0 0 0 50px rgba(195, 195, 195, 0.3);
	border: 1px solid #8a8a8a !important;
	color: #848484 !important;
}

select:disabled,
select:disabled:hover,
.hakuriviTR select:disabled,
.hakuriviTR select:disabled:hover
{
	-webkit-filter: grayscale(100%);
	filter: url('../images/filters.svg#gray');
	filter: grayscale(100%);
}

select.error:disabled,
select.error:disabled:hover,
.hakuriviTR select.error:disabled,
.hakuriviTR select.error:disabled:hover,
input[type=text].error:disabled,
input[type="number"].error:disabled,
input[type=password].error:disabled,
input[type=text].error:read-only,
input[type=number].error:read-only,
input[type=password].error:read-only
{
	border: 1px solid #E60689 !important;
	color: #848484 !important;
	box-shadow: inset 0px 0px 0px 1px #E60689, inset 0 0 0 50px rgba(195, 195, 195, 0.3) !important;
}

.transparent_bg:disabled,
.transparent_bg:disabled:hover
{
	-webkit-filter: grayscale(100%);
	filter: url('../images/filters.svg#gray');
	filter: grayscale(100%);
	color: #4b7ab9 !important;
	/*opacity: 0.5;*/
}

#help_div {
	display:none;
	position:absolute;
	left: 50px;
	top: 100px;
	background-color:transparent;
	width:800px;
	height:400px;
	z-index:100;
}

tr.valittu_rivi_even_whiteborders td {
	background:lightblue;
	border-top:1.0px solid white;
	border-bottom:1.0px solid white;
}

tr.valittu_rivi_odd_whiteborders td {
	background:lightblue;
	border-top:1.0px solid white;
	border-bottom:1.0px solid white;
}

#tuotelistaDiv {
	position:absolute;
	top:0;
	left:0;
	background-color: #fff;
	border: 1px solid #003353;
	border-top-width: 0;
	padding: 0;
	margin: 0;
	display: block;
	/*visibility: hidden;
	opacity:0.8;
	filter:alpha(opacity=80);*/
}

#tuotelistaDiv ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
}

#tuotelistaDiv a {
	display: block;
	padding: 2px;
	text-decoration: none;
	color: #000;
}

.activeTuotelistaLink {
	background-color: #d5e2ff !important;
}

.hakuriviTR td {
	padding:8px;
	padding-left:9px;
	padding-right:9px;
	border:none;
	abackground-color: #C4E3F7;
}

.datatable4>*>tr.datatable_otsikot:not(.ei_hakurivia_tablessa)>th:not(.toiminnot_painikkeet_th)
{
	padding:0px;
}

.datatable4>*>tr.datatable_otsikot.ei_hakurivia_tablessa>th
{
	color:black;
	font-weight:700;
}

.max_w_tilien_saldot
{
	max-width: 737px;
	width: 100%;
}

#taydentavien_tietojen_syotto_div .editnaytto_table
{
	width: 100%;
	amax-width: 332px;
	
}

.datatable4>*>tr>th:first-child,
.datatable4>*>tr>td:first-child
{
	aborder-left:none;
}

.datatable4>*>tr>th:last-child,
.datatable4>*>tr>td:last-child
{
	aborder-right:none;
}

.datatable4>colgroup:first-child + *>tr:first-child>*,
.datatable4>*:first-child>tr:first-child>*
{
	aborder-top:none !important;
}

.datatable4>*:last-child>tr:last-child>*
{
	aborder-bottom:none !important;
}

tr.hakutable_yhteenvetorivit td,
tr.hakutable_yhteenvetorivit th
{
	font-weight:bold !important;
	aborder-left-style: hidden !important;
}

table.hakutable_navigointitable
{
	width:100%;
	border-collapse:collapse;
	border-spacing: 0px;
	margin-bottom: 2px;
	margin-top: 1px;
}

.editnaytto_table {
	border-collapse: collapse;
	table-layout: fixed;
	border-spacing: 0px;
	box-sizing: border-box;
	border-style: hidden;
	abackground-color: #29599a;
	border-radius: 0px;
}

.margin_bottom
{
	margin-bottom:14px;
}

.margin_top
{
	margin-top: 17px;
}
    
.editnaytto_table_valiotsikko_td
{
	padding-top:0px;
	padding-bottom:0px;
	border:none;
	background-color:initial;
	display: flex;
	justify-content: space-between;
	position: relative;
	min-height: 48px;
}
.editnaytto_table>tbody>tr>td input:not([type="radio"]):not([type="checkbox"]),
.editnaytto_table>tbody>tr>td select,
.editnaytto_table>tbody>tr>td textarea
{
	width: 100%;
}

#taydentavien_tietojen_syotto_div input#taydentavat_tiedot\[tilinumero\]
{
	awidth: 260px;
}

a.editnayttotable_painike
{
	font-size: 0;
	display: inline-block;
	margin-left: 15px;
	vertical-align: top;
	height: 26px;
	line-height: 30px;
	width: 26px;
	text-align: center;
	text-decoration: none;
}

a.editnayttotable_painike:hover,
a.editnayttotable_painike:focus
{
	color: #4b7ab9 !important;
}

a.editnayttotable_painike i
{
	font-size: 21px;
  vertical-align: middle;
}
    
.editnaytto_table>tbody>tr>td select#tiedot\[laskutusasiakas_refid\]
{
	awidth: 180px;
}

.editnaytto_table>tbody>tr>td input#asiakashaku
{
	awidth: 86px;
}

.editnaytto_table td
{
	afont-size:0px;
}

.editnaytto_table th,
.editnaytto_table td
{
	word-wrap: break-word;
	white-space: normal;
	text-align:left;
	vertical-align:middle;
	line-height: normal;
}

.editnaytto_table input,
.editnaytto_table select,
.editnaytto_table .select2.select2-container,
.editnaytto_table button,
.editnaytto_table textarea
{
	margin-top:2px;
	margin-bottom:2px;
}

.datatable4 input,
.datatable4 select,
.datatable4 button,
.datatable4 span.select2,
.datatable4 textarea,
.datatable4 .inputia_vastaava
{
	margin-top:2px;
	margin-bottom:2px;
}

.datatable4 .hakuriviTR input,
.datatable4 .hakuriviTR select,
.datatable4 .hakuriviTR button,
.datatable4 .datatable_otsikot input,
.datatable4 .datatable_otsikot select,
.datatable4 .datatable_otsikot button
{
	margin-top:0px;
	margin-bottom:0px;
}

.hakup_inner
{
	line-height: normal !important;
	padding-top: 3px !important;
}

input[type=radio]
{
	margin-right: 9px;
}

col.editnaytto_table_col_1
{
	width: 40%;
}

.editnaytto_table.mobilized.myyntilasku_perustiedot col.editnaytto_table_col_1
{
	width: 26%;
}

col.editnaytto_table_col_2
{
	amax-width: 300px;
}

html .editnaytto_table th {
	font-weight: bold;
}

.editnaytto_table th,
.datatable4 th
{
	font-weight: normal;
}

.editnaytto_table_valiotsikko
{
	font-size: 18px;
	font-weight: bold;
	color: #45474D;
	display: flex;
	line-height:normal;
	abackground-color: wheat;
	abackground: linear-gradient(to bottom, #29599a 40%, #2F96D6 100%);
	text-align: left;
	awidth:494px;
	padding-right: 16px;
	margin-bottom: 0px;
	align-items: center;
}

.force_display_block
{
	display: block !important;
}

.editnaytto_table th a
{
	acolor: white !important;
	text-decoration: underline !important;
	font-weight:normal;
}

.editnaytto_table th a:hover,
.editnaytto_table th a:focus
{
	acolor: white !important;
	text-decoration: none !important;
	font-weight:normal;
}

.editnaytto_table td a
{
	white-space: normal;
}

tr.odd td {
	background-color:#c2d3de;
	/*border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
}

tr.even td {
	background-color:#c2d3de;
	/*border-left:1.0px solid #003353;
	border-right:1.0px solid #003353;*/
}

/*
a.onfocus_underline {
	text-decoration:none;
	color:black;
}

a.onfocus_underline:hover {
	text-decoration:underline;
	color:blue;
}
*/

.laskun_laskutus_table>tbody>tr>td
{
	box-shadow: inset 0 0 0 1px red;
}

.laskun_laskutus_table th {
	background-color:#004976;
	color:white;
}

.laskun_laskutus_table td {
	background-color:white;
	color:black;
}

.asetusryhma_otsikko {
	font-size:16px;
	font-weight:bold;
}

.asetus_div_first {
	border:1.0px solid #a2a2a2;
	background-color:#e9e9e9;
	padding:23px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.asetukset_lohko_table {
	border:1.0px solid #a2a2a2;
	background-color:#e9e9e9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top:14px;
}

.asetukset_lohko_table td {
	background-color:transparent;
	height:45px;
	vertical-align:middle;
	padding-left:23px;
	border-bottom:1.0px solid #a2a2a2;
	font-size:14px;
	font-weight:bold;
}

.asetukset_lohko_table tr:hover {
	background-color:#9ebacb;
	height:45px;
	vertical-align:middle;
	padding-left:23px;
	border-bottom:1.0px solid #a2a2a2;
	font-size:14px;
	font-weight:bold;
}

.asetus_onoff_button {
	cursor:pointer;
	padding-right:18px;
}

a.asetukset_lohko_table {
	font-weight:bold;
}

#tietosuojaseloste_div {
	display:none;
	width:800px;
	height:400px;
	position:absolute;
	left: 50px;
	top: 100px;
	background-color:transparent;
	z-index:1000;
}

#hinnasto_div {
	display:none;
	background-color:transparent;
}

#kysely_div {
	display:none;
	width:800px;
	height:400px;
	position:absolute;
	left: 50px;
	top: 100px;
	background-color:transparent;
	z-index:1000;
}

/*#ostolaskun_kohdistus_asiakkaan_valinta_div {
	display:none;
	width:900px;
	height:400px;
	position:absolute;
	left: 50px;
	top: 100px;
	background-color:transparent;
	z-index:1000;
}*/

#laskun_lahetys_table
{
	width:100%;
	height:100%;
	background-color:white;
}

#taydentavien_tietojen_syotto_div {
	display:none;
	amax-width:1300px;
	width:100%;
	aheight:400px;
	background-color:transparent;
}

#taydent_tiet_syot_ulompi_table
{
	border-collapse:collapse;
	border-spacing:0px;
	table-layout:fixed;
	width: 100%;
	aoverflow: hidden;
}

#taydent_tiet_syot_ulompi_table>tbody>tr>td
{
	padding: 0px;
}

.asetus_muokkausnuoli {
	width:24px;
	height:24px;
	background-image:url(../images/epic_layout/asetukset_nuoli_oikealle.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.tallenna_button {
	width:24px;
	height:24px;
	border:none;
	background-color:transparent;
	background-image:url(../images/epic_layout/checkmark_24.png);
	background-repeat:no-repeat;
}

div.asiakastietomuokkaus_table.asiakastietomuokkaus_table2
{
	abox-shadow: none;
	padding: 0px;
	amargin-top: -1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	width: 100%;	
}

.asiakastietomuokkaus_table
{
	height: auto;
	display: none;
	background: rgb(255, 255, 255);
	padding-top: 16px!important;
}

/*
display: flex;
justify-content: flex-start;
align-content: stretch;
flex-wrap: wrap;
*/
/* flex-direction: column; */

.asiakastietomuokkaus_table td {
	vertical-align:middle;
}

div.dms_dok.valilehti
{
	white-space: normal;
	awidth:400px;
	border: 0px solid transparent;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
  padding-right: 4px;
	aborder-left: 24px solid rgba(0, 0, 0, 0);
	aborder-right: 24px solid rgba(0, 0, 0, 0);

	display: flex;
	awidth: 400px;
	padding-left:0px;	
	padding-right:0px;
	position:relative;
	abox-shadow: 0 0 0 1px #9acd32;
}

.valilehdet_ja_hakunayttotable_wrapper div.dms_dok.valilehti
{
	margin-bottom: 0px;
}

div.valilehti.valilehti_ostolasku
{
	white-space: normal;
	width: calc(100% - 30px);
	border: 0px solid transparent;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	display: flex;
	padding-right: 0px;
}

.valilehti
{
	white-space: normal;
	box-sizing: content-box;
	amin-height: 45px;
	abox-shadow: 0 0 0 1px red;
	font-size: 0px;
	abackground-color: #ECECEC;
	border: 0px solid rgba(0, 0, 0, 0);
	border-bottom-width: 0px;
	margin-bottom: 0px;
	max-width: 100%;
}

.valilehti:not(.valilehti_ostolasku)
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.valilehti.valilehti_ostolasku
{
	display: inline-block;
}

.valilehti>.valilehtitd
{
	color:#62666F;
}

.valilehti>.valilehtitd, 
.valilehti>.valilehtitd_active
{
	background-color: transparent;
	font-size:16px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	padding-left: 10px;
	padding-right: 10px;
	box-shadow: none;
	border-top:6px solid transparent;
	border-bottom: 6px solid #D7D8DB;
	vertical-align: middle !important;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.valilehti:not(.valilehti_ostolasku)>.valilehtitd, 
.valilehti:not(.valilehti_ostolasku)>.valilehtitd_active
{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	aheight: 100%;
	align-items: center;
}

html .valilehti>a.valilehtitd, html .valilehti>a.valilehtitd_active,
html .valilehti>a.valilehtitd:active, html .valilehti>a.valilehtitd_active:active,
html .valilehti>a.valilehtitd:visited, html .valilehti>a.valilehtitd_active:visited,
html .valilehti>a.valilehtitd:focus, html .valilehti>a.valilehtitd_active:focus
{
	text-decoration: none!important;
}

.valilehti.valilehti_ostolasku>.valilehtitd, 
.valilehti.valilehti_ostolasku>.valilehtitd_active
{
	display: inline-block;
}

.valilehti>.valilehtitd.kuittausta_ei_ole_tullut
{
	background-color: #E60689;
}

.valilehti>.valilehtitd_active.kuittausta_ei_ole_tullut
{
	color: #E60689;
	background-color: white;
}

.valilehti .valilehtitd.kuittausta_ei_ole_tullut:hover
{
	background-color: #e35fac;
}

.valilehti>.valilehtitd:focus, 
.valilehti>.valilehtitd_active:focus
{
	text-decoration:underline !important;
}

.valilehti.valilehti_ostolasku>.valilehtitd, 
.valilehti.valilehti_ostolasku>.valilehtitd_active
{
	awidth: 100%;
	white-space: nowrap;
}
    
.valilehti>div.vali
{
	padding: 2px;
	display:inline-block;
}

div.valilehti.valilehti_ostolasku>div.vali
{
	display: inline-block;
	amin-width: 4px;
}

.valilehti .valilehtitd:hover,
#current,
.valilehti .valilehtitd:focus
{
	background-color: transparent;
	cursor: pointer;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #62666F!important;
}

.valilehti .valilehtitd_active:hover,
#current,
.valilehti .valilehtitd_active:focus
{
	border-bottom: 6px solid #29599a!important;
}

.valilehti
{
	margin-bottom: 20px;
	min-height: 48px;
}

.valilehti .valilehtitd_active
{
	background-color:transparent;
	background-image:none;
	cursor:pointer;
	color:#29599a;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #29599a!important;
}

.valilehti.valittu_valilehti_kaanteinen .valilehtitd_active
{
	background-color:transparent;
	color:#29599a;
}

.valilehti.valittu_valilehti_kaanteinen .valilehtitd:not(.valilehtitd_active)
{
	background-color:transparent;
	color:#62666F;
}

.valilehti.valilehti_ostolasku .valilehtitd_active,
#popupsisaltosolu_asiakkaan_muokkaus_div .valilehtitd_active
{
	background-color:transparent;
}

.valilehti .valilehtitd_error
{
	color: #E60689!important;
}

.valilehti .valilehtitd_error:hover,
.valilehti .valilehtitd_error:focus
{
	color: #af0468!important;
}

.valilehti .valilehtitd_error.valilehtitd_active
{
	color: #E60689!important;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #E60689 !important;
}

.valilehti .valilehtitd_error.valilehtitd_active:hover,
.valilehti .valilehtitd_error.valilehtitd_active:focus
{
	color: #af0468!important;
	border-top: 6px solid transparent;
	border-bottom: 6px solid #af0468 !important;
}

.tablen_ylapuolen_linkit
{
	aheight: 34px;
	display:flex;
	align-items:center;
	justify-items:center;
	gap: 4px;
	flex-wrap: wrap;
}

.tablen_ylapuolen_linkit a.button,
.tablen_ylapuolen_linkit input:not(.prev):not(.num):not(.next),
.tablen_ylapuolen_linkit button,
.tablen_ylapuolen_linkit select
{
	margin-right:0px;
	margin-bottom:0px;
	vertical-align:top;
}

.tablen_ylapuolen_linkit select,
.tablen_ylapuolen_linkit input
{
	vertical-align:top;
}

.tablen_ylapuolen_linkit_valilehdet
{
	margin-left:0px;
}

.tablen_ylapuolen_linkit_valilehdet a
{
	color: #29599a;
	background-color: rgba(0, 0, 0, 0);
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	/* padding-left: 11px; */
	padding-right: 17px;
	padding-bottom: 16px;
	font-weight: bold;
	font-size: 19px;
}

.tablen_ylapuolen_linkit_valilehdet a:hover,
.tablen_ylapuolen_linkit_valilehdet a:focus,
.tablen_ylapuolen_linkit_valilehdet a:active
{
	background-color: transparent !important;
	text-decoration:underline !important;
}

.tablen_ylapuolen_linkit_valilehdet a.selected
{
	text-decoration: underline;
	font-weight: bold;
	color: black;
}

.draggable_nettilasku_div {
	display:none;
	width:800px;
	height:400px;
	position:absolute;
	left: 50px;
	top: 100px;
	background-color:transparent;
	z-index:1000;
}

.hintatable
{
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
	margin-top: -6px;
	margin-bottom: 29px;
}

.hintatable td
{
	font-size: 16px;
	color: #000;
	line-height: normal;
	border-radius: 0px;
	vertical-align: middle;
	word-wrap: break-word;
	white-space: normal;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #C3C3C3;
}

.hintatable>tbody>tr.valiotsikko
{
	background-color: rgba(0, 0, 0, 0) !important;
}

.hintatable>tbody>tr:first-child>td
{
	border-top-style:hidden;
}

.hintatable>tbody>tr.valiotsikko>td
{
	padding-left:0px;
	padding-right:0px;

	padding-top:12px;
	font-size: 20px;
	padding-bottom:5px;

	border-left-style:hidden;
	border-right-style:hidden;
}

.hintatable tr:nth-child(even) {background: #F5F5F5;}
.hintatable tr:nth-child(odd) {background: #FFF}

#paperihintarivit tr
{
	display:none;
}

.hintatable tr.uudetpaperihinnat>td:first-child
{
	padding-left:25px;
} 

#uloin_table
{
	width:100%;
	height:100%;
	min-height: calc(100vh - 80px); /* yläpalkki 80px */
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
}

#uloin_table>tbody>tr>td
{
	aborder:3px solid blue;
	padding:0px;
}

.user_select_none
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* icons alkaa */

@font-face {
      font-family: 'nettilasku';
      src: url('./fontello_iconfont_21.2.2016/font/nettilasku.eot?randval=1481aaa23993c415554ceab835d84b94');
      src: url('./fontello_iconfont_21.2.2016/font/nettilasku.eot?randval=1481aaa23993c415554ceab835d84b94#iefix') format('embedded-opentype'),
           url('./fontello_iconfont_21.2.2016/font/nettilasku.woff?randval=9199da8a96235fb1f3e67d4cd867cf8d') format('woff'),
           url('./fontello_iconfont_21.2.2016/font/nettilasku.ttf?randval=aa89196acb1c8446a9cba083b34f049c') format('truetype'),
           url('./fontello_iconfont_21.2.2016/font/nettilasku.svg?randval=af9bb295735297db839981f5e3046f8f#nettilasku') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
    .demo-icon
    {
      font-family: "nettilasku";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      height:1em;
      margin:0em;
      /*width: 1em;*/
      /*margin-right: .2em;*/
      
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      /*margin-left: .2em;*/
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

}

/* icons loppuu */


*:not(.demo-icon),
*:before:not(.demo-icon),
*:after:not(.demo-icon)
{
	font-family: 'Inter', sans-serif !important;
	font-weight: 400;
}

#footer_table
{
	width:100%;
	min-height:127px;
	abackground-color: white;
	border-collapse:collapse;
}

#footer_table td
{
	vertical-align: top;
	aborder: 1px solid #B1D3E8;
	abackground-color: #CC9F9F;
	border-left: 0;
	border-right: 0;
}

#footer_benchmark_td
{
	padding-top:10px;
	padding-bottom:10px;
	abackground-color: white;
	width: 228px;
}

#admin_debug_td
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer_td
{
	padding-left: 40px!important;
	padding-right: 40px!important;
}

html.cdi_phone #footer_td
{
	padding-left: 16px!important;
	padding-right: 16px!important;
}

.admin_pre_wrapper pre
{
	max-width:800px;
	white-space: normal;
}

#vasen_menu_td
{
	width:253px !important;
	padding-left:253px !important;
	background-color: transparent;
	max-width:253px;
	box-sizing: border-box;
}

.vasen_menu_td_col_full
{
	width:253px !important;
	max-width:253px;
}

.vasen_menu_td_col_0
{
	width:0px !important;
}

html:not(.loginpage) body
{
	abackground-image: url(../images/header-background.png);
	abackground-repeat:repeat;
}

#main_td
{
	abackground-color:#e9eaed;
	background-color:transparent;
	height: 100%;
	vertical-align: top;
	abackground-color: rgba(109, 151, 177, 0.1);
}

#footer_td
{
}

div#main_padding
{
	border-width: 0px;
	padding:40px;
	apadding-left:33px;
	display:block;
	height:100%;
	width:100%;
	box-sizing: border-box;
	overflow: hidden;
}

html.cdi_phone div#main_padding
{
	padding:16px;
}

html:not(.cdi_phone) div#main_padding
{
	padding-top: 99px;
}

th, td
{
	font-size:16px;
}

div#main
{
	display:table;
	aborder: 1px solid blue;
	padding:0px;
	height:100%;
	width:100%;
	box-sizing: border-box;
	abox-shadow: 0 0 20px rgba(0, 208, 6, 0.51);
}

.anim {
	transform:translateZ(0);
  -webkit-animation: KEYFRAMENAME_W 1s infinite;
  -moz-animation:    KEYFRAMENAME_M 1s infinite;
  -o-animation:      KEYFRAMENAME_O 1s infinite;
  animation:         KEYFRAMENAME_A 1s infinite;
}

@-webkit-keyframes KEYFRAMENAME_W {
  0%   { opacity: 0; color:#E60689;}
  100% { opacity: 1; color:#E60689;}
}
@-moz-keyframes KEYFRAMENAME_M {
  0%   { opacity: 0; color:#E60689;}
  100% { opacity: 1; color:#E60689;}
}
@-o-keyframes KEYFRAMENAME_O {
  0%   { opacity: 0; color:#E60689;}
  100% { opacity: 1; color:#E60689;}
}
@keyframes KEYFRAMENAME_A {
  0%   { opacity: 0; color:#E60689;}
  100% { opacity: 1; color:#E60689;}
}

#ajax_peitto
{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:none;
	background-color:rgba(0,0,0,0.1);
	z-index:10000;
	amix-blend-mode: multiply;
}

#xajax_jumissa_div
{
	display: none;
	width:200px;
}

.popup.ui-draggable .otsikkoteksti_td.ui-draggable-handle
{
	cursor:move;
}

.popup .sulkupainike_td
{
	font-size: 24px;
	cursor:pointer;
}

.popup .sulkupainike_td:hover
{
	color:black;
}

.hw_acceleration
{
	-webkit-transform: translate3D(0px,0px,0px);
   -moz-transform: translate3D(0px,0px,0px);
   -ms-transform: translate3D(0px,0px,0px);
   -o-transform: translate3D(0px,0px,0px);
   transform: translate3D(0px,0px,0px);
/*
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
*/
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;

	-webkit-font-smoothing:subpixel-antialiased;
}	

.hw_acceleration2
{
	-webkit-transform: translateZ(100);
   -moz-transform: translateZ(100);
   -ms-transform: translateZ(100);
   -o-transform: translateZ(100);
   transform: translateZ(100);
/*
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
*/
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}

.popup
{
	z-index: 900;
	display: inline-table;
	aborder: 2px solid red !important;
	position: absolute;
	width: auto;
	opacity: 1;
	amax-width: fit-content;
	amin-width: fit-content;
}

/* popup starts */
.popup_inner_table
{

	atable-layout: fixed;
	adisplay: block !important;
	width: 100%;
	opacity: 1;
	border-collapse: separate;
	border-spacing: 0px;
	border-style: hidden;
	amin-width: 200px;
	position: relative;
	left: 0px;
	top: 0px;
	abackground-color: #29599a;
	abackground-image: url(../images/popup_yla_liuku.png), url(../images/popup_ala_image.png);
	abackground-repeat: repeat-x, repeat-x;
	abackground-position: 0px 0px, 0px 201px;
	abackground-size: auto, 100% 100%;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	abox-shadow: 0 0px 26px 10px rgba(0, 0, 0, .65);
	font-size: 16px;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 0px solid red;
	abackground: linear-gradient( 
0deg, #ffffffd9 calc(100% - 168px), #dfdfdf6e calc(100% - 21px));
	box-shadow: 2px 6px 19px rgb(92 96 102 / 50%);
	background:white;
}

.popup.ikkuna_oikealle .popup_inner_table
{
	border-radius:0px;
}

.popup:not(.ilmoitus_toiminto_onnistui):not(.ilmoitus_toiminto_epaonnistui):not(.ilmoitus)>table.popup_inner_table:after
{
	background-color: #104a99;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: '';
	border-radius: 10px;
	overflow: hidden;
}

/* if backdrop support: very transparent and blurred */
/*
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {

	.popup.translucent .popup_inner_table
	{
		abackground: linear-gradient( 
0deg, #ffffff calc(100% - 400px), rgb(255 255 255 / 88%) calc(100% - 112px), hsl(215deg 58% 57% / 70%) 100%);
	}

	.popup.translucent table.popup_inner_table:before {
		acontent: '';
		-webkit-backdrop-filter: blur(14px);
		backdrop-filter: blur(14px);
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: -1;
		border-radius: 10px;
		overflow: hidden;
	}

	.popup.translucent table.popup_inner_table:after
	{
		content:none!important;
	}
}
*/

.popup>.popup_inner_table td[id^="popupsisaltosolu_"]
{
	border-radius: 0px !important;
	background: none !important;
	border: 0px solid rgb(255, 0, 0);
}


.popup_inner_table>tbody>tr>th
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

	border: 0px solid transparent; /*#0E4567;*/

	height: 30px;
	min-height: 30px;
	padding:0px;
	border-bottom-width: 0px;
	box-sizing:border-box;
	abackground-color:#29599a;
	cursor: default;
	abackground-color: rgba(0,111,179,0.8);
	abackground: linear-gradient(to top, rgba(255,255,255,0.9), rgba(255,255,255,0.5));
	abackground-image: url(../images/pysty_valko_lapinakyva.png);
	abackground-size: 100% 100%;
	abackground-repeat: repeat-x;
}

.ilmoitus_toiminto_epaonnistui,
.ilmoitus_toiminto_onnistui,
.ilmoitus
{
	position:fixed;
}

:is(.ilmoitus_toiminto_epaonnistui, .ilmoitus_toiminto_onnistui, .ilmoitus) [id^="popupsisaltosolu_scrollaus_div"]
{
	overflow: auto;
	scrollbar-width: none; /* Firefox */	
}

:is(.ilmoitus_toiminto_epaonnistui, .ilmoitus_toiminto_onnistui, .ilmoitus) [id^="popupsisaltosolu_scrollaus_div"]
::-webkit-scrollbar {
    display: none; /* Chrome, Safari ja Edge */
}

:not(.ilmoitus_toiminto_epaonnistui, .ilmoitus_toiminto_onnistui, .ilmoitus) .otsikkoteksti_td
{
	padding-right: 24px!important;
}

:is(.ilmoitus_toiminto_epaonnistui) [id^="popupsisaltosolu_scrollaus_div"]
{
	margin: 0px!important;
	margin-bottom: 15px!important;
	margin-top: 15!important;
	box-sizing: border-box!important;
	padding: 15px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	color: #E60689!important;
}

:is(.ilmoitus_toiminto_onnistui) [id^="popupsisaltosolu_scrollaus_div"]
{
	margin: 0px!important;
	margin-bottom: 15px!important;
	margin-top: 15!important;
	box-sizing: border-box!important;
	padding: 15px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	color: #006400!important;
}

:is(.ilmoitus) [id^="popupsisaltosolu_scrollaus_div"]
{
	margin: 0px!important;
	margin-bottom: 15px!important;
	margin-top: 15!important;
	box-sizing: border-box!important;
	padding: 15px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	color: #000!important;
}

:is(.ilmoitus_toiminto_epaonnistui, .ilmoitus_toiminto_onnistui, .ilmoitus) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike
{
	min-height:40px!important;
}

:is(.ilmoitus_toiminto_epaonnistui) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td
{
	font-weight:500!important;
	padding-left: 15px !important;
	padding-top: 5px !important;
	padding-right: 15px !important;
	color: #E60689 !important;
}

:is(.ilmoitus_toiminto_onnistui) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td
{
	font-weight:500!important;
	padding-left: 15px !important;
	padding-top: 5px !important;
	padding-right: 15px !important;
	color: #006400 !important;
}

:is(.ilmoitus) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td
{
	font-weight:500!important;
	padding-left: 15px !important;
	padding-top: 5px !important;
	padding-right: 15px !important;
	color: #000 !important;
}

:is(.ilmoitus_toiminto_epaonnistui, .ilmoitus_toiminto_onnistui, .ilmoitus) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.fitpainike_td
{
	text-align: right!important;
}

:is(.ilmoitus_toiminto_epaonnistui, .ilmoitus_toiminto_onnistui, .ilmoitus) i.fitpainike
{
	margin-top: 4px!important;
	visibility: hidden!important;
}

:is(.ilmoitus_toiminto_onnistui) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike i
{
	color: #006400!important;
	padding-right: 5px!important;
}

:is(.ilmoitus_toiminto_epaonnistui) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike i
{
	color: #E60689!important;
	padding-right: 5px!important;
}

:is(.ilmoitus_toiminto_epaonnistui) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike .sulkupainike_td:hover i,
:is(.ilmoitus_toiminto_epaonnistui) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike .fitpainike_td:hover i
{
	color: #E60689!important;
}

:is(.ilmoitus) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike i
{
	color: #29599A!important;
	padding-right: 5px!important;
}

:is(.ilmoitus) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike .sulkupainike_td:hover i,
:is(.ilmoitus) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike .fitpainike_td:hover i
{
	color: #29599A!important;
}

:is(.ilmoitus_toiminto_onnistui) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike .sulkupainike_td:hover i,
:is(.ilmoitus_toiminto_onnistui) .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike .fitpainike_td:hover i
{
	color: #008700!important;
}

.progress_popup
{
	position:absolute;
	top:0px;
	left:0px;
}

html.cdi_phone .popup:is(.ilmoitus_toiminto_epaonnistui, .ilmoitus_toiminto_onnistui, .ilmoitus)
{
	left:0px!important;
	width:100vw!important;
	min-width:100vw!important;
	max-width:100vw!important;
}

html.cdi_phone .popup:is(.ilmoitus_toiminto_epaonnistui, .ilmoitus_toiminto_onnistui, .ilmoitus) .popup_inner_table
{
	width:100vw!important;
	min-width:100vw!important;
	max-width:100vw!important;
}

.popup:not(.ilmoitus_toiminto_onnistui):not(.ilmoitus_toiminto_epaonnistui):not(.ikkuna):not(.ilmoitus):not(.click_tooltip):not(.tooltip)>.popup_inner_table
{
	background-color: white !important;
}

div.popup.click_tooltip>table.popup_inner_table,
div.popup.tooltip>table.popup_inner_table
{
	background-color: transparent !important;
	background-image: none !important;
}


.popup.click_tooltip>.popup_inner_table>tbody>tr,
.popup.tooltip>.popup_inner_table>tbody>tr
{
	background-color: transparent !important;
}

.ilmoitus_toiminto_onnistui>.popup_inner_table
{
	background-color: #00BD29 !important;
}
.ilmoitus_toiminto_epaonnistui>.popup_inner_table
{
	background-color: #f9d7eb!important;
	border-left: 4px solid #E60689;
}
.ilmoitus_toiminto_onnistui>.popup_inner_table
{
	background-color: #ccecd5!important;
	border-left: 4px solid #21ac50;
}
.ilmoitus>.popup_inner_table
{
	background-color: white!important;
	border-left: 4px solid #29599A;
}

.popup.ilmoitus_toiminto_onnistui .progress_popup
{
	background-color: #21ac50;
}
.popup.ilmoitus_toiminto_epaonnistui .progress_popup
{
	background-color: #E60689;
}
.popup.ilmoitus .progress_popup
{
	background-color: #29599A;
}

div#popupsisaltosolu_scrollaus_div_hoverpopup
{
	margin: 0px;
	margin-bottom: 11px !important;
	margin-top: 8px !important;
	box-sizing: border-box;
	padding: 11px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: rgb(34 34 34) !important;
	font-size: 15px;
}

.ikkuna
{
}

div.popup.click_tooltip
{
	display: inline-table;
	opacity: 1;
	top: 1110px;
	left: 17px;
	width: calc(100vw - 36px);
}

div.popup.click_tooltip>table.popup_inner_table,
div.popup.tooltip>table.popup_inner_table
{
	background-color: #ffffff !important;
	background-image: none !important;
	amix-blend-mode: multiply;
	border-radius: 4px;
	overflow: hidden;
}

div.popup.click_tooltip,
div.popup.tooltip {
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2)) 
					drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) 
					drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	max-width: 100vw;
}

.nuoli_div_parent
{
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 21px solid #fff;
	content: '';
	position: absolute;
	top: -21px;
	left: 50%;
	z-index: 1;
	margin-left:-7px;
}

table.popup_inner_table.popup_nuoli
{
	background-color: white !important;
	border-radius: 0.5em;
	box-shadow: 0 0 0.5em black;
	position: relative;
	overflow: visible;
}
table.popup_inner_table.popup_nuoli::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-bottom: 14px solid white;
	border-right: 8px solid transparent;
	left: calc(50% - 8px);
	top: -14px;
}

.ilmoitus_toiminto_onnistui.popup>.popup_inner_table>tbody>tr>th
{
	border: 0px solid #00FF00;
  abackground-color: #00BD29;
}

.ilmoitus_toiminto_epaonnistui.popup>.popup_inner_table>tbody>tr>th
{
	border: 0px solid #D60404;
  abackground-color: #F10101;
}

.ilmoitus_toiminto_onnistui.popup>.popup_inner_table>tbody>tr>td,
.ilmoitus_toiminto_epaonnistui.popup>.popup_inner_table>tbody>tr>td
{
	border: 0px solid #D60404;
	abackground-color: #FFF;
}
    
.mobilephone
{
	border-radius:0px !important;
}


.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike
{
	border-collapse:separate;
	border-spacing:0px;
	border-width:0px;
	height: 100%;
	width: 100%;
}

.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td
{
	white-space: normal;
	color: #000!important;
	text-align: left;
	vertical-align: middle;
	border-width: 0px;
	padding: 6px;
	padding-left: 32px;
	padding-right: 0px;
	/* height: 35px; */
	/* line-height: 35px; */

	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	min-height: 80px;
}

.popup.otsikko_space .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td
{
	min-height: initial;
}

/*
.popup[class*="click_"] .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td
{
	padding-left: 32px!important;
	padding-top: 16px;
	vertical-align: bottom;
	padding-bottom: 0px;
	min-height: 80px;
}

.otsikko_space.popup[class*="click_"] .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td
{
	min-height: initial;
}
*/

.otsikkoteksti_th
{
	border-bottom: 0px solid #d7d8db!important;
}

.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td
{
	color: rgba(0, 0, 0, 0);
	padding: 0px;
	width: 47px;
	min-width: 47px;
	max-width: 47px;
	text-align: right;
	vertical-align: middle;
	border-width: 0px;
	apadding-right: 20px;
	min-height: 80px;
}
.popup.otsikko_space .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td
{
	min-height: initial;
}

.popup_inner_table>tbody>tr>td
{
	text-align:left;
	vertical-align:top;
	min-height: 100px;
	padding: 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
	/*border-top-width: 0px;*/
	box-sizing:border-box;
	abackground-color:white;
	color:black;
	
	border: 0px solid #0E4567;
	overflow:hidden;
	abox-shadow:inset 0 0 5px blue;
}

.popup.ikkuna>.popup_inner_table
{
	box-shadow: 0 3px 30px rgba(0, 0, 0, .65);
}

.popup.click_tooltip>.popup_inner_table,
.popup.tooltip>.popup_inner_table
{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow:none;
}

.popup.click_tooltip>.popup_inner_table>tbody>tr>td,
.popup.tooltip>.popup_inner_table>tbody>tr>td
{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border: 0px solid #D9D9D9;
}

#popupsisaltosolu_scrollaus_div_tooltip
{
	position:relative;
}

#popupsisaltosolu_scrollaus_div_tooltip button
{
	margin-bottom:8px;
}

#lisaa_uusi_yksikko_div #uusi_yksikko_arvo,
#lisaa_uusi_asiakasryhma_div #uusi_asiakasryhma_arvo,
#kommentin_muokkaus_div #kommentin_muokkaus_kommentti,
#hyvityslaskun_luonti_div #hyvityspaiva,
#hyvityslaskun_luonti_div #trigger_hyvityspaiva,
#hyvityslaskun_luonti_div #hyvityslaskun_luonti_select,
#maksetuksi_merkkaus_div #maksetuksi_merkkaus_maksupaiva,
#maksetuksi_merkkaus_div #maksetuksi_merkkaus_summa,
#maksetuksi_merkkaus_div #maksetuksi_merkkaus_maksutapa,
#laheta_email_div #laheta_lahetysluettelo_email_subject,
#laheta_email_div #laheta_lahetysluettelo_email_body,
#popup_maksettu_div #maksupaiva,
#tuotava_tiedosto_file,
#tiedot_delimiter,
#tiedot_enclosure,
#jatka_input,
#paivita_hinnat_input,
#tuotteiden_tuonti_takaisin,
#massahyvitys_hyvityspaiva,
#massahyvitys_kytketaanko_veloituslaskuun,
#laskuttamattomien_poisto_from_date,
#laskuttamattomien_poisto_to_date,
#siirra_kohdistamattomiin_inputti_div,
#massamuistutus_maksumuistutus_euroa,
#massamuistutus_lahetystapa,
.popup_inputin_wrapper,
#laheta_email_osoitteeseen,
#email_viesti,
#uusi_rooli_arvo,
#esta_muist_datekentta,
#yhdistettavan_username,
#yhdistettavan_asiakasid,
#massaluottotappio_kirjauspaiva,
#muuta_erapaivaa_erapaiva,
#muuta_erapaivaa_kommentti,
#kopioi_lasku_maara,
#popup_korjaustoiminnot_ulompi_div :is(select, input, textarea, .fileinput-box)
{
	margin-top: 10px;
	margin-bottom: 14px;
}

#kommentin_muokkaus_div #kommentin_muokkaus_kommentti
{
	width: 100%;
}

.hakuriviTR td
{
	aborder-style: hidden !important;
}

#span_tuontitiedosto
{
	width: 220px;
	max-width: 220px;
}

.fileinput-div.click_tooltip_vasen_painike #lisaa_massaliite_input_button
{
	vertical-align:top;
}

#laskuttamattomien_poisto_from_date
{
	margin-right:4px;
}
#laskuttamattomien_poisto_to_date
{
	margin-left:4px;
}

.click_tooltip_vasen_painike,
.click_tooltip_peruuta
{
	margin-right:8px !important;
	margin-bottom: 4px !important;
	margin-top: 10px !important;
}

#hyvityslaskun_luonti_div .peruuta,
#hyvityslaskun_luonti_div #tee_hyvityslasku_button,
#maksetuksi_merkkaus_div .tallenna,
#maksetuksi_merkkaus_div .peruuta
{
	margin-top: 14px;
}

#maksetuksi_merkkaus_div #maksetuksi_merkkaus_maksupaiva,
#maksetuksi_merkkaus_div #maksetuksi_merkkaus_summa,
#maksetuksi_merkkaus_div #maksetuksi_merkkaus_maksutapa
{
	width:100%;
}

#kommentin_muokkaus_otsikko
{
	font-weight: normal;
}

#lisaa_uusi_kustannuspaikka_div
{
	width: 200px;
	height: 95px;
	display:none;
}
   
#lisaa_uusi_kustannuspaikka_div #uusi_kustannuspaikka_arvo
{
	margin-top: 8px;
	margin-bottom: 8px;
}    

#lisaa_uusi_kustannuspaikka_div #peruuta_kustannuspaikka {
    margin-left: 8px;
}

.popup_inner_table div[id^="popupsisaltosolu_scrollaus"]
{
	padding: 0px;
	margin:0px;
	abox-shadow:inset 0 0 5px red;
}

.popup.click_tooltip>.popup_inner_table, .popup.tooltip>.popup_inner_table
{
	overflow:visible; /* jotta piikki näkyy */
}

.popup>.popup_inner_table div[id^="popupsisaltosolu_scrollaus"]
{
	aword-break: break-all;
}

.popup.click_tooltip .popup_inner_table div[id^="popupsisaltosolu_scrollaus"]
{
	margin:13px;
	padding: 0px!important;
}


.popup>.popup_inner_table>tbody>tr>td>div>div,
.popup>.popup_inner_table>tbody>tr>td>div>table,
.popup>.popup_inner_table>tbody>tr>td>div>span
{
	visibility: visible;
}
.popup>.popup_inner_table>tbody>tr>td>div>div,
.popup>.popup_inner_table>tbody>tr>td>div>span
{
	display: block !important;
}
.popup>.popup_inner_table>tbody>tr>td>div>table
{
	display: table !important;
}

/*
table.popup>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td
{
	padding-right:6px;
}
*/

.popup>.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td>a
{
	text-decoration: none;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	display: inline;
}

.popup>.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td>a:hover .icon-cancel
{
	color: white !important;
}

.popup>.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td>a:focus .icon-cancel
{
	color: white !important;
}

.popup>.popup_inner_table>tbody>tr>td.eiotsikkoa
{
	/*border-top-width: 2px !important;*/
	box-sizing:border-box;
	abackground-color:transparent !important;
	color:black;
}

/*
Tämä härpäke on koko ajan sijoittuneena ruudun keskelle täyttäen koko ruudun. Salaisuus on position:fixed. Tästä saa katsottua ruudun keskustan kun popuppi keskitetään. Samoin ruudun oikean yläreunan, johon viest/virheilmoitukset tulevat.
*/
#viewport_box
{
	position:fixed;
	pointer-events:none;
	top: 0px;
	left: 0px;
	opacity: 1;
	width: 100%;
	height: 100%;
	z-index:-10000;
	background-color: transparent;
	aborder:20px solid red;
	abox-shadow: inset rgba(0,255,0,0.4) 0 0 0px 10px;
	/*-webkit-backface-visibility: hidden;*/
}

#viewport_box_margineilla
{
	position: fixed;
	z-index:-10000;
	background-color: transparent;

	pointer-events:none;
	top: 10px;
	left: -10px;
	border: none;
	z-index: 50;
	padding: 33px;
	width: 100%;
	height: 100%;
	padding-left: 20px;
	padding-right: 0px;
	box-sizing: border-box;
	padding-bottom: 0px;
	border-bottom: 20px solid #0000;
	padding-top: 0px;

}

#viewport_box_margineilla_inner
{
	abackground-color: rgba(197, 53, 125, 0.3);
	height: 100%;
	abox-shadow: inset rgba(255,0,0,0.4) 0 0 0px 3px;

}

/* popup ends */

#mainform
{
	height: 100%;
	width: 100%;
}
.bodynpeitto_tumma
{
	background-color: rgba(0,0,0,0.3) !important;
}

[id^=bodynpeitto]
{
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	z-index:900;
	background-color: rgba(255,255,255,0);
	position: fixed;
	width: 100%;
	height: 100%;
}

#bodynpeitto
{
	background-color: rgba(255,0,0,0);
	z-index:10000;
}

.bodynpeitto_popupin_alla
{
	background-color: rgba(0,0,0,0.3) !important;
}

/*
.xajax_loading_div_ikkunan_alla
{
	background-color: rgba(0,255,0,0.3) !important;
}
*/

#ylaliuku_png
{
	width:100%;
	position:absolute;
	width: 100%;
	top: 44px;
	left: 0px;
	z-index: 2;
	height: 3px;
}

.sort_alas,
.sort_alas:focus
{
	background-image: url('../images/svg/sort_alas.svg?randval=219434e61dc56badd0ba3cfbaff1a0f3');
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: 10px 6px;
	background-position: center 2px;
}

.sort_ylos,
.sort_ylos:focus
{
	background-image: url('../images/svg/sort_ylos.svg?randval=e2696ee6a8db6b654434163026dbbd2b');
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: 10px 6px;
	background-position: center 2px;
}

.th_sort_ylos_hover,
.th_sort_ylos_hover_:hover,
.th_sort_ylos_hover_:focus
{
	background-image: url('../images/svg/th_sort_ylos_hover_focus.svg?randval=ede5c20a34524e082db93002fe5a9b73') !important;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: 10px 6px;
	background-position: center 2px;
}

.th_sort_alas_hover,
.th_sort_alas_hover_:hover,
.th_sort_alas_hover_:focus
{
	background-image: url('../images/svg/th_sort_alas_hover_focus.svg?randval=c86d54949c7248d2d47493fa5d36e24e') !important;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: 10px 6px;
	background-position: center 2px;
}

.alempi_table .th_sort_alas_hover,
.alempi_table .th_sort_alas_hover_:hover,
.alempi_table .th_sort_alas_hover_:focus
{
	background-image: url('../images/svg/alempi_table_th_sort_alas_hover_focus.svg?randval=ccb5b5452b01974b38d068a9f674aadb') !important;
	background-repeat: no-repeat;
	background-clip: border-box;
	background-size: 10px 6px;
	background-position: center 2px;
}

/* forms alkaa */

input[type="checkbox"].mycheckbox + label,
.user_select_none
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mycheckbox_div
{
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
	margin-top: 4px;
	abox-shadow:inset 0 0 4px rgba(255,0,0,0.4);
}

.datatable4 .mycheckbox_div
{
	margin-bottom: 0px;
	margin-top: 0px;
}

.mycheckbox_div_asetukset
{
	display: inline-block;
	position: relative;
	margin-bottom: 0px;
	margin-top: 0px;
	abox-shadow: 0 0 0 1px rgba(255,0,0,1);
	width:100%;
}

span.mycheckbox_text_asetukset
{
	display: inline-block;
	margin-right: 12px;
	aheight: 26px;
	line-height: normal;
	vertical-align: middle;
	margin-left:0px;
	abox-shadow:inset 0 0 0 1px yellow;
	padding-top: 2px;
	padding-bottom: 2px;
}

span.mycheckbox_text,
label.netti-checkbox
{
	display: inline-block;
	margin-right: 12px;
	min-height: 26px;
	line-height: 26px;
	vertical-align: middle;
	margin-left:8px;
}

span.mycheckbox_text.mycheckbox_text_inline
{
	display: inline;
}

.mycheckbox_div_asetukset input[type="checkbox"].mycheckbox,
.mycheckbox_div_asetukset input[type="checkbox"].mycheckbox + label
{
	float:right;
}

input[type="checkbox"].mycheckbox
{
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance:none;
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	opacity:0.01!important;
	avisibility: hidden;
	width: 26px;
	height: 26px;
	box-shadow: inset 0 0 7px #FFA500;
	z-index: 1;
}

input[type="checkbox"].netti-checkbox
{
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	vertical-align: middle;
	position: relative;
	cursor: default;
	width: 26px;
	height: 26px;
	border: 1px solid #29599a;
	background-color: white;
	border-radius:5px;
	z-index: 0;
}
input[type="checkbox"].netti-checkbox::-ms-expand
{
	display: none;
}

/*
content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
*/
input[type="checkbox"].mycheckbox + label
{
	position:relative;
	top:0px;
	left:0px;
	display: inline-block;
	vertical-align: middle;
	cursor: default;
	margin: 0px;
	padding: 0px;
	width: 26px;
	min-width: 26px;
	height: 26px;
	border: 1px solid #29599a;
	background-color: white;
	border-radius:5px;
  z-index: 0;
}

input[type="checkbox"].mycheckbox.error + label,
input[type="checkbox"].netti-checkbox.error
{
	box-shadow: 0px 0px 0px 1px #E60689 !important;
	border: 1px solid #E60689 !important;
}

input[type="checkbox"].mycheckbox:focus + label,
input[type="checkbox"].mycheckbox + label:active,
input[type="checkbox"].mycheckbox + label:hover,
input[type="checkbox"].mycheckbox:active + label,
input[type="checkbox"].mycheckbox:hover + label,
input[type="checkbox"].netti-checkbox:focus,
input[type="checkbox"].netti-checkbox:active,
input[type="checkbox"].netti-checkbox:hover
{
	border: 1px solid #4b7ab9;
	background-color: #F2FAFF;
}

.checked_checkbox,
input[type="checkbox"].mycheckbox:checked + label,
input[type="checkbox"].netti-checkbox:checked
{
	border:1px solid #29599a;
	background-color: #29599a;
	background-image: url('../images/svg/checked_checkbox.svg?randval=2c3c1bd7ca2eef5aaa3667f9f9e76794');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.focused_checked_checkbox,
input[type="checkbox"].mycheckbox:checked:focus + label,
input[type="checkbox"].mycheckbox:checked + label:active,
input[type="checkbox"].mycheckbox:checked + label:hover,
input[type="checkbox"].mycheckbox:checked:active + label,
input[type="checkbox"].mycheckbox:checked:hover + label,
input[type="checkbox"].netti-checkbox:checked:focus,
input[type="checkbox"].netti-checkbox:checked:active,
input[type="checkbox"].netti-checkbox:checked:hover
{
	border:1px solid #4b7ab9;
	background-color: #4b7ab9;
	background-image: url('../images/svg/focused_checked_checkbox.svg?randval=2c3c1bd7ca2eef5aaa3667f9f9e76794');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

input[type="checkbox"].mycheckbox:disabled + label,
input[type="checkbox"].mycheckbox:disabled + label:active,
input[type="checkbox"].netti-checkbox:disabled
{
	border:1px solid #B2B2B2;
	background-color: #EEEEEE;
}

.checked_disabled_checkbox,
input[type="checkbox"].mycheckbox:disabled:checked + label,
input[type="checkbox"].mycheckbox:disabled:checked + label:active,
input[type="checkbox"].netti-checkbox:disabled:checked
{
	border:1px solid #B2B2B2;
	background-color: #EEEEEE;
	background-image: url('../images/svg/checked_disabled_checkbox.svg?randval=2403cd5288001b0ec9268637265ac652');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

/* PIN-koodilla kirjautuminen -checkbox alkaa */

input[type="checkbox"].mycheckbox#muista_minut_checkbox:checked + label
{
	border: 1px solid #29599a;
	background-color: #29599a;
	background-image: url('../images/svg/input_type_checkbox_mycheckbox_muista_minut_checkbox_checked.svg?randval=2c3c1bd7ca2eef5aaa3667f9f9e76794');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

input[type="checkbox"].mycheckbox#muista_minut_checkbox:checked:focus + label, 
input[type="checkbox"].mycheckbox#muista_minut_checkbox:checked + label:active, 
input[type="checkbox"].mycheckbox#muista_minut_checkbox:checked + label:hover, 
input[type="checkbox"].mycheckbox#muista_minut_checkbox:checked:active + label, 
input[type="checkbox"].mycheckbox#muista_minut_checkbox:checked:hover + label 
{
	border: 1px solid #4b7ab9;
	background-color: #4b7ab9;
	background-image: url('../images/svg/input_type_checkbox_mycheckbox_muista_minut_checkbox_checked_focus_hover.svg?randval=2c3c1bd7ca2eef5aaa3667f9f9e76794');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
						
input[type="checkbox"].mycheckbox#muista_minut_checkbox + label,
input[type="checkbox"].mycheckbox#muista_minut_checkbox:hover + label,
input[type="checkbox"].mycheckbox#muista_minut_checkbox:active + label,
input[type="checkbox"].mycheckbox#muista_minut_checkbox:focus + label
{
	border: 1px solid transparent;
	background-color: white;
}

input[type="checkbox"].mycheckbox#muista_minut_checkbox:focus + label
{
	border: 1px solid #9ab6dc;
	background-color: white;
}

/*
PIN-koodilla kirjautuminen -checkbox loppuu
*/						


.myradio_div
{
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
	margin-top: 4px;
	abox-shadow:inset 0 0 4px rgba(255,0,0,0.4);
}

#ostoreskontra_raportit_div .myradio_div
{
	display: block;
}

span.myradio_text
{
	display: inline;
	margin-right: 14px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	margin-left:4px;
}

input[type="radio"].myradio
{
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance:none;
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	opacity:0.01!important;
	avisibility: hidden;
	width: 26px;
	height: 26px;
	box-shadow: inset 0 0 7px #FFA500;
	z-index: 1;
}

input[type="radio"].netti-radio
{
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	vertical-align: middle;
	position: relative;
	cursor: default;
	width: 26px;
	height: 26px;
	border: 1px solid #29599a;
	background-color: white;
	border-radius:18px;
	z-index: 0;
}
input[type="radio"].netti-radio::-ms-expand
{
	display: none;
}

input[type="radio"].myradio + label
{
	position:relative;
	top:0px;
	left:0px;
	display: inline-block;
	vertical-align: middle;
	cursor: default;
	margin: 0px;
	padding: 0px;
	width: 26px;
	height: 26px;
	border: 1px solid #29599a;
	background-color: white;
	border-radius:18px;
  z-index: 0;
}

input[type="radio"].myradio.error + label,
input[type="radio"].netti-radio.error
{
	box-shadow: 0px 0px 0px 1px #E60689 !important;
	border: 1px solid #E60689 !important;
}

input[type="radio"].myradio + label
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type="radio"].myradio:focus + label,
input[type="radio"].myradio + label:active,
input[type="radio"].myradio + label:hover,
input[type="radio"].myradio:active + label,
input[type="radio"].myradio:hover + label,
input[type="radio"].netti-radio:focus,
input[type="radio"].netti-radio:active,
input[type="radio"].netti-radio:hover
{
	border: 1px solid #4b7ab9;
	background-color: #F2FAFF;
}

.checked_radio,
input[type="radio"].myradio:checked + label,
input[type="radio"].netti-radio:checked
{
	border:1px solid #29599a;
	background-color: #29599a;
	background-image: url('../images/svg/checked_radio.svg?randval=18356fdd945ff2721d503b2f4acb34d3');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}


.focused_checked_radio,
input[type="radio"].myradio:checked:focus + label,
input[type="radio"].myradio:checked + label:active,
input[type="radio"].myradio:checked + label:hover,
input[type="radio"].myradio:checked:active + label,
input[type="radio"].myradio:checked:hover + label,
input[type="radio"].netti-radio:checked:focus,
input[type="radio"].netti-radio:checked:active,
input[type="radio"].netti-radio:checked:hover
{
	border:1px solid #4b7ab9;
	background-color: #4b7ab9;
	background-image: url('../images/svg/focused_checked_radio.svg?randval=18356fdd945ff2721d503b2f4acb34d3');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

input[type="radio"].myradio:disabled + label,
input[type="radio"].myradio:disabled + label:active,
input[type="radio"].netti-radio:disabled,
input[type="radio"].netti-radio:disabled:active
{
	border:1px solid #B2B2B2;
	background-color: #EEEEEE;
}

.checked_disabled_radio,
input[type="radio"].myradio:disabled:checked + label,
input[type="radio"].myradio:disabled:checked + label:active,
input[type="radio"].netti-radio:disabled:checked,
input[type="radio"].netti-radio:checked:checked:active
{
	border:1px solid #B2B2B2;
	background-color: #EEEEEE;
	background-image: url('../images/svg/checked_disabled_radio.svg?randval=3e619053250cd956085602dd17510c8d');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

/* forms loppuu */

#virheviestidiv
{
	display:none;
}

.virhe_tai_viesti_aika
{
	display:none;
}

.hakutable_navigointitable .demo-icon
{
	font-size: 25px;
	amargin-top: -5px;
}

.hakutable_navigointitable .demo-icon.icon-angle-double-left
{
	margin-left:-2px;
}

.hakutable_navigointitable .demo-icon.icon-angle-left
{
	margin-left:-2px;
}

.hakutable_navigointitable .demo-icon.icon-angle-double-right
{
	margin-left:2px;
}

.hakutable_navigointitable .demo-icon.icon-angle-right
{
	margin-left:2px;
}

tr.hakutable_navigointitable_tr td
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.hakutable_navigointitable_tr>td
{
	padding-left:0px;
}

.hakutable_navigointitable_tr>td>button
{
	min-width: 40px;
}

.button_text_button
{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
}   
    
#lasku_edit_table>tbody>tr>td
{
	aborder:1px solid red;	
}

a.a_empty
{
	font-size:0px;
	margin:0px;
	padding:0px;
	border:none;
	display:inline;
	width:0px;
	height:0px;
}


/*
  -------------------------------------------------
	input[type=file] css alkaa

	By Osvaldas Valutis, www.osvaldas.info
	Available for use under the MIT License
*/

.hidden
{
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

.fileinput-box
{
	display: inline-flex;
	margin-right: 8px;
	font-weight: normal;
	backface-visibility: hidden; /* disabled file input ei toimi oikein ilman tätä */
	position: relative;
	align-items: center;
	justify-content: center;
}

.js .inputfile
{
	width: 0.1px!important;
	height: 0.1px!important;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label
{
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
}

/*
Pitää olla <html class="no-js">, jotta file-inputin kätkentä toimii.
Ideana tässä on näyttää customoitu file-input vain jos javascript on käytössä.
*/
.no-js .inputfile + label
{
	display: none;
}

.inputfile + label *
{
	/* pointer-events: none; */
	/* in case of FastClick lib use */
}

.inputfile + label svg
{
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	margin-right: 1px;
}

.inputfile-6 + label
{
	color: black;
}

.inputfile-6 + label
{
	border: 1px solid #bdbdbd;
	background-color: white;
	padding: 0;
	border-radius: 3px;
	/*min-width: 500px;*/
	white-space: nowrap;
	min-height: 36px;
	display: flex;
	flex-direction: row;
}

.inputfile-6 + label span
{
	height: 100%;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	vertical-align: bottom;
	padding-right: 9px;
	border: 0px solid #F00;
	/* min-height: 28px; */
	line-height: 26px;
	box-sizing: border-box;
}

.inputfile-6 + label::before {
	content: url('../images/svg/valitse_liitetiedosto.svg?randval=3da661e50d4483a2e980258d47ba7358');
	padding-left: 9px;
	padding-right: 9px;
	height: 26px;
	height: 100%;
	background-color: transparent;
	display: inline-block;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	margin: auto;
}

.toiminnot_painikkeet_td>a:hover,
.toiminnot_painikkeet_td>a:focus
{
	color: #4b7ab9;
}

.inputfile:focus + label,
.inputfile.has-focus + label
{
	outline: none;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover
{
	border: 1px solid #4b7ab9;
	border-color: #4b7ab9;
	abackground-color: transparent;
}

/*
	input[type=file] css loppuu
  --------------------------------------------------
*/

#ajax_spin
{
	z-index:100000;
	display:block;
	width:6px;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	opacity:0;
	background-color: #4374b5;
}

#ajax_spin.ajax_pink
{
	background-color: #f147ab;
}

/* AJAXin aikana estetään painikkeiden ja syötteiden käyttö */
body.ajax-disable input,
body.ajax-disable select,
body.ajax-disable textarea,
body.ajax-disable button,
body.ajax-disable a,
body.ajax-disable iframe
{
	pointer-events: none !important;
	user-select: none !important;
}

.alanapit
{
	margin-top: 16px;
	margin-bottom: 14px;	
}

.alanapit input[type=button]
{
	margin-right:20px;
}

.move_line_marker
{
	position:absolute;
	width:1px;
	height:1px;
	background-color:#E60689;
	box-shadow:2px 0px 0 2px #E60689;
	transform:translate3D(0px,0px,0px);
	visibility:hidden
}

.ns-resize, .ns-resize *
{
	cursor: move !important;
}

a.sortable_row
{
	cursor: move !important;
}

.icon-nettilasku_logo_n
{
	margin-top: 0px !important;
}

.etunimi_sukunimi
{
	width:calc(100% - 9px);
}

#taydentavat_tiedot\[etunimi\]
{
	awidth:calc(50% - 2px);
}

#taydentavat_tiedot\[sukunimi\]
{
	amargin-left:4px;
	awidth:calc(50% - 2px);
}

#taydentavat_tiedot_tuote_td
{
	padding-top: 7px;
  padding-bottom: 9px;
  white-space: normal;
  background-color: #B9DAEE;
}

#taydentavat_tiedot\[etukoodi\]
{
	margin-top: 4px;
}

#tallennabutton_td
{
	padding-top: 5px;
	padding-bottom: 10px;

	background-color: transparent;
}
/*
.editnaytto_table>tbody>tr:first-child>td,
.editnaytto_table>tbody>tr:first-child>th
{
	padding-top: 5px;
}    
    
.editnaytto_table>tbody>tr:last-child>td,
.editnaytto_table>tbody>tr:last-child>th
{
	padding-bottom: 10px;
}
*/

.virhe_teksti_vari
{
	color: #E60689;
}

#kutsu_tallenna_taydentavat_tiedot_button
{
	width: initial;
}

.tallenna_button_td_yhteystiedot
{
	text-align: center;
	margin-top: 16px;
	margin-bottom: 8px;
	background-color: #DEDEDE;
	color: #000;
	width: 100%;
	padding: 11px;
	border-radius: 12px;
	box-sizing: border-box;
}

/*
input:not([type="text"]):focus,
button:focus,
a:not(.alamenuitem_selected):not(.alamenuitem):focus,
span:focus,
label:focus
{
  animation-duration: 0.5s;
  animation-name: button_opacity;
  animation-iteration-count: 40;
  animation-direction: alternate;
}

@keyframes button_opacity {
  from {
    opacity: 0.1;
  }

  to {
    opacity: 1;
  }
}
*/

#ilmoitusten_maara
{
	position: absolute;
	background-color: #E60689;
	height: 13px;
	right: 10px;
	top: 8px;
	color: white;
	font-size: 10px;
	border-radius: 2px;
	line-height: 13px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#ylavalikko_yrityksen_yhdistaminen_select
{
	width: 100%;
}

#ilmaista_koekayttoaikaa_jaljella_span
{
	width: 100%;
  white-space: normal;
}

.h2
{
	font-size: 30px;
	font-weight: bold;
	color: #45474D;
	display: inline-block;
	line-height: 34px;
	margin-bottom: 0px;
	min-height: 45px;
	margin-top: 0px;
}

.h3
{
	font-size: 19px;
	font-weight: bold;
	color: #000;
	display: inline-block;
	line-height: 25px;
	margin-bottom: 0px;
	margin-right: 10px;
	aheight: 25px;
	margin-top: 0px;
	abox-shadow: 0 0 0 1px #f00;
}

.button>i.demo-icon
{
	margin-right: 6px;
	line-height: 11px;
	vertical-align: initial;
}

.hakuriviTR a>i.demo-icon
{
	display: block;
	height: auto;
	text-align: center;
	line-height: 1em;
}

.button>i.demo-icon.icon-search
{
	margin-right: 0px;
	font-size: 18px;
	display: inline-block;
	padding-left: 1px;
}

i.demo-icon.icon-hae_kaikki
{
	font-size: 17px;
	padding-top: 2px;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

input.error:-webkit-autofill, 
textarea.error:-webkit-autofill, 
select.error:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0px 1000px white inset, 0px 0px 0px 1px #E60689 !important;
}

input:-webkit-autofill:focus, 
textarea:-webkit-autofill:focus, 
select:-webkit-autofill:focus
{
 -webkit-box-shadow: 0 0 0px 1000px #E7EDF9 inset !important;
}

input.error:-webkit-autofill:focus, 
textarea.error:-webkit-autofill:focus, 
select.error:-webkit-autofill:focus
{
 -webkit-box-shadow: 0 0 0px 1000px #E7EDF9 inset, 0px 0px 0px 1px #E60689 !important;
}
    
a#nayta_katke_paperi_hinnat
{
	text-decoration: underline;
	font-weight: normal;
}

.suosituin_ala
{
	white-space: nowrap;
	font-weight: bold;
	overflow: visible;
	top: 0;
	font-size: 19px;
	padding-top: 5px;
	text-align: center;
	display: inline-block;
	width: 100%;
}

.suosituin_ala_td
{
	position: relative;
	padding: 0px;
}

.ominaisuustable
{
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
}

.etusivu_sisalto_td .ominaisuustable
{
	margin-top: 39px;
}

.ominaisuustable th
{
	text-align:center;
}

.ominaisuustable td,
.ominaisuustable th
{
	font-size: 16px;
	color: #000;
	line-height: normal;
	border-radius: 0px;
	vertical-align: middle;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal;
	padding-left:5px;
	padding-right:5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.ominaisuustable td:not(:nth-child(2))
{
	text-align: center;
}

.ominaisuustable tr:first-child>td
{
		overflow: visible;
}

.ominaisuustable td
{
	white-space: normal;
}

.ominaisuustable tr:nth-child(odd) td {background: #F5F5F5}
.ominaisuustable tr:nth-child(even) td {background: #FFF}

.ominaisuustable .suosituin_ala
{
	color: #0EA430;
}

.ominaisuustable .tuoteversio_otsikko
{
	font-weight:bold;
	font-size: 22px !important;
	word-break: break-all;
}

.ominaisuustable .suosituin_otsikko
{
	overflow: visible;
	white-space: nowrap;
	text-align: center;
	position: relative;
	width: 112px;
	left: -56px;
	transform: translateZ(0);
}

.ominaisuustable .suosituin_otsikko_box
{
	background-color: #0EA430;
	color: #FFF;
	border-radius: 8px;
	z-index: 1;
	position: relative;
	padding: 3px;
	padding-left: 11px;
	padding-right: 11px;
	height:26px;
	line-height: 26px;
}

.ominaisuustable .suosituin_otsikko_box_wrapper
{
	position: static;
	width: 0px;
	height: 46px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ominaisuustable .suosituin_otsikko i
{
	transform: translateY(-4px);
	z-index: 0;
}

.ominaisuustable>tbody>tr>td.suosituin
{
	background-color: #DAF9E1;
	border: 1px double #85C594;
}

.ominaisuustable tr.nakymaton_ylarivi td
{
	border-top-style:hidden;
	border-left-style:hidden;
	border-right-style:hidden;
}

.ominaisuustable tr.nakymaton_ylarivi td
{
	background-color:transparent !important;
}

.ominaisuustable tr.nakymaton_ylarivi>td i
{
	color:#0EA430;
}

.ominaisuustable tr.nakymaton_ylarivi.otsikko td
{
	vertical-align: top;
	padding: 0px;
	afont-size: 0px;
	text-align: left;
}

.ominaisuustable tr.nakymaton_ylarivi.otsikko td h2.login_alaotsikko
{
	margin: 0px;
}

.ominaisuustable td,
.ominaisuustable th
{
	border: 1px solid #C3C3C3;
}

.ominaisuustable td:nth-child(3),
.ominaisuustable td:nth-child(4),
.ominaisuustable td:nth-child(5),
.ominaisuustable td:nth-child(6),
.ominaisuustable tr.otsikko_top>td
{
	padding:2px;
}

.ominaisuustable tr.nakymaton_ylarivi.otsikko_top td
{
	vertical-align:top;
}

.ominaisuustable .alajutut_ominaisuustable
{
	text-align:left !important;
	background-color:transparent !important;
	border:0px solid red !important;
}

.bullet
{
	display:inline-block;
	color: black;
	margin-right: 12px;
	font-size: 16px;
}

.my_li
{
	white-space:nowrap;
	vertical-align:top;
	padding-bottom: 6px;
}

.my_li .bullet
{
	vertical-align:top;
}

.my_li>*
{
	white-space:normal !important;
	display: inline-block;
}

.my_li_flex
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.display_none
{
	max-width:0px !important;
	width:0px !important;
	padding:0px !important;
	font-size:0px !important;
	border-left: 0px hidden #f00 !important;
}

.display_none_left
{
	max-width:0px !important;
	width:0px !important;
	padding:0px !important;
	font-size:0px !important;
	border-right: 0px hidden #f00 !important;
}

select
{
	white-space: nowrap;
	vertical-align: middle;
}

.hinta_ominaisuus
{
	font-size:32px;
	font-weight:bold;
	white-space: nowrap;
}

.hinta_ominaisuus_td
{
	padding-bottom: 14px !important;
}

.editnaytto_table_otsikon_ja_taulukon_sitoja
{
	display: block;
	adisplay: block;
	awidth: 100%;
	abox-shadow: 0 0 0 1px #F00;
	vertical-align: top;
	amax-width: 389px;
	padding-right: 0px;
	apadding-bottom: 10px;
	abackground: #f2f2f2;
	aborder: 1px solid #e1e1e1;
}

.editnaytto_table_otsikon_ja_taulukon_sitoja.otsikon_ja_taulukon_sitoja_inline
{
	display: inline-block;
	width: initial;
}

.otsikon_ja_taulukon_sitoja_tablejen_parent
{
	display:block;
	width:100%;
	height:auto;
	aborder:1px solid red;
	vertical-align:top;
	font-size:0px;
}

/*
.draggable_helper,
.popup,
#uloin_table,
.bodynpeitto_tumma,
#ajax_peitto,
#ajax_spin,
#bodynpeitto,
.vasen_menu_close_click_receiver,
#vasen_menu,
#viewport_box
{
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
*/

#asiakkaan_muokkaus_div
{
	amax-width: 809px;
	awidth: 809px;
	amax-width: 531px;
	afont-size: 0px;
}

#asiakkaan_muokkaus_div .editnaytto_table col:first-child
{
	awidth: 253px;
}

.asiakkaan_muokkaus_ulompi_table
{
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
}

.asiakkaan_muokkaus_kutsu_buttons_div
{
	margin-bottom: 10px;
	font-size:0px;
	margin-top: -1px;
}

html .asiakkaan_muokkaus_kutsu_buttons_div:empty
{
	display:none;
}

#muokkaa_asiakastietoja_button
{
	margin-right:8px;
}

.max_w_lasku_edit
{
	amax-width: 1117px;
}

/*
table.popup>tbody>tr>td>div>div #asiakasmuokkaus_perustiedot
{
	display: block !important;
}
*/

#taydentavien_tietojen_syotto_div
{
	max-width: 581px;
}

#viivastyskorkohuomautuskentta
{
	display: none;
	font-size: 16px;
	padding-bottom: 20px;
	padding-top: 6px;
}

#lasku_edit_table
{
	border-spacing:0px;
	border-collapse:collapse;
}

.a_inner_span
{
	display: inline-block;
	abox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
	vertical-align: middle;
	width: 100%;
	aheight: 100%;
}

.datatable_otsikot_pystykeskittaja
{
	height: 100%;
	width: 0px;
	display: inline-block;
}

/* Kommentti alkaa */
td[id$=_td_kommentti]>div:hover
{
	cursor: pointer;
	text-decoration: underline !important;
}
   
.kommentti_lisatty
{
	color:black;
	text-decoration:none;
}

.kommentti_lisatty:hover,
.kommentti_lisatty.kommentti_active
{
	color:black;
	text-decoration:underline;
}

td[id$=_td_kommentti]:not(.kommentti_lisatty)
{
	color: #29599a;
	text-decoration:none;
}

td[id$=_td_kommentti]:not(.kommentti_lisatty):hover,
td[id$=_td_kommentti]:not(.kommentti_lisatty).kommentti_active
{
	color: #29599a;
	text-decoration:underline;
}
/* Kommentti loppuu */

/* Viitteemme alkaa */
td[id$=_td_viitteemme]>div:hover
{
	cursor: pointer;
	text-decoration: underline !important;
}
   
.viitteemme_lisatty
{
	color:black;
	text-decoration:none;
}

.viitteemme_lisatty:hover,
.viitteemme_lisatty.viitteemme_active
{
	color:black;
	text-decoration:underline;
}

td[id$=_td_viitteemme]:not(.viitteemme_lisatty)
{
	color: #29599a;
	text-decoration:none;
}

td[id$=_td_viitteemme]:not(.viitteemme_lisatty):hover,
td[id$=_td_viitteemme]:not(.viitteemme_lisatty).viitteemme_active
{
	color: #29599a;
	text-decoration:underline;
}
/* Viitteemme loppuu */

/* Asiakasviite alkaa */
td[id$=_td_asiakasviite]>div:hover
{
	cursor: pointer;
	text-decoration: underline !important;
}
   
.asiakasviite_lisatty
{
	color:black;
	text-decoration:none;
}

.asiakasviite_lisatty:hover,
.asiakasviite_lisatty.asiakasviite_active
{
	color:black;
	text-decoration:underline;
}

td[id$=_td_asiakasviite]:not(.asiakasviite_lisatty)
{
	color: #29599a;
	text-decoration:none;
}

td[id$=_td_asiakasviite]:not(.asiakasviite_lisatty):hover,
td[id$=_td_asiakasviite]:not(.asiakasviite_lisatty).asiakasviite_active
{
	color: #29599a;
	text-decoration:underline;
}
/* Asiakasviite loppuu */

#span_tuotava_tiedosto
{
	width: 264px !important;
	max-width: 264px !important;
}

html .calendar
{
	z-index: 500;
}

i.demo-icon.icon-calendar2
{
    font-size: 27px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
}

#trigger_hyvityspaiva
{
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top;
	background: rgba(0, 0, 0, 0);
}

#maksetuksi_merkkaus_otsikko
{
	font-weight:normal;
}

input#laheta_lahetysluettelo_email_subject
{
	width:100%;
}

textarea#laheta_lahetysluettelo_email_body
{
	width:100%;
	height:300px;
}

.yksikko_span
{
	margin-left:4px;
	vertical-align: middle;
}

.inputin_korkuinen_teksti
{
	line-height: 28px;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0);
	height: 28px;
	display: inline-block;
	box-sizing: border-box;
}

.lahetteet_yla_buttonit
{
	margin-top:0px;
	margin-bottom:23px;
}

.lahetteet_yla_buttonit input
{
	margin-right:8px;
}

.asetukset_yla_buttonit
{
	margin-top:0px;
	margin-bottom: 16px;
}

.ylapainikkeet
{
	amargin-top:10px;
	amargin-bottom:23px;
}

.ylapainikkeet input
{
	amargin-right: 8px;
}

.asetusryhma
{
	padding-bottom: 12px;
}

.asetusryhma b,
.asetusryhma a
{
	amargin-bottom: 12px;
	display: inline-block;
	margin-top: 0px;
}

.settings_title a {
	display: flex;
	align-items: baseline;
}

.settings_title i
{
	color: black;
	margin-right: 10px;
}

.settings_title a
{
	color: black;
	text-decoration: none;
	width: fit-content;
}

.settings_title
{
	margin-bottom: 12px;
}

.asetus .transparent_bg
{
	height: 28px;
	/* vertical-align: baseline; */
	display: flex;
	text-decoration: none;
	abox-shadow: 0 0 0 1px red;
	cursor: pointer;
	padding-left: 3px;
	padding-right: 3px;
	abox-shadow: 0 0 0 1px;
	/* margin-right: 7px; */
	left: 3px;
	align-items: center;
	justify-content: center;
}

.asetus .transparent_bg .icon-right-open,
.asetus .transparent_bg .icon-cancel
{
	font-size: 26px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	
	margin-top: 5px;
    height: 30px;
    margin-left: 4px;
    margin-right: 4px;

}

.asetus table
{
	border-collapse:collapse;
	border-spacing:0px;
	table-layout:auto;
	width: 100%;
}

.asetus table tr:nth-child(2) td
{
	abox-shadow: 0 0 0 0.5px rgba(255,0,0,0.7);
	min-height: 40px;
	height: 40px;
	max-width: 361px;
}

.asetus .asetukset_poista_yksikko_table
{
	border-collapse: collapse;
	border-spacing: 0px;
	table-layout: auto;
	width: 100%;
	max-width: 200px;
}

.asetus .asetukset_poista_yksikko_table td
{
	abox-shadow: 0 0 0 0.5px rgba(255,0,0,0.7);
}

.asetus .asetukset_poista_yksikko_table *
{
	vertical-align:middle;
}

.asetus .asetukset_poista_yksikko_table
{
	text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.asetukset_poista_yksikko_table td, table.asetukset_poista_yksikko_table th
{
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
}
table.asetukset_poista_yksikko_table th
{
	border: 1px solid #304056;
}

table.asetukset_poista_yksikko_table td
{
	border: 1px solid #c7c7c7;
}

table.asetukset_poista_yksikko_table
{
	aborder-radius: 8px;
	aoverflow: hidden;
}
table.asetukset_poista_yksikko_table tr:nth-child(even)
{
	background: #fff;
}
table.asetukset_poista_yksikko_table tr:nth-child(odd)
{
	background: #fff;
}

.asetus .asetukset_poista_yksikko_table .trash_button>i
{
	vertical-align:top;
}

table.asetukset_poista_yksikko_table td:nth-child(2),
table.asetukset_poista_yksikko_table th:nth-child(2)
{
	text-align: center !important;
}

table.asetukset_poista_yksikko_table th {
	background-color: #29599a;
	color: #FFF;
	font-weight: normal;
}

.arvo_ja_nuoli
{
	display: block;
  afloat: right;
	apadding-left: 9px;
	abox-shadow:0 0 0 1px red;
afloat: left;
aposition: relative !important;
atop:0px;

vertical-align: middle;
    display: table-cell;
    height: 40px;
    amin-width: 371px;

}

.asetusmuokkaus select
{
	vertical-align:top;
	margin-right:8px;
}

.asetusmuokkaus input
{
	margin-right:8px;
}

.asetusmuokkaus select,
.asetusmuokkaus input,
.asetusmuokkaus .fileinput-box
{
	margin-top:4px;
	margin-bottom:4px;
}

.asetusmuokkaus .fileinput-div input[type=button]
{
	vertical-align:top !important;
}

.asetusmuokkaus
{
	margin-top: 0px;
	white-space:normal;
	display: block;
	abox-shadow:0 0 0 30px yellow;
	padding-top: 8px;
	padding-bottom: 11px;
}

.flexw
{
	/*
	display:flex;
	align-items: flex-start;
	align-content:flex-start;
	flex-flow:row nowrap;
	*/
	awhite-space:nowrap;
	avertical-align:top;
}

.asetus_arvo
{
	display: inline-block;
	/* margin-right: 12px; */
	/* min-height: 26px; */
	line-height: 26px;
	/* vertical-align: middle; */
	margin-left: 0px;
	abox-shadow: inset 0 0 0 1px #FF0;
	color: #E60689;
	/* font-style: italic; */
	white-space: normal;
	aborder: 1px solid green;
	line-height: normal;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 2px;
	vertical-align: middle;
	display: inline-block;
	/* height: 26px; */
	margin: auto;
}

.adjusteeraus_button
{
	width:1px !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	padding-left:0px !important;
	padding-right:0px !important;
	visibility:hidden;
	margin-left:-1px !important;
	display: none;
}

.asetus table td
{
	aborder: 1px solid #F00;
}

.asetukset_checkbox_td
{
	vertical-align:top;
	text-align: right;
width: 33px;
	aheight:130px !important;
	avertical-align: middle;
	
}

.asetukset_checkbox_td a
{
	amargin-top: 6px;
	position: relative;
}

.asetukset_checkbox_td .icon-cancel
{
	margin-top:8px !important;
}

.tausta
{
	background-color: #ACC7D8;
	/* position: absolute; */
	/* border-left: 20px solid; */
	width: 508px;
	height: 500px;
	position: absolute;
	z-index: -1;
	left: -13px;
	top: 4px;
	background: linear-gradient(to right, #E1F1FB 0%, #A4D8F9 100%);
	background: transparent;
}

div.asetus_logo_1tausta
{
	background-color: #FBD95C;
	background: linear-gradient(to right, #FFEFB4 0%, #FBD95C 100%);
}

div.asetus_logo_2tausta
{
	background-color: #FFA577;
	background: linear-gradient(to right, #FFCDB4 0%, #FFA577 100%);
}

.asetus .mycheckbox_div
{
	margin-bottom:0px;
	margin-top:0px;
}

.mycheckbox_holder .asetus .mycheckbox_div
{
	margin-bottom:4px;
	margin-top:4px;
}

.tallenna_kentat
{
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
    
.asetukset_lohko_div {
	display: none;
	border: 1px solid #c7c7c7;
	border-radius: 8px;
	background-color: #ededed;
	width: calc(100% - 2px);
	max-width: 506px;
	overflow: hidden;
	transform: translateX(0);
}

.asetus
{
	border-bottom: 1px solid #c7c7c7;
	padding: 7px;
	padding-left: 11px;
	padding-right: 11px;
	margin-bottom: -1px;
	position:relative;
	overflow: hidden;
}

.asetusmuokkaus .asetus_arvo
{
	padding-bottom: 8px;
}

.asetus_lisatieto_linkki
{
	margin-top: 10px !important;
	display:block !important;
}

.asetus_otsikko
{
	padding: 7px;
	padding-left: 11px;
	padding-right: 11px;
	font-weight:bold;
}

.asetus_logo_1
{
	background-color: #FFEFB4;
	border-top: 1px solid #bdbdbd;
}

.asetus_logo_2
{
	background-color: #FFCDB4;
	border-top: 1px solid #bdbdbd;
}

#maksettu_div
{
	width: 189px;
}

#maksettu_div_teksti
{
	font-size:normal;
}

.disabled_asetus
{
	apointer-events:none !important;
}

.disabled_asetus:after,
[class*=disabled_asetus_tilaa_]:after,
[class*=disabled_asetus_kytke_]:after
{
	display: block;
	filter: grayscale(100%);
	background-color: rgba(249, 249, 249, 0.77);
	color: #c3c3c3;
	content: '';
	z-index: 7;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 1px;
	left: 0;
	/* border: 5px solid rgba(0, 0, 0, 0); */
	pointer-events: none;
	abox-shadow: 0 0 0 1px #f3f7f9;
}

.asetus.disabled_asetus_tilaa_::before
{
	content: 'Belongs to the product: ' attr(data-disabled-product) '. Change the product from Your order page.';
	color: #E60689;
	position: relative;
	z-index: 8;
}

.disabled_class_ryhma>.h3
{
	color: #cfd0d0;
}

.disabled_class_ryhma .asetukset_lohko_div
{
	border: 1px solid #c0d9e9;
}
.disabled_class_ryhma .asetus
{
	border-bottom-color: #c0d9e9;
}

.disabled_class_ryhma,
.disabled_class
{
	display:none !important;/* ilman !important:ia asetushaku näyttää harmaana disabled-asetukset */
}


.maksuerat_yla_table
{
	position:static !important;
}

.maksuerat_yla_table th,
.maksuerat_yla_table td
{
	border:1px solid red;
}

.otsikon_oikean_puolen_jutut
{
	display: inline-block;
	margin-top: 0px;
	vertical-align: baseline;
}

.otsikon_oikean_puolen_jutut>*
{
	margin-right: 8px !important;
	margin-top: 5px !important;
}

.sivuotsikon_wrapper
{
	display: flex;
	flex-direction: column;
}

html.cdi_phone .sivuotsikon_wrapper_yla_buttonit
{
	width: 100%;
}

html.cdi_phone:not(.action_lasku, .action_maksuera) .sivutoimintoihin_mobiilissa
{
	display:none;
}

html.cdi_phone>body .sivuotsikon_wrapper .tablen_ylapuolen_linkit
{
	gap:16px!important;
	margin-top: 7px !important;
}

html:not(.cdi_phone) .toiminnot_nappi
{
	display:none;
}

html.cdi_phone .sivuotsikon_wrapper
{
	flex-wrap: wrap;
}

html.cdi_phone .sivuotsikon_wrapper .tablen_ylapuolen_linkit>*
{
	width: calc(50% - 8px);
}

.otsikon_oikean_puolen_jutut .demo-icon.icon-information-button
{
 height: 100%;
 margin-top: 0px !important;
 display: inline;
 padding: 0px !important;
 font-size: 26px;
	vertical-align: initial;
}

.ostoreskontra_lasku_table
{
	border-collapse:collapse;
	border-spacing: 0px;
	width: 100%;
}

.ostoreskontra_lasku_table>tbody>tr>td,
.ostoreskontra_lasku_table>tbody>tr>th
{
	aborder:2px dotted yellow;
	padding:0px;
}

.ostolaskut_iframe_wrapper
{
	overflow: initial !important;
	max-width: 1000px;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;

	/*
	background: #525659;
	color: white;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 20px;
	display: -webkit-flex;
	display: flex;
	position: relative;
	*/
}

table.valilehti2
{
	border-collapse:collapse;
}

table.valilehti2 td,
table.valilehti2 th
{
	border:1px solid green !important;
}

#pin_koodin_syotto_table
{
	border-collapse: collapse;
}

#pin_koodin_syotto_table td
{
	aborder:1px solid red;
	vertical-align:middle;
	padding-right:11px;
	padding-bottom:4px;
}

#kokonaistilanne_table
{
	border-collapse: collapse;
}

#kokonaistilanne_table>tbody>tr>td
{
	border:1px solid red;
}

.inputien_valissa_leipateksti
{
	font-size:16px;
	line-height: 26px;
}

.lisahakuehdot_ulompi
{
	display:inline-block;
	max-width: 204px;
	margin-bottom: 4px;
	abox-shadow: 0 0 0 1px red;
	vertical-align:bottom;
}

.lisahakuehdot_sisempi
{
	display:block;
	font-size:16px;
	padding-right: 8px;
	padding-bottom: 4px;
	abox-shadow: inset 0 0 0 1px blue;
}

.lisahakuehdot_sisempi select,
.lisahakuehdot_sisempi input
{
	width:100%;
}

.th_wrapper
{
	vertical-align: middle;
	display: inline-block;
	max-width: 100%;
	height:100%;
	width:100%;

	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	abox-shadow: 0 0 0 1px;
	align-items: center;
    
}

.datatable4 .th_wrapper
{
	amargin-top: 4px;
}

.tuote_nimi_box
{
	text-align: center;
	vertical-align: middle;
	width: 94%;
	border: 1px solid transparent;
	border-radius: 8px;
	background-color: transparent;
}

.tuote_nimi_box.tuote_nimi_box_sopivin
{
	border: 1px solid #85c594;
	background-color: #daf9e1;
}

span.erotus_span
{
	color:gray;
	vertical-align: baseline;
}

.popup div[id$=_div_ostolaskupopup]
{
	margin: 0px !important;
	padding: 0px !important;
}

.popup div[id$=_div_ostolaskupopup] .sivuotsikon_wrapper
{
	display: none;
}

.ostolaskun_muokkaus_tietotaulukko
{
	display: inline-block;
	/*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;*/
	width:100%;
	white-space:nowrap;
}

#laskun_pdf_kuva_iframe
{
	border: none;
	margin: 0px;
	width:100%;
	height:100%;
}

#iframe_parent
{
	border-radius: 5px;
  overflow: hidden;
  font-size: 0px;
	margin-bottom: 10px;
}

.tilioinnit_yhteensa_table td
{
	width:100%;
}

.palkanmaksu_popuppien_sisalto_div {
	display:none;
}

.inputin_edella
{
	display: inline-block;
	/* vertical-align: baseline; */
	height: 28px;
	line-height: 26.5px;
	box-sizing: border-box;
	border: 1px solid transparent;
}

div.inputtien_sitoja
{
	font-size: 0px;
}

div.inputtien_sitoja>*
{
	margin-right:8px;
	vertical-align: top;
}

.palkka_ajon_tiedot input,
.palkka_ajon_tiedot select
{
	max-width:100px;
}

.demo-icon.icon-ohita_lahetysviive
{
	font-size:18px;
}

button.print_button
{
	width: 22px !important;
}

.eraantynyt_lasku_avoinna_eur {
	color: red;
}

.eraantynyt_lasku_avoinna_eur_liikaa_maksettu {
	color: blue;
	font-weight: bold;
}

#palkkarivit_table input[type=text],
#palkkarivit_table select,
#palkkaennakko_table input[type=text],
#palkkaennakko_table select
{
	width:100%;
}

#palkkarivien_table_div
{
	margin-bottom: 8px;
}

#palkkalaskelmadiv .datatable4 td
{
	abackground-color: white;
}

#asiakkaat_kokonaistilanne_div .datatable4
{
	width:100% !important;
	max-width:100% !important;
	min-width:100% !important;
}

.alempi_table th
{
	border-color: #12822b !important;
	background-color: #0EA430;
}
.alempi_table td
{
	border-color: #12822b !important;
	background-color: #e1fbe2;
}
.alempi_table:not(.disablehover) tr:not(.disablehover):not(.hakuriviTR):not(.hakutable_yhteenvetorivit):not(.hakutable_navigointitable_tr):hover>td
{
	background-image: none !important;
	background-color: #b7efb9 !important;
}
.alempi_table .toiminnot_painikkeet_td button
{
	background-color: rgba(0, 0, 0, 0) !important;
	color: #0ea430 !important;
}
.alempi_table .toiminnot_painikkeet_td button:hover, .alempi_table .toiminnot_painikkeet_td button:focus
{
	background-color: rgba(0, 0, 0, 0) !important;
	color: #13d43f !important;
}
.alempi_table button, .alempi_table input[type=button], .alempi_table a.button
{
	background-color: #0ea430 !important;
}
.alempi_table button:hover, .alempi_table input[type=button]:hover, .alempi_table button:focus, .alempi_table input[type=button]:focus, .alempi_table a.button:hover, .alempi_table a.button:focus
{
	background-color: #13d43f !important;
	border: 0px solid #13d43f !important;
}

.alempi_table :is(input[type="password"], input[type="text"], input[type="number"], input[type="date"], input[type="button"], input[type="submit"], select, textarea, button, a.button)
{
	border-color:#0ea430;
}

.hakuehdot_table
{
	border-collapse:collapse;
	table-layout:fixed;
	border-spacing: 0px;
	box-sizing: border-box;
	border-style: hidden;
}

.hakuehdot_table th
{
	text-align:left;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
}

.hakuehdot_table td
{
	text-align:left;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
}

table.laskutusraportti
{
	border-spacing:0px;
	border:1.0px solid black;
	background-color:white;
}

table.laskutusraportti td,
table.laskutusraportti th
{
	padding:2px;
	padding-left:8px;
}

table.laskutusraportti th,
.tr_nowrap
{
	white-space:nowrap;
}

table.laskutusraportti td:first-child,
table.laskutusraportti th:first-child
{
	padding-left:16px;
}

table.laskutusraportti td:last-child,
table.laskutusraportti th:last-child
{
	padding-right:16px;
}

.vasen_reuna_td
{
	width:15px;
}

table.myyntiyhteenveto_ALV_kannoittain
{
	border-spacing:0px;
}

table.myyntiyhteenveto_ALV_kannoittain td,
table.myyntiyhteenveto_ALV_kannoittain th
{
	padding:2px;
	padding-left:8px;
	padding-right:2px;
}

table.myyntiyhteenveto_ALV_kannoittain td:first-child,
table.myyntiyhteenveto_ALV_kannoittain th:first-child
{
	padding-left:0px;
}

table.laskutusraportti_osoitetiedot
{
	border-spacing:0px;
}

table.laskutusraportti_osoitetiedot th,
table.laskutusraportti_osoitetiedot td
{
	padding: 2px;
}

table.laskutusraportti_osoitetiedot th,
table.laskutusraportti_osoitetiedot td
{
	text-align:left;
	vertical-align:middle;
}

.aikatd input
{
	width:initial !important;
}

.ominaisuus_teksti_div
{
	display:flex;
}

.kayttotiedot_ohjeistus_span
{
	font-weight: bold;
	color: #29599a;
	width: 100%;
	display: inline-block;
	text-align: right;	
}

.ominaisuus_teksti
{
	width: 100%;
	display: inline-block;
	text-align: left;
}

.dms_roolien_oikeudet_table
{
	width:initial !important;
}
.dms_roolien_oikeudet_table th
{
	text-align:center;
}
.dms_roolien_oikeudet_table td,
.dms_roolien_oikeudet_table th
{
	border:0px solid red;
	width:73px;
	text-align:center;
	vertical-align: middle;

}
.dms_roolien_oikeudet_table th:first-child,
.dms_roolien_oikeudet_table td:first-child
{
	width:initial;
	text-align:left;
	padding-right:10px;
	padding-left:0px;
}

.luottotieto_label 
{
	display: inline-block;
	width: 130px;
	margin-bottom:7px;
}

.popup #tarkista_luottotiedot_div_otsikko_h2
{
	display:none;
}

button.icon_seteli_button
{
	awidth: 48px !important;
}

#git
{
	white-space: pre-wrap;
	font-family: monospace;
	font-size:14px;
	box-sizing: border-box;
}

#git_normal
{

}

#git_file
{
	color: #E60689;
}

#git_span_ohjelma
{
	position: static;
	border: 0px solid #F00;
	color: #FFF;
	font-size: 13px;
	vertical-align: top;
	white-space: nowrap;
	opacity: 1;
	margin-top: 14px;
	amargin-left: 29px;
	display: inline-block;
}

.saldo_kuvaus_span
{
	height:100%;
	white-space:nowrap;
	display: inline;
	color: black !important;
}

.saldo_nolla
{
	color: #FFF;
}

.saldo_neg
{
	color: #E60689;
}

.saldo_pos
{
	color: #00FF00;
}

#saldo_kuvaus_link
{
	aborder:1px solid yellow;
	aheight:100%;
	display: inline-block;
}

.popup.tooltip
{
	pointer-events:none;
	min-width: max-content!important;
}
.popup.tooltip
{
	max-width: 100vw!important;
}

div.popup.tooltip .nuoli_div_parent
{
	top: -13px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 13px solid #fff;
	margin-left: -4px;
}

.vaihda_tuoteversiota_buttonit
{
	line-height: 22px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.datatable4>*>tr.uudenRivinSyottoTR>td>div
{
	max-width:100%;
}

.paivamaarat_crm_asiakasloki input
{
	width: initial !important;
}

select option
{
	color:#000;
}

select:required:invalid
{
	color: #999;
	box-shadow: none;
  opacity: 1; 
}

::-webkit-input-placeholder {
   color: #999;
   opacity: 1; 
}

:-moz-placeholder { /* Firefox 18- */
   color: #999;
   opacity: 1; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999;
   opacity: 1; 
}

:-ms-input-placeholder {  
   color: #999;
	opacity: 1; 
}

input:-moz-placeholder
{
	color:#999;
	opacity: 1; 
}

table#hierarkian_hallinta_table td
{
	padding-top: 0px;
	padding-bottom: 0;
}

.asetus_nopadding
{
	padding:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}

#popup_tuotehaku_div .datatable4 col.toiminnot_col
{
	awidth:206px !important;
}

.kassaliittyma_table
{
	border-collapse:collapse;
	width:100%;
	white-space:normal;
}

.kassaliittyma_table th,
.kassaliittyma_table td
{
	padding:3px;
}

.kassaliittyma_table tr:nth-child(1) th
{
	padding-top:13px;
}

.kassaliittyma_table th:nth-child(1),
.kassaliittyma_table td:nth-child(1)
{
	padding-left:13px;
}

.kassaliittyma_table th:nth-child(5),
.kassaliittyma_table td:nth-child(5)
{
	padding-right:13px;
}

.kassaliittyma_table th:nth-child(1),
.kassaliittyma_table td:nth-child(1),
.kassaliittyma_table th:nth-child(3),
.kassaliittyma_table td:nth-child(3),
.kassaliittyma_table th:nth-child(5),
.kassaliittyma_table td:nth-child(5)
{
	background-color: rgba(0, 111, 179, 0.08);
}

.kassaliittyma_table th:nth-child(2),
.kassaliittyma_table td:nth-child(2),
.kassaliittyma_table th:nth-child(4),
.kassaliittyma_table td:nth-child(4)
{
	background-color: rgba(0, 111, 179, 0.18);
}

.maksutavat_table th,
.maksutavat_table td
{
	padding:3px;
}

#kassamyyja_numero
{
	margin-top:3px;
}

#laskun_lahetystapa_select_div
{
	display:flex;
	width:100%;
	margin-bottom: -4px;
	flex-wrap: wrap;
	gap: 0px 10px;
	margin-top: 10px;
}

html div#main_padding.laskun_lahetys #laskutalahetamuistuta_button,
.siirry_lahettamaan,
.thumbs_up,
.active_dashboard_button,
.sivuotsikon_wrapper_yla_buttonit>.tablen_ylapuolen_linkit>*:first-child
{
	filter: hue-rotate(287deg) brightness(1.2);
}

.thumbs_down
{
	filter: hue-rotate(100deg) saturate(2) brightness(0.97);
}

#lataa_saldoa_popup_maara
{
	margin-left: 4px;
	margin-right: 4px;
}

#lataa_saldoa_popup_button
{
	margin-top: 8px;
}

/*
	Daniel 9.8.2016:
	Ei voi olla, koska lataa_saldoa sivulla muuten alussa 100% tyhjää
*/
/*form
{
	height:100%;
}*/

p, th, td, div, span, a, h2, b, button, input[type=button]
{
	word-break: break-word;
}


/*
	Tuotehaku alkaa
*/

.tuotehakutable_wrapper
{
border-radius:5px;
overflow:hidden;
display:inline-block;
border: 1px solid #bdbdbd;
box-shadow: 0px 6px 14px 0px rgba(71, 94, 107, 0.82);
position:absolute;
box-sizing:border-box;
}
.tuotehakutable {
border-collapse:collapse;
min-width:320px;
table-layout:auto;
background-color:white;
box-sizing:border-box;
}

.tuotehakutable th
{
	hyphens: auto;
}

.tuotehakutable td
{
	border:0px solid red;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	white-space:nowrap;
	color:black;
	cursor:pointer;
	height: 30px;
	vertical-align: middle;
}

.tuotehakutable_right_align
{
	text-align:right;
}

.tuotehakutable td:first-child
{
	padding-left:10px;
	position:relative;
}

.tuotehakutable th:last-child,
.tuotehakutable td:last-child
{
	padding-right:10px;
}

.tuotehakutable td:first-child,
.tuotehakutable th:first-child
{
	text-align:left;
	padding-left: 10px;
}

.tuotehakutable th:nth-child(2),
.tuotehakutable th:nth-child(3),
.tuotehakutable th:nth-child(4),

.tuotehakutable td:nth-child(2),
.tuotehakutable td:nth-child(3),
.tuotehakutable td:nth-child(4)
{
	text-align:right;
	padding-left:10px;
}

.tuotehakutable td:first-child>div
{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width: min(100vw, 600px);
}
.tuotehaku_selected_list_item>td
{
	background-color:#29599a;
	color:white;
}

.tuotehakutable td .mycheckbox_div
{
	margin-top: 10px;
}

[id^=lisatty_tuote_img_span]
{
	font-size: 16px;
	display: flex;
	align-items: center;
}

.lisatty_tuote
{
	filter: hue-rotate(274deg) brightness(1.6);
}

.lisatty_tuote:hover
{
	filter: hue-rotate(274deg) brightness(1.4);
}

textarea.lisatty_tuote_img
{
	padding-right: 18px;
}

/*
	Tuotehaku loppuu
*/

.icon-email_luettu
{
	font-size: 26px;
	color: #29599a;
}

.icon-email_lukematon
{
	font-size: 16px;
	color: #29599a;
	background-size: 95% 98%;
	background-image: url(../images/1x1_keltainen.gif);
	background-origin: border-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.midbullet
{
	background-color: #29599a;
	font-size: 0px;
	border-radius:50px;
	height: 12px;
	width: 12px;
	display: inline-block;
}

.col_resize_wrapper
{
	position:relative;
	abox-shadow:0 0 0 1px yellow;

    /* min-height: 200px; */
    display: inline-block;
    height: 100%;
width:100%;
}

.col_resize
{
	abox-shadow:0 0 0 1px red;

	position:absolute;
	height:100%;
	width:20px;
	display:block;
	right:-10px;
	z-index:1;
	cursor:ew-resize;
	margin-left:-10px;
	abackground-color:red;
	aopacity:0.1;
	height: 30000px;
}

.datatable_otsikot_div .mycheckbox_div
{
	margin-top:0px;
	margin-bottom:0px;
}

.hakutable_yhteenvetorivit td>span,
.hakutable_yhteenvetorivit td>div,
.hakutable_yhteenvetorivit td>b,
.hakutable_yhteenvetorivit td>i,
.hakutable_navigointitable_wrapper
{
	display:inline-block;
	max-width: 100%;
}

.inner_absolute_wrapper span,
.inner_absolute_wrapper div,
.inner_absolute_wrapper b,
.inner_absolute_wrapper i,
.hakutable_navigointitable_wrapper
{
	apadding: 3px;
	apadding-left: 11px;
  apadding-right: 11px;
}

.hakutable_navigointitable_wrapper,
.hakutable_navigointitable_wrapper>table
{
	width:100%;
}

.huge_width
{
	width: 3000px !important;
}

.overflow_hidden
{
	overflow:hidden !important;
}

.outer_relative_wrapper
{
	display: inline-flex !important;
	width:100%;
	height:100%;
	z-index:1;
	position:relative;
	align-items: center;
}

.inner_absolute_wrapper
{
	display: inline-block;
	aposition:absolute;
	padding:0px;
	apadding-left:11px;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	width:100%;
	align-items: center;
}

tr.hakutable_yhteenvetorivit>td:first-child
{
	apadding-left: 0px;
}

tr.hakutable_yhteenvetorivit:not(.navigointi)>td
{
	padding-bottom: 6px;
}

#sarakevalinta_table th,
#sarakevalinta_table td
{
	text-align:center;
}

#sarakevalinta_table th:nth-child(1),
#sarakevalinta_table td:nth-child(1)
{
	text-align:left;
	white-space: nowrap;
}

#sarakevalinta_table th:nth-child(2) .th_wrapper,
#sarakevalinta_table th:nth-child(3) .th_wrapper
{
	justify-content: center;
	text-align: center;
}

#sarakevalinta_table .mycheckbox_div
{
	margin-bottom: 0;
	margin-top: 0;
}

#sarakevalinta_table.datatable4>*>tr>th::after
{
	content: "";
	display: inline;
	vertical-align: middle;
	min-height: 25px;
}

#sarakevalinta_table tr.hakutable_yhteenvetorivit
{
	background-color: #e1f1fb;
}

.info_kysymysmerkki
{
	color: #29599a;
	background-color: #fff;
	display: inline;
	cursor: pointer;
	border-radius: 6px;
	height: 19px;
	margin-left: 6px;
	text-align:center;
	vertical-align:baseline;
	padding:0px;
	padding-left:4px;
	padding-right:4px;

	line-height:initial;
}

.info_kysymysmerkki:hover
{
	color: #1E4171;
	text-decoration:none;
}

.sininen_pohja
{
	background-color: #29599a !important;
	color: #fff !important;
}

#keskeneraiset_laskut_div a
{
	display:inline-block;
	margin-bottom:8px;
}

#keskeneraiset_ostolaskut_div a
{
	display:inline-block;
	margin-bottom:8px;
}

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-ring-css
{
	background-color: #0000002b;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100000;
}
.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
	left: calc(50% - 80px);
  top: calc(50% - 100px);
  border-radius: 80px;
  box-shadow: 0 6px 0 0 #ffffff;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}
.uil-ring-css2
{
	background-color: transparent;
	position: relative;
	width: 100%;
	height: 40px;
}
.uil-ring-css2 > div {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
	left: calc(50% - 20px);
  top: 0px;
  border-radius: 40px;
  box-shadow: 0 3px 0 0 #29599a;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}

.uil-ring-css2-standalone
{
	position:relative;
}
.uil-ring-css2-standalone:after
{
	content:'';
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
	left: calc(50% - 20px);
  top: calc(50% - 28px);
  border-radius: 40px;
  box-shadow: 0 3px 0 0 #29599a;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}

svg.puhekupla_svg
{
	overflow:visible;
}

.ostoreskontra_ylanapit *
{
	margin-bottom: 0px !important;
	/* margin-top: 4px !important; */
	/* margin-bottom: -4px; */
	border-radius: 14px !important;
	height: 16px !important;
	line-height: 16px !important;
	min-height: 25px !important;
	max-height: 25px !important;
	padding-left: 13px !important;
	padding-right: 13px !important;
	/* margin-right: 4px; */
	margin-top: 4px !important;	
}

.ostoreskontra_ylanapit
{
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
	background-color: rgb(255, 255, 255);
	width: 100%;
}

.ostoreskontra_lasku_table .asiakastietomuokkaus_table,
#popupsisaltosolu_asiakkaan_muokkaus_div .asiakastietomuokkaus_table
{
	abox-shadow: -200px 200px 0 200px #fff;
}

#popup_korjaustoiminnot_ulompi_div .asiakastietomuokkaus_table {
	padding-right: 14px;
	margin-right: -14px;
	width: 100%;
	margin-top: 32px;
}

.datatable4_auto
{
	atable-layout:auto !important;
}

.datatable4_auto>colgroup>col
{
	width:initial !important;
}

table.datatable4_auto td, table.datatable4_auto th
{
	max-width: initial !important;
	white-space: nowrap !important;
}

.hide_master_select
{
	display:none !important;
}

.master_select
{
	display: inline-block;
	margin: 11px !important;
	max-width: 87% !important;
	box-sizing: border-box !important;
	position: absolute !important;
	margin-top: 0px !important;
	height: 14px !important;
	max-height: 14px !important;
	line-height: normal !important;
	font-size: 10px !important;
	padding: 0px !important;
	min-height: 14px !important;
	z-index: 1 !important;
	background-size: contain !important;
	padding-left: 5px !important;
	padding-right: 18px !important;
	/* background-color: rgba(255, 215, 0, 0.6); */
	/* backdrop-filter: blur(10px); */
	opacity: 0.8 !important;
	border-radius: 0px !important;
}

.admin_viesti_wrapper .editnaytto_table .editnaytto_table_col_1
{
  width: 127px;
}
.admin_viesti_wrapper .editnaytto_table .editnaytto_table_col_2
{
  width: 500px;
}

.highcharts-container svg
{
  font-family: 'Inter', sans-serif !important;
	font-weight: 400;
  letter-spacing: 0.05em;
}

html.html_katke_kehykset #vasen_menu_yla_tr,
html.html_katke_kehykset #vasen_menu_td,
html.html_katke_kehykset #footer_tr
{
	display:none !important;
}

html.html_katke_kehykset>body
{
	background-color:transparent !important;
	background-image:none;
}

html.html_katke_kehykset #uloin_table
{
	background-color:transparent;
	background-image:none;
}

html.html_katke_kehykset #main_padding
{
	padding:0px !important;
}

.valilehdet_ja_hakunayttotable_wrapper
{
	overflow: hidden;
	position: relative;
}

/*
.valilehdet_ja_hakunayttotable_wrapper .valilehti.dms_dok [class^=valilehtitd]
{
	overflow: hidden;
}

.valilehdet_ja_hakunayttotable_wrapper .valilehti.dms_dok [class^=valilehtitd]>span
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/

td[id$=_td_kommentti]:hover div[id^=lisaa_kommentti_div]
{
	visibility: visible !important;
}

td[id$=_td_viitteemme]:hover div[id^=lisaa_viitteemme_div]
{
	visibility: visible !important;
}

td[id$=_td_asiakasviite]:hover div[id^=lisaa_asiakasviite_div]
{
	visibility: visible !important;
}

.margin_auto
{
	margin: auto;
}

td[id$=td_ostolaskuid]
{
	text-align: center !important;
}

td[id$=_td_tiedote_teksti] img,
td[id$=_td_tiedote_teksti] video
{
	max-width: 100px;
	max-height: 100px;
	display: block;
}

.valilehdet_ja_hakunayttotable_wrapper.table_wrapper
{
	amargin-top: 0px !important;
	display: block !important;
}

.ui-datepicker
{
	z-index: 1000 !important;
}

#popupsisaltosolu_scrollaus_div_notifications_div
{
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-top: 4px !important;
	font-size:12px;
}

.notifications_div_otsikkorivi
{
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 4px;
}

.notifications_div_tietorivi
{
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
	border-top: 1px solid #b99f6b;
	white-space: nowrap;
	width:100%;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	cursor:pointer;
}

.notifications_div_tietorivi:hover
{
	background-color:rgba(241, 211, 153, 0.45);
}

.notifications_div_tietorivi>div
{
	white-space: normal;
	aborder:1px solid red;
}

.notifications_div_tietorivi>div>img
{
	height: 50px;
	margin-right: 8px;
	width: 50px;
}

.notifications_div_tietorivi>div:nth-child(2)
{
	vertical-align:top;
}

#avoimet_yhdistamiskutsut_div_table
{
	width: 100% !important;
}

#uusi_liite.inputfile-6 + label span
{
	width: max(100%, 360px);
	max-width: max(100%, 360px);
}

.eraantynyt_rivi>td
{
	color:#c70577;
}

/*
ASIAKASVIESTIT ALKAA
*/

.asiakasviestit_div_class span
{
	background-color: #b7d0e0;
}

.asiakasviesti_unread {
	background-color: #87e487 !important;
}

.asiakasviesti_just_added {
	background-color:#ffcc6f !important;
}

.hakunayttorivi_ilmoitusten_maara
{
	position: absolute;
	background-color: #E60689;
	height: 13px;
	right: -1px;
	top: 2px;
	color: white;
	font-size: 10px;
	border-radius: 2px;
	line-height: 13px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#ilmoitusten_maara_asiakasviestit,
.ilmoitusten_maara .balloon,
.lisaa_numero_peraan_a_linkki:after,
.lisaa_numero_peraan_span:before,
.piilota_numero_perasta_a_linkki:after,
.ilmoitusten_maara_menussa,
#ilmoitusten_maara_ylamenussa_ostolaskut,
#ilmoitusten_maara_ylamenussa_right_menussa
{
	font-size: 10px;
	background-color: #f147ab!important;
	color: white;
	border-radius: 100%;
	font-weight: 600;
	line-height: 2em;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
}

.ilmoitusten_maara
{
	position: relative;
}

.ilmoitusten_maara .balloon
{
	position: absolute;
	right: -9px;
	top: -8px;
}

.lisaa_numero_peraan_a_linkki:after {
	right: 21px;
	margin-top: 0px;
	position: absolute;
}

.lisaa_numero_peraan_span:before {
	margin-top:-3px;
	margin-right:5px;
	display:inline-block;
}

.piilota_numero_perasta_a_linkki:after {
	right: 21px;
	margin-top: 0px;
	position: absolute;
	background-color: transparent!important;
	color: transparent!important;
}

.ilmoitusten_maara_menussa
{
	position: static;
}

a.alamenuitem.lisaa_numero_peraan_a_linkki
{
	padding-right: 30px;
}

a.alamenuitem_selected.lisaa_numero_peraan_a_linkki
{
	padding-right: 30px;
}

.menukategoria .taso1.lisaa_numero_peraan_a_linkki i.demo-icon[class*=open]
{
	padding-right: 17px;
}

.valilehdet_maarat {
	font-size: 12px;
	background-color: #29599a !important;
	color: white;
	border-radius: 20px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	min-height: 20px;
	padding-left: 9px;
	padding-right: 9px;
	margin-left: 8px;
	white-space: nowrap;
	display: inline-flex!important;
	align-items: center;
	justify-content: center;
}
.asiakasviestit_ylamenu_div_tietorivi
{
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	white-space: nowrap;
	width:100%;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	cursor:pointer;
}

.asiakasviestit_ylamenu_div_tietorivi:hover
{
	background-color: #ededed;
}

.asiakasviestit_ylamenu_div_tietorivi>div
{
	white-space: normal;
	aborder:1px solid red;
}

.asiakasviestit_ylamenu_div_tietorivi>div>img
{
	height: 50px;
	margin-right: 10px;
	width: 50px;
}

.asiakasviestit_ylamenu_div_tietorivi>div:nth-child(2)
{
	vertical-align:top;
}


.vali_br
{
	padding-top:10px;
}
.lasku_esikatselu_div_solu
{
	display: flex;
	gap: 8px;
}
.lasku_esikatselu_div_solu>*
{
	width: calc(50% - 4px);
}
.lasku_esikatselu_div_otsikko
{
	aborder:1px solid green;
	text-align: left;
}
.lasku_esikatselu_div_arvo
{
	float:right;
	font-weight: bold;
}
.viestit_otsikko
{
	font-size: 21px;
	font-weight: bold;
}
.viestit_holder
{
	aborder:1px solid blue;
	amargin-top: 9px;
}
textarea#uusi_asiakasviesti,
textarea#uusi_asiakasviesti_ostolasku
{
	margin-bottom: 9px;
	margin-top: 5px;
}

html textarea#uusi_asiakasviesti {
	margin-top: 0px;
}

.asiakasviestit_div_class
{
	margin-top: 7px;
}
.asiakasviestit_div_class span
{
	display: block!important;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-radius: 5px;
	margin-bottom: 10px;
	white-space: normal;
}

.viestit_holder i
{
	white-space: normal;
}

/*

ASIAKASVIESTIT LOPPUU

*/

table.bic_pankki>tbody>tr>td:last-child
{
	padding-left: 7px;
	padding-right: 0px;
}

table.bic_pankki>tbody>tr>td:first-child
{
	width: 33%;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
}
table.bic_pankki td
{
	border: none;
	background-color: transparent;
}

table.bic_pankki
{
	width: 100%;
}

table.bic_pankki>tbody>tr:first-child>td
{
	padding-bottom: 0px;
}

table.bic_pankki>tbody>tr:last-child>td
{
	padding-top: 0px;
}

div#yrityksen_valinta_div>input
{
	display: block;
	width: 100%;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
}

#yrityksen_valinta_div
{
	max-height: calc(100vh - 78px);
	overflow-y: scroll;
}

.editnaytto_table>tbody>tr>th>.th_wrapper
{
	display: inline-block;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>th>.th_wrapper,
.editnaytto_table.mobilized.force>*>tr>th>.th_wrapper
{
	padding-top: 4px;
	apadding-bottom: 2px;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>th>.th_wrapper,
.editnaytto_table.mobilized.force>*>tr>th>.th_wrapper
{
	padding-bottom: 0px;
}

.maksuera_table .table_wrapper_width
{
	max-width: 455px;
}

.maksuera_table col.editnaytto_table_col_1 {
	width: 50%;
}

div#laheta_email_div input, div#laheta_email_div textarea
{
	margin-top: 5px;
}

select[name="kassavirtalaskelma_tulot_hakutapa"],
select[name="kassavirtalaskelma_menot_hakutapa"]
{
	width:100%;
}

html:not(.cdi_ie) table#kassavirtalaskelma_table2,
html.cdi_ie.cdi_edge table#kassavirtalaskelma_table2
{
	table-layout: auto;
}

.tuotehakutable_wrapper
{
	z-index:10;
}

.popupin_sisallon_paikka
{
	display: none!important;
}

html .datatable4 > * > tr > *.jtk_xylitol_th, .jtk_xylitol_th {
	background-color: #ededed;
	color: #000!important;
	border: 1px solid #c7c7c7;
	text-decoration: none;
	border-right-color: #c7c7c7;
	font-weight: bold;
}

.datatable4 > * > tr > *.jtk_xylitol_th > span,
.jtk_xylitol_th>span
{
	acolor: #FFF;
}

.kayttoonotto_ei_kaytossa {
	color:red;
}

.kayttoonotto_kaytossa {
	color:green;
}

.toiminnot_painikkeet_td button>i.demo-icon.icon-menu-button-of-three-horizontal-lines
{
	font-size: 17px;
}

button.taulukon_asetukset:not(.mobiili):not(.desktop)
{
	padding-left: 20px !important;
	padding-right: 0px !important;
	width: initial !important;
	align-items: baseline;
}

.popup .rivin_toimintopainikkeet_menuun :is(button, input[type="button"]),
td[id^=laskutoiminnot_] :is(button, input[type="button"])
{
	width: 100%;
}

html .toiminnot_painikkeet_td .kuvake_teksti_button
{
	width: initial!important;
}

.popup .rivin_toimintopainikkeet_menuun :is(button, input[type="button"]),
td[id^=laskutoiminnot_] :is(button, input[type="button"])
/*,.kuvake_teksti_button*/
{
	display: flex;
	margin-top: 4px!important;
	margin-bottom: 4px!important;
	text-align: left;
	align-items: center;
}

html .popup .rivin_toimintopainikkeet_menuun :is(button, input[type="button"])>span,
html td[id^=laskutoiminnot_] :is(button, input[type="button"])>span,
.kuvake_teksti_button>span
{
	display: inline-block;
}

.toiminnot_painikkeet_td button>span
{
	adisplay:none;
}

/*
.popup .rivin_toimintopainikkeet_menuun button>i,
td[id^=laskutoiminnot_] button>i,
.kuvake_teksti_button>i
{
	width: 17px;
	display: inline-block;
}
*/
/*
.rivin_toimintopainikkeet_menuun button>span:not(.kuvake_wrapper),
td[id^=laskutoiminnot_] button>span:not(.kuvake_wrapper),
.kuvake_teksti_button>span:not(.kuvake_wrapper)
{
	padding-left: 9px;
}
*/

/*
html .toiminnot_painikkeet_td button,
html .toiminnot_painikkeet_th button,
html .trash_button
{
	padding: 0px !important;
	width: initial !important;
	abox-shadow: 0px 0px 0px 1px red;
	adisplay:block;
}
*/

td.myyntilaskut_iframe_td
{
	background: white;
	box-shadow: 0 20px 0 0 white;
}

html.iframessa #footer_tr,
html.iframessa #vasen_menu_td,
html.iframessa #vasen_menu_yla_tr
{
	display:none
}

html.iframessa div#main_padding
{
	padding: 0px;
}

html.iframessa table#uloin_table
{
	background: white;
}

html.iframessa #main_td
{
	padding-top: 0px;
	padding-bottom: 5px;
}

html.iframessa body
{
	background-image: none;
}	

.valittubutton
{
	color: #FFEF02;
}

i.demo-icon.icon-trash
{
	font-size: 18px;
}

.asetukset_poista_yksikko_table i.demo-icon.icon-trash
{
	font-size: 24px;
}

#asiakasviestit_ylamenu_div_tietorivit
{
	margin-top: 0px;
}

.toiminnot_painikkeet_td
{
	font-size:0px;
	awhite-space: nowrap !important;
}

.toiminnot_painikkeet_td [class^=nayttorivi]
{
	adisplay: -webkit-flex!important;
	display: flex;
}

td.toiminnot_painikkeet_td:after {
	content: none!important;
}

.toiminnot_painikkeet_th span.a_inner_span {
	width: auto;
}

button.transparent_bg.button_teksti
{
	color: black!important;
	acursor: text;
	user-select: initial!important;
}

.context_menun_otsikko
{
	font-weight: bold;
	font-size: 18px;
	padding: 0px;
}

.toiminnot_painikkeet_th button {
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
}

.toiminnot_painikkeet_td button>i.demo-icon.icon-search
{
	font-size: 18px;
}

.toiminnot_painikkeet_td button>i.icon-cancel
{
	line-height: 24px;
	font-size: 21px;
	margin-left: -8px;
}

button.hakunappi_button
{
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	margin-left: 4px;
}

.datatable4>*>tr.hakuriviTR>td>span
{
	display: -webkit-inline-flex;
	display: inline-flex;
	max-width: 100%;
}

html.cdi_ie .datatable4>*>tr.hakuriviTR>td>span
{
	display: inline-block;
}

td.toiminnot_painikkeet_td :not(.rivin_toimintopainikkeet_menuun) button
{
	white-space: nowrap;
	line-height: 1em;
}

td.toiminnot_painikkeet_td :not(.rivin_toimintopainikkeet_menuun) button.notext>span:not(.kuvake_wrapper)
{
	display:none;
}

.valilehti_body_tausta {
	position: relative;
	/*
	padding-left: 20px;
	margin-left: -20px;
	padding-right: 20px;
	width: 100%;
	background: white;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	*/
}

.ostoreskontra_avoimet_laskut .valilehtitd,
.ostoreskontra_avoimet_laskut .valilehtitd_active
{
	amax-width: 126px;
}

.ostoreskontra_avoimet_laskut .valilehtitd>div>span:first-child,
.ostoreskontra_avoimet_laskut .valilehtitd_active>div>span:first-child
{
	white-space: nowrap;
	padding-right: 4px;
}

.ostoreskontra_avoimet_laskut .valilehtitd>div>span:last-child,
.ostoreskontra_avoimet_laskut .valilehtitd_active>div>span:last-child
{
	word-wrap: normal;
	word-break: normal;
}
	
html .valilehti.dms_dok.ostoreskontra_avoimet_laskut .valilehtitd,
html .valilehti.dms_dok.ostoreskontra_avoimet_laskut .valilehtitd_active
{
	adisplay:block;
	white-space: nowrap;
}

.ostoreskontra_avoimet_laskut .valilehtitd>div>span:first-child:empty,
.ostoreskontra_avoimet_laskut .valilehtitd_active>div>span:first-child:empty {
	display: none;
}

.toiminnot_painikkeet_td button:not(.transparent_bg)>i {
	font-size: 16px;
}

i.fitpainike.fa-arrows-up-down {
	transform: translate(-10px, 0px) rotate(45deg);
	font-size: 19px;
	amargin-right: -8px;
}

.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.fitpainike_td
{
	color: rgba(0, 0, 0, 0);
	padding: 0px;
	width: 40px;
	text-align: center;
	vertical-align: middle;
	border-width: 0px;
	apadding-right: 20px;
	cursor: pointer;
	overflow:hidden;
}

i.fitpainike.demo-icon {
	font-size: 16px;
	height: 100%;
	color: white;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	aborder: 1px solid;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,0.7);
}

i.fitpainike.demo-icon:hover, i.fitpainike.demo-icon:focus {
	color: #828282!important;
}

.hyphens_auto {
	hyphens: auto;
}

i.suljepainike.fa-solid.fa-close {
	font-size: 19px;
	height: 100%;
	color: white;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	aborder: 1px solid;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #828282;
}

.fitpainike
{
	color: #828282!important;
}

i.suljepainike.fa-solid.fa-close:hover, i.suljepainike.suljepainike.fa-solid.fa-close:focus {
	color: #828282!important;
}

.ostoreskontra_lasku_table .editnaytto_table td.toiminnot_painikkeet_td
{
	text-align:center;
}

.ostoreskontra_lasku_table .editnaytto_table td.toiminnot_painikkeet_td button
{
	width: initial;
	vertical-align: middle!important;
}

.ostoreskontra_lasku_table .editnaytto_table td.toiminnot_painikkeet_td button>i
{
	vertical-align: initial!important;
}

.toiminnot_painikkeet_td button.transparent_bg.button_teksti,
.toiminnot_painikkeet_td button.transparent_bg.button_teksti:hover,
.toiminnot_painikkeet_td button.transparent_bg.button_teksti:focus
{
	color: black!important;
	filter: none;
}

img.ui-datepicker-trigger:after
{
	content: '';
	font-family: nettilasku;
	margin-left: 6px;
	color: #006eb3;
	font-size: 18px;
}

img.ui-datepicker-trigger {
	cursor: pointer;
}

div#tilioinnit_table .datatable4>*>tr>td::after,
div#kuluryhma_tilioinnit_table .datatable4>*>tr>td::after

{
	content:none!important;
}

div#tilioinnit_table .datatable4>*>tr>td:first-child>.input_wrapper.tilioinnit
{
	display:-webkit-flex;
	display:flex;
}

div#tilioinnit_table .datatable4>*>tr>td>span
{
	vertical-align: initial;
}

.ui-datepicker
{
	box-shadow: 3px 3px 20px #0b283a70;
	border: none;
}

html span.ui-icon.ui-icon-circle-triangle-w,
html span.ui-icon.ui-icon-circle-triangle-e
{
	background-image:none;
	text-indent: 0px;
	font-size: 0px;
	overflow: visible;
}

html span.ui-icon.ui-icon-circle-triangle-w:after
{
	content: '';
	font-family: nettilasku;
	color: white;
	font-size: 20px;
	position: absolute;
	top: -2px;
	left: 7px;
	transform: rotate(90deg) scaleY(1.1);
}

html span.ui-icon.ui-icon-circle-triangle-e:after
{
	content: '';
	font-family: nettilasku;
	color: white;
	font-size: 20px;
	position: absolute;
	top: -2px;
	left: -3px;
	transform: rotate(-90deg) scaleY(1.1);
}

html .ui-datepicker-header
{
	overflow: hidden;
	border:none;
}

html .ui-datepicker .ui-datepicker-prev
{
	top: 0px;
	left: 0px;
	border-radius: 0px;
	height: 100%;
	width: 36px;
	border:none;
}

html .ui-datepicker .ui-datepicker-prev-hover
{
	background: #4b7ab9;
	top: 0px;
	left: 0px;
	border-radius: 0px;
	height: 100%;
	width: 36px;
	border:none;
}

html .ui-datepicker .ui-datepicker-next
{
	top: 0px;
	right: 0px;
	border-radius: 0px;
	height: 100%;
	width: 36px;
	border:none;
}

html .ui-datepicker .ui-datepicker-prev-next
{
	background: #4b7ab9;
	top: 0px;
	right: 0px;
	border-radius: 0px;
	height: 100%;
	width: 36px;
	border:none;
}

div#myyntilaskun_laskutusloki_table
{
	width: calc(100% - 20px);
}

table.ostoreskontra_lasku_table td
{
	aborder: 1px solid red;
}

.popup .sivuotsikon_wrapper
{
	display: none;
}

html.iframessa .sivuotsikon_wrapper
{
	display: none;
}

#popupsisaltosolu_asiakkaan_muokkaus_div .asiakastietomuokkaus_table
{
	box-shadow: -185px 200px 0 200px rgb(255, 255, 255);
}

td.ostolaskut_iframe_td
{
	background: white;
	box-shadow: 0 20px 0 0 white;
	position: relative;
}

.tablen_ylapuolen_linkit.ostoreskontra_ylanapit>input
{
	margin-top: 0px!important;
}

span.valuutta
{
	vertical-align: baseline;
}

html.action_lasku td.toiminnot_painikkeet_td,
html.action_maksuera td.toiminnot_painikkeet_td
{
	white-space: nowrap;
}

.datatable4>*>tr>td.toiminnot_painikkeet_td
{
	white-space: nowrap;
}

html.action_laskutusasiakkaat_lasku #main table>*>tr>td:first-child
{
	min-width:300px;
	width:300px;
}

a.toiminnot_painikkeet_td .transparent_bg:not(.rivi_menu), 
a.toiminnot_painikkeet_td select
{
	display:none !important;
}

.toiminnot_painikkeet_td>div[id^=suorituksen_poisto_div]
{
	font-size: initial;
	margin-left: 0px!important;
	width: 100%!important;
	display: block;
	white-space: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

.toiminnot_painikkeet_td>div[id^=suorituksen_poisto_div]>input
{
	margin: 0px;
	margin-top: 6px!important;
	display: inline-block;
}

.popup.ilmoitus_toiminto_onnistui,
.popup.ilmoitus,
.popup.ilmoitus_toiminto_epaonnistui
{
	z-index:901!important;
}

html.cdi_ie .datatable4 th,
html.cdi_ie .datatable4 td
{
	max-width:100%;
}

.tulorekisteri_virhe_valilehti_otsikko > span {
	color:#FF0000;
}

multicheckbox_outerwrapper .multicheckbox_values
{
	white-space: nowrap;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.multicheckbox_outerwrapper
{
	position: relative;
}
.multicheckbox_outerwrapper .multicheckbox_wrapper_muokkausbutton
{
	position: absolute;
	right: 0px;
	/* top: 20px; */
	aborder: 1px solid red;
	padding-right: 4px!important;
	padding-left: 4px!important;
	margin:0px;
	margin-right: -7px;
	z-index: 1;
}
.multicheckbox_outerwrapper .multicheckbox_wrapper_muokkausbutton>i {
	font-size: 17px;
}
.multicheckbox_outerwrapper .multicheckbox_wrapper_readonly .multicheckbox_wrapper_muokkausbutton
{
	margin-top:-5px;
}
.multicheckbox_outerwrapper .fi_mycheckbox_text
{
	white-space: nowrap;
}
.multicheckbox_wrapper input[type=text]
{
	display:none;
}
.span_mycheckbox_wrapper.editnaytto {
	line-height: 1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
	display: -webkit-flex;
	display: flex;
}
.editnaytto_table .multicheckbox_wrapper
{
}
.span_mycheckbox_wrapper
{
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	position: relative;
	vertical-align: middle;
}
.span_mycheckbox_wrapper select
{
	margin:0px !important;
}
.span_mycheckbox_wrapper_biglist
{
	display: inline-flex;
	align-items: center;
	position: relative;
	vertical-align: middle;
	background-color: white;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	padding-left: 9px;
	margin-bottom: 0.4em;
}
.span_mycheckbox_wrapper_biglist input[type="checkbox"].fi_mycheckbox + label
{
	margin-right: 0px;
}
input[type="checkbox"].fi_mycheckbox
{
	display: inline-block;
	position: absolute;
	atop: 0px;
	aleft: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	abackground-color: rgba(255, 0, 0, 0.31);
	width: 27px;
	height: 27px;
	box-sizing: border-box;
	margin: 0px;
	opacity: 0.01;
	z-index: 1;
	min-width: 27px;
	min-height: 27px;
}
input[type="checkbox"].fi_mycheckbox + label
{
	display: inline-block;
	vertical-align: middle;
	cursor: default;
	margin: 0px;
	padding: 0px;
	margin-right: 0.3em;
	width: 27px;
	height: 27px;
	min-width: 27px;
	min-height: 27px;
	border: 1px solid black;
	background-color: white;
}
input[type="checkbox"].fi_mycheckbox.error + label
{
	border: 1px solid #de0505 !important;
	background-color: #fcdee3 !important;
}
input[type="checkbox"].fi_mycheckbox:focus + label,
input[type="checkbox"].fi_mycheckbox + label:active
{
	border:1px solid black;
	background-color: rgb(255, 242, 189) !important;
}
span.fi_mycheckbox_text
{
	display: inline-block;
	margin-right: 12px;
	line-height: 26px;
	vertical-align: middle;
	margin-left:8px;
}
input[type="checkbox"].fi_mycheckbox:checked + label
{
	border:1px solid black;
	background-color: white;
	background-image: url('../images/svg/input_type_checkbox_fi_mycheckbox_checked.svg?randval=2c176ddea695513a61d94f14f894ae57');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 25px 25px;
}
input[type="checkbox"].fi_mycheckbox:checked:focus + label,
input[type="checkbox"].fi_mycheckbox:checked + label:active
{
	border:1px solid black;
	background-color: white;
	background-image: url('../images/svg/input_type_checkbox_fi_mycheckbox_checked_focus.svg?randval=2c176ddea695513a61d94f14f894ae57');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 25px 25px;
}
input[type="checkbox"].fi_mycheckbox:disabled + label,
input[type="checkbox"].fi_mycheckbox:disabled + label:active
{
	border:1px solid #B2B2B2;
	background-color: #EEEEEE;
}
input[type="checkbox"].fi_mycheckbox:disabled:checked + label,
input[type="checkbox"].fi_mycheckbox:disabled:checked + label:active
{
	border:1px solid #B2B2B2;
	background-color: #EEEEEE;
	background-image: url('../images/svg/input_type_checkbox_fi_mycheckbox_disabled_checked.svg?randval=a735e4d11485714dd48311fe42a2e3be');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 25px 25px;
}

button.btn-toggle:not(.active)::after {
	content: "(+)";
}
button.btn-toggle.active::after {
	content: "(-)";
}

.datatable4.automatical-width {
	table-layout:initial;
}

.datatable4.automatical-width>*>tr>*,
.datatable4.automatical-width>*>tr>* p,
.datatable4.automatical-width>*>tr>* div,
.datatable4.automatical-width>*>tr>* span,
.datatable4.automatical-width>*>tr>* a,
.datatable4.automatical-width>*>tr>* h2,
.datatable4.automatical-width>*>tr>* b,
.datatable4.automatical-width>*>tr>* button,
.datatable4.automatical-width>*>tr>* input[type="button"]
{
	max-width:initial;
	word-break:initial;
	word-wrap:initial;
	overflow:initial;
	white-space:nowrap;
}

html .select2-container--default .select2-search--dropdown .select2-search__field,
html .select2-container--default .select2-selection--single,
html .select2-dropdown
{
  border: 1px solid #bdbdbd;
}

html .select2-container--default .select2-selection--single .select2-selection__arrow b
{
	border-color: #29599a transparent transparent transparent;
}

html .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
{
	border-color: transparent transparent #29599a transparent;
}

/*
Too "blur" text fix in iOS:
*/
html.isIOS input:disabled,
html.isIOS textarea:disabled
{
	-webkit-text-fill-color: rgb(0, 0, 0);
	-webkit-opacity: 0.6;
	abackground: white;
}

/*
 	-----------------------------
	Mobiiliresponsiivisuus alkaa
	Mobile responsiveness starts
	-----------------------------
*/	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .valilehdet_ja_hakunayttotable_wrapper.table_wrapper
	{
		width: 100%!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive),
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)
	{
		display: block;
		width:initial!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakuriviTR,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr.hakuriviTR,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.datatable_otsikot,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr.datatable_otsikot
	{
		display: none;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4:not(.disable_responsive)>*>tr>th:last-child,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4:not(.disable_responsive)>*>tr>td:last-child
	{
    aborder-right: none;
    flex-grow: 1;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th .col_resize,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>th .col_resize,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td .col_resize,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>td .col_resize
	{
		display: none;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakuriviTR.show,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr.hakuriviTR.show,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.datatable_otsikot.show,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr.datatable_otsikot.show
	{
		display: flex;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr
	{
		display: flex;
		flex-wrap: wrap;
		width:calc(100vw - 32px);
	}
	
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*>tr
	{
		display: flex;
		flex-wrap: wrap;
		max-width:calc(100vw - 32px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody
	{
		gap:8px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table.alempi_table:not(.disable_responsive)>*>tr
	{
		width:initial;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 11px;
		width:100%;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr:last-child
	{
		margin-bottom: 0px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody
	{
		width:100%;
		display: flex;
    flex-direction: column;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr
	{
		width:calc(100vw - 60px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit),
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)
	{
		border-top: 1px solid #c7c7c7;
		border-left: 1px solid #c7c7c7;
		border-right: 1px solid #c7c7c7;
		border-bottom: 1px solid #c7c7c7;
		abox-shadow: 0px 20px #f3f3f3;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr>td.toiminnot_painikkeet_td,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*>tr>td.toiminnot_painikkeet_td
	{
		width: 100%;
    min-height: 39px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td .fileinput-box,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>td .fileinput-box
	{
    width: 100%;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>td,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>th
	{
		width: 50%;
		display: flex;
		flex-wrap: wrap;
		max-width: initial;
		text-align: left!important;
		outline: 0px solid #29599a;
		border-width:0px;
		apadding-bottom: 8px;
		height: auto;
		min-height: 53px;
		align-items: self-start;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr:not(.hakutable_yhteenvetorivit)>th,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr:not(.hakutable_yhteenvetorivit)>th
	{
		outline: 0.5px solid #bdbdbd!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr>td
	{
    padding-top: 0px;
    padding-bottom: 4px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td {
    border-right: 1px solid #c7c7c7!important;
    border-bottom: 1px solid #c7c7c7!important;
    flex-grow: 1;
		align-content: flex-start;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td,
	.datatable4.responsive:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td
	{
		aborder-bottom: 1px solid #c7c7c7!important;
		flex-grow: 1;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .datatable4:not(.disable_responsive) .tuotteen_kuvaus_textarea_wrapper
	{
    margin-top: 0px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .tuotehakutable td:first-child,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .tuotehakutable th:first-child
	{
    text-align: left;
    padding-left: 10px;
    min-width: 160px;
	}

	html:is(.action_lasku,.action_maksuera):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table:not(.disable_responsive) .laskun_rivit_maara_cell
	{
    padding-right: 11px !important;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.disable_responsive .laskun_rivit_yksikko_cell
	{
    padding-left: 5px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table:not(.disable_responsive) .laskun_rivit_yksikko_cell
	{
		padding-left: 11px!important;
		padding-right: 11px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table:not(.disable_responsive) .NaytaKokoTeksti.toiminnot_painikkeet_td
	{
		flex-direction: row!important;
    justify-content: center!important;
    padding: 9px!important;
		align-items: center;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table:not(.disable_responsive) tr.hakutable_yhteenvetorivit>td
	{
    flex-direction: row!important;
    justify-content: flex-end!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_liitteet_table .inputfile-6 + label
	{
		width:100%;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_liitteet_table .inputfile-6 + label span
	{
		display: inline;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)#laskun_liitteet_table>tbody>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(1)
	{
		width:10%;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)#laskun_liitteet_table>tbody>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(3)
	{
		width:60%;
	}
	html:not(.action_maksuera):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)#laskun_liitteet_table>tbody>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(4)
	{
		width:30%;
		align-items: flex-end;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)#laskun_liitteet_table>tbody>tr.hakutable_yhteenvetorivit>td:last-child
	{
		align-items: flex-end;
    justify-content: center;
    min-height: 30px;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)#laskun_liitteet_table>tbody>tr.hakutable_yhteenvetorivit>td:first-child
	{
		width:100%;
    justify-content: center;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table:not(.disable_responsive)>tbody>tr>td>.hide_in_mobile,
	table.responsive:not(.disable_responsive)>tbody>tr>td>.hide_in_mobile,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table:not(.disable_responsive)>tbody>tr>td.hide_in_mobile,
	table.responsive:not(.disable_responsive)>tbody>tr>td.hide_in_mobile
	{
		display:none!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_liitteet_table .toiminnot_painikkeet_td
	{
		flex-direction: row!important;
    justify-content: center!important;
    padding: 9px!important;
		align-items: center;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .liitteet_otsikko
	{
		display:block;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .liitteet_ohje
	{
		display:block;
		margin-bottom: 14px;
		white-space:normal;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .liitteet_text
	{
		display: inline!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table_otsikon_ja_taulukon_sitoja
	{
		padding-right:0px;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table#lasku_edit_table
	{
		width: 100%;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup table#lasku_edit_table
	{
		width: calc(100vw - 30px);
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table#lasku_edit_table>tbody>tr>td
	{
    display: flex;
    flex-direction: column;
	}

	html.action_lasku #right_holder_container
	{
		container-name: right_holder_container;
		container-type: inline-size;
	}

	html.action_lasku #laskunrivit_container
	{
		container-name: laskunrivit_container;
		container-type: inline-size;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(1)
	{
		width:100%!important;
	}

	@container laskunrivit_container (max-width: calc(138px * 2))
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td,
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th
		{
			width: 100%!important;
  	}
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku .editnaytto_table.mobilized>*>tr,
		.editnaytto_table.mobilized.force>*>tr
		{
			width: 100%!important;
		}
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku .editnaytto_table.mobilized>*>tr>td,
		.editnaytto_table.mobilized.force>*>tr>td
		{
			width: 100%!important;
		}
	}

	@container laskunrivit_container (min-width: calc(138px * 3))
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td,
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th
		{
			width: calc(100% / 3)!important;
  	}
	}

	@container laskunrivit_container (min-width: calc(138px * 4))
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td,
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th
		{
			width: calc(100% / 4)!important;
  	}
	}

	@container laskunrivit_container (min-width: calc(138px * 5))
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td,
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th
		{
			width: calc(100% / 5)!important;
  	}
	}

	@container laskunrivit_container (min-width: calc(138px * 6))
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku>body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td,
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku>body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th
		{
			width: calc(100% / 6)!important;
  	}
	}

	@container laskunrivit_container (min-width: calc(138px * 7))
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku>body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td,
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku>body table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th
		{
			width: calc(100% / 7)!important;
  	}
	}


	@container laskunrivit_container (max-width: 499px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_lasku .editnaytto_table.mobilized#laskuttaminen_laskun_lahetystiedot_table>*>tr
		{
			width: 100%;
		}
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr.hakutable_yhteenvetorivit.navigointi>td
	{
		width: 100%;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td
	{
		aflex-direction: column;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>*>div.mobile_title,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>*:hover>div.mobile_title,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>*>div.mobile_title:hover,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>*>div.mobile_title,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>*:hover>div.mobile_title,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>*>div.mobile_title:hover
	{
		width: 100%;
		color: black;
		font-size: 13px;
		padding-top: 4px;
		padding-bottom: 2px;
		display:block!important;
		text-decoration: none!important;
		font-weight:bold;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive):not(#reskontra_laskun_suoritukset_datatable)>*>tr>td::after,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive):not(#reskontra_laskun_suoritukset_datatable)>*>tr>td::after
	{
		min-height: initial;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td[id$=_td_kommentti]:not(.kommentti_lisatty):hover,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td[id$=_td_kommentti]:not(.kommentti_lisatty).kommentti_active,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>td[id$=_td_kommentti]:not(.kommentti_lisatty):hover,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>td[id$=_td_kommentti]:not(.kommentti_lisatty).kommentti_active
	{
		text-decoration: none!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>colgroup:first-child + *>tr:first-child>*:last-child,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*:first-child>tr:first-child>*:last-child,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>colgroup:first-child + *>tr:first-child>*:first-child,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*:first-child>tr:first-child>*:first-child,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*:last-child>tr:last-child>*:first-child,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*:last-child>tr:last-child>*:last-child,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>colgroup:first-child + *>tr:first-child>*:last-child,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*:first-child>tr:first-child>*:last-child,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>colgroup:first-child + *>tr:first-child>*:first-child,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*:first-child>tr:first-child>*:first-child,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*:last-child>tr:last-child>*:first-child,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*:last-child>tr:last-child>*:last-child
	{
		border-radius:0!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakutable_navigointitable_tr>td
	{
		width:100%;
		outline: 0px solid #29599a;
		padding-bottom: 0px!important;
		justify-content: center;
		flex-direction: row;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakutable_navigointitable_tr>td>button:last-child
	{
		margin-right: 0px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .datatable4.hakunaytto_table:not(.disable_responsive)>*>tr.hakuriviTR>td>span
	{
		flex-wrap:wrap;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr.hakutable_yhteenvetorivit.navigointi
	{
		border:0px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr.hakutable_yhteenvetorivit.navigointi>*
	{
		background-color: transparent!important;
		outline:none;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakutable_yhteenvetorivit .inner_absolute_wrapper:not(.search_result_amounts)
	{
		justify-content: flex-end;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakutable_yhteenvetorivit .mobile_title
	{
		text-align: right;
		display: block;
		width: 100%;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakutable_yhteenvetorivit .mobile_title .th_wrapper
	{
		width:initial;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td .total_text
	{
		display:none;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.kontaktit_sarakeotsikot
	{
		display: none;
	}

	/*
		Välilehdet
	*/

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti
	{
		padding-left:0px;
		padding-right:0px;
		overflow: scroll;
		display: flex;
		gap: 0px;
		flex-wrap:nowrap;
		margin-bottom: 20px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.vali
	{
		display:none;
	}
	@media (max-width: 414px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.valilehtitd,
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.valilehtitd_active
		{
			width: 100%;
		}
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.valilehtitd,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.valilehtitd_active
	{
		margin-right: 0px;
		margin-bottom: 0px!important;
		box-shadow:none;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.valilehtitd_active:not(.valilehtitd_error)
	{
		border-bottom: 6px solid #29599a;
		color: #29599a!important;
	}


	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.valilehtitd:not(.valilehtitd_active)
	{
		border-bottom: 6px solid #d1d1d1;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.valilehtitd:focus {
		background: gainsboro;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti>.valilehtitd
	{
		abackground-color: #ededed;
		acolor: black;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .valilehdet_ja_hakunayttotable_wrapper .valilehti.dms_dok [class^=valilehtitd]>span
	{
		awhite-space: nowrap;
		overflow: initial;
		text-overflow: ellipsis;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakuriviTR>td.td_search_hide
	{
		display: none;
	}

	/*
		Editnäyttö
	*/

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use):not(.action_epic_sign_documents) .editnaytto_table_otsikon_ja_taulukon_sitoja
	{
		max-width: calc(100vw - 30px);
		overflow:scroll;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #main_td
	{
		width:100%;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use):not(.action_epic_sign_documents) .popup .editnaytto_table_otsikon_ja_taulukon_sitoja
	{
		max-width: calc(100vw - 60px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup.click_tooltip .editnaytto_table_otsikon_ja_taulukon_sitoja
	{
		max-width: calc(100vw - 20px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .table_wrapper_width.mobilized,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .table_wrapper_width_no_shadow.mobilized
	{
		max-width: initial;
    width: initial;
    border-radius: initial;
		aborder-bottom: 1px solid red;
		box-shadow: initial;
		padding-right: 2px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_asiakkaan_muokkaus_div
	{
		width: 100vw!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #asiakkaan_muokkaus_div .valilehti
	{
    overflow: scroll!important;
    max-width: calc(100vw - 30px)!important;
    min-height: 46px!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #asiakkaan_muokkaus_div .valilehti a
	{
		white-space: nowrap!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .table_wrapper_width_no_shadow
	{
		border-radius:0;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized,
	.editnaytto_table.mobilized.force
	{
		background-image: none;
		box-shadow: none;
		border-radius:0;
		width:100%;
		background-color: #ededed!important;
		border-top: 1px solid #c7c7c7;
		border-left: 1px solid #c7c7c7;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup .editnaytto_table.mobilized,
	.popup .editnaytto_table.mobilized.force
	{
		width:100%;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table:not(.mobilized)>tbody>tr
	{
		border-bottom: 1px solid #c7c7c7;
		border-right: 1px solid #c7c7c7;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized .editnaytto_table_col_1,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized .editnaytto_table_col_2,
	.editnaytto_table.mobilized.force .editnaytto_table_col_1,
	.editnaytto_table.mobilized.force .editnaytto_table_col_2
	{
		width: initial!important;
		max-width: initial!important;
		min-width: initial!important;
		display:none!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr:not(style*="display:none"),
	.editnaytto_table.mobilized.force>*>tr:not(style*="display:none")
	{
    display: flex!important;
    flex-wrap: wrap;
    border: 0px solid #29599a;
		background-color: transparent;
		width: calc(100vw - 32px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup .editnaytto_table.mobilized>*>tr:not(style*="display:none"),
	.popup .editnaytto_table.mobilized.force>*>tr:not(style*="display:none")
	{
		width: calc(100vw - 60px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .maksuera_table
	{
		display: flex;
    flex-wrap: wrap;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .maksuera_table>*>tr
	{
		display: flex;
    flex-wrap: wrap;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .maksuera_table>*>tr>td
	{
		display: flex;
    flex-wrap: wrap;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .lasku_edit_table_asiakkaan_tiedot
	{
		padding-left:0px!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr a,
	.editnaytto_table.mobilized.force>*>tr a
	{
		color: #29599a!important;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>th,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>td,
	.editnaytto_table.mobilized.force>*>tr>th,
	.editnaytto_table.mobilized.force>*>tr>td
	{
		width: 100%;
    display: flex!important;
    flex-wrap: wrap;
    max-width: initial;
    text-align: left!important;
    outline: 0px solid #29599a;
    border-width: 0px;
    padding-bottom: 0px;
    height: auto;
		color:black;
		background-color:transparent;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>td,
	.editnaytto_table.mobilized.force>*>tr>td
	{
    min-height: 39px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized:not(#laskuttaminen_laskun_tiedot_table):not(.myyntilasku_perustiedot)>tbody,
	.editnaytto_table.mobilized.force:not(#laskuttaminen_laskun_tiedot_table):not(.myyntilasku_perustiedot)>tbody
	{
		display: flex;
    flex-wrap: wrap;
		flex-direction: column;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized.myyntilasku_perustiedot>tbody,
	.editnaytto_table.mobilized.force.myyntilasku_perustiedot>tbody
	{
		flex-direction: row;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.datatable_otsikot>th,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr.datatable_otsikot>th
	{
		min-height: initial!important;
	}
	
	@media only screen and (min-width: 500px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized#laskuttaminen_laskun_lahetystiedot_table>tbody,
		.editnaytto_table.mobilized.force#laskuttaminen_laskun_lahetystiedot_table>tbody

		{
			min-height: 184.5px;
		}
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized:not(#laskuttaminen_laskun_tiedot_table)>tbody,
		.editnaytto_table.mobilized.force:not(#laskuttaminen_laskun_tiedot_table)>tbody
		{
			flex-direction: row!important;
		}
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #lasku_edit_table .editnaytto_table.mobilized>tbody,
		#lasku_edit_table .editnaytto_table.mobilized.force>tbody
		{
			flex-direction: row!important;
		}

		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized:not(#laskuttaminen_laskun_tiedot_table)>*>tr,
		.editnaytto_table.mobilized.force:not(#laskuttaminen_laskun_tiedot_table)>*>tr
		{
    	width: 50%;
			flex-grow: 1;
		}

		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized#laskuttaminen_laskun_lahetystiedot_table>*>tr,
		.editnaytto_table.mobilized.force#laskuttaminen_laskun_lahetystiedot_table>*>tr
		{
			width: 100%;
		}
	}

	@media only screen and (max-width: 499px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #lasku_edit_table .editnaytto_table.mobilized,
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskuttaminen_laskun_lahetystiedot_table.editnaytto_table.mobilized,
		#lasku_edit_table .editnaytto_table.mobilized.force,
		#laskuttaminen_laskun_lahetystiedot_table.editnaytto_table.mobilized.force
		{
			aborder-right: 1px solid #c7c7c7;
			aborder-bottom: 1px solid #c7c7c7;
			min-height: initial!important;
		}
	}

	@media only screen and (min-width: 500px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .force_inline
		{
			min-height: 232px!important;
			max-width: calc(50vw - 20px)!important;
		}
	}
	@media only screen and (max-width: 499px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .force_inline
		{
    	max-width: 100%!important;
		}
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .force_inline
		{
    	min-height: initial!important;
		}
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskuttaminen_laskun_tiedot_table.editnaytto_table.mobilized>tbody,
	#laskuttaminen_laskun_tiedot_table.editnaytto_table.mobilized.force>tbody
	{
		display: flex;
		flex-wrap: wrap;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskuttaminen_laskun_tiedot_table.editnaytto_table.mobilized>*>tr,
	#laskuttaminen_laskun_tiedot_table.editnaytto_table.mobilized.force>*>tr
	{
		width: 50%;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskuttaminen_laskun_tiedot_table.editnaytto_table.mobilized>*>tr.asiakasviite,
	#laskuttaminen_laskun_tiedot_table.editnaytto_table.mobilized.force>*>tr.asiakasviite
	{
		width: 100%;
	}
	

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskuttaminen_laskun_tiedot_table.editnaytto_table.mobilized>*> col,
	#laskuttaminen_laskun_tiedot_table.editnaytto_table.mobilized.force>*> col
	{
		display:none;
	}


	/*
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskuttaminen_laskun_tiedot_table.datatable4>*>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(1),
	{
		width:100%;
	}
*/	

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>th,
	.editnaytto_table.mobilized.force>*>tr>th
	{
		padding-bottom: 0px;
		font-size: 13px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>tbody>tr>th:first-child::after,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>tbody>tr>td:first-child::after,
	.editnaytto_table.mobilized.force>tbody>tr>th:first-child::after,
	.editnaytto_table.mobilized.force>tbody>tr>td:first-child::after
	{
		min-height: initial;
	}

	/*
	Muut
	*/

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) tr.hakutable_yhteenvetorivit.navigointi .tablen_ylapuolen_linkit
	{
		max-width: calc(100vw - 40px);
		align-items: center;
		justify-content: center;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup .tablen_ylapuolen_linkit
	{
		max-width: calc(100vw - 30px);
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #Laskuyhteenveto_div
	{
		display: flex;
		flex-direction: column;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #ylavalikko_table_td_div
	{
		width: 100vw;
		overflow: hidden;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div#main_padding
	{
		width: 100%;
		/* overflow: scroll; jos tämä on scroll, ei voi aina heti skrollata */
	}


	html:is(.cdi_phone):not(.responsive_not_in_use) #menun_ylanuoli
	{
		display:none!important;
	}
	html:is(.cdi_phone):not(.responsive_not_in_use) #menu_ylapainikkeet
	{
		height:12px;
	}
	/*
	html:is(.cdi_phone):not(.responsive_not_in_use) #menu_ylapainikkeet>div
	{
		display:none!important;
	}
	*/
	html:is(.responsive_in_use):not(.responsive_not_in_use):not(.action_lasku) #menun_ylanuoli
	{
		display:none!important;
	}
	html:is(.responsive_in_use):not(.responsive_not_in_use):not(.action_lasku) #menu_ylapainikkeet
	{
		height:12px;
	}
	html:is(.responsive_in_use):not(.responsive_not_in_use):not(.action_lasku) #menu_ylapainikkeet>div
	{
		display:none!important;
	}


	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div#kommentin_muokkaus_div
	{
		max-width: calc(100vw - 20px)!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div#popup_kommentin_muokkaus_div
	{
		max-width: calc(100vw - 0px)!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div#ajankohtaista_div
	{
		max-width: calc(100vw - 20px)!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .table_wrapper.max_w_tilien_saldot
	{
    max-width: calc(100vw - 20px);
    aoverflow: scroll;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_laskun_lahetys_div.popup
	{
		width:min(800px, 100vw)!important;
		max-width:min(800px, 100vw)!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .datatable4>*>tr.hakuriviTR>td,
	.datatable4.responsive>*>tr.hakuriviTR>td
	{
		border-right-style: solid!important;
		border-left-style: solid!important;
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr:not(.hakutable_yhteenvetorivit)>th,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr:not(.hakutable_yhteenvetorivit)>th
	{
		aoutline: 1px solid #bdbdbd!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr.hakutable_yhteenvetorivit>td,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*>tr.hakutable_yhteenvetorivit>td
	{
		align-items: flex-end;
		justify-content: flex-end;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr.hakutable_yhteenvetorivit>td.search_result_amounts_td,
	table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>*>tr.hakutable_yhteenvetorivit>td.search_result_amounts_td
	{
		width:100%;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_myyntilasku_esikatselu_popup
	{
    width: 100vw!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_myyntilasku_esikatselu_popup .ostolaskun_muokkaus_tietotaulukko
	{
		flex-direction: column!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_myyntilasku_esikatselu_popup #ostolaskun_perustiedot_table
	{
		width:initial!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilasku_perustiedot.mobilized>tbody
	{
		display: flex;
		flex-wrap: wrap;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilasku_perustiedot.mobilized>tbody>tr
	{
		width:50%;
		flex-grow:1;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilasku_perustiedot.mobilized>tbody>tr.myyntilasku_toiminnot_tr
	{
		width:100%;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilasku_perustiedot.mobilized>tbody>tr.myyntilasku_toiminnot_tr button
	{
		width: initial;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilasku_perustiedot.mobilized>tbody>tr.myyntilasku_toiminnot_tr button:first-child
	{
		margin-right:8px;
	}

	@media only screen and (min-width: 500px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilasku_perustiedot.mobilized>tbody>tr
		{
			width:25%!important;
		}
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilasku_perustiedot.mobilized>tbody>tr.myyntilasku_toiminnot_tr
		{
			width:100%!important;
		}
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.valilehti.valilehti_ostolasku
	{
		max-width: calc(100vw - 30px);
		overflow: scroll;
		width: calc(100vw - 30px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.valilehti.valilehti_ostolasku .vali.myyntilaskut
	{
		padding-left: 40px!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .valilehti.valilehti_ostolasku>.valilehtitd,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .valilehti.valilehti_ostolasku>.valilehtitd_active
	{
		amin-height: 46px!important;
		display: flex;
    align-self: center;
    align-items: center;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup.translucent .popup_inner_table
	{
		/*
		background: linear-gradient( 
0deg, #ffffff calc(100% - 500px), rgb(255 255 255 / 88%) calc(100% - 410px), hsl(215deg 58% 57% / 70%) 100%);
		*/
		background: white;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilasku_perustiedot.mobilized
	{
		width: calc(100vw - 60px)!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #myyntilaskun_viestit_table
	{
		width: calc(100vw - 60px)!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable .toiminnot_painikkeet_td
	{
		flex-direction: row;
    justify-content: center;
    align-items: baseline;
    padding-top: 14px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable>tbody>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(1),
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable>tbody>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(2),
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable>tbody>tr>td.kirjauspaiva,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable>tbody>tr>td.yhteensa
	{
		width:100%;
	}

	@media only screen and (min-width: 500px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable>tbody>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(1),
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable>tbody>tr:not(.hakutable_yhteenvetorivit)>td:nth-child(2),
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable>tbody>tr:not(.hakutable_yhteenvetorivit)>td.viitenumero
		{
			width:50%;
		}
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #reskontra_laskun_suoritukset_datatable>tbody>tr>td.kirjauspaiva
		{
			width:25%;
		}
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_myyntilasku_esikatselu_popup .popup_inner_table {
    min-height: 100vh!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div#myyntilaskun_laskutusloki_table
	{
		width: initial;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_nayta_maksusuoritukset_ikkuna
	{
		width: 100vw!important;
	}

	/*
	Sarakkeet-popup
	*/
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) [id^=popup_sarakkeiden_valinta_div_]
	{
		width:100vw!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) [id^=popup_sarakkeiden_valinta_div_] .datatable4
	{
		width: 100%;
    table-layout: auto;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) [id^=popup_sarakkeiden_valinta_div_] .datatable4>tbody>tr>th,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) [id^=popup_sarakkeiden_valinta_div_] .datatable4>tbody>tr>td
	{
		max-width:auto;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_korjaustoiminnot_ulompi_div div.valilehti
	{
		width: calc(100vw - 30px);
		overflow: scroll;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_korjaustoiminnot_ulompi_div .valilehti>.valilehtitd,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_korjaustoiminnot_ulompi_div .valilehti>.valilehtitd_active
	{
		min-height: 40px!important;
		white-space: nowrap;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_korjaustoiminnot_ulompi_div
	{
		max-width: 100vw!important;
		width: 100vw!important;
	}

	html:not(.action_lasku):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup.ikkuna_vasemmalle,
	html:not(.action_lasku):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup.ikkuna
	{
		max-width: 100vw!important;
		width: 100vw!important;
	}

	html.action_lasku.cdi_phone .popup.ikkuna_vasemmalle,
	html.action_lasku.cdi_phone .popup.ikkuna
	{
		max-width: 100vw!important;
		width: 100vw!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .asetus select
	{
		width:100%;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .asetusmuokkaus input[type=text]
	{
		width: 100%;
	}

	/*
	Room for Intercom-button:
	*/
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div#sisalto_action_popup_asetukset
	{
		margin-bottom: 60px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .toiminnot_painikkeet_td [class^=nayttorivi],
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .toiminnot_painikkeet_td [class^=muokkausrivi]
	{
		display: flex;
		flex-wrap: wrap;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .toiminnot_painikkeet_td [class^=nayttorivi]>*,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .toiminnot_painikkeet_td [class^=muokkausrivi]>*
	{
		margin-top: 2px!important;
		margin-bottom: 2px!important;
	}


/*
	Ostolaskut
	*/

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .ostoreskontra_tiedot_td_and_ostolaskut_iframe_td
	{
		display: flex;
    flex-direction: column;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use)  .popup.action_ostoreskontra_lasku
	{
		width:100vw!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use)  #ostoreskontra_tiedot_td
	{
		width:initial!important;
		min-width:initial!important;
		max-width:initial!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use)  .ostolaskut_iframe_wrapper
	{
		margin-left: 0px;
		margin-right: 0px;
		width: calc(100vw - 60px);
		margin-bottom: 0px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use)  .ostolaskut_iframe_wrapper>img
	{
		width: calc(100% - 10px)!important;
    height: fit-content!important;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .tablen_ylapuolen_linkit.ostoreskontra_ylanapit
	{
		white-space: normal;
		background-color:transparent;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .tablen_ylapuolen_linkit.ostoreskontra_ylanapit input
	{
		margin-bottom: 10px!important;
    display: inline-block;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .ostolaskut_iframe_wrapper.alempi
	{
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .ostolaskut_iframe_wrapper.ylempi
	{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .tablen_ylapuolen_linkit.ostoreskontra_ylanapit
	{
    white-space: normal;
    background-color: transparent;
    max-width: initial;
    padding: 8px;
    padding-bottom: 0px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #ostolaskun_perustiedot_table .editnaytto_table.mobilized,
	#ostolaskun_perustiedot_table .editnaytto_table.mobilized.force
	{
		awidth: calc(100vw - 30px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup.action_ostoreskontra_lasku .tablen_ylapuolen_linkit
	{
		margin-top: 10px;
    margin-bottom: 10px;
    max-width: calc(100vw - 30px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #tilioinnit_table table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td.toiminnot_painikkeet_td,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #kuluryhma_tilioinnit_table table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td.toiminnot_painikkeet_td
	{
		flex-direction: row;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .ostoreskontra_kulutili_td
	{
		width:100%!important;		
	}
	
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #tilioinnit_table table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td.toiminnot_painikkeet_td,
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #kuluryhma_tilioinnit_table table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td.toiminnot_painikkeet_td
	{
		justify-content: center;
	}
 	
	@media only screen and (max-width: 500px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .ostoreskontra_laskut_tilioinnit
		{
			flex-direction: column;
		}
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>colgroup,
	.editnaytto_table.mobilized.force>colgroup
	{
		display: none;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #ostolaskun_kohdistus_table
	{
		max-width: calc(100vw - 30px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)#kaytto_oikeudet_table>tbody>tr>td.toiminnot_painikkeet_td
	{
		flex-direction: row;
		justify-content: center;
	}

	@media only screen and (max-width: 700px)
	{
		html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .dms_dokumentti_outer
		{
			aflex-direction: column;
		}
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use).action_palkka_ajot table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td.toiminnot_painikkeet_td
	{
		flex-direction: row;
		justify-content: center;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td .table_wrapper.max_w_lasku_edit
	{
		overflow:scroll;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .right_div_invoice_map
	{
		width: calc(100vw - 40px);
		margin-left: 0px;
	}
	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .right_div_invoice_map>iframe
	{
		width:calc(100vw - 40px);
		height:calc(29.7/21*100vw - 40px);
		flex-grow: 1;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .left_div_invoice_map
	{
		margin-bottom: 20px;
		min-width: initial;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .both_divs_invoice_map
	{
		flex-direction: column;
		display: flex;
		width: calc(100vw - 40px);
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .viestit_holder
	{
		margin-bottom: 20px;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .invoice_customer_name_and_invoice_number
	{
		font-size: 20px;
		display: block!important;
		width: 100%;
		margin-left: 11px;
		margin-bottom: 4px!important;
	}

	html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .invoice_customer_name_and_invoice_number>b
	{
		white-space: normal;
	}

/*
	-----------------------------
	Mobiiliresponsiivisuus loppuu
	Mobile responsiveness ends
	-----------------------------
*/

tr.hakutable_yhteenvetorivit>td
{
	border-left: none;
	border-right: none;
}

.both_divs_invoice_map
{
	flex-direction: row;
	display: flex;
}

.viestit_otsikko
{
	margin-bottom: 6px;
}

.right_div_invoice_map
{
	margin-left: 20px;
}

.right_div_invoice_map>iframe
{
	width: 700px;
	height: calc(29.7/21 * 700px);
	flex-grow: 1;
}
.left_div_invoice_map
{
	min-width: 305px;
}

#ostolaskun_kohdistus_table
{
	white-space: normal;
}

html .popup .ed_seur
{
	display: flex;
	width: fit-content;
	margin-top: 17px;
	margin-bottom: 20px;
	justify-content: center;
}

html .popup .ed_seur>.prev
{
	width: 50px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}

html .popup .ed_seur>.num {
	white-space: nowrap;
	border-radius:0px;
}

html .popup .ed_seur>.num:hover
{
	background: #29599a;
}

html .popup .ed_seur>.next
{
	width: 50px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

div#sisalto_action_popup_myyntilasku_esikatselu_popup .ed_seur
{
	margin-left: auto;
	margin-right: auto;
}

.ostoreskontra_laskut_tilioinnit
{
	display: flex;
	width: min(847px, calc(100vw - 64px));
	gap: 10px;
	flex-direction: row;
}

.ostoreskontra_laskut_kp_tilioinnit
{
	display: flex;
	width: min(386px, calc(100vw - 64px));
	flex-direction: row;
}

.popup.action_ostoreskontra_lasku .ostoreskontra_laskut_kp_tilioinnit .table_wrapper_width:first-child .editnaytto_table col.editnaytto_table_col_1
{
	width: 60%;
}

.popup.action_ostoreskontra_lasku .ostoreskontra_laskut_kp_tilioinnit .table_wrapper_width:first-child .editnaytto_table col.editnaytto_table_col_2
{
	width: 40%;
}

.popup.action_ostoreskontra_lasku .table_wrapper_width {
	max-width: initial;
	border: 1px solid #c7c7c7;
	height: fit-content;
}

.popup.action_ostoreskontra_lasku .table_wrapper_width:first-child .editnaytto_table .editnaytto_table_col_2
{
	width: 32%;
}

.popup.action_ostoreskontra_lasku .table_wrapper_width:last-child .editnaytto_table .editnaytto_table_col_2
{
	width: 94%;
}

.popup.action_ostoreskontra_lasku .table_wrapper_width .editnaytto_table
{
	height: 100%;
}

.ostoreskontra_laskut_tilioinnit>.table_wrapper_width>.editnaytto_table col
{
	width: 50%;
}

.ostoreskontra_laskut_tilioinnit>.table_wrapper_width>.editnaytto_table>*>tr>th[NOWRAP]
{
	white-space: nowrap;
}

.ostoreskontra_laskut_tilioinnit>.table_wrapper_width>.editnaytto_table>*>tr.datatable_otsikot>th
{
	text-align:right;
	color:white;
}

.popup.action_ostoreskontra_lasku .table_wrapper_width .editnaytto_table>tbody>tr:last-child
{
	height: initial;
}
.popup.action_ostoreskontra_lasku .table_wrapper_width .editnaytto_table>tbody>tr
{
	height: 40px;
}

.popup.action_ostoreskontra_lasku .table_wrapper_width .editnaytto_table>tbody>tr>*
{
	vertical-align:top;
}

.popup.action_ostoreskontra_lasku.translucent .popup_inner_table {
	abackground: linear-gradient( 
0deg, #ffffff calc(100% - 500px), rgb(255 255 255 / 88%) calc(100% - 271px), hsl(215deg 58% 57% / 70%) 100%);
}

#asiakasviite_notice_span,
#viitteemme_notice_span
{
	font-style:italic;
	color: #E60689 !important;
	display:block;
	white-space: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

.select2 .select2-selection__rendered
{
	font-size: 16px;
}

.asetus.asetukset_piilotettavat_maksuehdot {
	padding-left: 0px;
	padding-right: 0px;
}

.asetus.asetukset_piilotettavat_maksuehdot table td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	min-height: 34px!important;
	height: 34px!important;
	vertical-align: middle;
}

.datatable4>*>tr.hakuriviTR>td .date_pick_up_to
{
	margin-top:2px;
}

.datatable4>*>tr.hakuriviTR>td>span
{
	display: -webkit-inline-flex;
	display: inline-flex;
	max-width: 100%;
	flex-direction: row;
	align-items: center;
}

.datatable4>*>tr.hakuriviTR>td>span>* {
	margin-bottom: 1px;
	margin-top: 1px;
}

.datatable4>*>tr.hakuriviTR>td input[name$=from\]],
.datatable4>*>tr.hakuriviTR>td input[name$=to\]] {
	margin-right: 2px;
}

.datatable4>*>tr.hakuriviTR>td .dash_between_inputs
{
	adisplay:none;
}

.button_loading
{
	animation-name: button_loading;
	animation-duration: 0.8s;
	animation-timing-function: ease-out;
	animation-delay: 0;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-iteration-count: 1;
}
.button_loading.network_called
{
	animation-iteration-count: infinite;
	animation-duration: 0.8s;
}

.valilehtitd.button_loading,
.valilehtitd_active.button_loading
{
	box-shadow: none;
}

@keyframes button_loading {
	0% {
		opacity:1;
	}
	50% {
		opacity:0.5;
	}
	100% {
		opacity:1;
	}
}

/*
 -----------------------
 First invoice ad starts
 -----------------------
*/

html.action_laskut.show_first_invoice_ad>body
{
	background-image:none;
}
html.action_laskut.show_first_invoice_ad #uloin_table
{
	background-color:white;
}

html:not(.show_first_invoice_ad) .create_first_invoice_div_outer_holder
{
	display:none;
}
html.show_first_invoice_ad .invoices_normal
{
	display:none;
}
/*
 To vertically center the ad:
*/
html.show_first_invoice_ad td#main_td>div:first-child
{
	height: 100%;
	abox-shadow: inset 0 0 10px red;
}
html:not(.show_first_invoice_ad) .invoices_normal
{
	display:initial;
}

.create_first_invoice_div,
.create_first_invoice_div *
{
	box-sizing: border-box;
}
.create_first_invoice_div *
{
	padding-bottom:10px;
}
.create_first_invoice_div_outer_holder
{
	height: 100%;
	display: table-cell;
	padding-top: 36px;
}
.create_first_invoice_div
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px; /* when laid horizontally, this makes gap beween "columns", otherwise between "rows" */
	max-width: calc(100vw - 40px);
}

.create_first_invoice_img_div
{
	aborder:1px solid orange;
	max-width: calc(min(65vh,65vw,400px));
	padding-bottom: 0px;
}
.create_first_invoice_img_div>img {
	aborder: 1px solid;
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
}
.create_first_invoice_text_div
{
	aborder:1px solid blue;
	width: calc(min(100vh,100vw,492px) - 80px);
}
.create_first_invoice_text1_div
{
	aborder:1px solid yellow;
	font-size:24px;
}
.create_first_invoice_text2_div
{
	aborder:1px solid violet;
	line-height: 1.5em;
}
.create_first_invoice_text3_div
{
	aborder:1px solid black;
	padding-top: 10px;
}

/*
 -----------------------
 First invoice ad ends
 -----------------------
*/

.infobox
{
	max-width: 700px;
	padding:11px;
	border-radius: 10px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #ededed;
	padding-top: 14px;
	padding-bottom: 14px;
}

.plaintable>*>tr>th,
.plaintable>*>tr>td
{
	white-space:normal;
	vertical-align:top;
}

#ostolaskun_kytkennan_valintadiv{
	overflow:scroll;
}

.select2-container--default .select2-selection--single .select2-selection__clear
{
	padding-top: 7px;
}

.dms_dokumentti_outer
{
	adisplay: flex;
	aflex-direction: row;
}

.menu_logout_a
{
	color:white!important;
}

#popup_attachment_min_popup
{
	max-width: calc(min(100vw, 450px))!important;
	width:fit-content!important;
}

button.ota_kayttoon{
	background-color: green;
}
button.ota_kayttoon:hover,
button.ota_kayttoon:focus
{
	background-color: #3eb63e;
}

.grayscale {
	-webkit-filter: grayscale(100%);
	filter: url('../images/filters.svg#gray');
	filter: grayscale(100%);
	color: gray;
}

.grayscale-with-toiminnot > td:not(.toiminnot_painikkeet_td) {
	-webkit-filter: grayscale(100%);
	filter: url('../images/filters.svg#gray');
	filter: grayscale(100%);
	color: gray;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

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

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

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

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

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

/* wysiwyg invoice starts*/
html.action_lasku div#main_padding
{
	background: #e7e7e7;
}

html.action_lasku div#main
{
	display:flex;
	flex-direction: column;
	amax-width: 1000px;
}

html.action_lasku .invoice_holder
{
	display: flex;
	flex-direction: column;
	gap: 20px;
	height:100%;
}

html.action_lasku .invoice_holder2
{
	padding: 20px;
	background: white;
	position:relative;
}

.invoice_holder2.ylalinkit
{
	display: flex;
	flex-direction: row;
	justify-content:flex-end;
	align-items: flex-start;
	flex-wrap: wrap;
}

.invoice_holder2.top_holders
{
	display:flex;
	gap:20px;
	flex-wrap:wrap;
	justify-content: space-between;
}

.invoice_holder2.top_holders .left_holder
{
	width:min-content;
	flex-grow: 1;
	padding-top: 4px;
	display: flex;
	flex-direction: column;
}

.invoice_holder2.top_holders .right_holder
{
	min-width: 50%;
	width:min-content;
}

button.transparent_bg.circle
{
	position: relative;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
button.transparent_bg.circle:hover
{
	background: #ececec!important;
}
button.transparent_bg.circle .demo-icon.narrow
{
	width: 3px;
	max-width: 3px;
	overflow: hidden;
	font-size: 20px;
}
#popup_sender_div
{
	max-width:400px;
}
html.action_lasku #asiakkaan_tiedot_div
{
	display:none;
}
html.action_lasku #popup_recipient_div #asiakkaan_tiedot_div
{
	display:block;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_asiakkaan_muokkaus_div,
html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_extra_information_div
{
	awidth: initial!important;
	max-width: min(600px, calc(100vw - 30px))!important;
}

div#due_date_etc_div .editnaytto_table
{
	width: 100%!important;
	max-width: 100%!important;
}

#laskun_rivit_table.disable_responsive td,
#laskun_rivit_table.disable_responsive th,
#laskun_liitteet_table.disable_responsive td,
#laskun_liitteet_table.disable_responsive th
{
	padding-left: 5px;
	padding-right: 5px;
}

.editnaytto_table .demo-icon.icon-information-button.transparent_bg
{
	min-height: 24px;
	margin-top: -1px;
	position: absolute;
	margin-bottom: 0px;
}

#recipient_div .editnaytto_table:not(.avoinna_luottotiedot_yms)
{
	background: transparent!important;
	border: none!important;
}
#recipient_div .editnaytto_table.avoinna_luottotiedot_yms .hide_in_lasku
{
	display:none;
}

#recipient_div .editnaytto_table:not(.avoinna_luottotiedot_yms) td,
#recipient_div .editnaytto_table:not(.avoinna_luottotiedot_yms) th
{
	padding: 0!important;
	border: none!important;
	min-height: initial;
}

#recipient_div .editnaytto_table:not(.avoinna_luottotiedot_yms) td .input_wrapper
{
	padding: 0!important;
}
#recipient_div .editnaytto_table:not(.avoinna_luottotiedot_yms) th .th_wrapper
{
	padding-bottom:4px;
	font-size: 16px;
}

#recipient_div .editnaytto_table:not(.avoinna_luottotiedot_yms) tr
{
	border: none!important;
}

#recipient_div .asiakkaan_muokkaus_kutsu_buttons_div,
#recipient_div .tablen_ylapuolen_linkit
{
	amargin-bottom: 5px!important;
}

.toimittaja_otsikko
{
	font-weight: bold;
	margin-bottom:3px;
}
.toimittaja_ohje
{
	font-style: italic;
	font-size:13px;
	margin-bottom:6px;
}

.tuotteen_kuvaus_textarea_wrapper
{
	position: relative;
}
.tarvikkeen_toimittaja_button
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: calc(50% - 15px);
	min-height: 26px!important;
	width: 26px!important;
	padding: 0px;
	left: -5px;
	margin: 0!important;
	flex-direction: column;
	z-index:1;
}

.tarvikkeen_toimittaja_button>span
{
	line-height: 12px;
	font-size: 14px;
}

.laskurivi_kuvaus_textarea
{
	width: calc(100% - 23px)!important;
	float: right;
	margin-bottom: 1px;
}
#laskun_rivit_table>tbody>tr>td .yksikko_span
{
	max-width: 55px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	margin-left: 2px;
	display: inline-block;
	align-items: center;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr>td .yksikko_span
{
	max-width: initial;
	display: inline-flex;
	margin-left: 4px;
	white-space: normal;
	word-break: break-all;
	align-items: center;
}

#hinnat_yhteensa_divi
{
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

.yhteystiedot_uloin {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	border-top: 1px solid black;
	padding-top: 6px;
	margin-top: 14px;
	margin-bottom: 26px;
	flex-wrap: wrap;
	gap: 20px;
}

#laskun_liitteet_table:not(.ei_liitteita) .fileinput-box
{
	margin-top: 14px;
}

#laskun_liitteet_table.ei_liitteita tr.hakutable_yhteenvetorivit
{
	border-top-style: hidden;
}

div#hinnat_yhteensa_divi td:first-child
{
	padding-right: 10px;
}

div#hinnat_yhteensa_divi td:last-child
{
	text-align:right;
}

#popupsisaltosolu_scrollaus_div_recipient_div select
{
	margin-top:0px;
	margin-bottom:0px;
}

div[id^="popup_laskun_rivit_"][id$="_tarvikkeen_toimittaja_div"] select
{
	width:100%;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popupsisaltosolu_extra_information_div .editnaytto_table.mobilized,
#popupsisaltosolu_extra_information_div .editnaytto_table.mobilized.force
{
	border-top: 0px solid #c7c7c7;
	border-left: 0px solid #c7c7c7;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popupsisaltosolu_extra_information_div .editnaytto_table>tbody>tr
{
	border-bottom: 0px solid #c7c7c7;
	border-right: 0px solid #c7c7c7;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popupsisaltosolu_extra_information_div .editnaytto_table.mobilized>tbody>tr,
#popupsisaltosolu_extra_information_div .editnaytto_table.mobilized.force>tbody>tr
{
	background:transparent!important;
}

html.action_lasku:is(.cdi_phone):not(.responsive_not_in_use) body #popup_asiakkaan_muokkaus_div,
html.action_lasku:is(.cdi_phone):not(.responsive_not_in_use) body #popup_extra_information_div
{
	max-width: min(600px, calc(100vw))!important;
	atop:0px!important;
	left:0px!important;
}

.invoice_holder2.ylalinkit.tablen_ylapuolen_linkit
{
	padding: 0px;
	background: transparent;
}

html.action_lasku .otsikon_oikean_puolen_jutut .demo-icon.icon-information-button
{
	height:initial;
}

td#main_td>div:not(.timoform_tooltip2)
{
	height:100%;
}

html:is(.responsive_in_use):not(.responsive_not_in_use):not(.cdi_phone) .popup.ikkuna_vasemmalle#popup_ohje_lasku_edit,
html:is(.responsive_in_use):not(.responsive_not_in_use):not(.cdi_phone) .popup.ikkuna#popup_ohje_lasku_edit
{
	max-width: initial!important;
	width: initial!important;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized:not(#laskuttaminen_laskun_tiedot_table)>*>tr[id*=asiakasviite],
.editnaytto_table.mobilized.force:not(#laskuttaminen_laskun_tiedot_table)>*>tr[id*=asiakasviite]
{
	width:100%!important;
}
html.action_lasku .right_holder .editnaytto_table_valiotsikko_td
{
	padding-top:0px;
}

html.action_lasku .asiakkaan_muokkaus_kutsu_buttons_div .tablen_ylapuolen_linkit
{
	margin-top:0px!important;
	margin-bottom:0px!important;
}
html.action_lasku .asiakkaan_muokkaus_kutsu_buttons_div .tablen_ylapuolen_linkit>*
{
	margin-bottom:2px!important;
}
html.action_lasku .asiakkaan_muokkaus_kutsu_buttons_div
{
	margin-top:0px!important;
	margin-bottom:0px!important;
}
html.action_lasku .asiakkaan_muokkaus_ulompi_table>tbody>tr>td
{
	padding:0px;
}

@-webkit-keyframes flash {
    0% {
			box-shadow: 0px 0px 0px #555;
			opacity:1;
    }
		99% {
			box-shadow: 0px 0px 50px #fff;
    }
		100% {
			box-shadow: none;
    }
}
    
.flash {
    -webkit-animation-name: flash;
    -webkit-animation-duration: 800ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}
html.action_lasku #editnaytto_field_td_laskutusasiakas_refid .select2-selection__clear
{
	display:none;
}

html.action_lasku .popup .luottotiedot_yms_div_asiakkaan_muokkaus_kutsu_buttons_div_parent
{
	display:flex;
	flex-direction: column-reverse;
}

html.action_lasku .popup #recipient_div .asiakkaan_muokkaus_kutsu_buttons_div
{
	padding-bottom: 11px;
}

html.action_lasku #popup_logo_in_invoice_div .fileinput-box,
html.action_lasku #popup_kuva_in_invoice_div .fileinput-box
{
	width:100%;
}

html.action_lasku #popup_logo_in_invoice_div label,
html.action_lasku #popup_kuva_in_invoice_div label
{
	width:100%;
}

html.action_lasku #popup_logo_in_invoice_div #lasku_span_laskun_logo_file,
html.action_lasku #popup_kuva_in_invoice_div #lasku_span_muu_laskun_kuva_file
{
	width:100%;
}

#pdf_container.logo_container,
#pdf_container2.logo_container2
{
	width: initial;
}

#pdf_container.logo_container .uil-ring-css2 > div,
#pdf_container2.logo_container2 .uil-ring-css2 > div
{
	position:relative;
}

.logo_container,
.logo_container2
{
	margin-bottom: 14px;
	max-width: calc(100% - 29px);
	max-height: 50px;
	object-fit: contain;
}
#pdf_container,
#pdf_container2
{
	width:  100%;
	height: 50px;
}

html.action_lasku .datatable4
{
	background-color:transparent;
}

html.action_lasku .datatable4>*>tr
{
	background-color: #ededed;
}

html.action_lasku .datatable4>*>tr>*
{
	background-color:transparent;
}

html.action_lasku .datatable4:not(.disable_responsive)>*>tr.datatable_otsikot.ei_hakurivia_tablessa>th
{
	color: initial;
}

html.action_lasku table:not(.alempi_table):not(.disable_responsive)>*>tr.datatable_otsikot>th
{
	background-color: #ededed;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #sisalto_action_popup_kayttosaldo_popup .search_and_columns_div
{
	display:none!important;
}

html.action_lasku .datatable4
{
	border-collapse: separate;
	border-spacing: 0px;
}

html.action_lasku input[type="password"],
html.action_lasku input[type="text"],
html.action_lasku input[type="number"],
html.action_lasku input[type="date"],
html.action_lasku input[type="button"],
html.action_lasku input[type="submit"],
html.action_lasku select,
html.action_lasku textarea,
html.action_lasku button,
html.action_lasku a.button
{
	aborder-width:0.1px;
}

html.action_lasku .datatable4>*>tr>th
{
	border-left-width:0px;
	border-right-width:0px;
	font-weight: bold;
}

html.action_lasku .datatable4>*>tr>td
{
	border-left-width:0px;
	border-right-width:0px;
	border-top:1px solid transparent;
}
html.action_lasku .datatable4.disable_responsive>*>tr>td
{
	border-left-width:1px;
}
html.action_lasku .datatable4.disable_responsive>*>tr>td:first-child
{
	border-left-width:0px;
}

html.action_lasku .datatable4>*>tr:hover>td
{
}
html.action_lasku .datatable4:not(.disable_responsive)>*>tr>td
{
	border-width:0px;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized,
.editnaytto_table.mobilized.force
{
	border-collapse: separate;
	border-spacing: 1px;
	border-radius: 0px!important;
	overflow:hidden;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table
{
	background: #ededed;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table>tbody>tr
{
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	margin-bottom: 1px;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table>tbody>tr
{
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized:not(#recipient_address_table),
.editnaytto_table.mobilized.force:not(#recipient_address_table)
{
	border-width:0px;
	padding: 11px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 11px;
}
html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>*,
.editnaytto_table.mobilized.force>*>tr>*
{
	padding-left: 0px!important;
	padding-right: 5px!important;
	padding-top: 0px;
	padding-bottom: 2px!important;
	align-items: flex-start;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>td,
.editnaytto_table.mobilized.force>*>tr>td
{
	padding-bottom: 0px;
}

html.action_lasku #popup_laskun_lahetys_div .editnaytto_table
{
	border-radius: 13px;
	overflow: hidden;
	background-color: transparent!important;
}

html.action_lasku .editnaytto_table>tbody>tr>*
{
	border-width:0px;
	background-color: transparent!important;
}

html.action_lasku #popup_laskun_lahetys_div .editnaytto_table>tbody>tr
{
	background-color: rgb(255 255 255 / 43%)!important;
}

html.action_lasku #popup_laskun_lahetys_div .datatable4>*>tr
{
	background-color: rgb(255 255 255 / 43%)!important;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #popup_laskun_lahetys_div.popup.translucent .popup_inner_table
{
	abackground: linear-gradient( 
0deg, #ffffff calc(100% - 10000px), rgb(255 255 255 / 88%) calc(100% - 8000px), hsl(215deg 58% 70% / 70%) 100%);
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive) {
	border-collapse: separate;
	border-spacing: 0px 1px;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)
{
	border-width: 0px;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td
{
	border-width: 0px!important;
}

html.action_lasku #popup_laskun_lahetys_div .datatable4>*>tr {
	background-color: rgb(255 255 255 / 53%)!important;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>td,
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr>th,
table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>td,
table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr>th
{
	margin-bottom: 0px;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td
{
	border-width:0px!important;
}

html.action_lasku .right_holder .editnaytto_table>*>tr>td {
	min-height: 31px!important;
	align-items: center;
	padding-top: 0px;
	padding-bottom: 2px;
}
html.action_lasku .right_holder .editnaytto_table>*>tr>th {
	padding-top: 2px;
	padding-bottom: 0px;
}

table#laskuttaminen_laskun_tiedot_table.editnaytto_table>tbody>tr>th
{
	max-width: 100px!important;
}

table#laskuttaminen_laskun_tiedot_table.editnaytto_table>tbody>tr>*:first-child
{
	max-width: initial!important;
	width: 171px;
}

table#laskuttaminen_laskun_tiedot_table.editnaytto_table>tbody>tr:first-child>*
{
	padding-top: 7px;
}

table#laskuttaminen_laskun_tiedot_table.editnaytto_table>tbody>tr:last-child>*
{
	padding-bottom: 7px;
}

html.action_lasku .datatable4>*>tr>td
{
	aoutline:0.1px solid red!important;
}

html.action_lasku .tuotteen_kuvaus_textarea_wrapper
{
	margin-top:2px!important;
}

html.action_lasku .tuotteen_kuvaus_textarea_wrapper textarea
{
	margin-top: 0px!important;
	margin-bottom: 1px!important;
}

html.action_lasku .datatable4>*>tr>*
{
	background-color:transparent;
}

html.action_lasku .datatable4:not(.disable_responsive)>*>tr>*
{
	padding-left: 0px!important;
	padding-right: 5px!important;
}
html.action_lasku #laskun_rivit_table.datatable4>*>tr>td
{
	padding-top: 1px!important;
	padding-bottom: 1px!important;
}

#popup_kayttosaldo_popup table[id^=saldot_datatable]
{
	overflow:hidden;
}

html.action_lasku #laskun_rivit_table.datatable4>*>tr:nth-child(2)>td
{
	padding-top: 3px!important;
}

html.action_lasku #laskun_rivit_table.datatable4>*>tr:last-child>td
{
	padding-bottom: 7px!important;
}

html.action_lasku #laskun_rivit_table .laskun_rivit_yksikko_cell
{
	padding-left: 0px!important;
	padding-right: 5px!important;
}

html.action_lasku #laskun_rivit_table .laskun_rivit_maara_cell
{
	padding-right: 5px!important;
}

html:not(.action_maksuera):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table:not(.disable_responsive) .laskun_rivit_yksikko_cell
{
	padding-left: 0px!important;
	padding-right: 5px!important;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table:not(.disable_responsive) .laskun_rivit_maara_cell
{
	padding-left: 0px!important;
	padding-right: 5px!important;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>*>tr {
	border-width: 0px;
	border-radius: 10px;
	overflow: hidden;
	padding-left: 11px!important;
	padding-right: 6px!important;
	padding-top: 4px!important;
	padding-bottom: 4px!important;
}

html.action_lasku table.datatable4.hakunaytto_table.disable_responsive>*>tr>*:first-child
{
	padding-left: 11px!important;
}

html.action_lasku table.datatable4.hakunaytto_table.disable_responsive>*>tr>*:last-child
{
	padding-right: 6px!important;
}

html.action_lasku table.datatable4#laskun_rivit_table>*>tr.paddings_th_tr>th
{
	padding-bottom: 5px;
	padding-top: 4px;
}

html.action_lasku .datatable4:not(.disablehover)>*>tr:not(.disablehover):not(.hakuriviTR):not(.hakutable_yhteenvetorivit):not(.hakutable_navigointitable_tr):hover
{
	background-color: #e5e5e5;
}

html:is(.action_lasku,.action_maksuera):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td span[id*=yksikko_span]
{
	display:none;
}

html:is(.action_lasku,.action_maksuera):is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td input[id*=eur_per_yksikko]
{
	width:100%;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td div[id*=yhteensa_eur]
{
	apadding-top: 0px;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table:not(.disable_responsive) .NaytaKokoTeksti.toiminnot_painikkeet_td
{
	padding-top:0px!important;
	padding-bottom:0px!important;
	align-content: center;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.disable_responsive span[id*=yksikko_span]
{
	max-width: 54px;
	overflow: hidden;
	display: inline-block;
}

html.action_lasku #laskun_liitteet_table .datatable_otsikot
{
	display:none;
}

select[id*=laskutusasiakas_refid]
{
	margin-bottom:0px;
}

html div#main_padding.laskun_lahetys tbody:not(#laskutusaihe_tbody) :is(input, select, textarea)[name^=tiedot],
html div#main_padding.laskun_lahetys tbody:not(#laskutusaihe_tbody) :is(input, select, textarea)[name^=laskun_rivit]
{
	border-color:transparent!important;
	filter:none!important;
	background: transparent!important;
	color: black!important;
	box-shadow: 0 0 0 1px #979797!important;
	pointer-events:none;
}

html div#main_padding.laskun_lahetys .pakollinenMerkinta,
html #main_td div#main_padding.laskun_lahetys tbody:not(#laskutusaihe_tbody) button.transparent_bg,
html div#main_padding.laskun_lahetys #add_logo,
html div#main_padding.laskun_lahetys #add_kuva,
html div#main_padding.laskun_lahetys .yla_button_holder button
{
	display: none;
}

html div#main_padding.laskun_lahetys #due_date_etc_div,
html div#main_padding.laskun_lahetys #laskun_rivit_table,
html div#main_padding.laskun_lahetys #laskun_liitteet_table
{
	filter:grayscale();
}

html div#main_padding.laskun_lahetys #laskun_rivit_table>colgroup>col:last-child
{
	width:10px!important;
}
html div#main_padding.laskun_lahetys #laskun_rivit_table>*>tr>*:last-child>:is(a,button)
{
	display:none;
}
html div#main_padding.laskun_lahetys #laskun_rivit_table>colgroup>col:first-child
{
	width:calc(360px + 77px - 10px)!important; /* toiminnot-col width added */
}

html div#main_padding.laskun_lahetys #laskun_liitteet_table>colgroup>col:last-child
{
	width:0px!important;
}

html:not(.action_maksuera) #laskun_liitteet_table>*>tr:nth-child(2)>td:first-child
{
	border-top-left-radius: 11px;
	overflow: hidden;
}

html:not(.action_maksuera) #laskun_liitteet_table>*>tr:nth-child(2)>td:last-child
{
	border-top-right-radius: 11px;
	overflow: hidden;
}

html:not(.action_maksuera) #laskun_liitteet_table>*>tr:nth-last-child(2)>td:first-child
{
	border-bottom-left-radius: 11px;
	overflow: hidden;
}

html:not(.action_maksuera) #laskun_liitteet_table>*>tr:nth-last-child(2)>td:last-child
{
	border-bottom-right-radius: 11px;
	overflow: hidden;
}

html div#main_padding.laskun_lahetys #laskun_liitteet_table>*>tr:nth-child(2)>td
{
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	overflow: hidden;
}

html div#main_padding.laskun_lahetys #laskun_liitteet_table>*>tr:nth-last-child(2)>td
{
	border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
	overflow: hidden;
}

html div#main_padding.laskun_lahetys #laskun_liitteet_table>*>tr>td
{
	padding-right: 11px!important;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div#main_padding.laskun_lahetys #laskun_rivit_table:not(.disable_responsive) .NaytaKokoTeksti.toiminnot_painikkeet_td
{
	adisplay: none;
}

html div#main_padding.laskun_lahetys #laskun_rivit_table textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: transparent;
}
html div#main_padding.laskun_lahetys #laskun_rivit_table textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: transparent;
}
html div#main_padding.laskun_lahetys #laskun_rivit_table textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: transparent;
}
html div#main_padding.laskun_lahetys #laskun_rivit_table textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: transparent;
}
html div#main_padding.laskun_lahetys #laskun_rivit_table textarea::placeholder {
	color: transparent;
}

html div#main_padding.laskun_lahetys .fileinput-box
{
	display: none;
}

html div#main_padding.laskun_lahetys #laskun_rivit_table [id^=lisatty_tuote_img_span]
{
	display: none;
}

html div#main_padding.laskun_lahetys .laskurivi_kuvaus_textarea
{
	width: 100%!important;
}

th[style*="text-align:right"]>span.th_wrapper
{
	display:inline-block;
}

html div#main_padding.laskun_lahetys .invoice_holder2.ylalinkit.tablen_ylapuolen_linkit,
html div#main_padding.laskun_lahetys2 .invoice_holder2.ylalinkit.tablen_ylapuolen_linkit
{
	display:none;
}

html div#main_padding:not(.laskun_lahetys):not(.laskun_lahetys2) #laskun_lahetys_div
{
	display:none;
}

#popup_extra_information_div .editnaytto_table
{
	background:transparent!important;
}

tr[id*=intrum_laskurahoitus_kiinnostaa]
{
	width:100%!important;
}

.yla_button_holder button
{
	margin:0px!important;
}

.yla_button_holder
{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: -49px;
	pointer-events: none;
	position: relative;
	z-index: 1;
}

.yla_button_holder .otsikon_oikean_puolen_jutut
{
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	pointer-events: auto;
}

#avoinna_div
{
	margin-top: 10px;
}

html div#main_padding.laskun_lahetys #avoinna_div,
html div#main_padding.laskun_lahetys .ei_liitteita_1
{
	display:none;
}

html.action_lasku .select2-container
{
	width: min(300px, 100%)!important;
}

html.action_lasku .popup .select2-container
{
	width:100%!important;
}

tr[id*=laskutusasiakas_refid]
{
	width:100%;
}

#recipient_address_table
{
	border-radius:0px;
}

html.action_lasku #reskontra_laskun_suoritukset_datatable.datatable4>*>tr.hakutable_yhteenvetorivit:not(.navigointi)>*
{
	background:transparent;
}

#laskun_lahetys_div .uil-ring-css2
{
	width: 40px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}

#InvoiceVatFreeText
{
	margin-top:10px;
}

.kaikki_alv0
{
	display:none;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td>span.valuutta
{
	line-height: 2em;
	display:none;
}

html div#main_padding:not(.laskun_lahetys) #laskun_rivit_table>*>tr>*.alv_maara_col,
html div#main_padding:not(.laskun_lahetys) #laskun_rivit_table>colgroup>col.alv_maara_col
{
	display:none;
}

html.action_lasku div#main_padding.laskun_lahetys #laskun_rivit_table.kaikki_rivit_verottomia_ja_alv0>*>tr>*.alv_maara_col,
html.action_lasku div#main_padding.laskun_lahetys #laskun_rivit_table.kaikki_rivit_verottomia_ja_alv0>colgroup>col.alv_maara_col,
html.action_lasku div#main_padding.laskun_lahetys #laskun_rivit_table.yksikkohinnat>*>tr>*.alv_maara_col,
html.action_lasku div#main_padding.laskun_lahetys #laskun_rivit_table.yksikkohinnat>colgroup>col.alv_maara_col
{
	display:none;
}

html.action_lasku:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #laskun_rivit_table.datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td div.alv_maara_eur
{
	padding-top: 6px;
}

#laskun_rivit_table.datatable4>*>tr.to_be_deleted_tr>td,
#laskun_liitteet_table.datatable4>*>tr.to_be_deleted_tr>td
{
	background-image: none!important;
	box-shadow: none!important;
	background-color: transparent!important;
}

#laskun_rivit_table.datatable4>*>tr.to_be_deleted_tr:hover>td,
#laskun_liitteet_table.datatable4>*>tr.to_be_deleted_tr:hover>td
{
	background-image: none!important;
	box-shadow: none!important;
	background-color: transparent!important;
}

#laskun_rivit_table.datatable4>*>tr.to_be_deleted_tr,
#laskun_liitteet_table.datatable4>*>tr.to_be_deleted_tr
{
	background-image: none !important;
	background-color: #eddae4;
}

html.action_lasku div#main_padding.laskun_lahetys #lasku_esikatselu_iframe
{
	height: 200px!important;
}

html.action_lasku div#main_padding.laskun_lahetys #lasku_esikatselu_iframe_wrapper
{
	overflow: initial!important;
	max-width: 1000px;
	display:table;
	margin-left: -20px;
	margin-right: -17px;
	height:100%;
	margin-top:20px;
	-webkit-overflow-scrolling: touch;
}

.pdf_paging a
{
	padding-left: 10px;
	padding-right: 10px;
}

.pdf_paging a i
{
	font-size:20px!important;
}

html.action_lasku div#main_padding.laskun_lahetys #lasku_esikatselu_iframe_wrapper canvas
{
	border: 1px solid #979797;
}

html.action_lasku div#main_padding.laskun_lahetys #lasku_esikatselu_iframe_wrapper .pdf_ajax_loader
{
	margin-top: 30px!important;
}

html.action_lasku div#main_padding:is(.laskun_lahetys, .laskun_lahetys2) .invoice_holder2:not(#laskun_lahetys_div)
{
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

#laskun_lahetys_div
{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
}
html.action_lasku div#main_padding.laskun_lahetys
{
	padding-bottom: 5px;
}

@media only screen and (max-width: 830px)
{
	.tuotehakutable th,
	.tuotehakutable_hinta_td
	{
		display: none;
	}
	.tuotehakutable td:first-child
	{
		width:100%!important;
	}
	.tuotehakutable td:first-child>div
	{
		white-space: normal;
		padding-top:5px;
		padding-bottom:5px;
	}
	.tuotehakutable_hinta_span
	{
    width: 100%;
    display: block;
	}
}
@media only screen and (min-width: 830px)
{
	.tuotehakutable_hinta_span
	{
		display: none;
	}
}

.tarv_toimittaja_div
{
	margin-top: 13px;
	margin-bottom: 15px;
}

.tarv_toimittaja_div i.demo-icon.icon-trash
{
	font-size: 26px;
}

.editnaytto_edit_button
{
	height:initial!important;
}

.readonly_fake
{
	border: 1px solid transparent!important;
	background: transparent!important;
	width: auto!important;
	padding-right: 0px!important;
}

.readonly_fake[value=""]
{
	width: 0px!important;
	padding: 0px!important;
}

.invoice_holder2.top_holders .left_holder3,
.invoice_holder2.top_holders .right_holder3
{
	min-width:calc(50% - 20px);
	display:none;
}

html.action_lasku #asiakastiedot_otsikko
{
	display:none;
}

.lahetys_hinnat_yms
{
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
}

.lahetys_hinnat_yms>div:not(#laskun_lahetystapa_select_div)
{
	background: #e7e7e7;
	border-radius: 8px;
	padding: 13px;
	padding-top: 9px;
	padding-bottom: 12px;
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
}

.lahetys_hinnat_yms>div:not(#laskun_lahetystapa_select_div)>div
{
	max-width: 300px;
}

tr[id*="einvoice_EpiPaymentInstructionId"]
{
	width:100%!important;
}

input[type="text"].automatic_calculation
{
	background: transparent!important;
}

input[type="text"].automatic_calculation:focus
{
	background: transparent!important;
}

div#laskutusaihe_laskun_lahetys_div
{
	background: transparent!important;
	padding: 0px!important;
	display: inline-flex;
	width: initial;
	max-width: 202px;
}

div#laskutusaihe_laskun_lahetys_div table
{
	background: transparent!important;
	padding: 0px!important;
}

div#laskutusaihe_laskun_lahetys_div .th_wrapper
{
	font-size: 16px;
	font-weight: initial;
}

/* wysiwyg invoice ends */

select.laskun_lahetystapa_select
{
	padding-right: 35px;
}

.lahetys_padding
{
	padding-top: 4px;
}

/*
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .valilehdet_otsikko:not(.valilehti_ostolasku):before
{
	content: 'Tabs';
	font-weight: bold;
	font-size: 19px;
	padding-bottom: 13px;
	display: block;
	width:100%;
}
*/

.ostoreskontra_tilioterivi_tasotunnus>td
{
	color: #0fa531;
	font-style: italic;
}

.virhelinkit
{
	margin-bottom: 10px;
}
.virhelinkit>a
{
	color: #E60689 !important;
}

.virheet_div a
{
	text-decoration:underline;
}

.virheet_div a:hover,
.virheet_div a:focus
{
	text-decoration:none;
}

html.action_lasku tr[id*=valittu_varasto_refid]
{
	width:100%!important;
}

/* Touch: more space alkaa */

html.cdi_touch>body :is(
	a.button,
	a.painike,
	.toiminnot_painikkeet_td a,
	.ylavalikko_table_td_div a.painike,
	/*input:not(.netti-radio):not(.netti_checkbox),*/
	button:not(.editnaytto_table .info_funktio_button):not(.tarvikkeen_toimittaja_button),
	select,
	textarea,
	.fileinput-box>label,
	.valilehti.dms_dok.valilehdet_otsikko a.valilehtitd,
	.valilehti.dms_dok.valilehdet_otsikko a.valilehtitd_active,
	.valilehti.valilehti_ostolasku a):not(input.netti-radio):not(input.netti_checkbox),
{
	padding-left: 11px;
	padding-right: 11px;
	min-height: 36px!important;
	box-sizing: border-box;
	height:initial;
}

html.cdi_touch>body .toiminnot_painikkeet_td a
{
	display:inline-flex;
	align-items: center;
	justify-content: center;
}

html.cdi_touch>body textarea
{
	padding-top: 8px;
}

html.cdi_touch>body :is(button.transparent_bg):not(.tarvikkeen_toimittaja_button)
{
	min-width: 33px!important;
}

html.cdi_touch>body :is(.taso1, .taso2>div, .taso1, .taso2>a)
{
	height: 36px;
	line-height: 36px;
}

html.cdi_touch>body .menukategoria .taso1 i.demo-icon
{
	line-height: 36px;
	margin-top: 0px;
	height: 36px;
}

html.cdi_touch>body .editnaytto_table>tbody>tr:not(.datatable_otsikot)
{
	min-height: 67px;
}

html.cdi_touch>body .editnaytto_table.mobilized>*>tr>td
{
	padding-bottom: 3px;
}

html.cdi_touch>body .editnaytto_table.mobilized>*>tr>td
{
	amin-height: calc(36px + 11px)!important;
}

.inputfile-6 + label
{
	display: flex;
	align-items: center;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr>td :is(input,select) {
	height: 36px;
	max-height: 36px;
	min-height: 36px;
}

html:is(.action_lasku,.action_maksuera) .datatable4>*:last-child>tr.hakutable_yhteenvetorivit.laskun_liitteen_lisays_tr>td:first-child
{
	padding-left: 0px!important;
	padding-top: 10px;
}

tr.hakutable_yhteenvetorivit.laskun_liitteen_lisays_tr>td>span
{
	padding-top: 10px;
}

.mobile_title>.ei_kaikki_alv0,
.mobile_title>kaikki_alv0
{
	display:flex;
}

html.cdi_touch>body .select2-container--default .select2-selection--single
{
	height: 36px;
}
html.cdi_touch>body .select2-container--default .select2-selection--single .select2-selection__rendered
{
	line-height: 34px;
	height: 36px;
}

html.cdi_touch>body .select2-container--default .select2-selection--single .select2-selection__clear
{
	height: 29px;
	display: flex;
	align-items: center;
}

html.cdi_touch>body .select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: 33px;
}

html.cdi_touch>body #ui-datepicker-div
{
	max-width: 100vw;
	width: 372px;
	box-sizing: border-box;
}

html.cdi_touch>body .ui-datepicker td span,
html.cdi_touch>body .ui-datepicker td a
{
	height: 30px;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.hakuriviTR>td :is(input,select)
{
	width: 100vw!important;
	min-width: 100%!important;
}

html.cdi_touch>body th.toiminnot_painikkeet_th button
{
	display: flex;
	align-items: center;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody>tr.datatable_otsikot>th,
table.datatable4.hakunaytto_table.responsive:not(.disable_responsive)>tbody>tr.datatable_otsikot>th
{
	min-height: 55px!important;
	padding-bottom: 0px!important;
}

html.cdi_touch>body :is(
	.sort_alas,
	.sort_alas:focus,
	.sort_ylos,
	.sort_ylos:focus,
	.th_sort_ylos_hover,
	.th_sort_ylos_hover_:hover,
	.th_sort_ylos_hover_:focus,
	.th_sort_alas_hover,
	.th_sort_alas_hover_:hover,
	.th_sort_alas_hover_:focus,
	.alempi_table .th_sort_alas_hover,
	.alempi_table .th_sort_alas_hover_:hover,
	.alempi_table .th_sort_alas_hover_:focus
)
{
	background-position: center 4px;
}

html.cdi_touch>body #keskeneraiset_laskut_div a
{
	margin-bottom: 20px;
}

.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td[class*=painike]
{
	min-width: 45px;
}

html.cdi_touch>body .fitpainike.arrows-up-down
{
	transform: rotate(45deg);
	font-size: 25px;
	margin-right: 0px;
}

html.cdi_touch>body i.suljepainike.demo-icon.icon-cancel
{
	font-size: 22px;
}

html.cdi_touch>body .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td[class*=painike]
{
	amin-width: 35px;
	apadding-left: 0px;
	atext-align: right;
}

html.cdi_touch>body .margin_bottom
{
	margin-bottom:20px;
}

html.cdi_touch>body .margin_top
{
	margin-top: 20px;
}

html.cdi_touch>body .toiminnot_painikkeet_td button.transparent_bg>i,
html.cdi_touch>body .toiminnot_painikkeet_td button.transparent_bg i.fa-solid
{
	font-size: 20px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle!important;
}

html.cdi_touch>body .toiminnot_painikkeet_td button.transparent_bg>i.demo-icon.icon-menu-button-of-three-horizontal-lines
{
	font-size: 20px;
	margin-top: -2px;
}

html.cdi_touch>body .tablen_ylapuolen_linkit
{
	gap: 6px!important;
}

html.cdi_touch>body div.dms_dok.valilehti
{
	gap: 0px!important;
}

html.cdi_touch>body .popup .rivin_toimintopainikkeet_menuun:not(#kielen_valinta_div):not(#yrityksen_valinta_div)
{
	display: flex;
	gap: 6px;
	flex-direction: column;
}

html.cdi_touch>body .popup .rivin_toimintopainikkeet_menuun:not(#kielen_valinta_div):not(#yrityksen_valinta_div)>*
{
	margin:0px!important;
}

html.cdi_touch>body .tablen_ylapuolen_linkit
{
	gap: 6px;
}

html.cdi_touch>body .tablen_ylapuolen_linkit>*
{
	margin:0px!important;
}

html.cdi_touch>body .tablen_ylapuolen_linkit>.popup_inputin_wrapper
{
	display: flex;
	align-items: baseline;
	gap: 6px;
	flex-wrap: wrap;
}

html.cdi_touch>body .tablen_ylapuolen_linkit>.popup_inputin_wrapper>*
{
	margin:0px!important;
}

html.cdi_touch>body .asetus .transparent_bg[id^=peruuta]
{
	padding-top: 10px;
}

html.cdi_touch>body .toiminnot_painikkeet_td button.transparent_bg>i.demo-icon.icon-edit-1
{
	font-size: 26px;
	line-height: 26px;
	height: 26px;
}

html.cdi_touch>body .toiminnot_painikkeet_td button.transparent_bg>i.demo-icon.icon-ohita_lahetysviive
{
	font-size: 24px;
	margin-left: 7px
}

/* Touch: more space loppuu */

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized,
.editnaytto_table.mobilized.force
{
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .editnaytto_table.mobilized>*>tr.myyntilasku_toiminnot_tr>td,
.editnaytto_table.mobilized.force>*>tr.myyntilasku_toiminnot_tr>td
{
	apadding-bottom:11px;
}

@media only screen and (max-width: 372px)
{
	#ui-datepicker-div
	{
		left:0px!important;
	}
}

div#ui-datepicker-div *:not(.ui-icon)
{
	font-size: 14px;
}

.ui-widget.ui-widget-content
{
	border-width: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
	right: 2px;
	transform: scale(0.9,1.3);
}

select.error + .select2-container--default .select2-selection--single .select2-selection__arrow
{
	filter:hue-rotate(106deg) brightness(1.1) saturate(1.6);
}

.select2-container--default .select2-selection--single .select2-selection__clear
{
	color: #29599a;
}

html.cdi_touch>body .datatable4>*>tr>td> .inputia_vastaava
{
	height: 36px;
	padding: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	border: 1px solid transparent;
	box-sizing: border-box;
}

.datatable4>*>tr>td .inputia_vastaava
{
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 0px;
	white-space: normal;
	padding-bottom: 4px;
}

html.cdi_touch>body .editnaytto_table>*>tr>td .inputia_vastaava
{
	height: 36px;
	padding:11px;
	padding-top:5px;
	padding-bottom:5px;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

html:not(.cdi_touch)>body .editnaytto_table>*>tr>td .inputia_vastaava
{
	padding:0px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-flex;
	align-content: center;
	flex-wrap: wrap;
}

tr[id*=lisaa_aikavalikuvaus_rivi],
tr[id*=luodaanko_lasku_automaattisesti]
{
	width: 100%!important;
}

html.action_maksuera .maksuera_table .editnaytto_table.mobilized.force
{
	max-width: 456px;
}

html .tablen_ylapuolen_linkit,
html>body .hakutable_yhteenvetorivit td>div.tablen_ylapuolen_linkit
{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

html .tablen_ylapuolen_linkit>*
{
	margin:0px!important;
}

html .tablen_ylapuolen_linkit>.popup_inputin_wrapper
{
	display: flex;
	align-items: baseline;
	gap: 4px;
	flex-wrap: wrap;
}

html .tablen_ylapuolen_linkit>.popup_inputin_wrapper>*
{
	margin:0px!important;
}

.hakutable_navigointitable_tr .tablen_ylapuolen_linkit button
{
	align-self: center;
	display: inline-flex;
	min-width: 40px;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) table.datatable4.hakunaytto_table:not(.disable_responsive)>tbody tr.hakutable_navigointitable_tr>td
{
	padding-right:0px!important;
}

tr.hakutable_yhteenvetorivit.navigointi>td
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.page_nums>:is(.prev,.next) {
	user-select: none;
	height: 46px;
	display: flex;
	align-items: center;
}

.editnaytto_pituus:empty
{
	display: none!important;
}
.editnaytto_pituus
{
	font-size: 10px;
	position: absolute;
	bottom: -12px;
	right: 8px;
	display: none;
	z-index: 1;
	padding: 0px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 5px;
	height: 14px;
	align-items: center;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: none;
	background: #29599a;
	color: white;
}
.editnaytto_pituus.merkkimaara_error
{
	display: flex;
	background: #E60689;
}
.input_wrapper>*:focus + .editnaytto_pituus
{
	display: flex;
}
.input_wrapper
{
	position: relative;
}

.editnaytto_table span.error
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#flags_div
{
	display: flex;
	gap: 10px;
	margin-top: -5px;
}

#flags_div img
{
	height:40px;
	width:auto;
	box-sizing: border-box;
	border-bottom: 4px solid transparent;
}

#flags_div img:hover,
#flags_div img.active
{
	border-bottom: 4px solid #29599a;
	cursor: pointer;
}

#flags_div img:focus
{
	border-bottom: 4px solid #7a9cc9;
}

span#ilmaista_koekayttoaikaa_jaljella_span a
{
	color: white;
}

html.action_asiakas_omat_tiedot [id*=maakoodi]
{
	width: 100%!important;
}

#vasen_menu :is(button, a, div) .kuvake_wrapper,
[id^="taso1_topmenu_"] .kuvake_wrapper,
[id^="pikavalinnat_taso1_topmenu_"] .kuvake_wrapper,
[id^="pikavalinnat_muokkaustaso1_topmenu_"] .kuvake_wrapper
{
	margin-right: 8px;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	width: 24px;
	min-width: 24px;
	padding: 0px !important;
}

*:is(button, a, div) .kuvake_wrapper>i,
[id^="taso1_topmenu_"] .kuvake_wrapper>i,
[id^="pikavalinnat_taso1_topmenu_"] .kuvake_wrapper>i,
[id^="pikavalinnat_muokkaustaso1_topmenu_"] .kuvake_wrapper>i,
*:is(button, a, div) i.fa-solid,
[id^="taso1_topmenu_"] i.fa-solid,
[id^="pikavalinnat_taso1_topmenu_"] i.fa-solid,
[id^="pikavalinnat_muokkaustaso1_topmenu_"] i.fa-solid
{
	font-size: 20px;
}

html.cdi_phone #vasen_menu
{
	width:100vw!important;
}

html.cdi_phone .popup.click_tooltip
{
	width:100vw!important;
}

html.cdi_phone .popup.pystyskrollattava [id^="popupsisaltosolu_scrollaus_div_"]
{
	overflow: hidden;
	max-height: calc(100vh - 30px - 20px); /* 30px is the height of the popup header, 20px is padding */
}

.popup.pystyskrollattava [id^="popupsisaltosolu_scrollaus_div_"]
{
	margin-top:0px!important;
	margin-bottom:0px!important;
}

.popup.pystyskrollattava .pystyskrollattava_body
{
	overflow-y: scroll;
	aoverflow-x: hidden;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 18px;

	/* Piilota scrollbarit */
	scrollbar-width: none; /* Firefox */
}

.popup.pystyskrollattava .pystyskrollattava_body::-webkit-scrollbar
{
	display: none; /* Chrome, Safari ja uusi Edge */
}

.pystyskrollattava_footer
{
	display:flex;
	gap:8px;
	justify-content: flex-end;
	border-top:1px solid #D7D8DB;
	min-height:64px;
	align-items:center;
	margin-left: -24px;
	margin-right: -24px;
	padding-left:24px;
	padding-right:24px;
	max-width: calc(100vw - 24px);
}

html.cdi_phone .pystyskrollattava_footer
{
	margin-left: -24px;
	margin-right: -24px;
	apadding-left:calc(2 *24px);
	apadding-right:calc(2 *24px);
	max-width: 100vw;
}

.popup[class*="click_"] th.otsikkoteksti_th *
{
	color: #828282!important;
}

/*
.popup[class*="click_"] th.otsikkoteksti_th i
{
	display: flex;
	align-content: flex-end;
	flex-wrap: wrap;
}

.otsikko_space.popup[class*="click_"] th.otsikkoteksti_th i
{
	align-content: center;
}

.popup[class*="click_"] .fitpainike_td
{
	display: none;
}
*/

.otsikkoteksti_sulkupainike
{
	min-height:48px;
}

.popup.otsikko_space .otsikkoteksti_sulkupainike
{
	min-height: initial;
}

.button_style_text, button.button_style_text
{
	color: #29599A!important;
	background:white!important;
	border: 1px solid #29599A!important;
}
.button_style_text::hover,
.button_style_text::focus
{
	color: #29599A!important;
	background: #F8F8F8!important;
	border: 1px solid #29599A!important;
}

.button_style_text::active
{
	color: #29599A!important;
	background: #E9EAEC!important;
	border: 1px solid #29599A!important;
}

/* alapalkin korkeus */
html.cdi_phone table#footer_table
{
	margin-bottom: 64px;
}

#uloin_table_div
{
	height:100%;
}

.popup.click_tooltip:not(.rivi_menu_click_div):not(.pystyskrollattava):not([id$="_clone"]) .popup_inner_table div[id^="popupsisaltosolu_scrollaus"]
{
	margin:13px!important;
}

div.popup.tooltip>table.popup_inner_table
{
	max-width: min(100vw, 400px);
}

html:not(.cdi_phone) :is(.valilehtitd, .valilehtitd_active) .kuvake_wrapper
{
	display: none;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper .valilehti.in_mobile_show_menu .valilehtitd:not(.valilehtitd_active)
{
	display: none;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper .valilehtitd_active.in_mobile_show_menu
{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

html.cdi_phone .valilehtitd_active.in_mobile_show_menu
{
	width: 100vw!important;
	max-width: 100vw!important;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper :is(.valilehtitd, .valilehtitd_active) .kuvake_wrapper
{
	overflow: visible;
}
html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper :is(.valilehtitd, .valilehtitd_active) .kuvake_wrapper
{
	height: 45px;
	width: 48px;
	text-align: right;
	margin-top: -11px;
	margin-right: -10px;
	padding-right: 14px;
	box-sizing: border-box;
	margin-bottom: -7px;
	padding-top: 15px;
}

.popup .valilehti[id$="_clone"] .kuvake_wrapper
{
	display: none!important;
}

.popup .valilehti[id$="_clone"] button
{
	font-weight:bold;
}

.valilehti[id$="_clone"] button.active {
	color: #29599a;
	background-color: #E1EEFF;
}

.valilehti[id$="_clone"]
{
	margin-top: 0px;
	margin-bottom: 0px;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper :is(.valilehtitd, .valilehtitd_active)
{
	background-color: white!important;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper .valilehdet_otsikko
{
	margin-left: -16px;
	width: calc(100vw + 16px);
	max-width: 100vw;
	margin-right: -16px;
	background: white;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper .valilehdet_otsikko.in_mobile_show_menu
{
	overflow: hidden !important;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper .valilehdet_otsikko
{
	max-width: 100vw!important;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper
{
	max-width:initial!important;
	overflow:visible;
}

html.cdi_phone .sivuotsikon_wrapper 
{
	max-width: calc(100vw - 32px);
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .search_and_columns_div
{
	max-width: calc(100vw - 32px);
}

html.cdi_phone .valilehtitd,
html.cdi_phone .valilehtitd_active
{
	padding-left: 16px;
	padding-right: 16px;
}

html.cdi_phone .popup .valilehdet_otsikko
{
	aposition: static!important;
}

div.hakuriviTR
{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 0px;
	margin-bottom: 24px;
}

.yleishaku
{
	width:288px;
	height:32px!important;
	min-height: 32px !important;
  max-height: 32px !important;
	padding-top:4px!important;
	padding-bottom:4px!important;
	padding-left:16px!important;
	padding-right:39px!important;
	border: 1px solid #D7D8DB!important;
	color: #45474D;
}

button.hakukentan_wrapper.arvollinen
{
	background-color: #29599a !important;
	color: white !important;
}
html button.hakukentan_wrapper.arvollinen:focus,
html button.hakukentan_wrapper.arvollinen:hover
{
	background-color: #1E4171!important;
}
button.hakukentan_wrapper.arvollinen .kuvake_wrapper
{
	color: white !important;
}

button.hakukentan_wrapper
{
	height: 32px!important;
	min-height: 32px !important;
  max-height: 32px !important;
	padding: 4px 12px 4px 12px!important;
	border-radius: 16px!important;
	background-color: #E9EAEC!important;
	color: #2B2D31!important;
	font-weight:bold!important;
	display: flex;
	align-items: center!important;
	box-sizing: border-box!important;
	text-transform: initial!important;
}

html button.hakukentan_wrapper:focus,
html button.hakukentan_wrapper:hover
{
	background: #dadada !important;
	box-shadow: none;
}

button.hakukentan_wrapper .kuvake_wrapper
{
	width: 22px;
	color: #989BA3;
	text-align:right;
}

button.hakukentan_wrapper .kuvake_wrapper:focus,
button.hakukentan_wrapper .kuvake_wrapper:hover
{
	color: #5d5f64;
}

button.hakukentan_wrapper .kuvake_wrapper>i
{
	font-size: 16px;
}

button.hakukentan_wrapper.uusi_hakuehto
{
	background-color: white!important;
	color: #45474D!important;
	border: 1px solid #D7D8DB;
}

button.hakukentan_wrapper.uusi_hakuehto:focus,
button.hakukentan_wrapper.uusi_hakuehto:hover
{
	border: 1px solid #D7D8DB!important;
}

button.hakukentan_wrapper.uusi_hakuehto .kuvake_wrapper,
button.hakukentan_wrapper.uusi_hakuehto .kuvake_wrapper:focus,
button.hakukentan_wrapper.uusi_hakuehto .kuvake_wrapper:hover
{
	color: #45474D!important;
}

button.hakukentan_wrapper.uusi_hakuehto .kuvake_wrapper {
	width: initial!important;
	text-align: left!important;
}

.hakuriviTR .hakukentan_wrapper :is(button,input,select,a.button)
{
	display:none;
}

.hakuriviTR button
{
	height: 32px;
	min-height: 32px !important;
  max-height: 32px !important;
	padding: 4px 8px 4px 8px;
}

.popup.click_tooltip:not(.rivi_menu_click_div):not(.pystyskrollattava) .popup_inner_table div[id^="popupsisaltosolu_scrollaus_div_uudet_hakuehdot_div_"]
{
	margin-left:0px!important;
	margin-right:0px!important;
}

.hakukentan_buttonien_wrapper :is(button,input,select)
{
	width:100%;
}

.popup .rivin_toimintopainikkeet_menuun :is(button, input[type="button"]):disabled
{
	background: #e7e9ef !important;
}

.popup.hakunayton_hakukentan_popup .valilehti,
.popup.hakunayton_hakukentan_popup .hakunayton_kaksi_kenttaa_otsikko,
.popup.hakunayton_hakukentan_popup .hakukentan_buttonien_wrapper
{
	adisplay: flex!important;
}

.hakukentan_buttonien_wrapper
{
	display:none;
}

a.button
{
	cursor: pointer;
}

.hakutulos_yhteenveto
{
	color: #989BA3;
	font-size: 14px;
}

.haku_ja_hakunaytto_table_wrapper
{
	background: white;
	display: flex;
	flex-direction: column;
}

.hakutable_navigointitable_tr button
{
	min-height: 32px;
	display: flex;
	align-items: center;
}

html>body .hakutable_yhteenvetorivit td>div.tablen_ylapuolen_linkit
{
	display: flex;
	justify-content: center;
}
html.cdi_phone .button_desktop
{
	display: none;
}
html:not(.cdi_phone) .button_phone
{
	display: none;
}

html:not(.cdi_phone) .hakunayton_vaakaskrollattava_parent.scrollable
{
	overflow-x: scroll;
	overflow-y: visible;
	max-height: 100%;
	height: auto;
}

html:not(.cdi_phone) .hakunayton_vaakaskrollattava_parent.scrollable>table
{
	/* ilman näitä parent on myös pystyskrollattava */
	height: 0px;
	max-height: 0px;
	overflow: hidden;
}

html.cdi_phone .sivutoiminto_buttonit
{
	display: none;
}

html:not(.cdi_phone) .sarake_asetukset_phonessa
{
	display: none;
}

html:not(.cdi_phone) .sivutoiminto_buttonit>*
{
	justify-content: flex-start;
}

tr.sortable_row
{
	min-height: 48px;
}

a.sortable_row
{
	font-size:20px
	font-size: 20px;
	width: 24px;
	display: inline-flex;
	height: 38px;
	align-items: center;
}

td.toiminnot_painikkeet_td>div .transparent_bg.rivi_menu
{
	order:20;
}

.valilehti :is(.valilehtitd, .valilehtitd_active)
{
	border-bottom: 6px solid #D7D8DB;
	white-space: nowrap;
}

.valilehti
{
	overflow: auto;
	white-space: nowrap;
	display: flex !important;
}

html.cdi_phone body div.valilehti.dms_dok.valilehdet_otsikko
{
	border-style: none;
}
.valilehti>div.vali
{
	display:none !important;
}

div.hakuriviTR
{
	padding:11px;
	padding-top:0px;
	padding-bottom:0px;
}

html:not(.cdi_phone) .sivutoiminto_buttonit:empty
{
	display: none;
}

.hakutulos_yhteenveto_wrapper
{
	display:flex;
	justify-content:space-between;
	padding:11px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.sivutoiminto_buttonit
{
	padding:11px;
}

.datatable4>*>tr.datatable_otsikot:not(.ei_hakurivia_tablessa)>th
{
	vertical-align: top;
	height:1px; /* tällä saa th:n divin 100% korkeaksi */
}

@-moz-document url-prefix()
{
	.datatable4>*>tr.datatable_otsikot:not(.ei_hakurivia_tablessa)>th
	{
		height: initial;
	}
}

/*
// jos halutaan keskittää otsikot ylös
.datatable4>*>tr.datatable_otsikot>th:not(.toiminnot_painikkeet_th) a
{
	align-items: flex-start;
}
*/

.hakutable_navigointitable_wrapper
{
	margin-top: 12px;
}

tr.hide_cells td:not(.toiminnot_painikkeet_td),
tr.hide_cells td.toiminnot_painikkeet_td_oikealla
{
	display:none!important;
}

.uudenRivinSyottoTR .toiminnot_painikkeet_td
{
	padding-top:3px!important;
	padding-bottom:3px!important;
}

.kiintea_ilmoitus
{
	background-color: white;
	border: 1px solid #d7d8db;
	border-left: 4px solid #29599a;
	padding: 15px !important;
}

.kiintea_virhe
{
	background-color: white;
	border: 1px solid #d7d8db;
	border-left: 4px solid #E60689;
	padding: 15px !important;
}

#Laskuyhteenveto_div .my_li
{
	margin-bottom: 10px!important;
}

.kohdistamattomat_suoritukset
{
	margin-top: 15px;
}

html:not(.cdi_phone) .hakutable_yhteenvetorivit
{
	margin-top: 20px!important;
	margin-bottom: 20px !important;
}

html.cdi_phone .sivutoimintoihin_mobiilissa
{
	margin-top: 12px!important;
	margin-bottom: 20px!important;
	max-width:initial!important;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .datatable4:not(.disable_responsive)>*>tr:not(.hakutable_yhteenvetorivit)>td.toiminnot_painikkeet_td
{
	border-bottom-style: hidden !important;
}

html.cdi_phone .uudenRivinSyottoTR, html.cdi_phone .uudenRivinSyottoTR .toiminnot_painikkeet_td
{
	border-style: hidden !important;
}

button.taulukon_asetukset:not(.mobiili):not(.desktop)
{
	padding-top: 0px;
}

html.cdi_phone .yleishaku_wrapper,
html.cdi_phone .yleishaku_wrapper .yleishaku
{
	width: 100%;
}

.datatable4>*>tr>td {
	height: 42px;
}

#sarakevalinta_table .mycheckbox_div
{
	max-width: 430px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

html.cdi_phone .valilehdet_ja_hakunayttotable_wrapper_last_child
{
	display: none;
}

html:not(cdi_phone) .tablen_ylapuolen_linkit>*
{
	amargin-top: 10px!important;
}

.sivutoiminto_buttonit
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 22px;
}

html.cdi_phone .sivutoiminto_buttonit
{
	display: none;
}

html.cdi_phone .toiminnot_painikkeet_td_oikealla
{
	display: none!important;
}
html.cdi_phone .toiminnot_painikkeet_td
{
	order: 1000;
}

html.cdi_phone .uudenRivinSyottoTR, html.cdi_phone .uudenRivinSyottoTR .toiminnot_painikkeet_td
{
	padding-bottom: 10px;
}

html.cdi_phone .hakunaytto_table>:not(#laskun_liitteet_table)>tbody>tr:not(.toiminnot_painikkeet_tr):before
{
	content: '';
	height: 10px;
	width: 100%;
}

.sivuotsikon_wrapper .tablen_ylapuolen_linkit
{
	align-items: stretch;
}

html.cdi_phone .ala_nayta_hyvaksymattomia
{
	width:100%;
	min-height:48px;
	display: flex;
	align-items: center;
	color: #53565D;
	font-weight: normal;
	font-size: 16px;
}

html.cdi_phone .ala_nayta_hyvaksymattomia label
{
	margin-left: 15px;
}

html.cdi_phone .valilehti.in_mobile_show_menu .valilehtitd_active {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

html.cdi_phone .valilehti.in_mobile_show_menu .valilehtitd:not(.valilehtitd_active)
{
	display: none;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) div.dms_dok.valilehti[id$="_clone"]
{
	margin-top: 12px;
	margin-bottom: 12px;
}

[id^="popup_sarakkeiden_valinta_div_"]
{
	max-width: 100vw;
}

html.cdi_phone .mobiiliboksin_otsikko
{
	display: table-cell!important;
	width: 100% !important;
	font-weight: bold;
}

.mobiiliboksin_otsikko_uloin_div
{
	display: flex!important;
	justify-content: space-between;
}

.mobiiliboksin_otsikko_uloin_div, .mobiiliboksin_otsikko_uloin_div *
{
}

.mobiiliboksin_otsikko_vasen_div
{
	display: flex;
	gap: 16px 0px;
	flex-direction: column;
}

html.cdi_phone td[data-is_multicheckbox="1"]
{
	display: none!important;
}

.laskun_tila_pill
{
	border-radius: 16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: fit-content;
	color:white;
	font-weight: 600;
	font-size:14px;
	background-color: #2876c9;
}

.laskun_tila_pill.avoin
{
	background-color: #c70577;
}
.laskun_tila_pill.ei_laskutettu
{
	background-color: #acacac;
}
.laskun_tila_pill.hyvitetty
{
	background-color: #a500e0;
}
.laskun_tila_pill.HYVITYSLASKU, .laskun_tila_pill.hyvityslasku
{
	background-color: #dc7dff;
}
.laskun_tila_pill.hyvityslasku_avoin
{
	background-color: #d500a3;
}
.laskun_tila_pill.maksettu
{
	background-color: #008000;
}

.hakutable_yhteenvetorivit_div
{
	display:flex;
	justify-content:flex-end;
}

html.cdi_phone .hakutable_yhteenvetorivit_div
{
	background: #f3f3f3;
}

.hakutable_yhteenvetorivit_div .hakutable_yhteenvetorivit
{
	margin-left: 11px;
	margin-right: 11px;
	margin-top: 17px!important;
	margin-bottom: 20px!important;
}

html.cdi_phone .hakutable_yhteenvetorivit_div .hakutable_yhteenvetorivit
{
	margin-top: 0px!important;
}

html:not(.cdi_phone) .hakunaytto_table tr:not(.laskun_liitteen_lisays_tr)>:is(td,th)
{
	border-bottom: 1px solid #d7d8db !important;
}

html:not(.cdi_phone) .hakunaytto_table tr>th
{
	aborder-top: 1px solid #d7d8db !important;
}

html.cdi_phone .hakutable_yhteenvetorivit.navigointi
{
	background: #f3f3f3;
}

html.cdi_phone .haku_ja_hakunaytto_table_wrapper
{
	background: transparent;
}

html.cdi_phone div.hakuriviTR
{
	margin-top: 0px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 24px;
}

html.cdi_phone .infobox
{
	background-color: transparent;
}

html.cdi_phone .datatable4>*>tr>th.toiminnot_painikkeet_th:last-child
{
	display: none!important;
}

tr.uudenRivinSyottoTR.disablehover.hide_cells
{
	background-color: transparent;
}

html.cdi_phone .desktop.taulukon_asetukset
{
	display: none;
}
html:not(.cdi_phone) .mobiili.taulukon_asetukset
{
	display: none;
}

html.cdi_phone .toiminnot_painikkeet_th
{
	width:100%!important;
}

html:not(.cdi_phone) .sivutoiminto_buttonit
{
	padding-left: 11px;
	padding-right: 11px;
}

html.cdi_phone #ylavalikko_table_td_div
{
	width:100vw!important;
}

.popup .pystyskrollattava_body
{
	position: relative;

	padding-right: 10px !important;
	overflow-y: auto !important;
	scrollbar-width: thin !important;                /* Firefox */
	scrollbar-color: #aaa #f1f1f1 !important;        /* Firefox */
}

html.cdi_phone [id$="_clone"].valilehti
{
	width: 100vw!important;
	max-width: 100vw!important;
}

.popup .valilehti
{
	background: white;
}

html.cdi_phone .popup .in_mobile_show_menu .valilehtitd_active
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#popupsisaltosolu_scrollaus_div_korjaustoiminnot_ulompi_div
{
	margin-top: 0px!important;
}

.popupin_alabuttonit
{
	display: flex;
	gap: 8px;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 24px;
}

html.cdi_phone .popupin_alabuttonit
{
	gap: 16px;
}

.popupin_alabuttonit *
{
	margin:0px!important;
}

html.cdi_phone .popupin_alabuttonit *
{
	width:100%!important;
}

#popupsisaltosolu_pikavalinnat_muokkaus .pystyskrollattava_footer
{
	display: flex;
	aflex-direction: column;
	padding-top: 8px;
	padding-bottom: 8px;
}

.pikavalinnat_peruuta_tallenna
{
	display:flex;
	gap:8px;
}

html.cdi_phone .tyhjenna_pikavalinnat_button_div, html.cdi_phone #tyhjenna_pikavalinnat_button
{
	width:100%
}

html.cdi_phone .pikavalinnat_peruuta_tallenna
{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
}

.popup.ikkuna_koko_sivu .popup_inner_table
{
	height: calc(100dvh - 2 * 16px);
}

html.cdi_phone .popup.ikkuna_koko_sivu .popup_inner_table
{
	height: 100dvh;
}

#suoritukset_popup_iframe
{
	border-width: 0px;
}

html.action_lasku .datatable4:not(.disablehover)>*>tr:not(.disablehover):not(.hakuriviTR):not(.hakutable_yhteenvetorivit):not(.hakutable_navigointitable_tr):hover>td
{
	background-color: transparent;
}

html:not(.cdi_phone).action_lasku table:not(.alempi_table)>*>tr.datatable_otsikot>th
{
	background-color: white!important;
}

#asiakkaan_muokkaus_valilehti.valilehti
{
	margin-bottom:0px!important;
}

html.cdi_phone.action_proforma_laskut .tablen_ylapuolen_linkit :is(a,button),
html.cdi_phone.action_maksuerat .tablen_ylapuolen_linkit :is(a,button)
{
	width: 100%;
}

html.cdi_phone #luottotiedot_valitse_laskutusasiakas+.select2
{
	max-width: calc(100vw - 64px);
}

.popup.sulkeminen_kaynnissa:after
{
	content: '';
	box-shadow: inset 20000px 20000px 20000px rgba(0, 0, 0, 0.1), 20000px 20000px 20000px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: -5000px;
	left: 0px;
	width: 100%;
	height: calc(100% + 5000px);
	z-index: 1000;
}

html:not(.cdi_phone) .mobiili_sorttaus_ohje
{
	display:none;
}

html.cdi_phone .mobiili_sorttaus_ohje
{
	font-size: 16px;
	margin-top: 10px;
	font-weight: normal;
}

html .select2-container .select2-selection--single
{
	height: 36px;
}

html .select2-container--default .select2-selection--single .select2-selection__rendered
{
	line-height: 36px;
}

html .select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: 36px;
	top: 0px;
	right: 3px;
}

#taydent_tiet_syot_ulompi_table a.editnayttotable_painike
{
	margin-top: 4px;
}

.textLayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;
}

.textLayer span {
	font-family: inherit;
	font-size: inherit;
	position: absolute;
	white-space: pre;
	transform-origin: left top;
	transform: scale(1);
	color: transparent;
	atext-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.textLayer span::selection {
	background: rgba(0, 0, 255, 0.3);
}

.pdf_paging {
	height: 36px;
	width:100%;
	justify-content: center;
	display:flex;
}

.hiddenCanvasElement
{
	display: none;
}

.page_nums i {
	font-size: 11px !important;
	transform: translate(0px, -1px);
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
}

button.transparent_bg.all_or_paging i {
	font-size: 20px;
}

.myyntilaskut_iframe_wrapper
{
	overflow: hidden;
	margin: 0px;
	display: flex;
	justify-content: center;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .myyntilaskut_iframe_wrapper
{
	margin: 0px;
	width:calc(100vw - 30px);
}

.myyntilaskut_iframe_wrapper .canvas_ja_text_div_wrapper
{
	background:white;
}

.myyntilaskut_iframe_wrapper canvas
{
	border: 1px solid #979797;
}

.myyntilaskut_iframe_wrapper
{
	overflow: initial !important;
	max-width: 1000px;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

#myyntilaskun_pdf_table
{
	display: flex;
	justify-content: center;
}

#myyntilaskun_pdf_table .all_or_paging
{
	display:none!important;
}

#myyntilaskun_esikatselu
{
	margin-bottom:0px;
}

html:not(.cdi_phone) div#popup_myyntilasku_esikatselu_popup
{
	awidth: calc(100vw - 20px)!important;
}

html:not(.cdi_phone) div#popup_myyntilasku_esikatselu_popup .pystyskrollattava_body>*
{
	max-width: calc(100vw - 100px);
}

html.cdi_phone div#popup_myyntilasku_esikatselu_popup .pystyskrollattava_body>*
{
	max-width: calc(100vw - 64px);
}

html .popup div#main_padding
{
	padding:0px!important;
}

html.cdi_phone .pystyskrollattava_footer
{
	flex-direction: column;
	padding-top: 16px;
	padding-bottom: 16px;
}

html.cdi_phone .pystyskrollattava_footer>*
{
	width:100%;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .popup div.dms_dok.valilehti
{
	margin-bottom: 0px;
}

.popup .asiakastietomuokkaus_table
{
	padding-top:0px!important;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) #ostolaskun_kuva_table .span_uusi_laskun_kuva_file
{
	margin-top: 0px;
	width: calc(100vw - 60px - 40px)!important;
	max-width: calc(100vw - 60px - 40px)!important;
}

/*
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .pystyskrollattava_body
{
	max-width: calc(100vw - 64px);
}
*/

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .ostoreskontra_tiedot_td_and_ostolaskut_iframe_td .pystyskrollattava_footer>*:first-child
{
	margin-top: 10px;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .ostoreskontra_tiedot_td_and_ostolaskut_iframe_td .pystyskrollattava_footer>*:last-child
{
	margin-bottom: 10px;
}

.trash_button .kuvake_wrapper
{
	display: inline-flex;
}

html.cdi_phone .popup.pystyskrollattava
{
	aposition:fixed!important;
	height: 100dvh;
	min-height:100dvh;
	max-height:100dvh;
}
.popup.pystyskrollattava
{
	aoverscroll-behavior: contain;
}

html.cdi_phone .ostolasku_buttonit
{
	display:flex;
	gap:8px;
}

html.cdi_phone .ostolasku_buttonit>*
{
	width: calc(50% - 4px);
}

/*
Tämä pitäisi tehdä niin että jos taulukko ei mahdu parentiinsa vaakasuunnassa, pakotetaan mobiiliksi, mutta sellaista ei ole valmiina joten helopointa tehdä vaakaskrollattava:
*/
html:not(.cdi_phone) .pystyskrollattava_body>*:is(#ostolaskun_liitteet_table,#ostolaskun_tiliointi_table,#ostolaskun_tiliointi_kuluryhmat_table)>.editnaytto_table_otsikon_ja_taulukon_sitoja
{
	width: 100%!important;
	overflow-x: auto;
}

/*
Kommentoitu, että voi skrollata vaakasuunnassa esim. ostolaskun liitteet -välilehdellä.
html.action_ostoreskontra_avoimet_laskut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:is([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"], [data-valittu_valilehti="liitteet"])>*
{
	width:initial!important;
	min-width:initial!important;
	max-width:initial!important;
}
*/

html.action_ostoreskontra_avoimet_laskut.popup.action_ostoreskontra_lasku .popup_inner_table,
html.action_kirjanpito_tositteet.popup.action_ostoreskontra_lasku .popup_inner_table,
html.action_ostoreskontra_kuitit.popup.action_ostoreskontra_lasku .popup_inner_table,
html.action_maksut.popup.action_ostoreskontra_lasku .popup_inner_table {
	background-size: 100% 353px, 100% 100%;
}

html.action_ostoreskontra_avoimet_laskut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostoreskontra_kuva_td .all_or_paging,
html.action_kirjanpito_tositteet .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostoreskontra_kuva_td .all_or_paging,
html.action_ostoreskontra_kuitit .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostoreskontra_kuva_td .all_or_paging,
html.action_maksut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostoreskontra_kuva_td .all_or_paging {
	display: none !important;
}

html.action_ostoreskontra_avoimet_laskut.cdi_phone .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td),
html.action_kirjanpito_tositteet.cdi_phone .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td),
html.action_ostoreskontra_kuitit.cdi_phone .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td),
html.action_maksut.cdi_phone .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td) {
	width: calc(100vw - 64px);
	min-width: calc(100vw - 64px);
	max-width: calc(100vw - 64px);
}

html.action_ostoreskontra_avoimet_laskut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td):not(#ostolaskun_liitteet_table),
html.action_ostoreskontra_kuitit .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td):not(#ostolaskun_liitteet_table),
html.action_kirjanpito_tositteet .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td):not(#ostolaskun_liitteet_table),
html.action_maksut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td):not(#ostolaskun_liitteet_table) {
	min-width: 600px;
	max-width: 600px;
	width: 600px;
}

html.action_ostoreskontra_avoimet_laskut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostoreskontra_kuva_td,
html.action_ostoreskontra_kuitit .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostoreskontra_kuva_td,
html.action_kirjanpito_tositteet .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostoreskontra_kuva_td,
html.action_maksut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostoreskontra_kuva_td {
	flex-grow: 1;
	display: flex;
	justify-content: center;
}

html.action_ostoreskontra_avoimet_laskut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostolaskun_tiliointi_table,
html.action_ostoreskontra_kuitit .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostolaskun_tiliointi_table,
html.action_kirjanpito_tositteet .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostolaskun_tiliointi_table,
html.action_maksut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > #ostolaskun_tiliointi_table {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
}

html.action_ostoreskontra_avoimet_laskut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:is([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"]),
html.cdi_phone.action_ostoreskontra_avoimet_laskut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body,
html.action_kirjanpito_tositteet .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:is([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"]),
html.cdi_phone.action_kirjanpito_tositteet .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body,
html.action_ostoreskontra_kuitit .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:is([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"]),
html.cdi_phone.action_ostoreskontra_kuitit .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body,
html.action_maksut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:is([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"]),
html.cdi_phone.action_maksut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body {
	flex-direction: column;
}

@media only screen and (max-width: 800px) {
	html.action_ostoreskontra_avoimet_laskut:not(.cdi_phone) .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:not([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"]),
	html.action_kirjanpito_tositteet:not(.cdi_phone) .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:not([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"]),
	html.action_ostoreskontra_kuitit:not(.cdi_phone) .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:not([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"]),
	html.action_maksut:not(.cdi_phone) .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body:not([data-valittu_valilehti="tilioinnit"], [data-valittu_valilehti="kuluryhmat_tilioinnit"]) {
		aflex-direction: column;
		flex-wrap: wrap;
	}
}

html.cdi_phone.action_ostoreskontra_avoimet_laskut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td):not(#ostolaskun_liitteet_table),
html.cdi_phone.action_kirjanpito_tositteet .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td):not(#ostolaskun_liitteet_table),
html.cdi_phone.action_ostoreskontra_kuitit .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td):not(#ostolaskun_liitteet_table),
html.cdi_phone.action_maksut .ostolaskun_muokkaus_tietotaulukko.pystyskrollattava_body > *:not(#ostoreskontra_kuva_td):not(#ostolaskun_liitteet_table) {
	min-width: initial;
	max-width: initial;
	width: initial;
}

.ostoreskontra_lasku_table :is(input[type="button"],button)
{
	max-width: calc(100vw - 64px);
}

.pdf_error
{
	max-width: calc(100vw - 64px);
	white-space: normal;
}

html:not(.cdi_phone) .multicheckbox_keskitetty
{
	justify-content:center;
}

.sivuotsikon_wrapper_otsikko.h2
{
	font-size: 20px;
}

.h3
{
	font-size: 18px;
}

table.hakutable_yhteenvetorivit td {
	text-align: right;
}

.datatablen_vaakaskrollattava_parent
{
	overflow-x: scroll;
	max-width: calc(100vw - 2 * 10px - 2 * 40px)!important;
}

html.cdi_phone .datatablen_vaakaskrollattava_parent
{
	overflow-x: scroll;
	max-width: calc(100vw - 2 * 10px - 2 * 16px)!important;
}

.popup_inputin_wrapper
{
	max-width: calc(100vw - 2 * 40px);
}

html.cdi_phone .popup_inputin_wrapper
{
	max-width: calc(100vw - 2 * 16px);
}

.popup#popup_yrityksen_avainluvut>.popup_inner_table>tbody>tr>td>div>div#yrityksen_avainluvut
{
	display: flex !important;
}

#popupsisaltosolu_scrollaus_div_yrityksen_avainluvut
{
	margin-bottom: 16px;
	margin-top: 8px;
}

html.cdi_phone .invoice_holder2.ylalinkit.tablen_ylapuolen_linkit>*
{
	width: 100%;
}

html.cdi_phone .yla_button_holder
{
	justify-content: flex-start;
}

html.cdi_phone .mobiilissa_pois
{
	display: none;
}

html.cdi_phone :is(.aloita_tyot_button, .lopeta_tyot_button)
{
	width: 100%;
}

html.cdi_phone .aloita_lopeta_tyot_button_wrapper
{
	display:flex;
	flex-direction: column;
	gap:8px;
}

html.action_laskutusasiakkaat_lasku .dokumentin_esikatselu>div
{
	align-items: initial!important;
}

.lasku_esikatselu_laskumappi canvas,
#tilinpaatos_pdf canvas
{
	background: white;
}

#tilinpaatos_pdf canvas
{
	border: 1px solid #979797;
}

.left_div_invoice_map>div:first-child
{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;	
}

html.cdi_phone .left_div_invoice_map:first-child>div>*
{
	width:100%;	
}

html:not(.cdi_phone) .tuntirj_scrollable
{
	overflow-x:scroll;
	max-width: calc(100vw - 2 * 40px);
}
html:not(.cdi_phone).menu_vasemmalla .tuntirj_scrollable:not(.tilikausi_tuntirj_scrollable)
{
	max-width: calc(100vw - 253px - 2 * 40px);
}

html:not(.cdi_phone) .tilikausi_tuntirj_scrollable
{
	overflow-x:scroll;
	max-width: calc(100vw - 2 * 32px - 2 * 16px);
}

html.cdi_phone .tilikausi_tuntirj_scrollable
{
	overflow-x:scroll;
	max-width: calc(100vw - 2 * 32px);
}

html.cdi_phone .projektiraportit_raportit_rows_table>tbody>tr>td:first-child
{
	width: 100%!important;
}

html.cdi_phone.action_tilikaudet .sivuotsikon_wrapper .tablen_ylapuolen_linkit>*
{
	width: 100%;
}

html.action_tilinpaatos .all_or_paging
{
	display: none!important;
}

html.cdi_phone.action_tilinpaatos .tablen_ylapuolen_linkit>*
{
	width: 100%;
}

html.cdi_phone.action_tilinpaatokset .hakunaytto_table>tbody>tr>td:not([id$="_from_date"]):not([id$="_to_date"])
{
	width: 100%!important;
}

.tilinpaatos_scrollable
{
	overflow-x:scroll;
	max-width: calc(100vw - 2 * 32px);
}

#tulosraportti_container,
#tase_container
{
	min-width: 1113px;
}

html.cdi_phone #tilioterivit_tiliointi_sivutoimintoihin_mobiilissa select
{
	width: 100%;
}

html.cdi_phone #tilioterivit_tiliointi_sivutoimintoihin_mobiilissa b
{
	display: none!important;
}

html.cdi_phone .tablen_ylapuolen_linkit>*
{
	width:100%;
}

#popup_tiliotteen_rivi_tilioi_valinnat_div .tablen_ylapuolen_linkit
{
	margin-top: 10px;
}

#tiliointi_lisays_div_inner_div
{
	display:flex;
	gap:8px;
	margin-top:16px;
	flex-direction: column;
}

#tiliointi_lisays_div_inner_div>*
{
	width:100%!important;
}

html.cdi_phone div#tiliotteen_rivi_kirjaukset_div
{
	overflow-x: scroll;
	max-width: calc(100vw - 64px);
	min-height: 50px;
}

html.cdi_phone div#tiliotteen_rivi_kirjaukset_div>table
{
	width: 664px;
}

@media (orientation: portrait) {
	html.cdi_phone #vasen_menu,
	html.cdi_phone #popup_add_menu_div .popup_inner_table
	{
		margin-top: calc(100dvh* 0.4);
		max-height: calc(100dvh* 0.6) !important;
		min-height: initial;
	}
}

@media print {
	.piilota_tulosteesta, .no_print
	{
		display:none!important;
	}
	#main_padding
	{
		padding:0px!important;
	}
	.tuntirj_scrollable
	{
		overflow-x:visible!important;
		max-width:100%!important;
		width:100%!important;
	}
	#raportit_halytysraportti
	{
		width:100%!important;
	}
	#raportit_menekkiraportti
	{
		width:100%!important;
	}
}

html.cdi_phone td.mobiiliboksin_otsikko
{
	display: flex!important;
	justify-content: center;
	flex-direction: column;
	align-items: stretch!important;
	padding-top: 11px;
	padding-bottom: 11px;
}

html.cdi_phone .mobiiliboksin_otsikko_vasen_div
{
	justify-content: center;
}

html.cdi_phone .col_resize_wrapper
{
	max-height: initial!important;
}

.hakunayton_hakukentan_popup select
{
	width: 100%!important;
}

#ostolaskun_kytkennan_valintadiv:empty
{
	display: none;
}

#ostolaskun_liitteet_table .editnaytto_table_otsikon_ja_taulukon_sitoja
{
	padding-right: 0px;
}

#myyntilasku_kirjanpito_table_div,
#myyntilaskun_laskutusloki_table_div
{
	width: 100%;
}

#laskutusasiakas_kontakti_muokkausrivinew
{
	width: initial!important;
}

html.cdi_phone .yleishaku_wrapper
{
	max-width: calc(100vw - 2 * 16px);
}

html:not(.cdi_phone).menu_vasemmalla .yleishaku_wrapper
{
	max-width: calc(100vw - 253px - 2 * 40px - 11px * 2);
}

.sivuotsikon_wrapper_yla_buttonit>.tablen_ylapuolen_linkit:empty
{
	margin-top:0px!important;
	margin-bottom:0!important;
}

.sivuotsikon_wrapper_yla_buttonit>.tablen_ylapuolen_linkit
{
	margin-top:0px!important;
	margin-bottom:20px!important;
}

html.cdi_phone .hakutulos_yhteenveto_wrapper
{
	padding-top: 0px;
	padding-bottom: 20px;
}

html.cdi_phone .alempi_hakutulos_yhteenveto_wrapper>.hakutulos_yhteenveto_wrapper
{
	padding-top: 20px;
}

/* nowrap_table alkaa */

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .search_and_columns_div
{
	display:flex!important;
}
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .nowrap_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>td>div:not(.outer_relative_wrapper):not(inner_absolute_wrapper),
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .nowrap_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>td>.outer_relative_wrapper>.inner_absolute_wrapper>i,
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .nowrap_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>td>a,
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .nowrap_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>td>div>a,
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .nowrap_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>th .a_inner_span,
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .nowrap_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>td span,
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .nowrap_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>td>b,
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .nowrap_table.hakunaytto_table:not(.disable_responsive)>tbody>tr>td>i
{
	overflow:initial!important;
	white-space: normal !important;
}

.nowrap_table td>div:not(.outer_relative_wrapper):not(inner_absolute_wrapper),
.nowrap_table td>.outer_relative_wrapper>.inner_absolute_wrapper>i,
.nowrap_table td>a,
.nowrap_table td>div>a,
.nowrap_table_otsikot th .a_inner_span,
.nowrap_table td span,
.nowrap_table td>b,
.nowrap_table td>i
{
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.nowrap_table>tbody>tr>td.toiminnot_painikkeet_td>div
{
	overflow: initial !important;
	text-overflow: initial !important;
}

.nowrap_table tr.hakutable_yhteenvetorivit>td
{
	apadding:0px;
}

html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .datatable4.hakunaytto_table:not(.disable_responsive).nowrap_table>*>tr.hakuriviTR>td input[name$=from\]],
html:is(.cdi_phone,.responsive_in_use):not(.responsive_not_in_use) .datatable4.hakunaytto_table:not(.disable_responsive).nowrap_table>*>tr.hakuriviTR>td input[name$=to\]] {
	max-width: initial;
}

.datatable4:not(.nowrap_table)>*>tr.hakuriviTR>td>span
{
	flex-wrap:wrap;
}

.datatable4.nowrap_table>*>tr.hakuriviTR>td input[name$=from\]],
.datatable4.nowrap_table>*>tr.hakuriviTR>td input[name$=to\]] {
	max-width: calc(50% - 9px);
}

.nowrap_table>tbody>tr>td.toiminnot_painikkeet_td>div
{
	display: flex;
}

html:not(.cdi_phone) .datatable4.nowrap_table_otsikot>*>tr>th>div, html:not(.cdi_phone) .datatable4.nowrap_table>*>tr>td>div
{
	max-height: 38px;
}

/* nowrap_table loppuu */

.sivutoiminto_buttonit:empty, .sivutoimintoihin_mobiilissa:empty {
	display: none;
}

html:not(.cdi_phone) .sisalto_action_popup
{
	amax-width: calc(100vw - 32px - 32px * 2);
}

html.cdi_phone:not(.action_epic_sign_documents) .sisalto_action_popup
{
	max-width: calc(100vw - 60px);
}

html.cdi_phone .valilehti.dms_dok.valilehdet_otsikko.in_mobile_show_menu:not([id$=_clone]) .avaa_valilehdet_popupissa_span
{
	width: 100%;
	position: absolute;
	left: 0px;
	height: 49px;
}

html.cdi_phone .valilehti.dms_dok.valilehdet_otsikko.in_mobile_show_menu:not([id$=_clone]) .avaa_valilehdet_popupissa_span>i
{
	position: absolute;
	right: 16px;
	top: 13px;
}

html.cdi_phone .popup .valilehti.dms_dok.valilehdet_otsikko.in_mobile_show_menu:not([id$=_clone]) .avaa_valilehdet_popupissa_span>i
{
	right: 0px;
}

html.cdi_phone .valilehti.dms_dok.valilehdet_otsikko.in_mobile_show_menu[id$=_clone] .avaa_valilehdet_popupissa_span
{
	display: none;
}

html:not(.cdi_phone) .valilehti.dms_dok.valilehdet_otsikko .avaa_valilehdet_popupissa_span
{
	display: none;
}

html.cdi_phone #vasen_menu #kayttaja_desktop #ilmoitusten_maara_asiakasviestit
{
	margin-right: 19px;
}

html.loginpage .mainosteksti_kappale a:link,
html.loginpage .mainosteksti_kappale a:visited
{
	color: #29599a;
}

.transparent_bg.ei_oikeutta_muokkaus_actioniin_class,
.transparent_bg.ei_oikeutta_muokkaus_actioniin_class:hover
.transparent_bg.ei_oikeutta_muokkaus_actioniin_class:focus
{
	filter: grayscale(100%) !important;
	color: #4b7ab9 !important;
}

:not(.transparent_bg).notext.ei_oikeutta_muokkaus_actioniin_class,
:not(.transparent_bg).notext.ei_oikeutta_muokkaus_actioniin_class:hover
:not(.transparent_bg).notext.ei_oikeutta_muokkaus_actioniin_class:focus
{
	box-shadow: initial !important;
	color: #989BA3 !important;
	background: #e7e9ef !important;
}

html:not(.safari.cdi_desktop) .safari_huomautus
{
	display: none;
}
.safari_huomautus
{
	background: #aae2aa;
	margin-left: -40px;
	margin-top: -20px;
	margin-right: -40px;
	padding: 20px;
	margin-bottom: 20px;
}
html:not(.safari.cdi_desktop.safari_obsolete) .safari_versio_huomautus
{
	display: none;
}
.safari_versio_huomautus
{
	background: #f7d7d7;
	margin-left: -40px;
	margin-top: -20px;
	margin-right: -40px;
	padding: 20px;
	margin-bottom: 20px;
}

html.cdi_phone .sivuotsikon_wrapper_yla_buttonit
{
	margin-bottom: 20px;
}

html.cdi_phone :is(.haku_ja_hakunaytto_table_wrapper .hakutulos_yhteenveto_wrapper, .haku_ja_hakunaytto_table_wrapper .hakuriviTR)
{
	padding-left:0px;
	padding-right:0px;
}

.my_li.kohdistamattomat_suoritukset.kiintea_ilmoitus
{
	margin-bottom: 20px;
}

.ohjelma_on_paivittynyt
{
	padding-top: 16px;
}

.action_laskutusasiakkaat_lasku .page_nums
{
	position: relative;
}

html.cdi_phone .multicheckbox_keskitetty .mycheckbox_div
{
	display: flex;
	align-items: center;
}
html.cdi_phone th .mobile_title
{
	display: inline-block !important;
	padding-left:8px;
}

html.cdi_phone .multicheckbox_th
{
	width: 100% !important;
}

/* Editnäytön uusi ui ALKAA */
/* Editnäytön kenttänimisolu ja arvosolu allekkain kaikkialla muualla kuin laskun muokkauksessa, jossa on wysiwygin vuoksi erilainen käsittely */
.editnaytto_table.new_ui>tbody>tr
{
	display: flex;
	flex-direction: column;
}
.editnaytto_table.new_ui>colgroup>col
{
	width:100%!important;
}
.editnaytto_table.new_ui
{
	display: flex;
}
.editnaytto_table.new_ui>tbody
{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 12px;
	padding-bottom: 12px;
	background: #f2f2f2;
}
.editnaytto_table_valiotsikko_td.new_ui,
.editnaytto_table.new_ui>tbody>tr>:is(td,th)
{
	padding-left:24px!important;
	padding-right:24px!important;
}

html.cdi_phone .table_wrapper_width .editnaytto_table.new_ui
{
	max-width: initial;
}

html:not(.cdi_phone) .table_wrapper_width .editnaytto_table.new_ui
{
	max-width: initial;
}

.editnaytto_table.new_ui th {
	border: 0px solid #d7d8db;
}

.editnaytto_table.new_ui td {
	border: 0px solid #d7d8db;
}

.editnaytto_table.new_ui>tbody>tr>th,
.editnaytto_table.new_ui>tbody>tr>td
{
	width: 100%;
}
.editnaytto_table_valiotsikko_td.new_ui>.editnaytto_table_valiotsikko.piilotettava_valiotsikko
{
	text-decoration: underline;
}

.editnaytto_table_valiotsikko_td.new_ui
{
	background-color:#f2f2f2;
}

/* Editnäytön uusi ui LOPPUU */

.editnaytto_table>tbody>tr>th {
	background-color: #f2f2f2;
	color: #000;
	border: 1px solid #d7d8db;
	text-decoration: none;
	border-right-color: #d7d8db;
	font-weight: bold;
}

.editnaytto_table>tbody>tr>td {
	border: 1px solid #d7d8db;
	background-color: #f2f2f2;
}

html.cdi_phone .table_wrapper_width .editnaytto_table
{
	max-width: calc(100vw - 2 * 16px);
}

html:not(.cdi_phone) .table_wrapper_width .editnaytto_table
{
	amax-width: calc(100vw - 2 * 40px);
}

.editnaytto_table_valiotsikko_td i.fa-solid:is(.fa-angle-down, .fa-angle-up)
{
	position: absolute;
	right: 0px;
	width: 42px;
	height: 100%;
	top: 0px;
	display: flex;
	align-items: center;
	padding-left: 24px;
	color:black!important;
	padding-left: 100vw;
}

.pdf_in_popup .openPdfInPopupButton
{
	visibility:hidden;
}

.pdf_in_popup .all_or_paging
{
	display: none!important;
}

html.action_lasku #pdf_container .openPdfInPopupButton,
html.action_lasku #pdf_container .pdf_paging
{
	display: none!important;
}

.pdf_in_popup .paivita_pdf_button
{
	display: none!important;
}