#hakuotsikko:focus, #hakuotsikko:hover, #hakuotsikko:focus
{
background-color: #EC614C !important;
}
.perusvaridivcolor {
color: #EC614C !important;
}
html
{
font-size:16px; /* 0.85px */
-webkit-text-size-adjust: 100%;
width:100%;
height:100%;
-webkit-overflow-scrolling: touch;
margin: 0;
padding: 0;
border: 0;
}
a
{
outline: none;
}
html:not([data-iframe_id^=iframe_popup_]):not([data-iframe_id^=rivimuokkauspopuppi]):not(.is_in_iframe ):not(.luukkukone)>body
{
overflow-y: scroll;
}
body
{
background-color: transparent;
color: #000;
margin: 0;
padding: 0;
border: 0;
font-family: lato, sans-serif;
font-size:16px;
width:100%;
height:100%;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
}
body
{
/*
ANNA TÄMÄN OLLA TÄSSÄ TAI TEE ASETUS JOSSA DEFAULTTINA TÄMÄ ON PÄÄLLÄ NÄIN
JA ERIKSEEN VOI ASETUKSELLA KYTKEÄ POIS PÄÄLTÄ:
- JOS HALUAT MUUTTAA TÄTÄ NIIN SOITA ENSIN JARKOLLE JA KYSY LUPA
- ÄLÄ MYÖSKÄÄN SIIRRÄ TÄTÄ MUUTA body-css-määrettä ylemmäs
- Tosin jos tähän laittaa scroll arvoksi niin rivimuokkauksen popup ei toimi, mutta scrollbar kyllä tulee oikealle
*/
overflow-y: -moz-scrollbars-vertical -moz-scrollbars-horizontal;
/*
- JOS HALUAT MUUTTAA TÄTÄ NIIN SOITA ENSIN JARKOLLE JA KYSY LUPA
ANNA TÄMÄN OLLA TÄSSÄ TAI TEE ASETUS JOSSA DEFAULTTINA TÄMÄ ON PÄÄLLÄ NÄIN
JA ERIKSEEN VOI ASETUKSELLA KYTKEÄ POIS PÄÄLTÄ:
*/
}
/* Tämän avulla FF näyttää sivun samassa koossa kuin Chrome */
@-moz-document url-prefix()
{
html
{
font-size:16px;
}
}
table.ulointable
{
border-spacing: 0px;
border-collapse:separate;
width:100%;
height:100%;
box-sizing: border-box;
table-layout: fixed;
overflow:hidden;
aoverflow-y: initial;
aoverflow-x: hidden;
}
table.ulointable>tbody>tr:first-child>td
{
height:100%;
}
.ulointable:not(.ulointable_is_kuormitus) div#main
{
padding-left: 16px;
padding-right: 16px;
}
/*
html {
-ms-overflow-style: none;
}
*/
/* Jarkko kielsi tämän
::-webkit-scrollbar
{
display: none;
}
*/
/*
Timo 21.2.2018: Tämä pakottaa scrollbarit:
Timo 21.2.2018 15:18: Rajattu pois kuormituskalenteri
*/
html:not(.kuormitukset)
{
overflow: -moz-scrollbars-vertical;
overflow: initial;/* Timo 7.4.2018: overflow-y:scroll aiheutti sortablen pystysijoittumisen väärin dragatessa */
}
.ulointable.ulointable_is_kuormitus
{
overflow-x:hidden;
}
.ulointable>tbody>tr>td
{
/*border:0px solid red;*/
}
img[src*=buttons]
:not([src*=jarjestys_yla.png])
:not([src*=jarjestys_ala.png])
{
height:20px !important;
width:auto !important;
}
.jarjestyslinkki, .jarjestyslinkki>img
{
display: inline;
width:13px;
height:11px;
}
/* Tämä fiksaa kuvan korkeuden 20pxiksi, pitää lisätä jokaiseen buttoniin tms., jossa button-kuva on taustakuvana */
.buttonfix
{
background-size: auto 20px!important;
}
/* Näihin voi lisätä määrityksiä eri buttontyypeille */
.img_text_no_button{
}
.img_text_left_button{
}
.img_text_right_button{
}
.img_no_fill_button{
background-color: transparent !important;
margin:0px !important;
padding: 0px;
min-width: 29px !important;
padding-right: 5px;
}
.img_no_fill_button>img
{
-webkit-filter:grayscale(1) brightness(0%);
-o-filter:grayscale(1) brightness(0%);
-ms-filter:grayscale(1) brightness(0%);
filter:grayscale(1) brightness(0%);
}
.img_no_fill_button2{
background-color: transparent !important;
margin:0px !important;
padding: 0px;
min-width: 29px !important;
padding-right: 5px;
}
.img_no_fill_button2>img
{
-webkit-filter:brightness(100%);
-o-filter:brightness(100%);
-ms-filter:brightness(100%);
filter:brightness(100%);
}
html.no_touch .img_no_fill_button2:hover>img,
.img_no_fill_button2:focus>img,
.img_no_fill_button2:active>img
{
-webkit-filter:grayscale(50) brightness(50%);
-o-filter:grayscale(50) brightness(50%);
-ms-filter:grayscale(50) brightness(50%);
filter:grayscale(50) brightness(50%);
}
.toiminto_td button
{
padding-right: 2px !important;
min-width: 32px !important;
}
td.toiminto_td *
{
vertical-align: middle;
}
td.toiminto_td *:disabled
{
border:0px solid red !important;
}
button.muokkaarivia_button
{
padding-right:0px !important;
min-width:20px !important;
}
html.no_touch .img_no_fill_button:hover>img,
.img_no_fill_button:focus>img,
.img_no_fill_button:active>img
{
-webkit-filter:grayscale(0) brightness(100%);
-o-filter:grayscale(0) brightness(100%);
-ms-filter:grayscale(0) brightness(100%);
filter:grayscale(0) brightness(100%);
}
select,
input,
button,
textarea
{
outline:none;
}
input[type=text]
{
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
margin-left: 0;
}
.grow-wrap {
/* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
display: grid;
}
.grow-wrap::after {
/* Note the weird space! Needed to preventy jumpy behavior */
content: attr(data-replicated-value) " ";
/* This is how textarea text behaves */
white-space: pre-wrap;
/* Hidden from view, clicks, and screen readers */
visibility: hidden;
}
.grow-wrap > textarea {
/* You could leave this, but after a user resizes, then it ruins the auto sizing */
resize: none;
/* Firefox shows scrollbar on growth, you can hide like this. */
overflow: hidden;
}
.grow-wrap > textarea:not(.MuiInput-input),
.grow-wrap::after {
/* Identical styling required!! */
/* Place on top of each other */
grid-area: 1 / 1 / 2 / 2;
}
textarea:not(.MuiInput-input),
.grow-wrap::after
{
border:1px solid black;
background-color:white;
min-height:27px;
padding-top: 3.3px;
padding-bottom: 3px;
padding-left:7px;
padding-right:7px;
font-size:16px;
box-sizing:border-box;
font-family: 'Lato', sans-serif;
max-width: 100%;
-ms-overflow-style: none;
overflow: hidden;
resize: none;
vertical-align: top !important;
/*word-break: break-all;*/
word-wrap: break-word;
line-height: normal;
margin: 0px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0px;
backface-visibility: hidden;
}
textarea:not([autogrow="1"])
{
overflow-y: scroll;
}
.textarea_td
{
padding-top: 0px !important;
padding-bottom: 4px !important;
vertical-align: top !important;
}
.textarea_wrapper
{
max-width: 100%;
display: block;
margin-top: 7px;
position: relative;
}
div.informbox {
width: 272px;
padding: 4px;
position: absolute;
left: 170px;
top: 85px;
margin-right: 6px;
opacity:0;
-moz-opacity:0;
display:none;
}
div.failbox {
width: 272px;
padding: 4px;
position: absolute;
left: 170px;
top: 85px;
margin-right: 6px;
opacity:0;
-moz-opacity:0;
display:none;
}
.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;
}
.hakunappi { text-color:blue; color:blue; }
.ul_list li {
font-size:12px;
}
.selectedTR td {
background-color:white;
}
#selectedTR td {
background-color:white;
}
td{font-size:16px}
a
{
text-decoration : none;
color: #EC614C;
background: transparent;
cursor: pointer;
}
a:link, a:visited
{
text-decoration : none;
color: #EC614C;
background: transparent;
cursor: pointer;
}
html table.dataTable tbody tr.selected a,
html table.dataTable tbody th.selected a,
html table.dataTable tbody td.selected a
{
color: #EC614C;
background: transparent;
cursor: pointer;
}
html table.dataTable>thead>tr>th a,
html table.dataTable>thead>tr>th a:visited
{
color: white!important;
text-decoration: underline;
}
html table.dataTable>thead>tr>th a:hover,
html table.dataTable>thead>tr>th a:focus
{
color: white!important;
text-decoration: none;
}
html.no_touch a:hover
{
text-decoration : underline;
color: #EC614C;
background: transparent;
}
.h2_span {
font-size:10px;
color: #2e3192;
font-weight: 700;
font-family: lato, sans-serif;
}
.h3_span {
font-size:9px;
color: #2e3192;
font-weight: bold;
font-family: lato, sans-serif;
}
h1, h2, h3, h4, h5, h6
{
font-family:lato,sans-serif;
color: black;
font-weight: bold;
margin: 0px;
margin-bottom: 0.4em;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }
.alpha-shadow
{
float: left;
background: url("../images/shadow1.gif") no-repeat bottom right;
margin: 9px 0 0 9px !important;
margin: 9px 0 0 4px;
}
.alpha-shadow div
{
background: url("../images/shadow2.png") no-repeat left top !important;
background: url("../images/shadow2.png") no-repeat left top;
padding: 0px 4px 4px 0px;
}
.alpha-shadow img
{
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 3px;
}
input[disabled]:not(.MuiInput-input) {
/* 06.09.2015 jos tämä on valkoinen niin tekstiä ei näy valkoista taustaa vasten
Tilauksen määrien tekstit olivat valkoiset valkoista taustaa vasten asentajille ennen kun kommentoin pois.
Nyt ne näkyvät.
Varmuuden vuoksi fontin väri asetettu mustaksi.*/
/*color: #fff;*/
color: #000000;
background-color: #AAA;
/*border:1.0px solid gray;*/
}
input[disabled][type="submit"],
html.no_touch input[disabled][type="submit"]:hover
{
color: #fff;
background: #ddd;
}
.normal
{
width: auto;
}
.noborder
{
border: 0;
background: transparent;
}
.nobordernormal
{
border: 0;
background: transparent;
width: auto;
}
.error:not(.fileinput-box)
{
/*box-shadow: 0px 0px 7px 2px rgba(222, 5, 5, 0.6);*/
background-color: hsl(351, 84%, 93%) !important;
}
.error:not(.fileinput-box):not(.select2-selection):not(#alennus_kohdistettu_tuotteelle_tuote_refid)
{
border-top:1px solid #BA0066 !important;
border-bottom:1px solid #BA0066 !important;
border-left:1px solid #BA0066 !important;
padding: 8px;
}
.error:not(.fileinput-box):not(.select2-selection):not(.pakollinenInput)
{
border-right:1px solid #BA0066 !important;
}
button.error
{
color: black;
}
button#allocated_hours_miss_button {
margin-top: 10px;
margin-bottom: 10px;
}
.saved:not(.fileinput-box)
{
background-color: hsl(120, 84%, 93%) !important;
}
[class^="muokkausrivi"] .error .inputfile + label
{
border:1px solid #EC614C !important;
background-color: hsl(351, 84%, 93%) !important;
}
.help
{
font-size: 13px;
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: 10px;
margin: 0;
letter-spacing: 0px;
clear:both;
}
h2.yco
{
font-weight: bold;
font-size: 9px;
margin: 0;
letter-spacing: 0px;
clear:both;
}
.negative { color:red; }
#borderLeft { border-left:1px solid black; }
#borderRight { border-right:1px 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 17px;
text-align: left;
}
tr.hineven td.sis
{
border-left:1px solid #eeebe4;
color: #2e3192;
font-weight: bold;
padding: 0 0 0 17px;
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 17px;
text-align: left;
}
table
{
empty-cells:show;
font-size: 16px;
}
td
{
vertical-align: top;
}
p.version
{
color: #ccc;
font-weight: bold;
font-size: 13px;
}
p.author
{
color: #ccc;
font-weight: bold;
font-size: 13px;
}
td#main_td
{
background-color:white;
position:relative;
padding-top: 10px;
}
div#main
{
position:relative;
border: 0px solid red;
color: #000;
apadding-top:10px;
vertical-align: top;
}
.blur_td_overlay
{
display: none;
position: absolute;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
top: 10px;
left: 0px;
background-color: #000;
opacity: 0.35;
z-index: 3;
border-bottom: 340px solid #000;
box-sizing: content-box;
}
.infosivun_taustakuva
{
/* abackground-image:url('../images/infosivun_vesitausta.png'); */
background-repeat: no-repeat;
background-position: left bottom;
}
form
{
vertical-align: top;
aheight: 100%;
}
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:1px solid black;
padding-top:3px;
}
.kirjaus_datatable th {
font-size:10px;
text-align:left;
padding-right:13px;
}
.kirjaus_datatable td {
font-size:10px;
}
.datatable {
border-collapse:separate;
border:1px solid #a4b7e6;
border-right:none;
}
.datatable th {
text-align:left;
background-color:#b1c8f6;
color:#2e3192;
padding-right:13px;
padding-bottom:3px;
padding-left:9px;
vertical-align:middle;
border-right:1px solid #a4b7e6;
}
.datatable td {
padding-right:13px;
padding-bottom:3px;
padding-left:9px;
/* border-left:1px solid #a4b7e6;
border-right:1px solid #a4b7e6;*/
vertical-align:middle;
border-right:1px solid #a4b7e6;
}
.datatable2 {
border-collapse:separate;
border:1.0px solid #a4b7e6;
border-right:none;
}
.datatable2 th {
text-align:left;
background-color:#b1c8f6;
color:#2e3192;
padding-right:13px;
padding-bottom:3px;
padding-left:9px;
vertical-align:middle;
border-right:1px solid #a4b7e6;
border-bottom:1px solid #a4b7e6;
}
.datatable2 td {
padding-right:13px;
padding-bottom:3px;
padding-left:9px;
/* border-left:1px solid #a4b7e6;
border-right:1px solid #a4b7e6;*/
vertical-align:middle;
border-right:1px solid #a4b7e6;
}
.border_kalenteriTable tr.odd th {
background-color:#cbcbdf;
/*border-left:1px solid #a4b7e6;
border-right:1px solid #a4b7e6;*/
border-bottom:none;
}
.border_kalenteriTable tr.even th {
background-color:#e9e9f2;
/*border-left:1px solid #a4b7e6;
border-right:1px solid #a4b7e6;*/
border-bottom:none;
}
.datatable3 {
border-collapse:separate;
border:1px solid #a4b7e6;
border-right:none;
}
.datatable3 th {
text-align:left;
background-color:#b1c8f6;
color:#2e3192;
padding-right:13px;
padding-bottom:3px;
padding-left:9px;
vertical-align:middle;
border-bottom:1px solid #a4b7e6;
}
.datatable3 td {
padding-right:13px;
padding-bottom:3px;
padding-left:9px;
/* border-left:1px solid #a4b7e6;
border-right:1px solid #a4b7e6;*/
vertical-align:middle;
height:19px;
}
.datatable3 tr.odd th {
background-color:#cbcbdf;
/*border-left:1px solid #a4b7e6;
border-right:1px solid #a4b7e6;*/
border-bottom:none;
}
.datatable3 tr.even th {
background-color:#e9e9f2;
/*border-left:1px solid #a4b7e6;
border-right:1px solid #a4b7e6;*/
border-bottom:none;
}
.vaaka_otsikko_table th
{
height: 34px;
vertical-align: middle;
color:white;
background-color:#EC614C;
font-weight: bold;
font-style: normal;
padding:0px;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
border-bottom:1px solid #e7381e;
border-right:1px solid #EC614C;
}
/*
--------------------------------------
datatable4 alkaa
*/
.datatable4 {
border-collapse: collapse;
border-spacing: 0px;
margin:0px;
table-layout:auto;
aborder-right:15px solid white;
}
/*
Yhteiset asetukset td:lle ja th:lle
*/
.datatable4>tbody>tr>td,
.datatable4>tbody>tr.otsikkoriviTR>th,
.datatable4>thead>tr.otsikkoriviTR>th
{
height: 34px;
vertical-align: middle;
color:black;
background-color:transparent;
font-weight:normal;
font-style: normal;
padding: 3px;
padding-left:6px;
padding-right:6px;
box-sizing:border-box;
border-right:1px solid #a9a9a9;
}
.datatable4>tbody>tr.hakuriviTR td {
border-top:1px solid #a9a9a9;
}
.datatable4>tbody>tr.otsikkoriviTR>th,
.datatable4>thead>tr.otsikkoriviTR>th
{
color:white;
font-weight: bold;
font-style: normal;
border:1px solid #EC614C;
border-top-style: hidden;
}
/* punainen otsikkorivi
huom: kaikki borderit saman värisiä ensin, overridetaan seuraavassa
*/
.datatable4>tbody>tr.otsikkoriviTR,
.datatable4>thead>tr.otsikkoriviTR
{
background-color:#EC614C;
}
table.datatable4>tbody>tr.taulukon_ylaotsikkoriviTR
{
background-color:transparent;
}
table.datatable4>tbody>tr.taulukon_ylaotsikkoriviTR>td,
.taulukon_ylaotsikko
{
font-style:normal;
font-weight:bold;
font-size:18px;
padding:0px;
line-height:34px;
background-color:transparent;
border-left-style:hidden;
border-right-style:hidden;
aborder-bottom-style:hidden;
aborder-bottom-style:hidden;
color: black;
}
table.datatable4>tbody>tr.hakutable_yhteenvetorivit
{
background-color:transparent;
}
table.datatable4>tbody>tr.hakutable_yhteenvetorivit>td
{
font-style:italic;
padding-top: 9px;
padding-bottom: 18px;
padding-left: 0px;
background-color:transparent;
border-left-style:hidden;
border-right-style:hidden;
border-bottom-style:hidden;
color: #848383;
}
table.datatable4>tbody>tr.hakutable_yhteenvetorivit>td>input[type=button],
{
margin-top: 5px;
}
/* otsikkorivin kaikkien solujen oikea reunaviiva vaaleanpunaiseksi */
.datatable4>tbody>tr.otsikkoriviTR>th,
.datatable4>thead>tr.otsikkoriviTR>th
{
border-right:1px solid #e7381e;
text-align: left;
}
/* otsikkorivin vasen reuna punaiseksi */
.datatable4>tbody>tr.otsikkoriviTR>th:first-child,
.datatable4>thead>tr.otsikkoriviTR>th:first-child
{
border-left:1px solid #EC614C;
}
/* otsikkorivin oikea reuna punaiseksi */
.datatable4>tbody>tr.otsikkoriviTR>th:last-child,
.datatable4>thead>tr.otsikkoriviTR>th:last-child
{
border-right:1px solid #EC614C;
}
/* td:t ovat läpinäkyviä ja solun väri tulee tr:stä */
.datatable4>tbody>tr
{
background-color:#e9e9e9;
}
.datatable4>tbody>tr.alert-warning
{
background-color: #fcf8e3;
}
/* Jos eka rivi ei ole taulukonotsikko/haku/otsikko/yhteenveto, määritetään yläborder */
.datatable4>tbody>tr:first-child:not(.hakuriviTR):not(.otsikkoriviTR):not(.hakutable_yhteenvetorivit):not(.taulukon_ylaotsikkoriviTR)>td
{
border-top:1px solid #a9a9a9;
}
.datatable4>tbody>tr.hakuriviTR:first-child>td,
.datatable4>tbody>tr.otsikkoriviTR:first-child>th,
.datatable4>thead>tr.otsikkoriviTR:first-child>th,
.datatable4>tbody>tr.hakutable_yhteenvetorivit:first-child>td,
.datatable4>tbody>tr.taulukon_ylaotsikkoriviTR:first-child>td
{
border-top:0px solid yellow;
}
.datatable4 tr.otsikkoriviTR+tr>td
{
border-top:0px solid yellow;
}
/* datarivien hover, huom. ei hoveria: taulukonotsikko/haku/otsikko/yhteenveto-riveillä */
html.no_touch .datatable4.hoveroitava tr:not(.hakuriviTR):not(.otsikkoriviTR):not(.hakutable_yhteenvetorivit):not(.taulukon_ylaotsikkoriviTR):not(.disablehover):hover
{
background-color: rgb(248, 248, 248);
}
/* tr-datarivien "valitseminen" klikkaamalla */
.datatable4_click
{
background-color: rgb(254,254,254) !important;
color:#EC614C !important;
}
.datatable4_click>td
{
background-color: rgb(254,254,254) !important;
/* Tämä aiheutti selectin toimimattomuutta Androidin Chrome selaimella.
color:#EC614C !important;*/
}
/* border-top vain jos edellinen rivi ei ole otsikkorivi */
/* tämän ansiosta otsikkoriviä voi toistaa tarvittaessa esim. 10 rivin välein */
.datatable4 tr>td
{
border-top:1px solid #a9a9a9;
}
.datatable4 tr[style*="display:none"]+tr>td,
.datatable4 tr[style*="display : none"]+tr>td,
.datatable4 tr[style*="display: none"]+tr>td
.datatable4 tr[style*="display :none"]+tr>td
{
border-top:0px solid yellow !important;
}
.datatable4 tr:last-child>td
{
border-bottom:1px solid #a9a9a9;
}
/* otsikkorivin linkit */
.datatable4>tbody>tr.otsikkoriviTR>th>a,
.datatable4>thead>tr.otsikkoriviTR>th>a
{
color:white;
text-decoration:none;
/* Ei tarvita kursorin muutosta, koska hover-väri kertoo että kyse on linkistä */
cursor:default;
}
/* otsikkorivin linkit */
html.no_touch .datatable4>tbody>tr.otsikkoriviTR>th>a:hover,
.datatable4>tbody>tr.otsikkoriviTR>th>a:focus,
.datatable4>tbody>tr.otsikkoriviTR>th>a:active,
html.no_touch .datatable4>thead>tr.otsikkoriviTR>th>a:hover,
.datatable4>thead>tr.otsikkoriviTR>th>a:focus,
.datatable4>thead>tr.otsikkoriviTR>th>a:active
{
color:black;
text-decoration:none;
outline: none;
/* Ei tarvita kursorin muutosta, koska hover-väri kertoo että kyse on linkistä */
cursor:default;
}
/* Taulukon vasen reuna */
.datatable4>tbody>tr>td:first-child
{
border-left:1px solid #a9a9a9;
}
/* Hakurivin inputit ja selectit */
/* Hakukentät viemään 100% solun leveydestä, jolloin hakukentät eivät määritä solun leveyttä vaan sen tekevät lähinnä taulukon tekstit */
.datatable4>tbody>tr.hakuriviTR>td>input[type=text],
.datatable4>tbody>tr.hakuriviTR>td>input[type=password],
.datatable4>tbody>tr.hakuriviTR>td>select
{
width:100% !important;
max-width: 500px!important;
}
table.datatable4.no_strokes>tbody>tr,
table.datatable4.no_strokes>tbody>tr>th,
table.datatable4.no_strokes>thead>tr>th,
table.datatable4.no_strokes>tbody>tr>td
{
border:0px solid red !important;
}
table.datatable4.no_fills>tbody>tr,
table.datatable4.no_fills>tbody>tr>th,
table.datatable4.no_fills>thead>tr>th,
table.datatable4.no_fills>tbody>tr>td
{
background-color:transparent !important;
}
table.datatable4.fills_white>tbody>tr,
table.datatable4.fills_white>tbody>tr>th,
table.datatable4.fills_white>thead>tr>th,
table.datatable4.fills_white>tbody>tr>td
{
background-color:white !important;
}
table.datatable4.border-radius>tbody>tr:first-child>td:first-child
{
border-top-left-radius: 7px;
}
table.datatable4.border-radius>tbody>tr:first-child>td:last-child
{
border-top-right-radius: 7px;
}
table.datatable4.border-radius>tbody>tr:last-child>td:last-child
{
border-bottom-right-radius: 7px;
}
table.datatable4.border-radius>tbody>tr:last-child>td:first-child
{
border-bottom-left-radius: 7px;
}
table.datatable4.border-top-left-radius>tbody>tr:first-child>td:first-child
{
border-top-left-radius: 7px;
}
table.datatable4.border-top-right-radius>tbody>tr:first-child>td:last-child
{
border-top-right-radius: 7px;
}
table.datatable4.border-bottom-right-radius>tbody>tr:last-child>td:last-child
{
border-bottom-right-radius: 7px;
}
table.datatable4.border-bottom-left-radius>tbody>tr:last-child>td:first-child
{
border-bottom-left-radius: 7px;
}
table.datatable4.margin
{
margin:17px;
}
table.datatable4.margin-top
{
margin-top: 17px;
}
table.datatable4.margin-bottom
{
margin-bottom: 17px;
}
table.datatable4.margin-left
{
margin-left: 17px;
}
table.datatable4.margin-right
{
margin-right: 17px;
}
/*suitable when no_strokes and no_fills. Non-stroked and non-filled seems otherwise too loose */
table.datatable4.too_loose_fix>tbody>tr>th,
table.datatable4.too_loose_fix>thead>tr>th,
table.datatable4.too_loose_fix>tbody>tr>td
{
padding-left: 0px !important;
padding-right: 9px !important;
height: 34px !important;
}
table.datatable4.too_loose_fix_infosivu>tbody>tr>th,
table.datatable4.too_loose_fix_infosivu>thead>tr>th,
table.datatable4.too_loose_fix_infosivu>tbody>tr>td
{
padding-left: 0px !important;
padding-right: 6px !important;
height: 31px !important;
padding-top: 0px;
}
/*
datatable4 päättyy
--------------------------------------------
*/
/*
--------------------------------------------
editnaytto_table alkaa
*/
.editnaytto_table {
border-collapse:separate;
border-spacing: 0px;
margin:0px;
table-layout:auto;
margin-bottom: 3px; /*jotta editnaytto_pituus ei katkea*/
}
/*
Yhteiset asetukset td:lle ja th:lle
*/
.editnaytto_table>tbody>tr>td,
.editnaytto_table>tbody>tr>th
{
height: 34px;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 4px;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
text-align:left;
white-space: normal;
}
@media screen and (max-width: 440px) {
[id^=perustiedot_].editnaytto_table>tbody>tr>td,
[id^=perustiedot_].editnaytto_table>tbody>tr>th,
[id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr>td,
[id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr>th,
[id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr>td,
[id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr>th,
[id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr>td,
[id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr>th,
.naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr>td,
.naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr>th,
div.rivimuokkaus .editnaytto_table>tbody>tr>td,
div.rivimuokkaus .editnaytto_table>tbody>tr>th,
html:not(.kuormitukset) .editnaytto_table:not(.no_mobilized)>tbody>tr>th,
html:not(.kuormitukset) .editnaytto_table:not(.no_mobilized)>tbody>tr>td
{
display: block;
height: initial;
width: 100%!important;
max-width: 100%!important;
}
[id^=perustiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
[id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
[id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
[id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
div.rivimuokkaus .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
html:not(.kuormitukset) .editnaytto_table:not(.no_mobilized)>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td:not(.work_property_td)
{
border-top-width: 0px!important;
padding-bottom: 10px;
}
html:not(.kuormitukset) .editnaytto_table:not(.toistot_table):not(.no_mobilized):not([id^=asukasluettelo]):not([id^=viimeisimmat_tyot]):not([id^=kohteen_isannoitsijat]):not([id^=kohteen_laskutusasiakas]):not([id^=tietoja])>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td:not(.work_add_property_and_new_other_customer),
html:not(.kuormitukset) .editnaytto_table:not(.toistot_table):not(.no_mobilized)>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>th
{
border-left: 1px solid darkgrey!important;
}
html:not(.kuormitukset) .editnaytto_table.toistot_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR):last-child>td
{
aborder-left: 1px solid darkgrey!important;
}
.toistot_table .toistot_wrapper_parent_td
{
border-top: 1px solid darkgrey!important;
}
[id^=perustiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
[id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
[id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
[id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
div.rivimuokkaus .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td
{
border-left: 1px solid #a9a9a9!important;
}
[id^=perustiedot_].editnaytto_table>tbody>tr>th,
[id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr>th,
[id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr>th,
[id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr>th,
.naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr>th,
div.rivimuokkaus .editnaytto_table>tbody>tr>th,
html:not(.kuormitukset) .editnaytto_table:not(.no_mobilized)>tbody>tr>th
{
background-color: #e9e9e9!important;
border-bottom-width: 0px!important;
border-left: 1px solid darkgrey!important;
border-right: 1px solid darkgrey!important;
border-top: 1px solid darkgrey!important;
color: black!important;
padding-bottom: 0px;
}
[id^=perustiedot_].editnaytto_table>tbody>tr>th a,
[id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr>th a,
[id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr>th a,
[id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr>th a,
.naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr>th a,
div.rivimuokkaus .editnaytto_table>tbody>tr>th a,
html:not(.kuormitukset) .editnaytto_table:not(.no_mobilized)>tbody>tr>th a
{
color:#EC614C!important;
}
table.editnaytto_table:not(.allekkain):not(.no_mobilized)>tbody>tr:not(.taulukon_ylaotsikkoriviTR):first-child>th
{
border-top: 1px solid darkgrey!important;
}
table.editnaytto_table:not(.no_mobilized)>tbody>tr.taulukon_ylaotsikkoriviTR+tr:not(.taulukon_ylaotsikkoriviTR)>th
{
border-top: 1px solid darkgrey!important;
}
.mass_task_properties_table.editnaytto_table>tbody>tr>td:last-child
{
border-bottom: 1px solid darkgrey!important;
}
.mass_task_properties_table.editnaytto_table>tbody>tr>th.mass_task_properties_poista_column
{
border-bottom: 1px solid darkgrey!important;
}
td.work_property_td
{
margin-bottom: 6px;
border-bottom: 1px solid darkgrey!important;
}
td.work_add_property_and_new_other_customer
{
margin-bottom: 6px;
border-bottom: 1px solid darkgrey!important;
}
.is_work_popup .work_add_property_and_new_other_customer .tarjous_ylanapit_div
{
margin-bottom: 0px;
}
.is_work_popup [id^=perustiedot_].editnaytto_table>tbody>tr>td.work_add_property_and_new_other_customer
{
padding-bottom: 7px!important;
padding-top: 11px!important;
border-top: 1px solid darkgrey!important;
border-top-width: 1px!important;
}
#popup_rivin_muokkaus_popup,
iframe#iframe_popup_iframepopuppi,
iframe#rivimuokkauspopuppi
{
width:100vw!important;
}
div#contractor_wrapper button
{
margin-top: 4px;
}
.add_work_type_button
{
margin-top:4px;
}
.is_work_popup [id^=kommentit_].editnaytto_table
{
margin-right: 0px!important;
}
.is_work_popup [id^=kommentit_].editnaytto_table>tbody>tr>td.work_comments
{
max-width: calc(100vw - 30px)!important;
overflow: scroll!important;
padding: 0px;
}
#div_lisaa_uusi_liite,
.liitteet_lisays_uloin_div
{
display: flex;
flex-direction: column;
}
#div_lisaa_uusi_liite .fileinput-box,
.liitteet_lisays_uloin_div .fileinput-box
{
width: 100%;
}
#div_lisaa_uusi_liite .fileinput-box .inputfile + label
.liitteet_lisays_uloin_div .fileinput-box .inputfile + label
{
width: 100%;
margin-bottom: 4px!important;
margin-right: 0px;
}
#div_lisaa_uusi_liite>input[type=text],
.liitteet_lisays_uloin_div>input[type=text]
{
display: block;
width: 100%;
min-width: 100%;
margin-bottom: 4px;
}
#div_lisaa_uusi_liite>input[type=button],
.liitteet_lisays_uloin_divinput[type=button]
{
width: 103px;
}
html div[class^="tarjouksen_muokkaus_"] .editnaytto_table>tbody>tr>th
{
max-width: initial!important;
}
html.tarjous table.editnaytto_table>tbody>tr>td select,
html.tarjous table.editnaytto_table>tbody>tr>td input:not([type="checkbox"]):not([type="button"]),
html.tarjous table.editnaytto_table>tbody>tr>td textarea
{
max-width: 100%!important;
}
html.tarjous div[class^="tarjouksen_muokkaus_"] table.editnaytto_table>tbody>tr>td,
html.tarjous div[class^="tarjouksen_muokkaus_"] table.editnaytto_table>tbody>tr>th
{
min-width: calc(100vw - 30px)!important;
max-width: calc(100vw - 30px)!important;
}
}
.hakunaytto_tarkka_haku
{
max-width: calc(100vw - 30px)!important;
}
@media (max-width: 767px)
{
.logo_ja_menuavaus
{
display: flex;
flex-wrap: wrap;
}
.oikea_holder .glyphicon
{
font-size: 22px!important;
}
li.dropdown[class*="open_search_box_dropdown"]
{
display: none;
}
}
#popup_notifications_box_div a.btn.btn-default
{
display: flex;
white-space: normal;
/* vertical-align: middle; */
align-items: center;
margin-left: -2px;
margin-right: 10px;
}
.black_button>i.demo-icon, .transparent_button>i.demo-icon
{
font-size: 24px;
}
.inputfile-6 + label
{
border: none;
}
html .select2-container .select2-selection--single .select2-selection__rendered
{
white-space: normal;
height: 28px;
}
html.MassTask .editnaytto_table>tbody>tr>th
{
width: 30%;
}
html.MassTask .editnaytto_table>tbody>tr>td
{
width: 70%;
}
.MassTaskAddTypeDiv .select2-container
{
margin-bottom:4px;
}
.mass_task.mass_task_main .span_mycheckbox_wrapper.editnaytto
{
margin-bottom: 15px!important;
}
.toistot_table .span_mycheckbox_wrapper {
margin-bottom: 4px;
}
.editnaytto_table>tbody>tr>td
{
color:black;
font-weight:normal;
font-style: normal;
}
.editnaytto_table>tbody>tr>td {
color: black;
background-color: #e9e9e9;
font-weight: normal;
font-style: normal;
}
.editnaytto_table>tbody>tr>th
{
background-color: #EC614C;
color: white;
font-weight: bold;
font-style: normal;
hyphens: auto;
}
.editnaytto_table>tbody>tr>td {
border-top: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
}
.editnaytto_table>tbody>tr>td textarea
{
amargin-top:5px;
amargin-bottom:5px;
}
.editnaytto_table>tbody>tr>th
{
border-top:1px solid #e7381e;
}
table.editnaytto_table:not(.allekkain)>tbody>tr:not(.taulukon_ylaotsikkoriviTR):first-child>th
{
border-top:1px solid #EC614C;
}
table.editnaytto_table>tbody>tr.taulukon_ylaotsikkoriviTR+tr:not(.taulukon_ylaotsikkoriviTR)>th
{
border-top:1px solid #EC614C;
}
.soittaminen_popup_profiili_div input[type=text]
{
width: 100%;
}
.editnaytto_table.allekkain>tbody>tr>td
{
padding-top: 1px;
padding-bottom: 1px;
}
.editnaytto_table>tbody>tr:last-child>th
{
border-bottom:1px solid #EC614C;
}
.editnaytto_table>tbody>tr:last-child>td
{
border-bottom: 1px solid #a9a9a9;
}
.editnaytto_table>tbody>tr.taulukon_ylaotsikkoriviTR
{
background-color:transparent;
}
.editnaytto_table>tbody>tr.taulukon_ylaotsikkoriviTR>td,
.ylaotsikkoriviPLAIN
{
font-style:normal;
font-weight:bold;
font-size:18px;
padding:0px;
line-height:34px;
background-color:transparent;
border-left-style:hidden;
border-right-style:hidden;
border-bottom-style:hidden;
border-top-style:hidden;
color: black;
}
.ylaotsikkoriviPLAIN_A_pieni
{
font-style:normal;
font-weight:normal;
font-size:16px;
}
table.editnaytto_table.no_strokes>tbody>tr>th,
table.editnaytto_table.no_strokes>tbody>tr>td
{
border:0px solid red !important;
}
table.editnaytto_table.no_fills>tbody>tr>th,
table.editnaytto_table.no_fills>tbody>tr>td
{
background-color:transparent !important;
}
table.editnaytto_table.fills_white>tbody>tr>th,
table.editnaytto_table.fills_white>tbody>tr>td
{
background-color:white !important;
}
/* Jos ei ole otsikkoa, vasen ylä */
table.editnaytto_table.border-radius>tbody>tr:not(.taulukon_ylaotsikkoriviTR):first-child>th
{
border-top-left-radius: 7px;
}
/* Jos on otsikko, vasen ylä */
table.editnaytto_table.border-radius>tbody>tr.taulukon_ylaotsikkoriviTR+tr:not(.taulukon_ylaotsikkoriviTR)>th
{
border-top-left-radius: 7px;
}
/* Jos ei ole otsikkoa, oikea ylä */
table.editnaytto_table.border-radius>tbody>tr:not(.taulukon_ylaotsikkoriviTR):first-child>td
{
border-top-right-radius: 7px;
}
/* Jos on otsikko, oikea ylä */
table.editnaytto_table.border-radius>tbody>tr.taulukon_ylaotsikkoriviTR+tr:not(.taulukon_ylaotsikkoriviTR)>td
{
border-top-right-radius: 7px;
}
/* Alareuna on helpompi, kun ei tarvitse ottaa huomioon otsikkoriviä */
/* oikea ala */
table.editnaytto_table.border-radius>tbody>tr:last-child>td:last-child
{
border-bottom-right-radius: 7px;
}
/* vasen ala */
table.editnaytto_table.border-radius>tbody>tr:last-child>th:first-child
{
border-bottom-left-radius: 7px;
}
/* Jos ei ole otsikkoa, vasen ylä */
table.editnaytto_table.border-top-left-radius>tbody>tr:not(.taulukon_ylaotsikkoriviTR):first-child>th
{
border-top-left-radius: 7px;
}
/* Jos on otsikko, vasen ylä */
table.editnaytto_table.border-top-left-radius>tbody>tr.taulukon_ylaotsikkoriviTR+tr:not(.taulukon_ylaotsikkoriviTR)>th
{
border-top-left-radius: 7px;
}
/* Jos ei ole otsikkoa, oikea ylä */
table.editnaytto_table.border-top-right-radius>tbody>tr:not(.taulukon_ylaotsikkoriviTR):first-child>td
{
border-top-right-radius: 7px;
}
/* Jos on otsikko, oikea ylä */
table.editnaytto_table.border-top-right-radius>tbody>tr.taulukon_ylaotsikkoriviTR+tr:not(.taulukon_ylaotsikkoriviTR)>td
{
border-top-right-radius: 7px;
}
table.editnaytto_table.border-bottom-right-radius>tbody>tr:last-child>td:last-child
{
border-bottom-right-radius: 7px;
}
/* vasen ala */
table.editnaytto_table.border-bottom-left-radius>tbody>tr:last-child>th:first-child
{
border-bottom-left-radius: 7px;
}
.margin
{
margin:17px;
}
.margin-top
{
margin-top: 17px;
}
.margin-bottom
{
margin-bottom: 17px;
}
.margin-left
{
margin-left: 17px;
}
.margin-right
{
margin-right: 17px;
}
/*
editnaytto_table loppuu
--------------------------------------------
*/
.mytable {
border-collapse:collapse;
}
.mytable td {
border:1px solid black;
font-size:9px;
}
.last_data_row {
border-bottom:1px solid #a4b7e6;
border-right:none;
}
.grayTdBox {
background-color:#CCC;
border:1px solid black;
height:19px;
vertical-align:middle;
text-align:center;
padding-left:9px;
}
#collapseTable {
border-collapse:collapse;
}
.tbody_piilotettu tr {
display:none;
}
.tbody_nakyvissa tr {
display:table-row;
}
.tila_avoin {
color:red;
}
.tila_lahetetty {
color:gray;
}
.tila_hyvaksytty {
color:black;
}
.failbox {
z-index:10000;
}
.informbox {
z-index:10000;
}
p {
max-width:425px;
/* afont-size:12px; */
}
.palkka_div {
display:none;
position:absolute;
left: 43px;
top: 85px;
background-color:transparent;
width:680px;
height:340px;
z-index:100;
}
#help_div {
display:none;
}
tr.valittu_rivi_even_whiteborders td {
background:lightblue;
border-top:1px solid white;
border-bottom:1px solid white;
}
tr.valittu_rivi_odd_whiteborders td {
background:lightblue;
border-top:1px solid white;
border-bottom:1px solid white;
}
.asetukset_lohko_div {
padding-left:21px;
display:none;
border-top:1px solid black;
border-bottom:1px solid black;
padding-bottom:9px;
width:510px;
}
#tuotelistaDiv {
position:absolute;
top:0;
left:0;
background-color: #fff;
border: 1px solid #a4b7e6;
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;
}
.esikatseluRiviTd {
border-top:1px solid black;
font-weight:bold;
}
input[disabled][type="submit"], input[disabled][type="button"], button[disabled] {
color: #f6f6f6;
background: #bcbcbc;
/* aborder:1px solid #f6f6f6; */
}
html.no_touch input[disabled][type="submit"]:hover,
html.no_touch input[disabled][type="button"]:hover,
html.no_touch button[disabled]:hover {
color: #f6f6f6;
background: #bcbcbc;
/* aborder:1px solid #f6f6f6; */
}
.button_new
{
font-family:lato,sans-serif;
font-size:11px;
color: white;
background-color:#164ab3;
height:18px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 0px;
padding-left:6px;
padding-right:6px;
cursor:pointer;
background-image:url(../images/buttons/valkoinen_plussa.png);
background-position:90% 50%;
background-repeat:no-repeat;
}
html.no_touch .button_new:hover,
.button_new:focus
{
font-family:lato,sans-serif;
font-size:11px;
color: white;
background-color:#547cce;
height:18px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 0px;
padding-left:6px;
padding-right:6px;
cursor:pointer;
background-image:url(../images/buttons/valkoinen_plussa.png);
background-position:90% 50%;
background-repeat:no-repeat;
}
/*
tr.odd td {
background-color:#d7e3fa;
border-right:1px solid #a4b7e6;
}
*/
/*tr.even td {
background-color:#fff;
border-right:1px solid #a4b7e6;
}*/
#titleBox_messageBox{
border-right: 1px solid #000000;
position: absolute;
width: 300px;
height: auto;
z-index: 1;
background-color: #C0C0C0;
border-style: solid;
border-width: 1px;
display:none;
padding:9px;
font-size:12px;
}
#titleBox_contents{
width: 100%;
height: auto;
z-index: 2;
}
.uuden_rivin_lisays_tr td {
border-top:2px solid black;
padding-top:4px;
}
.siirrettava_ikkuna_div {
display:none;
width:765px;
height:553px;
position:absolute;
left: 170px;
top: 26px;
background-color:transparent;
z-index:1000;
}
.siirrettava_ikkuna_table {
border:3px solid #004976;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.soitto_valiotsikko {
font-weight:bold;
font-size:12px;
}
.piilotettu_tr td {
display:none;
}
.nakyva_tr td {
display:table-cell;
}
.piilotettu_div {
display:none;
}
.nakyva_div {
display:block;
}
.nakyva_div_flex {
display:flex;
}
.asetus_onoff_button {
cursor:pointer;
}
/*Timon css
font-style:italic;font-weight:400;
font-style:italic;font-weight:700;
font-style:normal;font-weight:400;
font-style:normal;font-weight:700;
*/
select
{
border:1px solid #a9a9a9;
background-color:white;
height: 27px;
padding:0px;
padding-left:7px;
padding-right:0px;
outline:none;
font-size: 16px;
font-family: lato,sans-serif;
line-height:initial;
box-sizing:border-box;
vertical-align: initial;
}
/*
Ei hoveria tekstikentillä ettei mene hommat liian levottomiksi
Nyt kaikki vilkkuu ja välkkyy kun kursoria liikuttaa!!!
Ei hyvä!!!
select:hover,
input:hover,
input[type=text]:hover,
input[type=password]:hover
*/
/* Tämä aiheutti selectin toimimattomuutta Androidin Chrome selaimella.
select:active, */
select:focus:not(.MuiInput-input),
input[type=text]:focus:not(.MuiInput-input),
input[type=password]:focus:not(.MuiInput-input),
input[type=number]:focus:not(.MuiInput-input),
input[type=search]:focus:not(.MuiInput-input),
textarea:focus:not(.MuiInput-input)
{
border:1px solid black;
background-color: rgb(255, 242, 189) !important;
}
:not(.colorpicker_field):not(.colorpicker_hex)>input[type=text]:not([disabled]):not(.MuiInput-input),
input[type=password]:not(.MuiInput-input),
input[type=number]:not(.MuiInput-input),
input[type=search]:not(.MuiInput-input),
input[type="date"]:not(.MuiInput-input)
{
border:1px solid black;
background-color:white;
height:27px;
padding:0px;
padding-left:7px;
padding-right:7px;
vertical-align: initial;
outline:none;
font-size:16px;
line-height:initial;
box-sizing:border-box;
font-family: lato, sans-serif;
border-radius: 0px;
box-shadow: none!important;
}
.input_button_bottom_margin
{
margin-bottom:5px;
}
html .colorpicker input
{
box-sizing: content-box;
top: 4.4px;
right: 13px;
}
input[type="submit"],
input[type="button"],
button,
a.button
{
min-height: 27px;
height: auto;
padding-left: 9px;
padding-right: 9px;
vertical-align: initial;
font-style: normal;
box-sizing: border-box;
outline: none;
font-family: lato, sans-serif;
line-height: initial;
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
text-align: center;
white-space: normal;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
background-color: black;
color: white;
border: none;
border-radius: 8px;
margin-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
hyphens: auto;
}
.tarjous_ylanapit_div button,
.tarjous_ylanapit_div input[type="button"],
.tarjous_ylanapit_div select,
.tarjous_ylanapit_div>.select2,
.ylanapit_div button,
.ylanapit_div input[type="button"],
.ylanapit_div select,
.ylanapit_div>.select2
{
margin-bottom: 5px!important;
margin-right: 4px!important;
margin-left: 0px!important;
}
#currentsubmenubutton
{
background-color:#EC614C;
color: white;
}
html.no_touch input[type="submit"]:hover,
html.no_touch input[type="button"]:hover,
html.no_touch button:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
input[type="submit"]:active,
input[type="button"]:active,
button:active,
.soitto_aktivoitu_button
{
background-color:#EC614C;
/*background-color:#949494;*/
}
a.button
{
text-decoration:none!important;
}
a.button:hover,
a.button:focus,
a.button:active
{
background-color:#EC614C!important;
color:white!important;
text-decoration:none!important;
}
button.transparent_button:focus>i
{
color:#EC614C;
}
input[type="submit"]:active,
input[type="button"]:active,
button:active
{
/* abox-shadow: inset rgba(255, 255, 255, 0.4) 0px 0px 0px 28px; */
}
.datatable_toiminnot_th
{
position: relative;
}
.menunappi
{
float: left;
height: 20px !important;
width: auto !important;
}
.nakyvat_sarakkeet_div
{
font-weight:normal;
color:black;
text-align:left;
vertical-align:top;
display:none;
background-color:transparent;
border:0px solid red;
}
div#tarjoukset_ja_tilaukset_nakyvat_sarakkeet_div>select
{
margin-bottom: 6px;
}
.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;
}
/* Lisätietoja harmaalla popupeissa */
.popupin_lisatieto
{
display:block;
font-style:italic;
color: #848383;
}
/* Formin elementeille voi asettaa classeilla margineja tarvittavaan kulmaan, niitä tilanteita varten kun elementtejä on päällekkäin, rinnakkain */
.form_element_margin-top
{
margin-top:5px;
}
.form_element_margin-bottom
{
margin-bottom:5px;
}
.form_element_margin-left
{
margin-left:5px;
}
.form_element_margin-right
{
margin-right:5px;
}
.black_red_bar_td
{
height:5px;
background-color:#EC614C;
font-size:0px;
/* aborder-left: 561px solid; */
box-sizing:border-box;
width:100%;
}
.black_red_bar_td.black_red_bar_td2
{
aposition: absolute;
abottom: 0px;
width: 100%;
margin-top: 81px;
}
html.is_in_iframe .black_red_bar_td
{
display:none;
}
.blackbarimg
{
height:7px;
width:572px;
}
.ylavalikko_td
{
height:57px;
background-color:#c8d3da;
/* abackground-image:url(../images/ylaliuku.png); */
background-repeat: repeat-x;
vertical-align:bottom;
position: relative;
background-size: 100% 100%;
padding:0px;
}
.alavalikko_td
{
vertical-align:top;
position: relative;
min-height: 51px;
height: 51px;
padding: 0px;
}
.alavalikko_td input[type="button"]
{
margin-bottom:5px;
margin-right:5px;
margin-left:0px;
margin-top:0px;
}
.alaliuku_td
{
height:126px;
/* abackground-image:url(../images/alaliuku.png); */
background-repeat: repeat-x;
position: relative;
background-size: 100% 100%;
background-color:#d1dbe0;
}
td div .topmenubutton
{
background-color: black;
color:white;
padding-left:17px;
padding-right:17px;
border-radius: 7px 7px 0 0;
height:40px;
margin-right:5px;
font-size:18px;
border:0px solid black;
display: inline-block!important;
}
.topmenubuttonhome
{
/* abackground:url(../images/buttons/home_24.png) no-repeat; */
background-position: 50% 50%;
width:34px;
display: inline-block!important;
}
html.no_touch td div .topmenubutton:not(.currenttopmenubutton):hover
{
/*background-color:#949494;*/
background-color:#EC614C;
color:white;
border:0px solid #949494;
display: inline-block!important;
}
html.no_touch td div .currenttopmenubutton, td div .currenttopmenubutton:hover
{
background-color: white !important;
color:black;
border:0px solid white;
box-shadow: 4px 13px 16px rgba(0,0,0, 0.25);
display: inline-block!important;
}
.menucontainer {
overflow: hidden;
padding: 0px 3px 0px 0px;
vertical-align: bottom;
margin-left:16px;
margin-right:16px;
white-space: nowrap;
font-size:0px;
height:40px;
border:0px solid red;
box-sizing: border-box;
/*
width: calc(100% - 48px);
display: inline-flex !important;
align-items: baseline;
flex-flow: row nowrap;
*/
}
.submenucontainer {
padding: 0px !important;
display: block;
margin-left:16px;
margin-top:16px;
white-space: normal;
background-color: transparent;
font-size:0px;
top:0px;
}
.logged_kayttaja
{
box-sizing: border-box;
height:40px;
background-color: transparent !important;
color:black !important;
margin:0px!important;
padding-right:17px!important;
/*width:100%;FF fix*/
text-align: right;
display: inline-block!important;
font-size: 16px;
}
html.no_touch .logged_kayttaja:hover
{
color:#EC614C!important;
}
/*
Tämä täyttää ylävalikon ja logged-käyttäjän välissä olevan tilan (div joka on table-cell)
*/
.push_logged_kayttaja_to_right
{
display:inline-block;
flex: 1;
}
html.no_touch .menunappi:hover,
html.no_touch .logged_kayttaja:hover>img
{
-webkit-filter: invert(1);
-o-filter:invert(1);
-ms-filter:invert(1);
filter: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImludmVydCI+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUdyYXBoaWMiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSItMSAwIDAgMCAxIDAgLTEgMCAwIDEgMCAwIC0xIDAgMSAwIDAgMCAxIDAiLz48L2ZpbHRlcj48L3N2Zz4=#invert');
filter: invert(1);
}
.logout_image
{
margin-left: 7px;
margin-bottom: -3px;
cursor: default;
height: 22px;
width:auto;
}
.footerlogo
{
position:absolute;
top:15px;
left:14px;
}
.lvisystemteksti
{
position: absolute;
left: 23px;
top: 77px;
box-sizing: border-box;
color: black;
}
.transform_translateX
{
transform:translateX(9px);
transition: 1s ease-in-out;
}
.transform_translateX_0
{
transform:translateX(0px);
transition: 0.5s ease-in-out;
}
/* sorry, harhaanjohtava nimi blur3x */
.blur3px
{
opacity:0.2;
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGZpbHRlciBpZD0iYmx1ciI+DQoJCTxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiIC8+DQoJPC9maWx0ZXI+DQo8L3N2Zz4=#blur);
}
.show_menu
{
transition:600ms;
opacity:1;
top:0px;
display:block;
}
.hidden_menu
{
transition:600ms;
opacity:0;
position:absolute;
top:0px;
pointer-events:none;
display:none;
}
.text_align_right
{
text-align:right
}
.jqplot-pie-series.jqplot-data-label
{
visibility: hidden;
font-weight: bold;
font-size: .75em;
}
span.colorindex
{
display: none;
}
div.jqplot-target
{/*
border:1px solid red!important;
*/
}
.kuormtbl td
{
border:1px solid red;
}
/*
.pakollinenWrapper
{
display:table;
position:relative;
margin-right: 10px;
}
.pakollinenWrapper:after
{
content: url(../images/pakollinen.png);
position: absolute;
top: 0px;
right: -21px;
}
*/
.virhe
{
border: 2px solid hsl(0, 96%, 45%) !important;
}
.pakollinenInput
{
border-right:3px solid #EC614C !important;
}
.virhe.pakollinenInput
{
border-right:3px solid #EC614C !important;
}
.black_button
{
cursor:default;
background-color: black;
padding-bottom:0px;
}
html.no_touch .black_button:hover,
.black_button:active
{
background-color: #EC614C;
}
.transparent_button
{
cursor:default;
background-color: transparent !important;
color: black;
padding-bottom:0px;
}
html.no_touch .transparent_button:hover,
.transparent_button:active
{
background-color: transparent !important;
color: #EC614C;
}
.infosivu_harmaa_tausta
{
background-color: #e6e6e6 !important;
}
.infosivu_keltainen_tausta
{
background-color: rgb(255, 224, 102) !important;
}
/*
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: 10px;
left: 10px;
opacity: 1;
width: calc(100% - 20px);
height: calc(100% - 20px);
z-index:-10000;
background-color: transparent;
border:0px solid red;
/*box-shadow: inset rgba(0,255,0,0.4) 0 0 0px 10px;*/
/*-webkit-backface-visibility: hidden;*/
}
.bodynpeitto
{
display:none;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:900;
background:rgba(0,0,0,0.25);
}
.bodynpeitto_lapinakyva
{
display:none;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:5000;
background-color:transparent;
opacity:0.9;
}
.reikalaatikko
{
position: absolute;
display:none;
background-color: hsl(0, 100%, 100%);
position: absolute;
border-radius: 9px;
left: 43px;
top: 43px;
width: 850px;
height: 40px;
/* Koko ruudun peittävä box-shadow on liian iso ios safarille */
box-shadow: 0 0 0 16px #000000;
z-index:3;
}
/* reikalaatikon alla on painalluksen estävä koko ruudun peittävä laatikko */
.reikalaatikko2
{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:3;
background-color:white;
opacity:0.01;
}
.sivun_lataus_kesti_teksti {
display: block;
font-size: 11px;
color: #EC614C;
/* text-shadow: 0px 0px 2px rgba(0,0,0, 0.5); */
margin-bottom: 13px;
}
/* Nämä svg:t eivät ole käytössä missään, mutta mallin vuoksia */
.button_edit
{
width:20px;
height:20px;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSJibGFjayI+PHBhdGggZD0iTTIwLjMsMC4xYy0wLjMsMC4xLTAuNCwwLjItMS40LDEuMmMtMSwxLTEuMSwxLjEtMC45LDEuNUMxOCwzLjEsMjEsNiwyMS4zLDYuMWMwLjQsMC4yLDAuNiwwLjEsMS43LTEgYzEuMS0xLjEsMS4xLTEuMiwxLjEtMmMwLTAuOCwwLTAuOC0xLjItMi4xYy0wLjMtMC40LTAuOC0wLjgtMC45LTAuOUMyMS43LDAsMjEuNiwwLDIxLjEsMEMyMC43LDAsMjAuNCwwLDIwLjMsMC4xeiIvPjxwYXRoIGQ9Ik0xNi44LDMuNGMtMC4xLDAuMS0wLjEsMC40LDAsMC42YzAuMSwwLjIsMywzLjEsMy4yLDMuMmMwLjIsMC4xLDAuNSwwLjEsMC42LDBjMCwwLDAuMS0wLjIsMC4xLTAuM2MwLTAuMiwwLTAuMy0xLjctMS45IGMtMS42LTEuNi0xLjctMS43LTEuOS0xLjdDMTcsMy40LDE2LjgsMy40LDE2LjgsMy40eiIvPiA8cGF0aCBkPSJNMTUuMyw0LjhDMTUuMSw0LjksMy45LDE2LjEsMy43LDE2LjRjLTAuMSwwLjItMC4yLDAuNS0wLjEsMC43YzAuMSwwLjIsMy4xLDMuMiwzLjMsMy4zYzAuMywwLjEsMC41LDAuMSwwLjgtMC4xQzguMywxOS45LDE5LjMsOC44LDE5LjQsOC42YzAuMi0wLjUsMC4xLTAuNi0xLjUtMi4zYy0wLjgtMC44LTEuNS0xLjUtMS43LTEuNkMxNS45LDQuNSwxNS42LDQuNSwxNS4zLDQuOHogTTE2LjMsNi44YzAuMiwwLjIsMC4yLDAuNCwwLDAuN2MtMC4xLDAuMi04LjcsOC44LTkuMSw5LjFjLTAuMywwLjItMC42LDAuMi0wLjgsMGMtMC4yLTAuMi0wLjEtMC42LDAuMS0wLjljMC40LTAuNSw4LjktOC45LDkuMS05IEMxNS45LDYuNiwxNi4xLDYuNiwxNi4zLDYuOHoiLz48cGF0aCBkPSJNMi42LDE3LjljLTAuMiwwLjEtMC44LDEuNi0xLjcsMy41Yy0wLjEsMC4yLTAuNCwwLjgtMC41LDEuMmMtMC40LDAuOS0wLjUsMS4xLTAuMywxLjNjMC4yLDAuMywwLjIsMC4zLDQuNC0xLjggYzEuMy0wLjYsMS41LTAuNywxLjYtMC45YzAuMS0wLjIsMC4xLTAuMiwwLTAuNGMtMC4xLTAuMi0yLjUtMi43LTIuOS0yLjlDMywxNy43LDIuOCwxNy43LDIuNiwxNy45eiIvPiA8L2c+PC9zdmc+');
background-repeat: no-repeat;
background-position: 50% 50%;
background-color:transparent;
}
html.no_touch .button_edit:hover
{
width:20px;
height:20px;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSJyZWQiPjxwYXRoIGQ9Ik0yMC4zLDAuMWMtMC4zLDAuMS0wLjQsMC4yLTEuNCwxLjJjLTEsMS0xLjEsMS4xLTAuOSwxLjVDMTgsMy4xLDIxLDYsMjEuMyw2LjFjMC40LDAuMiwwLjYsMC4xLDEuNy0xIGMxLjEtMS4xLDEuMS0xLjIsMS4xLTJjMC0wLjgsMC0wLjgtMS4yLTIuMWMtMC4zLTAuNC0wLjgtMC44LTAuOS0wLjlDMjEuNywwLDIxLjYsMCwyMS4xLDBDMjAuNywwLDIwLjQsMCwyMC4zLDAuMXoiLz48cGF0aCBkPSJNMTYuOCwzLjRjLTAuMSwwLjEtMC4xLDAuNCwwLDAuNmMwLjEsMC4yLDMsMy4xLDMuMiwzLjJjMC4yLDAuMSwwLjUsMC4xLDAuNiwwYzAsMCwwLjEtMC4yLDAuMS0wLjNjMC0wLjIsMC0wLjMtMS43LTEuOSBjLTEuNi0xLjYtMS43LTEuNy0xLjktMS43QzE3LDMuNCwxNi44LDMuNCwxNi44LDMuNHoiLz4gPHBhdGggZD0iTTE1LjMsNC44QzE1LjEsNC45LDMuOSwxNi4xLDMuNywxNi40Yy0wLjEsMC4yLTAuMiwwLjUtMC4xLDAuN2MwLjEsMC4yLDMuMSwzLjIsMy4zLDMuM2MwLjMsMC4xLDAuNSwwLjEsMC44LTAuMUM4LjMsMTkuOSwxOS4zLDguOCwxOS40LDguNmMwLjItMC41LDAuMS0wLjYtMS41LTIuM2MtMC44LTAuOC0xLjUtMS41LTEuNy0xLjZDMTUuOSw0LjUsMTUuNiw0LjUsMTUuMyw0Ljh6IE0xNi4zLDYuOGMwLjIsMC4yLDAuMiwwLjQsMCwwLjdjLTAuMSwwLjItOC43LDguOC05LjEsOS4xYy0wLjMsMC4yLTAuNiwwLjItMC44LDBjLTAuMi0wLjItMC4xLTAuNiwwLjEtMC45YzAuNC0wLjUsOC45LTguOSw5LjEtOSBDMTUuOSw2LjYsMTYuMSw2LjYsMTYuMyw2Ljh6Ii8+PHBhdGggZD0iTTIuNiwxNy45Yy0wLjIsMC4xLTAuOCwxLjYtMS43LDMuNWMtMC4xLDAuMi0wLjQsMC44LTAuNSwxLjJjLTAuNCwwLjktMC41LDEuMS0wLjMsMS4zYzAuMiwwLjMsMC4yLDAuMyw0LjQtMS44IGMxLjMtMC42LDEuNS0wLjcsMS42LTAuOWMwLjEtMC4yLDAuMS0wLjIsMC0wLjRjLTAuMS0wLjItMi41LTIuNy0yLjktMi45QzMsMTcuNywyLjgsMTcuNywyLjYsMTcuOXoiLz4gPC9nPjwvc3ZnPg==');
background-repeat: no-repeat;
background-position: 50% 50%;
background-color:transparent;
}
.display_none
{
display:none;
}
table.ed_seur
{
width:100%;
border-spacing:0px;
}
table.ed_seur>tbody>tr>td
{
padding: 0px;
margin:0px;
}
table.kontakti_alue_container
{
width:100%;
border-spacing:0px;
}
table.kontakti_alue_container>tbody>tr>td
{
padding: 0px;
margin:0px;
}
.editnaytto_table_alin_th
{
border-bottom:1px solid #EC614C;
}
.editnaytto_table_alin_td
{
border-bottom:1px solid #a9a9a9;
}
.isonimi
{
font-weight:bold;
font-size:18px;
color:black;
}
.isopuhelinnumero_div
{
/* height: 100%; */
/* width: 100%; */
border-width: 0px;
background-color: rgba(0, 0, 0, 0);
/* text-align: center; */
display: block;
/* amin-height: 57px; */
}
.isopuhelinnumero_otsikko
{
font-weight:bold;
font-size:18px;
display:inline-block;
padding-right:17px;
color:black;
}
.isopuhelinnumero_puhnro
{
font-weight:bold;
font-size:34px;
display:inline-block;
color:#EC614C;
padding-right: 8px;
}
.lista_otsikossa
{
background-color: #EC614C;
color: #fff;
padding: 0.3em;
padding-left: 0.5em;
padding-right: 0.5em;
border-radius: 10px;
display: inline-block;
margin-right: 0.3em;
margin-left: 0em;
/* aheight: 16px; */
vertical-align: middle;
line-height: 18px;
display: inline-flex !important;
align-content: center;
}
.isopuhelinnumero_puhnro>a
{
text-decoration:none;
}
html.no_touch .isopuhelinnumero_puhnro>a:hover,
.isopuhelinnumero_puhnro>a:active,
.isopuhelinnumero_puhnro>a:focus
{
color: black;
text-decoration:none;
}
#soitto_div2 .editnaytto_table
{
table-layout: fixed;
margin-right: 17px;
width: 100%;
-webkit-transform: translateZ(0); /*safari 9.1.3 blurrautuneet borderit -fix*/
}
#soitto_div2 #soiton_muokkaus_kontakti_div
{
width:100%;
}
#soitto_div2 #soiton_muokkaus_kontakti_div .editnaytto_table
{
table-layout: auto;
}
#alikontaktit_div
{
width:100%;
display:block;
}
#alikontaktit_div .datatable4
{
width:100%;
}
#soitto_div2 #soitto_tiedot_div>.editnaytto_table
{
table-layout: auto;
margin-right: 17px;
width: 100%;
}
#soitto_div2 .editnaytto_table>tbody>tr>th
{
width:150px;
white-space:normal;
word-break: break-all;
}
#soitto_div2 #soitto_tiedot_div>.editnaytto_table>tbody>tr>th
{
width:100%;
white-space:nowrap;
word-break: initial;
}
.remonttitarpeet_div div[id^=remonttitarve] span.mycheckbox_text {
white-space: nowrap;
}
.remonttitarpeet_div div[id^=remonttitarve] select:last-child
{
margin-left: 4px;
}
.remonttitarpeet_div div[id^=remonttitarve] select:first-child
{
margin-left: 0px!important;
}
#soitto_div2 .editnaytto_table>tbody>tr>th,
#soitto_div2 .editnaytto_table>tbody>tr>td
{
white-space:normal;
word-break: break-all;
}
#soitto_div2 #alikontaktit_div .datatable4>tbody>tr>th,
#soitto_div2 #alikontaktit_div .datatable4>tbody>tr>td
{
white-space:normal;
word-break: break-all;
}
#soitto_div2 #soitto_tiedot_div>.editnaytto_table>tbody>tr>th,
#soitto_div2 #soitto_tiedot_div>.editnaytto_table>tbody>tr>td
{
white-space:nowrap;
word-break: initial;
}
.soittopopupin_buttonit>input[type=button]
{
margin-right:5px;
margin-bottom:5px;
}
optgroup {
padding-top:7px;
padding-bottom:3px;
}
.ui-multiselect.tyontekija {
width:200px;
}
.ui-multiselect-menu.tyontekija {
width:200px;
}
/* CSS3 Spinner animation starts */
.myspinner {
margin: auto auto;
height: 46px;
text-align: center;
font-size: 10px;
vertical-align: bottom;
transform-origin: 34px 34px;
align-items: center;
}
.myspinner > div {
background-color: #333;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
margin-left: 2px;
}
.myspinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.myspinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.myspinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.myspinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/* CSS3 Spinner animation ends */
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#xajax_loading_div
{
display:none;
position:fixed;
left:0px;
top:0px;
z-index:1000;
/* background-color: rgba(0,0,0,0.3); */
position: fixed;
width: 100%;
height: 100%;
}
#xajax_jumissa_div
{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
width: 236px;
height: 236px;
border: 5px solid #2F2F2D;
border-radius: 1000px;
display: block;
text-align: center;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.6) 7px 7px 51px 0px;
opacity: 0;
z-index: -1000;
pointer-events: initial;
background-color: #2F2F2D;
}
#xajax_jumissa_div_span
{
font-weight: bold;
position: absolute;
left: 57px;
top: 82px;
font-size: 26px;
color: #FFF;
}
#xajax_jumissa_div_sulje
{
position: absolute;
left: 79px;
top: 17px;
width: 65px;
height: 50px;
border-radius: 83px;
background-color: #fff;
color: #000;
}
#xajax_jumissa_div_peruuta_toiminto_button
{
position: absolute;
left: 32px;
top: 137px;
height: 50px;
border-radius: 83px;
width: 164px;
background-color: #fff;
color: #000;
}
html.no_touch #xajax_jumissa_div_sulje:hover,
html.no_touch #xajax_jumissa_div_peruuta_toiminto_button:hover
{
background-color: #76c45d;
}
td#popupsisaltosolu_luukkukontakti_div .editnaytto_table,
td#popupsisaltosolu_kontaktin_muokkaus_td .editnaytto_table
{
width:100%;
/* awidth: 402px; */
/* amax-width: 402px; */
/* amin-width: 402px; */
display: inline-table !important;
}
td#popupsisaltosolu_kontaktin_muokkaus_td .editnaytto_table .force_display_none
{
display: none !important;
}
td#popupsisaltosolu_kontaktin_muokkaus_td select,
td#popupsisaltosolu_kontaktin_muokkaus_td input[type=text]
{
amax-width: 100%;
}
#kontaktimuokkaus_valittu_alue
{
width:100%;
}
/*
td#popupsisaltosolu_luukkukontakti_div select,
td#popupsisaltosolu_luukkukontakti_div input[type=text],
td#popupsisaltosolu_kontaktin_muokkaus_td select,
td#popupsisaltosolu_kontaktin_muokkaus_td input[type=text]
{
width: 100%;
max-width: 100%;
min-width: 100%;
}
*/
td#popupsisaltosolu_luukkukontakti_div table:not(.tapahtumahistoria) th,
td#popupsisaltosolu_kontaktin_muokkaus_td th
{
/* awidth: 153px; */
/* amax-width: 153px; */
/* amin-width: 153px; */
padding-top: 3px;
padding-bottom: 3px;
text-align: left;
}
/*
#tapahtumat_div th
{
width: initial !important;
max-width: initial !important;
min-width: initial !important;
}
*/
#luukkutapahtuma_td,
#sovi_kaynti_td
{
padding-top: 4px;
padding-bottom: 4px;
}
#luukkutapahtuma_td input[type="button"],
#luukkutapahtuma_td select,
.kontaktin_tallennus_painikkeet_div input[type="button"],
#sovi_kaynti_td input[type="button"]
{
margin-top:8px;
margin-right:8px;
}
.kontaktin_tallennus_painikkeet_div input
{
white-space: normal;
min-height: 53px;
vertical-align: top;
/* aword-break: break-all; */
height: auto;
}
.kontaktin_tallennus_painikkeet_div
{
width: 100%;
/* border: 1px solid red; */
margin: 5px;
/* padding: 5px; */
display: -webkit-flex;
display: flex;
}
table.popup>tbody>tr>td>div>div.kontaktin_tallennus_painikkeet_div
{
display: -webkit-flex !important;
display: flex !important;
justify-content: space-between;
margin-right: -8px;
}
/*
body:not(.class_phone) #popup_luukkukontakti_div
{
max-width: 96% !important;
max-height: 96% !important;
position:fixed;
width: 473px;
}
body.class_phone #popup_luukkukontakti_div
{
max-width: 100% !important;
max-height: 100% !important;
position:fixed;
width: 473px;
}
body:not(.class_phone) #popup_kaynnin_kirjaus_div
{
max-width: 96% !important;
max-height: 96% !important;
position:fixed;
width: 473px;
}
body.class_phone #popup_kaynnin_kirjaus_div
{
max-width: 100% !important;
max-height: 100% !important;
position:fixed;
width: 473px;
}
*/
/*
#popup_soitto_div2 [id^="popupsisaltosolu_scrollaus_div_"],
#popup_kaynnin_kirjaus_div [id^="popupsisaltosolu_scrollaus_div_"],
#popup_luukkukontakti_div [id^="popupsisaltosolu_scrollaus_div_"],
#popup_kontaktin_muokkaus_td [id^="popupsisaltosolu_scrollaus_div_"]
{
overflow: auto;
-webkit-overflow-scrolling: touch;
}
*/
#soitto_div2
{
max-width:815px;
}
#kontaktin_muokkaus_kayntiaika
{
border-collapse:collapse;
width:100%;
}
#kontaktin_muokkaus_kayntiaika>tbody>tr>td
{
padding-left: 0px;
border:0px solid red;
}
#kontaktin_muokkaus_kayntiaika td:not(.sms_email_ilmoitukset_td):last-child
{
padding-left: 3px;
}
#kontaktin_muokkaus_kayntiaika td.sms_email_ilmoitukset_td
{
padding-top:2px;
padding-bottom:2px;
}
.sms_email_ilmoitukset_td >span.span_mycheckbox_wrapper
{
margin-top: 2px;
margin-bottom: 2px;
}
select[name="kontakti[_tekstiviestin_kieli]"],
select#soittotiedot_tekstiviestin_kieli
{
margin-left: 4px!important;
}
.kaynti_raportointi_ilmoitukset
{
padding-top:2px;
padding-bottom:2px;
}
.kaynti_raportointi_ilmoitukset>span.span_mycheckbox_wrapper,
.kaynti_raportointi_ilmoitukset>div.kaynti_raportointi_kieli
{
margin-top: 2px;
margin-bottom: 2px;
}
#tapaaminen_paiva
{
width:101px !important;
}
#tapaaminen_klo
{
width:111px !important;
}
#soitto_div_tapahtumat_table_lisaa_kommentti
{
white-space: nowrap;
}
#soittodiv_uusi_kommentti
{
width:60% !important;
max-width:60% !important;
min-width:60% !important;
}
#kaynnin_kirjaus_div
{
width: 300px;
max-width: 300px;
min-width: 300px;
min-height: 282px;
}
input[type="button"], button
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#kaynnin_kirjaus_div_koordinaatti
{
border-collapse: collapse;
margin-top: 0px;
margin-bottom:10px;
width: 100%;
}
#luukku_kutsu_valitse_vasen_paikka_td button,
#luukku_kutsu_valitse_oikea_paikka_td button
{
padding-top: 5px;
padding-bottom: 5px;
display: -webkit-flex;
display: flex;
align-items: center;
}
#luukku_kutsu_valitse_oikea_paikka_td
{
text-align: right;
}
#kaynnin_kirjaus_div_koordinaatti td
{
/* aborder:1px solid; */
}
#uusi_kontakti_osoite
{
display:block;
border:0px solid red;
margin-bottom:10px;
}
.kaynnin_kirjaus_div_toiminnot, #lisays_asuntonumero
{
/* amargin-right: 7px; */
/* min-height: 112px; */
width: 100%;
margin-bottom: 10px;
}
#kaynnin_kirjaus_div_koordinaatti button
{
margin-right: 0px;
height: 50px;
/* awidth: 129px; */
white-space: normal;
/* aword-break: break-all; */
}
#kaynnin_kirjaus_div button
{
white-space: normal;
height: 100%;
padding-top: 8px;
padding-bottom: 8px;
}
#luukku_kutsu_valitse_vasen_paikka_td
{
}
#kaynnin_kirjaus_div_koordinaatti button
{
height:74px;
}
#luukku_kutsu_valitse_oikea_paikka_td button
{
margin-left: 7px;
/* aheight: 50px; */
/* awidth: 129px; */
}
#kaynnin_kirjaus_div_toiminnot_uloin_div_yla,
#kaynnin_kirjaus_div_toiminnot_uloin_div_ala
{
margin-top:10px;
border:0px solid red;
display: block;
awidth: 300px;
white-space:nowrap;
aoverflow:auto;
}
#kaynnin_kirjaus_div_toiminnot_uloin_div_yla,
#kaynnin_kirjaus_div_toiminnot_uloin_div_ala
{
margin-top:10px;
border:0px solid red;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#kaynnin_kirjaus_div_lisatietoa,
#kaynnin_kirjaus_div_tilauksen_remonttitarve,
#kaynnin_kirjaus_div_myydyt_tuotteet
{
margin-top:10px;
}
#kaynnin_kirjaus_div_avaa_soitto
{
border:0px solid blue;
width:100%;
white-space: normal;
}
#kaynnin_kirjaus_div_avaa_soitto button
{
width:100%;
height:39px;
}
#kaynnin_kirjaus_div_poista
{
border:0px solid blue;
width:100%;
white-space: normal;
}
#kaynnin_kirjaus_div_poista button
{
width:100%;
height:39px;
}
#luukkukoneEiPaikallaButton
{
margin-right:0px;
}
[id^=popup_kuormituspopupspani] { overflow: visible !important;}
.testi1234 {
border: initial;
background-color: initial;
height: initial;
padding: initial;
padding-left: initial;
padding-right: initial;
outline: initial;
font-size: initial;
font-family: initial;
line-height: initial;
box-sizing: initial;
vertical-align: initial;
outline: initial;
color: initial;
font-weight: initial;
font-style: initial;
font-size: initial;
border-collapse: initial;
border-spacing: initial;
empty-cells: initial;
font-size: initial;
color: initial;
border-spacing: initial;
border-collapse: initial;
cursor: initial;
color: initial;
font-family: initial;
font-size: initial;
visibility: initial;
font-size: initial;
font-size: initial;
background: #0f0;
border: 1px solid #ff0;
}
.markkinointikielto, .markkinointikielto td {
color: red !important;
}
#TimoSelectSpan
{
float:right;font-style:normal;font-size:16px;
}
#TimoSelectLink
{
color:#EC614C;font-weight:bold;
}
.mycheckbox_div
{
white-space:nowrap;
position: relative;
display: -webkit-inline-flex;
display: inline-flex;
margin-bottom: 10px;
align-items: center;
}
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;
}
span.mycheckbox_text
{
display: inline-block;
margin-right:10px;
white-space: normal;
vertical-align: middle;
}
input[type="checkbox"].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"].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"].mycheckbox.error + label
{
border: 1px solid #de0505 !important;
background-color: #fcdee3 !important;
}
input[type="checkbox"].mycheckbox:focus + label,
input[type="checkbox"].mycheckbox + label:active
{
border:1px solid black;
background-color: rgb(255, 242, 189) !important;
}
.checked_checkbox,
input[type="checkbox"].mycheckbox:checked + label
{
border:1px solid black;
background-color: white;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCI+PHBvbHlnb24gcG9pbnRzPSIzLjAyMSw2LjA2MyAzLjAyMSwxMC45MzggNy41MjEsMTUuMDIxIDE0Ljk3OSw3Ljk3OSAxNC45NzksMi45NzkgNy40NzksMTAuNTIxIi8+PC9zdmc+');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 25px 25px;
}
.focused_checked_checkbox,
input[type="checkbox"].mycheckbox:checked:focus + label,
input[type="checkbox"].mycheckbox:checked + label:active
{
border:1px solid black;
background-color: white;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCI+PHBvbHlnb24gcG9pbnRzPSIzLjAyMSw2LjA2MyAzLjAyMSwxMC45MzggNy41MjEsMTUuMDIxIDE0Ljk3OSw3Ljk3OSAxNC45NzksMi45NzkgNy40NzksMTAuNTIxIi8+PC9zdmc+');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 25px 25px;
}
input[type="checkbox"].mycheckbox:disabled + label,
input[type="checkbox"].mycheckbox:disabled + label:active
{
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
{
border:1px solid #B2B2B2;
background-color: #EEEEEE;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCI+PHBvbHlnb24gZmlsbD0iI0IyQjJCMiIgcG9pbnRzPSIzLjAyMSw2LjA2MyAzLjAyMSwxMC45MzggNy41MjEsMTUuMDIxIDE0Ljk3OSw3Ljk3OSAxNC45NzksMi45NzkgNy40NzksMTAuNTIxIi8+PC9zdmc+');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 25px 25px;
}
span.span_mycheckbox_wrapper.partial_selected:after {
content: "O";
font-size: 16px;
width: 0px;
height: 0px;
position: absolute;
top: 2px;
left: 7px;
font-weight: bold;
}
/* easoft starts */
html.easoft input[type="checkbox"].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 #95C11F;
background-color: transparent;
}
html.easoft input[type="checkbox"].mycheckbox.error + label
{
border: 1px solid #de0505 !important;
background-color: transparent !important;
}
html.easoft input[type="checkbox"].mycheckbox:focus + label,
input[type="checkbox"].mycheckbox + label:active
{
border:1px solid #769c12;
background-color: transparent !important;
}
html.easoft .checked_checkbox,
html.easoft input[type="checkbox"].mycheckbox:checked + label
{
border:1px solid #95C11F;
background-color: #95C11F;
background-image: url('data:image/svg+xml;charset=utf8,');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
html.easoft .focused_checked_checkbox,
html.easoft input[type="checkbox"].mycheckbox:checked:focus + label,
html.easoft input[type="checkbox"].mycheckbox:checked + label:active
{
border:1px solid #769c12;
background-color: #769c12!important;
background-image: url('data:image/svg+xml;charset=utf8,');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 25px 25px;
}
html.easoft input[type="checkbox"].mycheckbox:disabled + label,
html.easoft input[type="checkbox"].mycheckbox:disabled + label:active
{
border:1px solid #B2B2B2;
background-color: #c2c2c2;
}
html.easoft .checked_disabled_checkbox,
html.easoft input[type="checkbox"].mycheckbox:disabled:checked + label,
html.easoft input[type="checkbox"].mycheckbox:disabled:checked + label:active
{
border:1px solid #B2B2B2;
background-color: #c2c2c2;
background-image: url('data:image/svg+xml;charset=utf8,');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 25px 25px;
}
html.easoft .black_red_bar_td
{
display: none;
}
/* easoft ends */
.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); */
white-space: nowrap;
}
#ostoreskontra_raportit_div .myradio_div
{
display: block;
}
span.myradio_text
{
display: inline-block;
margin-right: 22px;
height: 26px;
line-height: 26px;
vertical-align: middle;
margin-left: 3px;
}
input[type="radio"].myradio
{
display: inline-block;
-webkit-appearance: none;
-moz-appearance:none;
position:absolute;
top:0px;
left:0px;
margin:0px;
opacity:0.01;
/* avisibility: hidden; */
width: 26px;
height: 26px;
box-shadow: inset 0 0 7px #FFA500;
z-index: 1;
}
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 #000;
background-color: white;
border-radius:18px;
z-index: 0;
}
input[type="radio"].myradio.error + label
{
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:active + label
{
border: 1px solid #000;
background-color: rgb(255, 242, 189);
}
.checked_radio,
input[type="radio"].myradio:checked + label
{
border:1px solid #000;
background-color: #000;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCI+PGNpcmNsZSBmaWxsPSJ3aGl0ZSIgY3g9IjkiIGN5PSI5IiByPSIzLjk5Ii8+PC9zdmc+');
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:active + label
{
border:1px solid #000;
background-color: #000;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCI+PGNpcmNsZSBmaWxsPSJyZ2IoMjU1LCAyNDIsIDE4OSkiIGN4PSI5IiBjeT0iOSIgcj0iMy45OSIvPjwvc3ZnPg==');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
input[type="radio"].myradio:disabled + label,
input[type="radio"].myradio:disabled + label: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
{
border:1px solid #B2B2B2;
background-color: #B2B2B2;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCI+PGNpcmNsZSBmaWxsPSIjRUVFRUVFIiBjeD0iOSIgY3k9IjkiIHI9IjMuOTkiLz48L3N2Zz4=');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
.remonttitarpeet_div .span_mycheckbox_wrapper {
margin-bottom: 4px;
margin-top: 2px;
display: -webkit-inline-flex;
display: inline-flex;
/* overflow: hidden; */
/* text-overflow: ellipsis; */
/* width: 100%; */
max-width: 100%;
}
/*
luukkukontakti_div
kontaktin_muokkaus_td
*/
#popup_luukkukontakti_div,
#popup_kontaktin_muokkaus_td,
#popup_soitto_div2
{
/* amax-width: 100%; */
/* amax-height: 100%; */
/*position:fixed;*/
table-layout: fixed;
width: 100%;
max-width: 636px !important;
min-height: 400px;
}
#popup_kontaktin_muokkaus_td.kontaktin_tiedot
{
max-width: 840px !important;
}
#soitto_div2_tallennetaan
{
margin-left:10px;
margin-top:10px;
margin-right:12px;
}
#popup_soitto_div2
{
max-width: 800px !important;
}
table.ed_seur input
{
white-space: normal;
line-height: initial;
height: initial;
min-height: 27px;
padding-top: 2px;
padding-bottom: 2px;
}
.popup input[type=button],
.popup button,
.popup select
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html.cdi_ie #popup_luukkukontakti_div,
html.cdi_ie #popup_kontaktin_muokkaus_td
{
min-height: 33px;
}
html.class_phone #popup_luukkukontakti_div
{
width: 100%;
height: 100%;
}
td#popupsisaltosolu_luukkukontakti_div .editnaytto_table:not(.tapahtumahistoria),
td#popupsisaltosolu_kontaktin_muokkaus_td .editnaytto_table:not(.tapahtumahistoria),
#soitto_tiedot_div .editnaytto_table:not(.tapahtumahistoria),
.editnaytto_table.allekkain
{
border-collapse: collapse;
}
td#popupsisaltosolu_luukkukontakti_div .editnaytto_table:not(.tapahtumahistoria)>tbody>tr>th,
td#popupsisaltosolu_kontaktin_muokkaus_td .editnaytto_table:not(.tapahtumahistoria)>tbody>tr>th,
#soitto_tiedot_div .editnaytto_table:not(.tapahtumahistoria)>tbody>tr>th,
.editnaytto_table.allekkain>tbody>tr>th
{
padding-top: 4px;
padding-bottom: 0px;
height: auto;
/* aborder-top-left-radius: 6px; */
/* aborder-top-right-radius: 6px; */
border: 1px solid rgb(169, 169, 169);
border-bottom: 0px solid;
background-color: rgb(233, 233, 233);
/* border: 0px solid; */
color: #EC614C;
line-height: 1em;
}
div#kontaktin_muokkaus_raportoi_kaynti_div .editnaytto_table.allekkain tr>th
{
padding-bottom: 3px !important;
}
td#popupsisaltosolu_luukkukontakti_div .taulukon_ylaotsikkoriviTR>td,
td#popupsisaltosolu_kontaktin_muokkaus_td .taulukon_ylaotsikkoriviTR>td
{
border: 0px solid red !important;
}
td#popupsisaltosolu_luukkukontakti_div table.editnaytto_table:not(.tapahtumahistoria)>tbody>tr>td,
td#popupsisaltosolu_kontaktin_muokkaus_td table.editnaytto_table:not(.tapahtumahistoria)>tbody>tr>td,
.editnaytto_table.allekkain>tbody>tr>td
{
/* aborder-bottom-left-radius: 6px; */
/* aborder-bottom-right-radius: 6px; */
border: 1px solid rgb(169, 169, 169);
border-top: 0px solid;
}
#kaynnin_sopiminen_div > div.vasen_oikea_jakaja > div:nth-child(6) > table > tbody > tr:nth-child(2) > td
{
border-top: 1px solid rgb(169, 169, 169);
}
td#popupsisaltosolu_luukkukontakti_div td.tyhja,
td#popupsisaltosolu_kontaktin_muokkaus_td td.tyhja
{
height: 5px;
border: 0px solid;
background-color: rgba(0, 0, 0, 0);
}
td#popupsisaltosolu_luukkukontakti_div,
td#popupsisaltosolu_kontaktin_muokkaus_td,
td#popupsisaltosolu_soitto_div2
{
padding: 0px;
height: 100%;
}
#popupsisaltosolu_scrollaus_div_luukkukontakti_div,
#popupsisaltosolu_scrollaus_div_kontaktin_muokkaus_td
{
height: 100%;
abackground-color: #fff;
}
#popupsisaltosolu_scrollaus_div_soitto_div2 .valilehti_body,
#popupsisaltosolu_luukkukontakti_div .valilehti_body
{
padding: 10px;
margin-top: -19px;
background-color: white;
position: relative;
padding-right: 11px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
html.cdi_ie .valilehti_body
{
/* amargin-top: -30px; */
}
.valilehti_header
{
/* aoverflow-x:scroll; */
}
#kontaktin_muokkaus_td > div.valilehti_header > div.valilehti_kontaktin_muokkaus,
table.popup>tbody>tr>td>div>div>div.valilehti_kontaktin_muokkaus
{
white-space: nowrap;
background-color: #ccc;
font-size: 0px;
padding-top: 13px;
padding-left: 10px;
padding-right: 12px;
padding-bottom: 12px;
display:-webkit-flex;
display:flex;
justify-content: space-between;
}
#soitto_div2 div.valilehti_kontaktin_muokkaus
{
white-space: nowrap;
background-color: #ccc;
font-size: 0px;
padding-top: 10px;
padding-left: 10px;
padding-right: 12px;
padding-bottom: 12px;
}
#soitto_div2 .isopuhelinnumero_div
{
/* abackground-color: #ccc; */
vertical-align: middle !important;
margin-top: 10px;
margin-left: 10px;
margin-right: 12px;
margin-bottom: 0px;
}
#soitto_div2 .isopuhelinnumero_div span,
#soitto_div2 .isopuhelinnumero_div b
{
vertical-align:middle;
display:inline-block;
}
#soitto_div2_tiedot
{
overflow:hidden;
}
div#soiton_muokkaus_soiton_tulos_buttonit
{
display: -webkit-flex;
display: flex;
flex-direction: column;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
}
div#soiton_muokkaus_soiton_tulos_buttonit input[type=button]
{
width: auto;
white-space: normal;
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
margin-bottom: 8px;
min-height: 43px;
border-radius: 13px;
box-sizing: border-box;
align-self: center;
max-width: calc(100% - 6px);
}
html.no_touch div#soiton_muokkaus_soiton_tulos_buttonit input[type=button]
{
min-height: 37px !important;
}
.valilehti_header_pysty a.valilehtitd {
background-color: #000;
color: #fff;
text-decoration: none;
/* aheight: 11px; */
}
.valilehti_header_pysty>a
{
display: inline-block;
color: #fff !important;
background-color: #000;
padding: 9px;
font-size: 16px;
box-shadow: 3px 2px 0px 0px rgba(0,0,0, 0.35);
text-align: center;
white-space: normal;
margin-right: 0px;
padding-top: 4px;
padding-bottom: 4px;
height: auto;
width: 100%;
margin-bottom: 8px;
border-radius: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
}
html.no_touch .valilehti_header_pysty>a
{
min-height: 37px;
}
#soiton_tulos_table
{
table-layout:fixed;
border-collapse:collapse;
height:100%;
width: 100%;
}
#soiton_tulos_table>tbody>tr>td
{
padding:0;
height: 100%;
min-height: 360px;
}
#soiton_tulos_teedeen_div
{
height: 100%;
min-height: 360px;
vertical-align:top;
background-color: #ccc;
padding: 10px;
border-radius: 8px;
}
#soiton_muokkaus_soitontulos_div_inner
{
display:-webkit-flex;
display:flex;
height:100%;
}
#soiton_muokkaus_soitontulos_div
{
display:block;
height:100%;
width:100%;
}
.soitto_tallenna_buttonit_div
{
width:100%;
text-align:right;
display:-webkit-flex;
display: flex;
justify-content: flex-end;
padding-bottom: 10px;
}
.soitto_tallenna_buttonit_div input
{
height: 40px;
}
#soiton_tulos_table>tbody>tr>td:first-child
{
min-width: 84px;
width: 22%;
}
div#soiton_muokkaus_soiton_tulos_buttonit input[type=button]:last-child
{
margin-right: 0px;
}
*
{
-ms-scroll-chaining: none;
}
.valilehti_kontaktin_muokkaus>a
{
padding-top: 8px;
display: inline-block;
padding-bottom: 16px;
/* aborder: 1px solid orange; */
/* atext-transform: uppercase; */
color: #fff !important;
background-color: #000;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
/* aheight: 17px; */
box-shadow: 3px 6px 5px 1px rgba(0,0,0, 0.35);
white-space: normal;
/* aword-break: break-all; */
flex-grow: 1;
flex-basis: 0;
text-align: center;
}
a.valilehti_kontaktin_muokkaus_inner_wrapper
{
overflow-x: scroll;
padding-bottom: 23px;
margin-bottom: -23px;
/* padding-top: 15px; */
/* vertical-align: bottom; */
display:-webkit-flex;
display: flex;
align-items: flex-end;
/* align-content: flex-end; */
/* justify-content: space-between; */
padding-left: 10px;
}
.valilehti_kontaktin_muokkaus .vali
{
width: 0px;
display: inline-block;
font-size: 0px;
padding-left: 5px;
}
#kontaktin_muokkaus_valilehdet
{
width:100%;
}
#kontaktin_muokkaus_valilehdet .editnaytto_table
{
table-layout:fixed;
}
#kontaktin_muokkaus_valilehdet .editnaytto_table input,
#kontaktin_muokkaus_valilehdet .editnaytto_table select,
#kontaktin_muokkaus_valilehdet .editnaytto_table textarea
{
max-width:100%;
}
#kontaktin_muokkaus_valilehdet>div[id^=kontaktin_muokkaus_]
{
display:none;
width:100%;
}
.valilehti_kontaktin_muokkaus a
{
vertical-align: bottom;
}
#soitto_div2 .valilehti_kontaktin_muokkaus a
{
white-space: nowrap;
padding-left: 9px;
padding-right: 9px;
}
.valilehti_kontaktin_muokkaus a.valilehtitd_active
{
background-color: white;
color: black !important;
text-decoration: none;
}
#soitto_div2
{
background-color: #ccc;
height:100%;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
table.ed_seur td {
padding: 10px !important;
padding-bottom: 0px !important;
}
td#popupsisaltosolu_soitto_div2
{
background-color: #ccc;
}
.valilehti_header_pysty a.valilehtitd_active {
background-color: #ccc;
color: #000 !important;
text-decoration: none;
}
html.no_touch .valilehti_header_pysty a.valilehtitd_active:hover
{
background-color: #ccc;
color: black !important;
text-decoration: none;
}
.valilehti_kontaktin_muokkaus a.valilehtitd,
.valilehti_header_pysty a.valilehtitd
{
background-color: black;
color: white;
text-decoration: none;
/* aheight: 11px; */
}
html.no_touch .valilehti_kontaktin_muokkaus a.valilehtitd_active:hover
{
background-color: white;
color: black !important;
text-decoration: none;
}
html.no_touch .valilehti_header_pysty a.valilehtitd_active:hover
{
background-color: #ccc;
color: black !important;
text-decoration: none;
}
html.no_touch .valilehti_kontaktin_muokkaus a.valilehtitd:hover,
html.no_touch .valilehti_header_pysty a.valilehtitd:hover,
html.no_touch a.valilehtitd:hover
{
background-color: #EC614C;
color: white !important;
text-decoration: none;
}
.tapahtumahistoria
{
width: 100%;
margin-bottom: 10px !important;
}
.tapahtumahistoria_lisaa_kommentti_div
{
margin-bottom: 10px !important;
}
.tapahtumahistoria th
{
width: 101px;
}
.tapahtumahistoria>tbody>tr>th,
.tapahtumahistoria>tbody>tr>td
{
padding: 8px;
line-height: initial;
height: auto;
padding-top: 4px;
padding-bottom: 3px;
}
#mobiilimenu input,
#mobiilimenu button
{
-webkit-appearance: none;
-moz-appearance: none;
margin-top: 16px !important;
/* min-height: 45px; */
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
font-weight: bold;
display: inline-block !important;
text-align: left;
/* height: 20px; */
padding-top: 1em;
padding-bottom: 1em;
line-height: initial;
white-space: normal;
/* word-break: break-all; */
height: auto;
border-radius: 11px;
min-width: 3em;
}
.topmenun_alamenut
{
padding-left: 30px !important;
}
#popup_kaynnin_kirjaus_div
{
/* awidth: 100%; */
max-width: 400px;
}
.remonttitarve_wrapper_div
{
white-space: nowrap;
display: flex;
align-items: center;
}
/*
.remonttitarve_wrapper_div div[id^=remonttitarve]
{
display: inline-flex;
visibility: visible;
padding-left: 0px;
}
*/
.remonttitarpeet_div div[id^=remonttitarve]
{
white-space: nowrap;
width: 100%;
max-width: 262px;
display: inline-flex;
visibility: visible;
padding-left: 0px;
}
.remonttitarpeet_div div[id^=remonttitarve]:first-child
{
margin-right: 2px;
}
.soitto_tallenna_buttonit_div input[type=button]
{
white-space: normal;
min-height: 43px;
border-radius: 20px;
padding-left: 16px;
padding-right: 16px;
}
html.no_touch .soitto_tallenna_buttonit_div input[type=button]
{
min-height: 37px;
padding-top: 4px;
padding-bottom: 4px;
height: initial;
}
.remonttitarpeet_div span.mycheckbox_text
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 100%;
}
.remonttitarpeet_div div[id^=remonttitarve] select
{
amax-width: 46%;
width: 100%;
}
table.editnaytto_table.allekkain>tbody>tr>td
{
padding-bottom: 5px;
padding-top: 5px;
}
.remonttitarpeet_div div[id^=remonttitarve] select[name="soittotiedot[tarvekartoitus_kattila_ika]"]
{
max-width: initial;
}
.soittaminen_popup_profiili_div select,
.soittaminen_popup_profiili_div input[type=text]
{
margin-bottom: 8px !important;
}
#sovi_kaynti_div select
{
/* amax-width: 46%; */
/* awidth: 100%; */
max-width: 100%;
}
#sovikaynti_kayntiaika_td input,
#nosta_listalle_paiva_td select,
#nosta_listalle_paiva_td input
{
margin-bottom: 4px;
}
#sovi_kaynti_div table td:first-child
{
border-left: 1px solid #a9a9a9;
}
#sovi_kaynti_div .span_mycheckbox_wrapper,
#lisatietoja_div .span_mycheckbox_wrapper
{
margin-top: 4px;
margin-bottom: 4px;
}
#soitto_div2 .valilehti_kontaktin_muokkaus
{
display: -webkit-flex;
display: flex;
/* aalign-items: flex-start; */
}
.soittaminen_popup_profiili_div
{
padding-top:5px;
padding-bottom: 5px;
}
#lisatietoja_div input[type=text]
{
width: 100%;
}
div#soitto_tiedot_div2 td
{
border-left: 1px solid #a9a9a9;
}
.soittaminen_popup_profiili_div .sahkopostiotsikko
{
margin-bottom: 2px;
}
.soittaminen_popup_profiili_div input,
.soittaminen_popup_profiili_div select
{
margin-top: 0px;
margin-bottom: 5px;
}
.luukkukone_header
{
position: absolute;
z-index: 1;
background-color: rgba(255,255,255,0.9);
/* aoverflow-x: scroll; */
padding: 7px;
padding-top: 0px;
padding-bottom: 0px;
display: -webkit-flex;
display: flex;
white-space: nowrap;
border-bottom-right-radius: 8px;
box-sizing: border-box;
max-width: 100%;
min-width: 320px;
box-shadow: 3px 3px 40px rgba(0,0,0, 0.5);
align-items: center;
min-height: 37px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
touch-action: manipulation;
}
#footer
{
background-color: rgba(255,255,255,1) !important;
width: 169px !important;
border-top-right-radius: 8px;
font-size: 12px;
height:14px !important;
box-shadow: 3px 3px 40px rgba(0,0,0, 0.5);
}
#footer2
{
position: fixed;
right: 0;
bottom: 0;
height: 18px;
margin: 0;
padding: 0px;
z-index: 2;
background-color: rgba(255,255,255,1);
width: 97px;
border-top-left-radius: 8px;
box-shadow: 3px 3px 40px rgba(0,0,0, 0.5);
}
#luukkukone_header #address
{
font-size: 14px;
width: 196px;
display: inline-block;
/* abox-shadow: 0 0 0 1px rgb(255, 0, 0); */
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
vertical-align: middle;
padding: 0px;
line-height: initial;
margin-bottom: 3px;
margin-top: 2px;
margin-right: 4px;
flex-grow: 1;
}
.imgbutton
{
padding:0px!important;
width:37px;
}
#merkkien_selitykset_div
{
display:none;
}
.imgbutton.demo-icon.icon-location
{
background-color: black;
}
.luukku_header_menu
{
abackground-color: rgba(255,255,255,0.9);
display: none;
white-space: nowrap;
box-sizing: border-box;
width: 288px;
}
.luukku_header_menu #footer
{
box-shadow:none !important;
position:static !important;
margin-top:10px;
}
#copyright_div
{
margin-top: 20px;
font-size:11px;
}
#luukkudebugdiv
{
background-color: transparent;
color: rgb(0, 0, 0);
width: 26px;
text-align: center;
margin-left: 2px;
}
.luukku_header_menu_buttonit button
{
width:initial;
padding-left:8px !important;
padding-right:12px !important;
display:block;
margin-bottom:6px;
}
.luukku_header_menu_buttonit_vali
{
height:20px;
}
.luukku_header_menu_haku
{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.luukku_header_menu_haku>button
{
width: 50px;
margin-left: 4px;
}
.luukku_header_menu_haku>input[type=text]
{
width: 100%;
}
.luukku_header_menu_haku2
{
margin-top: 4px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.luukku_header_menu_haku2>button
{
width: 50px;
margin-left: 4px;
}
.luukku_header_menu_haku2>input[type=text]
{
width: 100%;
}
.luukku_header_menu_buttonit
{
margin-top: 12px;
}
#popupsisaltosolu_scrollaus_div_kaynnin_kirjaus_kenttien_valinta_div .span_mycheckbox_wrapper
{
display: -webkit-flex;
display: flex;
align-items: center;
position: relative;
margin-bottom: 5px;
}
.span_mycheckbox_wrapper
{
display: -webkit-inline-flex;
display: inline-flex;
align-items: center;
position: relative;
vertical-align: middle;
}
.animate-spin
{
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: -webkit-inline-flex;
display: inline-flex;
}
span.demo-icon.icon-spin1.animate-spin:before
{
content: '\e830';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: auto;
margin: 0;
text-align: center;
/* opacity: .8; */
font-variant: normal;
text-transform: none;
line-height: initial;
margin-left: 0;
/* font-size: 120%; */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
padding: 0;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
table.datatable4.margin-top2
{
margin-top: 9px;
}
#kontaktimuokkaus_haku_loytyneet_kontaktit td,
#kontaktimuokkaus_haku_loytyneet_kontaktit th
{
white-space: normal;
aword-break: break-all;
}
#kontaktimuokkaus_haku_loytyneet_kontaktit td input[type=button]
{
width: 84px;
white-space: normal;
height: auto;
padding-top: 7px;
padding-bottom: 7px;
}
div#kontaktimuokkaus_haku_loytyneet_kontaktit_div>.datatable4 th:last-child {
width: 90px;
}
#kontaktimuokkaus_haku_loytyneet_kontaktit_div>.datatable4 td,
#kontaktimuokkaus_haku_loytyneet_kontaktit_div>.datatable4 th
{
min-width:initial;
max-width:initial;
width:initial;
}
#kontaktimuokkaus_haku_loytyneet_kontaktit_div>.datatable4
{
width:100%;
}
div#kontaktimuokkaus_haku_loytyneet_kontaktit_wrapper + .vasen_oikea_jakaja
{
margin-top: 0px;
}
/*
-------------------------
Info-sivun tyylit alkaa
-------------------------
*/
table.jqplot-table-legend, table.jqplot-cursor-legend
{
font-size:initial;
}
/*
vaaka_otsikko_table = taulukkomalli, jossa otsikot allekkain vasemmalla
*/
.vaaka_otsikko_table
{
border-collapse: separate;
border-spacing: 0px;
display:inline-table;
margin-right: 8px;
}
.vaaka_otsikko_table th
{
height: 33px;
vertical-align: middle;
color:white;
background-color:#EC614C;
font-weight: bold;
font-style: normal;
padding:0px;
padding-left: 11px;
padding-right: 10px;
box-sizing:border-box;
border-top:hidden;
border-left:hidden;
border-bottom:1px solid #e7381e;
border-right:1px solid #EC614C;
}
.vaaka_otsikko_table td
{
height: 41px;
vertical-align: middle;
color:black;
background-color:#e9e9e9;
font-weight:normal;
padding:0px;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
border-top:hidden;
border-left:hidden;
border-bottom:1px solid #a9a9a9;
border-right:1px solid #a9a9a9;
text-align: left !important;
}
.vaaka_otsikko_table tr:first-child th
{
border-top:1px solid #EC614C;
/*border-top-left-radius: 6px;*/
}
.vaaka_otsikko_table tr:last-child th
{
border-bottom:1px solid #EC614C;
}
.vaaka_otsikko_table tr:first-child td
{
border-top:1px solid #a9a9a9;
}
.yhdista_google_kal
{
height: 41px;
display: -webkit-inline-flex;
display: inline-flex;
vertical-align: top;
align-items: center;
}
.jqplot-point-label
{
white-space: nowrap;
}
.info_container_div
{
width: 100%;
margin: 26px auto 0px auto;
/*border:1px solid blue;*/
padding:0px;
box-sizing:border-box;
/* background-color: hsl(39, 77%, 83%);*/
}
.infosivu_laatikko_table
{
display:inline-table;
margin:0px;
margin-right: 17px;
margin-bottom: 21px;
border-collapse:separate;
border-spacing: 0px;
min-width:200px;
width:auto;
box-shadow: 2px 5px 10px 0px hsla(0, 0%, 0%, 0.3);
border-radius: 8px;
}
.infosivu_laatikko_otsikko_td
{
background-color: #EC614C;
border: 1px solid #EC614C;
font-family: lato, sans serif;
font-size: 22px;
font-weight: bold;
font-style: normal;
color: white;
height: 37px;
padding-left: 13px;
padding-right: 10px;
vertical-align: middle;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-sizing: border-box;
/* text-align: center; */
}
.infosivu_laatikko_body_td
{
background-color:white;
height: 235px;
min-height: 235px;
padding:12px;
vertical-align: top;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-sizing:border-box;
border-left:1px solid #a9a9a9;
border-right:1px solid #a9a9a9;
border-bottom:1px solid #a9a9a9;
}
.palkki
{
width:100%;
background-color:blue;
padding:5px;
vertical-align:middle;
color:white;
}
.yhteensatd
{
font-weight:bold;
}
.otsikkotd
{
font-weight:bold;
}
.prosenttia
{
font-size: 10px;
}
.nega
{
color:red;
}
.infosivu_laatikko_body_td>table:not(.datatable4)>tbody>tr:hover
{
background-color: #e0e0e0;
}
.infotable td
{
padding-left:5px;
}
table.CSV_referenssilista.vaaka_otsikko_table th
{
text-align: left;
}
.CSV_referenssilista td:first-child
{
border-left: 1px solid #a9a9a9;
}
.CSV_referenssilista tr:nth-child(2)>td
{
border-bottom-style: hidden;
}
.infosivu_aikavali
{
display: flex;
align-items: center;
}
.infosivu_aikavali>span
{
padding-right: 2px;
}
.puhelinluettelo_hakudiv>*
{
margin-right:4px;
margin-bottom: 8px;
}
/*
-------------------------
Info-sivun tyylit loppuu
-------------------------
*/
.select,
select
{
background-color: white;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiPjxyZWN0IGZpbGw9ImJsYWNrIiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIuMzE4LDE3LjIzNGwtNC4zMjYtNy43OEM3Ljk0Myw5LjM2Myw3LjkzNyw5LjI4Niw3Ljk3Miw5LjIyMmMwLjAzNS0wLjA2MywwLjEwNS0wLjA5NCwwLjIxLTAuMDk0aDguNjMyYzAuMDk4LDAsMC4xNjgsMC4wMzEsMC4yMDksMC4wOTRjMC4wNDMsMC4wNjMsMC4wMzUsMC4xNDEtMC4wMjEsMC4yMzFsLTQuMzI2LDcuNzgxYy0wLjA0OSwwLjA5Mi0wLjEwOCwwLjEzNy0wLjE3OCwwLjEzN0MxMi40MjYsMTcuMzcxLDEyLjM2OCwxNy4zMjYsMTIuMzE4LDE3LjIzNHoiLz48L3N2Zz4=');
background-repeat: no-repeat;
background-clip: border-box;
background-size: 28px;
background-position: calc(100% + 1px) 0%;
padding-right: 36px;
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
/* aborder:0px solid #006FB3; */
/* abox-shadow: inset 0 0 0 1px #006FB3; */
line-height: 26px;
/* aborder-right-style: hidden !important; */
}
.select_focus, select:focus, select.error
{
background-color: white;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiPjxyZWN0IGZpbGw9ImJsYWNrIiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIuMzE4LDE3LjIzNGwtNC4zMjYtNy43OEM3Ljk0Myw5LjM2Myw3LjkzNyw5LjI4Niw3Ljk3Miw5LjIyMmMwLjAzNS0wLjA2MywwLjEwNS0wLjA5NCwwLjIxLTAuMDk0aDguNjMyYzAuMDk4LDAsMC4xNjgsMC4wMzEsMC4yMDksMC4wOTRjMC4wNDMsMC4wNjMsMC4wMzUsMC4xNDEtMC4wMjEsMC4yMzFsLTQuMzI2LDcuNzgxYy0wLjA0OSwwLjA5Mi0wLjEwOCwwLjEzNy0wLjE3OCwwLjEzN0MxMi40MjYsMTcuMzcxLDEyLjM2OCwxNy4zMjYsMTIuMzE4LDE3LjIzNHoiLz48L3N2Zz4=');
background-repeat: no-repeat;
background-clip: border-box;
background-size: 28px;
background-position: calc(100% + 1px) 0%;
padding-right: 36px;
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
border-color: black;
/* abox-shadow: inset 0 0 0 1px #E60689; */
}
.select_error, select.error
{
background-color: white;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiPjxyZWN0IGZpbGw9IiNFNjA2ODkiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMi4zMTgsMTcuMjM0bC00LjMyNi03Ljc4QzcuOTQzLDkuMzYzLDcuOTM3LDkuMjg2LDcuOTcyLDkuMjIyYzAuMDM1LTAuMDYzLDAuMTA1LTAuMDk0LDAuMjEtMC4wOTRoOC42MzJjMC4wOTgsMCwwLjE2OCwwLjAzMSwwLjIwOSwwLjA5NGMwLjA0MywwLjA2MywwLjAzNSwwLjE0MS0wLjAyMSwwLjIzMWwtNC4zMjYsNy43ODFjLTAuMDQ5LDAuMDkyLTAuMTA4LDAuMTM3LTAuMTc4LDAuMTM3QzEyLjQyNiwxNy4zNzEsMTIuMzY4LDE3LjMyNiwxMi4zMTgsMTcuMjM0eiIvPjwvc3ZnPg==');
background-repeat: no-repeat;
background-clip: border-box;
background-size: 28px;
background-position: calc(100% + 1px) 0%;
padding-right: 36px;
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
border-color: black;
/* abox-shadow: inset 0 0 0 1px #E60689; */
amargin-left: 1px;
max-width: 97%;
}
.select_disabled, select:disabled
{
background-color: white;
background-image: url('data:image/svg+xml;charset=utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiPjxyZWN0IGZpbGw9IiNiY2JjYmMiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMi4zMTgsMTcuMjM0bC00LjMyNi03Ljc4QzcuOTQzLDkuMzYzLDcuOTM3LDkuMjg2LDcuOTcyLDkuMjIyYzAuMDM1LTAuMDYzLDAuMTA1LTAuMDk0LDAuMjEtMC4wOTRoOC42MzJjMC4wOTgsMCwwLjE2OCwwLjAzMSwwLjIwOSwwLjA5NGMwLjA0MywwLjA2MywwLjAzNSwwLjE0MS0wLjAyMSwwLjIzMWwtNC4zMjYsNy43ODFjLTAuMDQ5LDAuMDkyLTAuMTA4LDAuMTM3LTAuMTc4LDAuMTM3QzEyLjQyNiwxNy4zNzEsMTIuMzY4LDE3LjMyNiwxMi4zMTgsMTcuMjM0eiIvPjwvc3ZnPg==');
background-repeat: no-repeat;
background-clip: border-box;
background-size: 28px;
background-position: calc(100% + 1px) 0%;
padding-right: 36px;
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
border-color: #bcbcbc;
/* abox-shadow: inset 0 0 0 1px #E60689; */
amargin-left: 1px;
max-width: 97%;
color: #bcbcbc;
}
select
{
margin: 0px;
padding: 0px;
padding-left: 7px;
/* apadding-right: 8px; */
padding-right: 36px;
font-size: 16px;
outline: none;
border: 1px solid black;
background-color: #FFF;
min-height: 27px;
font-size: 16px;
box-sizing: border-box;
max-width:100%;
-webkit-appearance: none;
-moz-appearance:none;
border-radius: 0px;
font-family: 'Lato', sans-serif;
line-height: 1.5em;
backface-visibility: hidden; /* disabled inputit ei näy oikein ilman tätä */
}
select
{
line-height: 26px;
height:27px;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
table.editnaytto_table>tbody>tr>td select
{
max-width: 320px;
}
.topmenubuttonhome
{
padding:0px !important;
}
.topmenubuttonhome:before
{
font-size: 22px;
position: relative;
top: 0px;
left: 1px;
}
button.transparent_button.th_tausta>i
{
color: white !important;
}
button.transparent_button.th_tausta:hover>i,
button.transparent_button.th_tausta:focus>i
{
color: black !important;
}
th.datatable_toiminnot_th
{
text-align: left;
}
.demo-icon.icon-search
{
font-size: 21px;
}
.demo-icon.icon-hae_kaikki
{
font-size: 19px;
}
.toiminnot_th>div
{
display: -webkit-flex;
display: flex;
}
.toiminnot_th button
{
/* abox-shadow:0 0 0 1px red; */
height:20px;
}
.demo-icon.icon-edit-1
{
font-size: 22px;
}
.toiminto_td .icon-euro
{
font-size: 24px;
height: 21px !important;
}
.toiminto_td .icon-euro_pen
{
font-size: 19px;
height: 20px !important;
}
.toiminto_td .icon-frown
{
font-size: 24px;
height: 22px !important;
}
.toiminto_td .icon-chat-2
{
font-size: 22px;
height: 22px !important;
}
.toiminto_td .icon-cancel
{
font-size: 26px;
}
.nakyvat_sarakkeet_div .span_mycheckbox_wrapper
{
margin-bottom: 4px;
}
label.tuote_checkbox input {
width: 25px;
height: 22px;
}
.fileinput-box
{
display: inline-block;
margin-right: 8px;
font-weight: normal;
backface-visibility: hidden;
margin-top: 0px;
margin-bottom: 0px;
}
.rivimuokkaus .fileinput-box
{
width:100%;
position: relative;
}
.inputfile
{
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile-6 + label
{
border: 1px solid #000;
background-color: white;
padding: 0;
border-radius: 0px;
/* amin-width: 500px; */
white-space: nowrap;
/* aheight: 26px; */
}
.inputfile-6 + label
{
color: #000;
}
.inputfile + label
{
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
background-color: #FFF;
height: 27px;
display: inline-flex;
align-items: center;
}
.rivimuokkaus .inputfile + label
{
width: 100%;
margin-top: 5px;
}
.progressbar_upload
{
height: 5px;
background-color: #EC614C;
position: absolute;
top: 0px;
left: 0px;
width: 0%;
}
.inputfile-6 + label strongi
{
height: 100%;
color: #fff;
background-color: black;
display: inline-block;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
box-sizing: border-box;
position: relative;
}
.inputfile-6 + label strongi
{
padding-left: 9px;
padding-right: 9px;
height: 26px;
line-height: 26px;
vertical-align: middle;
}
.inputfile + label svg
{
width: 16px;
height: 16px;
vertical-align: middle;
fill: currentColor;
margin-right: 1px;
position: relative;
margin-top: -4px;
}
.inputfile-6 + label span
{
width: 100%;
amax-width: 189px;
aheight: 100%;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: bottom;
padding-left: 9px;
padding-right: 9px;
border: 0px solid #F00;
/* min-height: 28px; */
aline-height: 26px;
/* abackground-color: #FFF; */
box-sizing: border-box;
font-weight: normal;
}
.rivimuokkaus .inputfile-6 + label span
{
width: 100%;
}
.inputfile:focus+label
{
background-color: rgb(255, 242, 189) !important;
}
.fileinput-div input[type=text],
.fileinput-div input[type=button]
{
vertical-align:top;
}
.fileinput-div input[type=button] {
afloat: right;
}
.fileinput-div input[type=button],
.fileinput-div input[type=text]
{
margin-right: 2px;
}
[class^="muokkausrivi"] svg
{
/* amargin-top:4px !important; */
}
[class^="muokkausrivi"] .fileinput-div
{
margin-top: 5px !important;
flex-direction: column;
}
[class^="muokkausrivi"] .fileinput-buttondiv
{
margin-top: 10px !important;
}
div#muut_hakuehdot_remonttitarve>span
{
margin-bottom: 4px;
}
div#muut_hakuehdot_remonttitarve
{
margin-top: 8px;
margin-bottom: 4px;
}
/*
table.editnaytto_table>tbody>tr>td input,
table.editnaytto_table>tbody>tr>td select,
table.editnaytto_table>tbody>tr>td button
{
margin-right: 4px;
margin-bottom: 3px;
margin-top: 3px;
}
*/
.span_mycheckbox_wrapper select
{
margin:0px !important;
}
table.editnaytto_table>tbody>tr>td
{
padding-top: 4px;
padding-bottom: 4px;
}
.datatable4>tbody>tr>td input:not('.inputfile'),
.datatable4>tbody>tr>td select,
.datatable4>tbody>tr>td button
{
margin-right: 4px;
margin-bottom: 3px;
margin-top: 3px;
}
.datatable4>tbody>tr>td
{
padding-top: 4px;
padding-bottom: 4px;
/*border-left: 1px solid #a9a9a9;*/
}
.datatable4>tbody>tr>td button:first-child,
.datatable4>tbody>tr>th button:first-child,
.datatable4>thead>tr>th button:first-child
{
padding-left: 0px;
}
table.datatable4>tbody>tr.hakutable_yhteenvetorivit>td
{
border-top: 1px solid darkgrey !important;
}
#tilauksen_liitteet_div .fileinput-div
{
margin-top: 5px;
margin-bottom: 7px;
}
#tilauksen_liitteet_div input[type=button],
#tilauksen_liitteet_div input[type=text]
{
margin-bottom: 5px;
}
.tuotelaskutus_radio
{
awidth:903px;
margin-bottom: 13px;
}
i.demo-icon.icon-clock
{
font-size: 21px;
}
i.demo-icon.icon-ok
{
font-size: 22px;
}
i.demo-icon.icon-cancel
{
font-size: 22px;
}
.laskentatable>tbody>tr.otsikkoriviTR>th
{
border-bottom: 1px solid #e7381e;
}
.datatable4 tr>td
{
border-bottom: 1px solid #a9a9a9;
}
i.demo-icon.icon-calendar2
{
font-size: 21px;
cursor:pointer;
}
#provisioraportti_aikavali>input:first-child
{
margin-right: 0px;
}
table.editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td[colspan="2"]
{
/*border-left: 1px solid #a9a9a9;*/
}
input#haku_from_date
{
margin-right: 0px;
}
th
{
outline: none;
}
.tablesorter-header-inner
{
font-family: lato, sans-serif;
font-size: 16px;
white-space: nowrap;
padding-right: 10px;
}
input.haku[name=haku\[vuosi\]]
{
margin-right: 0px;
}
input[name=haku\[from_date\]]
{
margin-right: 0px !important;
}
input.haku[name=haku\[from_vuosi\]], input.haku[name=haku\[from_viikko\]], input.haku[name=haku\[to_vuosi\]]
{
margin-right: 0px;
}
.checkbox_ilman_marginia + label
{
margin: 0px !important;
}
.jarjestyslinkki
{
position: relative;
margin-right: 10px;
}
.jarjestyslinkki>img
{
position: absolute;
margin-left: 2px;
}
#luukkukone_header .imgbutton.icon-menu:before
{
height: 20px;
}
#luukkukone_header .imgbutton.icon-location:before
{
height: 23px;
}
input[type="text"][name="valittu_vuosi"]
{
margin-right: 6px;
margin-left: 6px;
}
select[name="valittu_user_refid"]
{
margin-right: 6px;
margin-left: 6px;
}
div#kirjaus\[syotto\]
{
display: block;
apadding: 8px;
width: 100%;
apadding-right: 13px;
apadding-left: 13px;
border:1px solid #a9a9a9;
background-color: #e9e9e9;
}
.nayta_viikot_button
{
white-space:nowrap!important;
}
table.myyjien_tavoitteet_table>tbody>tr>td:first-child
{
white-space:nowrap;
width: 300px;
min-width:300px;
box-sizing:border-box;
}
table.myyjien_tavoitteet_table>tbody>tr.viikko_tr>td:first-child
{
aborder-left: 26px solid #ccc;
apadding-left:0px!important;
}
.myyjien_tavoitteet_table_yhteensa_rivi
{
font-weight:bold;
}
.myyjien_tavoitteet_table>tbody>tr>*
{
padding-right: 6px;
padding-top: 2px;
padding-bottom: 2px;
}
table.myyjien_tavoitteet_table>tbody>tr.viikko_tr>td
{
background-color: #cccccc;
}
table.myyjien_tavoitteet_table>tbody>tr>td:first-child
{
padding-left: 13px;
}
table.myyjien_tavoitteet_table>tbody>tr>td:last-child
{
padding-right: 13px;
}
.kirjaus_syotto_sisempi_div
{
margin-top: 8px;
margin-left: 13px;
margin-right: 13px;
margin-bottom: 8px;
}
td.toiminto_td div[style*="display: block"]
{
display: inline-block !important;
}
table.datatable4>tbody>tr:not(.otsikkoriviTR)>th
{
text-align: left;
border-bottom: 1px solid #a9a9a9;
/*border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;*/
padding: 3px;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
input[type="text"][name="aseta_alv_prosentiksi"]
{
margin-left: 6px;
}
iframe[id^=provisioprosentit_iframe]
{
border: 0;
background-color: transparent;
}
.tummempitausta
{
background-color: white !important;
}
.taulukon_ylaotsikkoriviTR td:empty
{
height: 0px;
}
#tabs
{
margin-left:0px !important;
margin-right: 10px !important;
margin-top: 10px !important;
margin-bottom: 20px !important;
}
html .ui-tabs .ui-tabs-panel
{
display: block;
border-width: 0;
padding: 14px 10px 10px 6px;
background: none;
}
.asetukset_div
{
margin-bottom: 10px;
}
.asetukset_div>a {
display: inline-block;
margin-bottom: 10px;
margin-left: 7px;
}
.asetukset_div>b {
display: inline-block;
margin-bottom: 10px;
}
.asetukset_div>div>div
{
margin-top: 3px;
}
div#kaynti_ohi_syyt>input,
div#kayttajien_roolit>input
{
margin-left: 5px;
margin-bottom: 5px;
}
input#haku_tapaaminen_from_date
{
margin-right: 0px;
}
table.datatable4>tbody>tr.hakutable_yhteenvetorivit.kontaktit_haku>td
{
padding-bottom:0px;
}
.hakunaytto_selausnapit>input
{
margin-top:9px !important;
}
.liput_menu
{
height: 40px;
vertical-align: middle;
display: -webkit-inline-flex;
display: inline-flex;
align-items: center;
vertical-align: top;
margin-left: 26px;
margin-bottom: -9px;
}
.liput_menu img
{
margin-right: 6px;
cursor: pointer;
height: 27px;
display: inline-block;
border-radius: 5px;
width: 41px;
}
.liput_menu button
{
font-size: 24px;
display: inline-flex;
padding-left: 5px;
}
img.active_language
{
box-shadow: 0 0 0 3px black;
}
.errortext
{
color: #BA0066;
}
.huomiotext
{
color:#EC614C;
font-style:italic;
}
td#popupsisaltosolu_osoitteen_valinta button img, .icon_pin {
width: auto;
float: left;
object-fit: contain;
height: 46px;
}
.katuosoitteen_kontaktit
{
display:inline-block;
width:100%;
}
td#popupsisaltosolu_osoitteen_valinta button
{
height: auto;
width: 200px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 16px;
display: -webkit-flex;
display: flex;
align-items:center;
}
td#popupsisaltosolu_osoitteen_valinta button img,
.icon_pin
{
width: auto;
float: left;
object-fit: contain;
margin-right: 4px;
height: 46px;
}
td#popupsisaltosolu_osoitteen_valinta button img
{
margin-right: 5px;
}
.vaintd td:not(.vali)
{
border-left: 1px solid #a9a9a9;
background-color: #fff !important;
}
.vaintd td.vali
{
border-left: 0px solid #a9a9a9;
border-right: 0px solid #a9a9a9;
background-color: transparent !important;
}
.vaintd td input[type=button]
{
margin-top: 4px;
margin-bottom: 6px;
}
.flexiblebutton
{
white-space: normal !important;
height: auto !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.margin-top2
{
margin-top: 9px;
}
.margin-bottom2
{
margin-bottom: 9px;
}
.homebuttonmobile
{
padding: 0px !important;
text-align: center !important;
height: 58px !important;
}
.homebuttonmobile:before
{
font-size:32px !important;
}
.h2
{
font-size: 27px;
font-weight: bold;
color: #000;
display: inline-block;
line-height: 34px;
margin-bottom: 0px;
margin-right: 14px;
height: 45px;
margin-top: 0px;
}
.h2.pin
{
margin-bottom: 14px;
height:auto;
}
.taulukon_ylaotsikkoriviTR>td
{
text-align:left;
}
#kontaktit_haku_muut_hakuehdot_td input[type=text]
{
margin-bottom: 4px;
}
.sisalto_osan_container
{
padding-left: 15px;
padding-right: 15px;
aborder-left: 15px solid red;
aborder-right: 15px solid red;
amargin-left: 15px;
amargin-right: 15px;
}
.tarjous_ylanapit_div
{
font-size:0px;
margin-bottom: 10px;
}
.tarjouksen_muokkaus_uloin_div
{
aborder-left: 20px solid white;
amargin-left: -20px;
}
.tarjouksen_muokkaus_uloin_div
{
margin-top: 18px;
}
.tarjouksen_muokkaus_uloin_div .valilehti_kontaktin_muokkaus
{
border-left: 20px solid #fff;
margin-left: -20px;
padding-top: 13px;
border-right: 20px solid #fff;
margin-right: -20px;
}
.tarjouksen_muokkaus_uloin_div .valilehti_header
{
font-size: 0px;
}
/*
.tarjouksen_muokkaus_uloin_div .valilehti_body
{
margin-left: -20px;
border-left: 20px solid white;
margin-top: -7px;
padding-left: 0px;
padding-top: 15px;
border-right: 20px solid white;
margin-right: -20px;
}
*/
.tarjouksen_muokkaus_uloin_div .valilehti_body div[id^=tarjouksen_muokkaus_]
{
/*box-shadow:0px 0px 0px 1px red;*/
min-height:100px;
}
.tarjouksen_muokkaus_uloin_div .valilehti_kontaktin_muokkaus>a
{
padding-left:9px;
padding-right:9px;
}
span.virhemarginaalit
{
font-size:16px;
margin-left:10px;
}
.hakunaytto_responsive_v2 td.child div.child_padding
{
white-space: normal;
display: inline-block;
width: 100%;
float: left;
}
.hakunaytto_responsive_v2_contextmenu {
position: absolute;
z-index: 1000;
display: none;
}
html.touch .hakunaytto_responsive_v2 tr {
-webkit-user-select: none; /* disable selection/Copy of UIWebView */
-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}
.childrow-data {
display: table-cell;
padding-right: 15px;
padding-bottom: 7px;
white-space: nowrap;
float: left;
width: 100%;
}
.childrow-data .data {
white-space: normal;
}
@media only screen and (min-width: 600px) {
.childrow-data {
width: calc(50% - 8px);
}
}
@media only screen and (min-width: 980px) {
.childrow-data {
width: calc(33% - 16px);
}
}
@media only screen and (min-width: 1280px) {
.childrow-data {
width: calc(25% - 24px);
awidth: 25%;
}
}
@media only screen and (min-width: 1600px) {
.childrow-data {
width: calc(20% - 32px);
awidth: 20%;
}
}
.navbar-default .navbar-nav>li.active,
.navbar-default .navbar-nav>li.active>a {
acolor: #555;
abackground-color: #e7e7e7;
}
.input-group input[type=text] {
border: 1px solid #ccc;
border-radius: 4px;
}
.rivimuokkaus .editnaytto_table td input:not([type="checkbox"]):not(.datetimepicker),
.rivimuokkaus .editnaytto_table td textarea {
width: 100%;
}
.rivimuokkaus .editnaytto_table td .fileinput-buttondiv input {
width: 96px !important;
}
.hakunaytto_tarkka_haku {
white-space: nowrap;
}
.hakunaytto_tarkka_haku input:not([type=button]) {
width: 100%
}
.sortable_sarakevalinnat {
float: left;
display: inline-block;
margin-left: -40px;
margin-right: 20px;
}
.sortable_sarakevalinnat ul {
margin-left: 0px;
}
.sortable_sarakevalinnat li {
list-style: none;
}
.valilehti_body.bs-nav-tab {
margin: 0px;
border: 0px;
padding: 0px;
padding-top: 10px;
position: relative;
}
#hinnanlaskenta_debug_nappi,
#hinnanlaskenta_debug_div
{
display: inline-block;
margin-top: 14px;
margin-bottom: 10px;
}
div#hinnanlaskenta_debug_div
{
display: inline-block;
padding: 16px;
background-color: #ddd;
border-radius: 8px;
}
table.editnaytto_table>tbody>tr>td input:not(".no-wide-button"),
table.editnaytto_table>tbody>tr>td textarea {
width:100%;
}
@media only screen and (max-width: 767px) {
table.editnaytto_table {
width: 100%;
}
table.editnaytto_table>tbody>tr>td select,
table.editnaytto_table>tbody>tr>td input:not([type="checkbox"]):not([type="button"]),
table.editnaytto_table>tbody>tr>td textarea {
width: 100%;
max-width: 50vw;
max-width: -moz-max-content;
max-width: -webkit-max-content;
max-width: max-content;
}
.tyolajikkeen_kentan_otsikko_ja_sisalto select,
.tyolajikkeen_kentan_otsikko_ja_sisalto input:not([type="checkbox"]):not([type="button"]),
.tyolajikkeen_kentan_otsikko_ja_sisalto textarea
{
max-width:100%!important;
}
}
.hakunaytto_button,
.hakunaytto_button i.demo-icon {
font-size: 16px;
}
.dropdown-menu .hakunaytto_button {
display: flex;
}
.hakunaytto_button_icon {
width: 20px;
display: inline-block;
overflow: hidden;
}
input[type=range] {
-webkit-appearance: none;
width: 100%;
margin: 13.8px 0;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #EC614C;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 36px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
-webkit-appearance: none;
margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #EC614C;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #EC614C;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #EC614C;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: #EC614C;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
background: #EC614C;
}
input[type=range]:focus::-ms-fill-upper {
background: #EC614C;
}
div .div_container{
width: 1240px;
float: left;
}
div .vasen_div{
float: left;
margin-right: 5px;
}
div .oikea_div{
float: left;
}
.kontaktihaku input,
.kontaktihaku input:focus {
border-bottom: 1px solid black;
border-top: 0px;
border-right: 0px;
border-left: 0px;
background-color: transparent !important;
}
.kontaktihaku {
padding: 5px;
padding-left: 10px;
}
.kontaktihaku small {
font-size: x-small;
}
.kontaktihaku small b {
font-size: large;
}
.ohjeteksti_asetukset
{
max-width: 612px;
margin-bottom: 8px;
}
.nav>li>a {
padding: 10px 10px;
background-color: #000;
margin-bottom: 3px;
color: white!important;
border-radius: 5px;
aborder: none !important;
margin-right: 0px;
text-decoration:none;
font-size: 16px;
}
.navbar-default .navbar-nav>li.active>a
{
background-color: #EC614C!important;
color: white!important;
margin-bottom: 0px;
aborder-radius: 7px!important;
aborder: none !important;
margin-right: 0px;
text-decoration:none;
}
.navbar-default .navbar-nav>li>a
{
border-radius: 0px;
padding-left: 13px;
padding-right: 13px;
}
/* Jotta vaakamenussa erottuu vierekkäiset menuitemit toisistaan hoveroitaessa */
.navbar-default:not(.menu-left) .navbar-nav>li>a
{
border-right: 1px double #000!important;
}
html .nav-pills>li>a
{
border-right: 1px double #000!important;
}
html .nav-pills>li:last-child>a
{
border-right: none!important;
}
.navbar-default .navbar-nav>li.active
{
abackground-color: #EC614C!important;
color: white!important;
amargin-bottom: 3px;
aborder-radius: 5px;
border: none !important;
margin-right: 0px;
text-decoration:none;
}
html .navbar-default:not(.menu-left) .navbar-nav>li:first-child>a
{
border-top-left-radius: 14px!important;
border-bottom-left-radius: 14px!important;
}
html .navbar-default:not(.menu-left) .navbar-nav>li:last-child>a
{
border-top-right-radius: 14px!important;
border-bottom-right-radius: 14px!important;
border: none!important;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover
{
background-color: #EC614C!important;
amargin-bottom: 3px;
color: white!important;
aborder-radius: 5px;
border: none !important;
amargin-right: 2px;
text-decoration: none;
padding-bottom: 6px!important;
padding-top: 6px!important;
margin-top: -3px;
cursor: pointer;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus
{
padding-left: 13px;
padding-right: 13px;
}
.nav>li>a:hover,
.nav>li>a:focus
{
padding: 10px 10px;
background-color: #EC614C!important;
margin-bottom: 3px;
color: white!important;
margin-right: 0px;
text-decoration:none;
}
.nav>li>a.disabled:hover,
.nav>li>a.disabled:focus
{
background-color: #000 !important;
color: #000 !important;
}
html:not(.isMacLike):not(.is_touch) .nav.nav-tabs>li>a
{
height:31px!important;
margin-top:0px!important;
padding-bottom: 6px!important;
padding-top: 6px!important;
}
.nav.nav-tabs>li>a
{
box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.4);
}
.nav.nav-tabs>li>a:hover, .nav.nav-tabs>li>a:focus
{
/*
transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-moz-transition:padding 1.000s ease;
-o-transition:padding 1.000s ease;
*/
padding-bottom: 6px!important;
padding-top: 6px!important;
margin-top: -3px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover
{
background-color: #000;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
background-color: #000;
}
.nav-pills>li+li
{
margin-left: 0px;
}
html .nav-pills>li>a {
border-radius: 0px;
padding-top: 6px !important;
padding-bottom: 6px!important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
{
padding: 10px 10px;
background-color: #EC614C!important;
margin-bottom: 3px;
color: white!important;
border-radius: 0px;
aborder: none !important;
margin-right: 0px;
text-decoration:none;
}
html .nav-pills>li:first-child>a
{
border-top-left-radius: 11px!important;
border-bottom-left-radius: 11px!important;
padding-left: 12px!important;
}
html .nav-pills>li:last-child>a
{
border-top-right-radius: 11px!important;
border-bottom-right-radius: 11px!important;
padding-right: 12px!important;
}
.nav.nav-tabs>li>a
{
margin-right: 3px;
margin-bottom: 11px;
padding: 12px;
padding-top: 5px;
padding-bottom: 4px;
border-radius: 0px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.nav.nav-tabs>li>a:after
{
content: '';
pointer-events:none;
width: calc(100vw + 50px);
height: 37px;
position: absolute;
bottom: -37px;
left: -25px;
border-top: 1px solid white;
background: rgba(216,216,216,1);
background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 88%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216,216,216,1)), color-stop(88%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 88%);
background: -o-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 88%);
background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 88%);
background: linear-gradient(to bottom, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 88%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
}
.nav-tabs
{
border-bottom: 0px solid #ddd;
margin-top: 11px;
margin-bottom: 11px;
width: calc(100% + 30px);
aoverflow: hidden;
padding-bottom: 50px;
margin-bottom: -47px;
padding-top: 7px;
padding-left: 15px;
margin-left: -15px;
/* padding-right: 15px; */
/* margin-right: -15px; */
}
html.is_in_iframe .nav-tabs
{
width: calc(100% + 15px);
}
.tyoajat_table.datatable4>tbody>tr>td
{
min-width: 100px;
white-space: nowrap;
}
#tyoajat_table input[type="text"]
{
width: 100%;
}
html.tarjous .valilehti_body.bs-nav-tab
{
background-color: transparent;
}
div#tarjouksen_muokkaus_hinta_div>table>tbody>tr>td:first-child
{
width: 19%;
}
.navbar:not(.menu-left) .navbar-nav>li>.dropdown-menu
{
margin-top: -4px;
}
@media (max-width: 767px)
{
html .navbar-header>a>img
{
margin-top: 12px;
margin-bottom: 12px;
}
html .navbar-header>a>div.company_name_left_top
{
max-width:initial;
width:initial;
}
}
@media only screen and (min-width: 768px) {
.flex-nav-container {
display: flex;
}
.nav-item-logout {
float: right !important;
margin-left: 0px;
}
html .nav-item-logout>a {
background-color: transparent!important;
color: #000 !important;
}
html .nav-item-logout>a:hover,
html .nav-item-logout>a:focus
{
background-color: transparent!important;
color: #EC614C!important;
text-decoration: underline!important;
}
.menu-left>.flex-nav-container {
display: block;
}
.menu-left .nav-item-logout {
float: none;
margin-left: 0;
}
.menu-left.navbar {
min-height: 0px;
height: 0px;
display: inline-block;
margin: 0px;
border: 0;
}
.menu-left .navbar-header {
margin-bottom: 10px;
}
.menu-left .collapse.navbar-collapse {
width: 200px;
margin-left: -15px;
}
.menu-left .navbar-nav>li {
width: 190px;
}
.menu-left li.dropdown ul.dropdown-menu {
margin-left: 190px;
margin-top: -40px;
}
.menu-left .caret
{
position: absolute;
top: 50%;
right: 8px;
}
.menu-left .nav>li>a,
.menu-left .navbar-nav>li.active
{
margin-bottom:1px;
}
.left-menu.sisalto_osan_container {
margin-left: 200px;
}
.navbar.navbar-default.menu-left>.container-fluid.flex-nav-container
{
/*background-color: #c8d3da; */
height: 50vw;
/* border: 15px solid #c8d3da; */
margin-left: -15px;
padding-right: 20px;
/* border-top-width: 17px; */
margin-top: -7px;
/* border-bottom-width: 100vh; */
}
.menu-left.navbar .navbar-header>a {
margin-top: 18px;
display: inline-block;
margin-left: 14px;
}
.menu-left.navbar .navbar-header>a>img,
.menu-left.navbar .navbar-header>a>div.company_name_left_top
{
margin-top: 3px;
}
ul.nav.navbar-nav {
margin-top: 13px;
font-size: 0;
}
}
@media (max-width: 767px)
{
html .navbar-default {
padding-left: 0px;
}
html .navbar-default:not(.menu-left) .navbar-nav>li:first-child>a
{
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px!important;
}
html .navbar-default:not(.menu-left) .navbar-nav>li:last-child>a
{
border-top-right-radius: 0px!important;
border-bottom-right-radius: 0px!important;
}
html .navbar-collapse
{
border-top-width:0px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a
{
color: #000;
abackground-color:#fff;
text-decoration:none;
}
.navbar-nav .open .dropdown-menu
{
abackground-color:#fff;
}
.navbar-nav
{
background-color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover
{
color: #000;
background-color: #e6e6e6;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover
{
color: #000;
background-color: #c1c1c1;
}
.navbar-default .navbar-nav>li>a
{
margin-bottom:0px;
}
.dropdown-menu
{
padding-top:0px;
padding-bottom:0px;
}
.navbar:not(.menu-left) .navbar-nav>li>.dropdown-menu
{
margin-top: 0px;
}
html .navbar-default .navbar-collapse, .navbar-default .navbar-form
{
padding-top: 0px;
}
.nav.navbar-nav {
margin-bottom: 0px;
}
html .navbar-default .navbar-collapse, .navbar-default .navbar-form
{
padding-bottom: 0px;
}
.nav.navbar-nav>li.dropdown.open:last-child
{
padding-bottom: 11.5px;
border-bottom: 1px solid #b9b9b9;
}
.navbar-header
{
padding-left: 15px;
}
}
@media (min-width: 768px)
{
html .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
text-decoration: none;
color: #000;
background-color: #e6e6e6;
}
html .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
{
text-decoration: none;
background-color: #c1c1c1;
color:#000;
outline: 0;
}
html .dropdown-menu>li>a
{
color:#000;
}
}
@media (max-width: 767px)
{
html .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
text-decoration: none;
color: #000;
background-color: #e6e6e6;
}
html .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
{
text-decoration: none;
background-color: #c1c1c1;
color:#000;
outline: 0;
}
html .dropdown-menu>li>a
{
color:#000;
}
}
a.btn.disabled.pointer_events_normal
{
pointer-events: initial;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
color: #fad6d1;
opacity: 1;
}
.tayta_td{
width: 100%;
}
tr .lahin{
background-color: #FFFBCC !important;
}
.editnaytto_table_kuormitus,
.kuormituskalenteri_otsikko_ja_ohjauspaneeli {
overflow-x: scroll!important;
}
.puolikas
{
aborder: 1px solid blue;
abackground-color: rgba(255, 224, 132, 0.47);
width: calc(50% - 11px);
afloat: left;
margin: 5px;
}
@media (max-width : 1055px) {
.puolikas {
width: 100%;
}
}
.vasen_oikea_jakaja
{
display: flex;
flex-flow: row;
flex-wrap: wrap;
margin-top: 14px;
}
html td#popupsisaltosolu_kontaktin_muokkaus_td .vasen_oikea_jakaja table.editnaytto_table>tbody>tr.taulukon_ylaotsikkoriviTR>td
{
background-color: transparent;
/* background-color: #000; */
/* color: white; */
padding-left: 11px;
/* border-right: 1px solid #000!important; */
/* border-right-style: solid!important; */
/* border-bottom-style: hidden!important; */
}
html table.dataTable
{
width: 100%;
margin: 0 auto;
clear: both;
border-collapse: collapse!important;
border-spacing: 0;
table-layout:fixed;
word-wrap:break-word;
}
table.dataTable thead th,
table.dataTable tfoot th
{
font-weight: bold;
}
html table.dataTable>thead>tr>th
{
awhite-space: normal !important;
ahyphens: auto !important;
}
html table.dataTable>thead>tr>th,
html table.dataTable>tbody>tr>td
{
width:200px;
overflow: hidden;
text-overflow: ellipsis;
}
html table.dataTable thead .sorting_desc:after,
html table.datatable4 thead .sorting_desc:after {
content: "\e252";
}
html table.dataTable thead .sorting_asc:after,
html table.datatable4 thead .sorting_asc:after {
content: "\e253";
}
html table.dataTable thead .sorting:after
{
opacity: 0!important;
content: "\e150";
}
table.dataTable thead th:active,
table.dataTable thead td:active
{
outline: none;
}
table.dataTable tbody tr
{
background-color: white;
}
table.dataTable>tbody>tr.selected, table.dataTable>tbody>tr>.selected
{
background-color: #d6d6d6!important;
color:#000!important;
}
table.dataTable>tbody>tr.selected>td
{
/*
border:1px solid #e7381e!important;
border-top:1px solid #e7381e!important;
border-bottom:1px solid #e7381e!important;
border-right:1px solid #e7381e!important;
border-left:1px solid #e7381e!important;
*/
}
.hakunaytto_content.responsive table.dataTable tbody th,
.hakunaytto_content.responsive table.dataTable tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td
{
border-top: 1px solid darkgray;
}
.hakunaytto_content.responsive table.dataTable tbody tr:first-child th,
.hakunaytto_content.responsive table.dataTable tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td
{
border-top: none;
}
.hakunaytto_content.responsive table.dataTable thead th
{
border-top: 1px solid #e7381e;
border-bottom: 1px solid #e7381e;
}
.hakunaytto_content.responsive table.dataTable thead th,
.hakunaytto_content.responsive table.dataTable tbody td
{
aborder-top: 1px solid darkgray;
aborder-bottom: 1px solid darkgray;
}
.hakunaytto_content.responsive table.dataTable tbody td
{
border-bottom: 1px solid darkgray;
}
.hakunaytto_content.responsive table.dataTable>tbody>tr>td:first-child:not(.child)
{
border-left: 1px solid darkgray;
}
.hakunaytto_content.responsive table.dataTable>thead>tr>th:first-child
{
border-left: 1px solid #e7381e;
}
html table.dataTable thead th,
html table.dataTable thead td,
html table.dataTable thead
{
background-color: #EC614C;
border-top:1px solid #e7381e;
border-bottom:1px solid #e7381e;
color:white;
}
html table.dataTable>thead>tr,
html table.dataTable>thead>tr
{
border-right:1px solid #e7381e;
}
html table.dataTable>tbody>tr:not(.child)
{
border-right:1px solid darkgray;
}
table.dataTable thead tr:first-child th,
table.dataTable tbody tr:first-child td
{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e7381e;
}
.hakunaytto_content.responsive .skrollattava_sisalto_div.dataTablen_ymparilla
{
overflow-y: initial;
overflow-x: initial;
box-sizing: initial;
}
.hakunaytto_content:not(.responsive) table.dataTable thead th,
.hakunaytto_content:not(.responsive) table.dataTable tbody td
{
border-top: 1px solid darkgray;
border-right: 1px solid darkgray;
border-bottom: 1px solid darkgray;
}
.hakunaytto_content:not(.responsive) table.dataTable tbody tr td:first-child:not(.child)
{
border-left: 1px solid darkgray;
}
.hakunaytto_content:not(.responsive) table.dataTable thead tr th:first-child
{
border-left: 1px solid #e7381e;
}
html .hakunaytto_content:not(.responsive) table.dataTable thead th,
html .hakunaytto_content:not(.responsive) table.dataTable thead td
{
background-color: #EC614C;
border:1px solid #e7381e;
color:white;
}
.hakunaytto_content:not(.responsive) table.dataTable thead tr:first-child th,
.hakunaytto_content:not(.responsive) table.dataTable tbody tr:first-child td
{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e7381e;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd
{
background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected
{
background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover
{
background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected
{
background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3
{
background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,
table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3
{
background-color: #acbad4;
}
table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1
{
background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2
{
background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_3
{
background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1
{
background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2
{
background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3
{
background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1
{
background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2
{
background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3
{
background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1
{
background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2
{
background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3
{
background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1
{
background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2
{
background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3
{
background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1
{
background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2
{
background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3
{
background-color: #a4b2cb;
}
.dataTables_tyhja
{
border: 1px solid darkgrey;
border-top-color: transparent;
height: 50px;
text-align: center;
padding: 11px;
background: #e1e7ea;
}
.dataTables_wrapper .valitut_rivit
{
margin-left: 20px;
}
table.dataTable.no-footer
{
aborder-bottom: 1px solid #ae1515;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td
{
white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td
{
padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td
{
padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td
{
padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left
{
text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty
{
text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right
{
text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify
{
text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap
{
white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left
{
text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center
{
text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right
{
text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify
{
text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap
{
white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left
{
text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center
{
text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right
{
text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify
{
text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap
.tallenna_buttonit input
{
margin-right: 14px;
}
.tallenna_buttonit
{
margin-bottom: 14px;
}
#e_markkinointi_tili_div table th
{
width: 178px;
}
#e_markkinointi_tili_div table td
{
width: 273px;
}
#e_markkinointi_tili_div table td input[type="text"], #e_markkinointi_tili_div table td select
{
width: 100%;
}
#e_markkinointi_kommentit_div table, #e_markkinointi_kampanjat_div table
{
amin-width: 913px;
}
/* Ajax-spinner alkaa */
#floatingBarsG{
position:relative;
width:19px;
height:23px;
margin:auto;
}
.blockG{
position:absolute;
background-color:rgb(255,255,255);
width:3px;
height:7px;
border-radius:2px 2px 0 0;
-o-border-radius:2px 2px 0 0;
-ms-border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
-moz-border-radius:2px 2px 0 0;
transform:scale(0.4);
-o-transform:scale(0.4);
-ms-transform:scale(0.4);
-webkit-transform:scale(0.4);
-moz-transform:scale(0.4);
animation-name:fadeG;
-o-animation-name:fadeG;
-ms-animation-name:fadeG;
-webkit-animation-name:fadeG;
-moz-animation-name:fadeG;
animation-duration:1.2s;
-o-animation-duration:1.2s;
-ms-animation-duration:1.2s;
-webkit-animation-duration:1.2s;
-moz-animation-duration:1.2s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#rotateG_01{
left:0;
top:8px;
animation-delay:0.45s;
-o-animation-delay:0.45s;
-ms-animation-delay:0.45s;
-webkit-animation-delay:0.45s;
-moz-animation-delay:0.45s;
transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
}
#rotateG_02{
left:2px;
top:3px;
animation-delay:0.6s;
-o-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-moz-animation-delay:0.6s;
transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
}
#rotateG_03{
left:8px;
top:1px;
animation-delay:0.75s;
-o-animation-delay:0.75s;
-ms-animation-delay:0.75s;
-webkit-animation-delay:0.75s;
-moz-animation-delay:0.75s;
transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
}
#rotateG_04{
right:2px;
top:3px;
animation-delay:0.9s;
-o-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-moz-animation-delay:0.9s;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
}
#rotateG_05{
right:0;
top:8px;
animation-delay:1.05s;
-o-animation-delay:1.05s;
-ms-animation-delay:1.05s;
-webkit-animation-delay:1.05s;
-moz-animation-delay:1.05s;
transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
}
#rotateG_06{
right:2px;
bottom:2px;
animation-delay:1.2s;
-o-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-moz-animation-delay:1.2s;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
}
#rotateG_07{
bottom:0;
left:8px;
animation-delay:1.35s;
-o-animation-delay:1.35s;
-ms-animation-delay:1.35s;
-webkit-animation-delay:1.35s;
-moz-animation-delay:1.35s;
transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
}
#rotateG_08{
left:2px;
bottom:2px;
animation-delay:1.5s;
-o-animation-delay:1.5s;
-ms-animation-delay:1.5s;
-webkit-animation-delay:1.5s;
-moz-animation-delay:1.5s;
transform:rotate(-135deg);
-o-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
}
@keyframes fadeG{
0%{
background-color:rgb(0,0,0);
}
100%{
background-color:rgb(255,255,255);
}
}
@-o-keyframes fadeG{
0%{
background-color:rgb(0,0,0);
}
100%{
background-color:rgb(255,255,255);
}
}
@-ms-keyframes fadeG{
0%{
background-color:rgb(0,0,0);
}
100%{
background-color:rgb(255,255,255);
}
}
@-webkit-keyframes fadeG{
0%{
background-color:rgb(0,0,0);
}
100%{
background-color:rgb(255,255,255);
}
}
@-moz-keyframes fadeG{
0%{
background-color:rgb(0,0,0);
}
100%{
background-color:rgb(255,255,255);
}
}
/* Ajax-spinner loppuu */
#e_markkinointi_raportti_div>table.editnaytto_table:not(.allekkain)>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>th
{
width: 120px!important;
white-space: normal;
hyphens: auto;
}
div#e_markkinointi_raportti_div>.editnaytto_table
{
width: 414px;
}
#e_markkinointi_raportti_div>table.editnaytto_table:not(.allekkain)>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td
{
awidth: 323px;
}
#e_markkinointi_raportti_div td input[type="text"]:not(#hakuaika):not(#lahetetty_sahkoposteihin_aika),
#e_markkinointi_raportti_div td select,
#e_markkinointi_raportti_div td textarea
{
width: 100%;
}
#e_markkinointi_raportti_wrapper_div
{
border-spacing: 0;
}
#e_markkinointi_raportti_wrapper_div #e_markkinointi_avaa_raportinnaytto_div
{
display: block !important;
}
#e_markkinointi_raportti_div
{
display:inline-block;
}
#e_markkinointi_csv_toiminnot_div .fileinput-div
{
flex-wrap: wrap;
}
#e_markkinointi_csv_toiminnot_div .fileinput-box
{
width:100%;
margin-right:1px;
}
#e_markkinointi_csv_toiminnot_div label
{
width:100%;
margin-bottom: 2px;
}
td>#e_markkinointi_csv_toiminnot_div
{
display:block!important;
}
.editnaytto_table>tbody>tr>th>a
{
color: white;
text-decoration: underline;
}
.editnaytto_table>tbody>tr>th>a:hover
{
color: white;
text-decoration: none;
}
button.transparent_button.disabled_button:hover>i,
button.transparent_button.disabled_button:active>i,
button.transparent_button.disabled_button:focus>i
{
color: #d8d8d8!important;
}
button.transparent_button.disabled_button>i
{
color: #b3b3b3;
}
.datatable4>tbody>tr.selected.to_be_deleted_tr,
.dataTable>tbody>tr.selected.to_be_deleted_tr
{
background-color: transparent!important;
}
.datatable4>tbody>tr.to_be_deleted_tr>td
{
background-color: #ba006652!important;
}
html.easoft .dataTable>tbody>tr.to_be_deleted_tr>td
{
background: #f3dede!important;
}
span[id*=etajarjestelma_raportti_csv_data]
{
word-break: break-word;
}
.asetukset_textarean_arvon_nayttaja_div
{
border: 1px solid #AAA;
background-color: white;
min-height: 27px;
padding-top: 3.3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
font-size: 16px;
box-sizing: border-box;
font-family: 'Lato', sans-serif;
max-width: 100%;
-ms-overflow-style: none;
overflow: hidden;
resize: none;
vertical-align: top !important;
word-break: break-all;
word-wrap: break-word;
line-height: normal;
margin: 0px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0px;
backface-visibility: hidden;
overflow-y: scroll;
margin-bottom: 7px;
margin-top: 4px;
}
#e_markkinointi_laheta_raportti_div input[type=text],
#e_markkinointi_laheta_raportti_div textarea
{
margin-top: 4px;
width: 100%!important;
}
#e_markkinointi_laheta_raportti_peruuta
{
float: right;
}
td.alavalikko_td input[onclick*="'index.php?action=e_markkinointi_tili'"],
td.alavalikko_td input[onclick*="'index.php?action=e_markkinointi_raportti'"]
{
display: none;
}
html.e_markkinointi_tili td.alavalikko_td input[onclick*="'index.php?action=e_markkinointi_tili'"],
html.e_markkinointi_raportti td.alavalikko_td input[onclick*="'index.php?action=e_markkinointi_raportti'"]
{
display: inline-block;
}
th.th_kentta_sql>a
{
color:black!important;
}
.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;
}
.datatable4>tbody>tr>th
{
white-space: normal;
hyphens: auto;
word-break: break-word;
min-width: 100px;
}
.datatable4>tbody>tr>td
{
white-space: normal;
hyphens: manual;
word-break: break-word;
min-width: 100px;
}
.toiminto_td
{
white-space: nowrap!important;
}
.datatable4>tbody>tr>td>div
{
hyphens: manual;
word-break: break-word;
}
.one_row>tbody>tr>th,
.one_row>tbody>tr>td
{
white-space: nowrap;
word-break: initial;
}
.multicheckbox_outerwrapper .mycheckbox_text
{
white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td
{
box-sizing: content-box;
}
/*
* Control feature layout
*/
.dataTables_wrapper
{
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
margin-top: 12px;
}
.lf_div_col
{
text-align: right;
}
.lf_div
{
aborder:1px solid blue;
display:inline-flex;
}
.dataTables_wrapper .dataTables_length
{
afloat: right;
atext-align: right;
display:inline-block;
margin-right: 10px;
}
@media screen and (max-width: 767px)
{
.lf_div_col
{
text-align: center;
margin-bottom: 6px;
margin-top: 6px;
}
}
@media screen and (max-width: 767px)
{
.lf_div_col_vasen
{
text-align: center;
margin-bottom: 6px;
margin-top: 6px;
}
}
.dataTables_wrapper .dataTables_length>label
{
margin-bottom:0px;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right;
}
.dataTables_wrapper .dataTables_filter
{
afloat: right;
atext-align: right;
aclear: right;
display:inline-block;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
}
[class*="col-lg"]
{
aborder: 1px solid red;
}
.dataTables_wrapper .dataTables_filter input
{
margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info
{
clear: both;
float: left;
padding-top: 0.755em;
}
.dataTables_wrapper .paginate_button>a {
awidth: 40px;
min-width: 40px;
text-align: center;
}
/*
.dataTables_wrapper .dataTables_paginate
{
float: right;
text-align: right;
padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button
{
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: black !important;
border: 1px solid transparent;
border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
color: black !important;
border: 1px solid black;
background-color: #474747;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, black));
background: -webkit-linear-gradient(top, #474747 0%, black 100%);
background: -moz-linear-gradient(top, #474747 0%, black 100%);
background: -ms-linear-gradient(top, #474747 0%, black 100%);
background: -o-linear-gradient(top, #474747 0%, black 100%);
background: linear-gradient(to bottom, #474747 0%, black 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
{
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
color: white !important;
border: 1px solid #db1b1b;
background-color: #f29393;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f29393), color-stop(100%, #db1b1b));
background: -webkit-linear-gradient(top, #f29393 0%, #db1b1b 100%);
background: -moz-linear-gradient(top, #f29393 0%, #db1b1b 100%);
background: -ms-linear-gradient(top, #f29393 0%, #db1b1b 100%);
background: -o-linear-gradient(top, #f29393 0%, #db1b1b 100%);
background: linear-gradient(to bottom, #f29393 0%, #db1b1b 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active
{
outline: none;
background-color: #e84141;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84141), color-stop(100%, #d21a1a));
background: -webkit-linear-gradient(top, #e84141 0%, #d21a1a 100%);
background: -moz-linear-gradient(top, #e84141 0%, #d21a1a 100%);
background: -ms-linear-gradient(top, #e84141 0%, #d21a1a 100%);
background: -o-linear-gradient(top, #e84141 0%, #d21a1a 100%);
background: linear-gradient(to bottom, #e84141 0%, #d21a1a 100%);
box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis
{
padding: 0 1em;
}
*/
html .dataTables_wrapper .dataTables_processing:before
{
content: 'Processing...',
color:black;
}
html div.dataTables_wrapper div.dataTables_processing
{
adisplay:none !important;
}
html div.dataTables_wrapper div.dataTables_processing
{
position: absolute;
top: 0;
left: 0;
awidth: calc(100% - 15px);
width: 100%;
amargin-left: 15px;
margin-left: 0px;
margin-top: -1px;
text-align: center;
padding: 0px;
height: 5px;
border: 0px solid;
border-radius: 0;
margin-bottom: -1px;
z-index: 1;
}
html .progress
{
height: 5px;
margin-bottom: 0px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar
{
abackground-color: #a7a7a7;
background-color: green;
}
.progress-bar.slow
{
-webkit-transition: width 5s ease-in-out;
-moz-transition: width 5s ease-in-out;
-ms-transition: width 5s ease-in-out;
-o-transition: width 5s ease-in-out;
transition: width 5s ease-in-out;
}
.dataTables_processing > .progress
{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
height: 5px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate
{
color: black;
}
.dataTables_wrapper .dataTables_scroll
{
clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody
{
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td
{
vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing
{
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody
{
border-bottom: 1px solid #ae1515;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table
{
border-bottom: none;
}
.dataTables_wrapper:after
{
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
@media screen and (max-width: 767px)
{
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate
{
float: none;
text-align: center!important;
}
.dataTables_wrapper .dataTables_paginate
{
margin-top: 0.5em;
}
}
@media screen and (max-width: 640px)
{
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter
{
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter
{
margin-top: 0em;
}
}
.dt-buttons.btn-group>a.btn.btn-default
{
margin-bottom: 5px;
}
.btn span.glyphicon, .btn i.demo-icon
{
margin-right: 3px;
}
a.btn.btn-default
{
background-color: black;
color: white;
border: none;
border-radius: 12px !important;
margin-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 16px;
}
a.btn.btn-default:hover,
a.btn.btn-default:active,
a.btn.btn-default:focus
{
background-color: #EC614C;
color: white;
border: none;
border-radius: 12px !important;
margin-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
outline:none;
}
a.btn.btn-default.disabled
{
background-color: #d6d6d6!important;
}
.childrow-data
{
cursor:initial;
}
table.dataTable>tbody>tr.child>td.child
{
abox-shadow: inset 1px 2px 15px 0px rgba(0,0,0,0.3);
border-bottom-style: none;
border-right-style: none;
border-left-style: none;
}
table.dataTable>tbody>tr.child
{
aborder-right: 1px solid darkgray;
}
/*
pun:
#fb536b
sin:
#43a6fc
vihr:
#53cb93
*/
html table.dataTable:not(.rivivalinta)>tbody>tr:not(.shown):not(.child)>td:first-child:before,
html table.dataTable:not(.rivivalinta).dtr-inline.collapsed>tbody>tr:not(.child)>td:first-child:before,
html table.dataTable:not(.rivivalinta).dtr-inline.collapsed>tbody>tr:not(.child)>th:first-child:before,
html table.dataTable:not(.rivivalinta).dtr-inline>tbody>tr[role=row]>td:first-child:before
{
top: 0px;
left: 0px;
height: 100%;
width: 29px;
position: absolute;
color: black;
border: 0px solid #000;
border-radius: 0px;
box-shadow: none;
box-sizing: content-box;
text-align: center;
vertical-align: middle;
content: '\e081';
background-color: rgba(226, 124, 124, 0);
font-size: 16px;
line-height: 100%;
font-weight: normal;
cursor: pointer;
font-family: "Glyphicons Halflings";
display: -webkit-flex;
display: flex;
align-items: flex-start;
justify-content: flex-end;
padding-right: 6px;
margin-left: -6px;
padding-top: 12px;
}
html table.dataTable:not(.rivivalinta)>tbody>tr.shown:not(.child)>td:first-child:before,
html table.dataTable.dtr-inline.collapsed:not(.rivivalinta)>tbody>tr.parent>td:first-child:before,
html table.dataTable.dtr-inline.collapsed:not(.rivivalinta)>tbody>tr.parent>th:first-child:before,
html table.dataTable.dtr-inline:not(.rivivalinta)>tbody>tr.parent[role=row]>td:first-child:before
{
content: '\e082'!important;
color: #EC614C!important;
transition: all 0.4s ease;
}
html table.dataTable>tbody>tr:not(.child)>td.dataTables_empty:first-child:before,
html table.dataTable>tbody>tr:not(.child)>td.dataTables_empty:first-child:after
{
content: none!important;
}
table.dataTable.dtr-inline>tbody>tr>td:first-child,
table.dataTable.dtr-inline>tbody>tr>th:first-child {
position: relative;
padding-left: 30px;
cursor: initial;
}
html table.dataTable.rivivalinta>tbody>tr:not(.shown):not(.child)>td:first-child:before,
html table.dataTable.rivivalinta.dtr-inline.collapsed>tbody>tr>td:first-child:before,
html table.dataTable.rivivalinta.dtr-inline.collapsed>tbody>tr>th:first-child:before,
html table.dataTable.rivivalinta.dtr-inline>tbody>tr[role=row]>td:first-child:before
{
top: 0px;
left: 0px;
height: 100%;
width: 29px;
position: absolute;
color: black;
border: 0px solid #000;
border-radius: 0px;
box-shadow: none;
box-sizing: content-box;
text-align: center;
vertical-align: middle;
content: '';
background-color: rgba(226, 124, 124, 0);
font-size: 16px;
line-height: 100%;
font-weight: normal;
cursor: pointer;
font-family: "Glyphicons Halflings";
display: -webkit-flex;
display: flex;
align-items: flex-start;
justify-content: flex-end;
padding-right: 6px;
margin-left: -6px;
padding-top: 12px;
}
html table.dataTable.rivivalinta>tbody>tr.shown:not(.child)>td:first-child:before,
html table.dataTable.dtr-inline.collapsed.rivivalinta>tbody>tr.parent>td:first-child:before,
html table.dataTable.dtr-inline.collapsed.rivivalinta>tbody>tr.parent>th:first-child:before,
html table.dataTable.dtr-inline.rivivalinta>tbody>tr.parent[role=row]>td:first-child:before
{
content: '';
color: #EC614C!important;
transition: all 0.4s ease;
}
div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left;
position: relative;
}
div.dataTables_wrapper div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right;
}
div.dataTables_wrapper .progress-bar {
-webkit-transition: width 3s cubic-bezier(0.66, 0.04, 0.25, 1);
-o-transition: width 3s cubic-bezier(0.66, 0.04, 0.25, 1);
transition: width 3s cubic-bezier(0.66, 0.04, 0.25, 1);
}
.hakunaytto_content.responsive div.dataTables_wrapper table.dataTable tr>*
{
box-sizing: border-box;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
{
margin-right: -15px;
margin-left: 0px;
}
.navbar-default
{
background-color: #c8d3da;
border-color: #e7e7e7;
border-style: none;
border-radius: 0px;
padding-left: 15px;
}
.navbar
{
min-height: 51px;
}
.navbar-default .container-fluid
{
padding-left: 0px;
}
.logo_ja_menuavaus
{
width:100%;
display: inline-flex;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
padding-bottom: 12px;
}
.navbar-header>a>img
{
display: inline-block;
max-height: 44px;
max-width: 150px;
margin-right: 15px;
}
.navbar-header>a>div.company_name_left_top {
font-size: 19px;
display: inline-block;
max-width: 150px;
margin-right: 15px;
overflow: hidden;
height: 44px;
width: 150px;
min-width: 150px;
hyphens: auto;
display: flex;
font-weight: bold;
text-shadow: 1px 1px 8px #0000004a;
align-items: center;
margin-top: -5px;
}
@media (max-width: 767px)
{
button.navbar-toggle+a>img
{
max-height: 32px;
}
}
@media only screen and (min-width: 768px)
{
.navbar .logo_ja_menuavaus
{
width: auto;
justify-content: center;
}
.menu-left.navbar .logo_ja_menuavaus
{
width: calc(100% + 20px);
justify-content: center;
}
}
.navbar-header
{
display: -webkit-inline-flex;
display: inline-flex;
align-items: center;
min-height: 51px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
color: #EC614C;
background-color: transparent;
}
.navbar-default .navbar-toggle
{
color: #000;
position: relative;
float: right;
padding: 0px;
padding: 10px 21px;
/* margin-top: 4px; */
margin: 0px;
margin-right: 0px;
/* margin-bottom: 0px; */
background-color: transparent;
background-image: none;
border: 0px solid red;
border-radius: 4px;
/* vertical-align: middle; */
/* box-sizing: content-box; */
/* padding-bottom: 6px; */
/* padding-top: 6px; */
height: 51px;
justify-self: flex-end;
/* width: 50px; */
margin: 0;
margin-left: auto;
}
.dropdown-menu>li>a
{
line-height: 1.8!important;
font-size: 16px;
}
.pagination *
{
border-style:hidden!important;
}
.pagination>li>a, .pagination>li>span
{
color: #ffffff;
background-color: #000;
border: 0px solid #000;
text-decoration:none;
margin-left: 0px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
color: #fff;
background-color: #EC614C;
border-color: #EC614C;
border: 0px solid #000;
text-decoration:none;
outline:none;
box-shadow: inset 0 0 0 1px #e7381e;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
color: #fff;
background-color: #EC614C;
border-color: #EC614C;
border: 0px solid #000;
text-decoration:none;
outline:none;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover
{
cursor: not-allowed;
color: #f6f6f6;
background: #bcbcbc;
border: 0px solid #000;
outline:none;
}
table.dataTable tbody td:focus
{
/* border: 1px solid black; */
abackground-color: rgb(255, 242, 189) !important;
outline: none;
}
/* Kuormitus.css:n overraid, jotta firman vari ALKAA */
html table.popup>tbody>tr>td.kuormitus_popup_sisalto
{
border: 3px solid #EC614C;
}
html #kuormitushistoria_div_nappi,
html #kuormitusliitteet_div_nappi,
html #kuormituskommentit_div_nappi
{
color: #EC614C;
}
html #kuormitushistoria_div_nappi:hover,
html #kuormitusliitteet_div_nappi:hover,
html #kuormituskommentit_div_nappi:hover
{
color: #EC614C;
}
html #hakuotsikko:focus,
html #hakuotsikko:hover,
html #hakuotsikko:focus
{
background-color:#EC614C;
}
/* Kuormitus.css:n overraid, jotta firman vari LOPPUU */
#kuormitus_div .kuormita_button
{
margin-left:0.5em;
}
#tarjouksen_muokkaus_liitetiedostot_div div#uusi_liitetiedosto_div
{
margin-top: 3px;
}
div#tarjouksen_muokkaus_liitetiedostot_div > div
{
margin-top: 6px;
}
#skrollattava_sisalto_div,
.skrollattava_sisalto_div
{
overflow-y: hidden;
overflow-x: auto;
box-sizing: border-box;
abox-shadow: 0 0 0px 5px rgba(0, 195, 6, 0.54);
}
html.kuormitukset #skrollattava_sisalto_div,
html.kuormitukset .skrollattava_sisalto_div
{
overflow: initial;
overflow-y: initial;
overflow-x: initial;
abox-shadow: inset 0 0 10px 0 red;
aopacity: 0.5;
margin-left: initial;
padding-left: initial;
padding-right: initial;
box-sizing: border-box;
width: initial;
margin-right: initial;
}
#tarjouksen_muokkaus_tuotteet_div>.span_mycheckbox_wrapper
{
margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
table.table-responsive tr.otsikkoriviTR {
display: none;
}
table.table-responsive th,
table.table-responsive td {
display: block;
}
table.table-responsive td>span.table_rivi_otsikko {
display: inline-block !important;
position: relative;
font-size: 0.8rem;
top: -1.4rem;
width: 0px;
left: 0.2rem;
}
.table-responsive>tbody>tr>td {
margin-top: 16px;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
text-align: left !important;
}
table.table-responsive {
width: 90vw;
}
}
.avalilehti_header_body_wrapper
{
background-color: #ccc;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,cccccc+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(195, 195, 195, 0.65) 77px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(195, 195, 195, 0.65) 77px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(195, 195, 195, 0.65) 77px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6cccccc',GradientType=0 ); /* IE6-9 */
}
.valilehti_header_body_wrapper
{
amargin-top: 11px;
}
.valilehti_header_body_wrapper
{
margin-left: -20px;
padding-left: 20px;
margin-right: -20px;
padding-right: 20px;
}
.valilehti_header_body_wrapper .valilehti_header
{
font-size: 0px;
}
.valilehti_header
{
aoverflow-x: scroll;
}
.valilehti_header_body_wrapper .valilehti_header_sisempi_wrapper
{
padding-top: 16px;
}
.valilehti_header_body_wrapper .valilehti_header_sisempi_wrapper>a
{
padding-left: 9px;
padding-right: 9px;
}
.valilehti_header_sisempi_wrapper a.valilehtitd_active,
html.no_touch .valilehti_header_sisempi_wrapper a.valilehtitd_active:hover
{
background-color: white;
color: black !important;
text-decoration: none;
}
.valilehti_header_sisempi_wrapper a
{
vertical-align: bottom;
}
.valilehti_header_sisempi_wrapper>a
{
padding-top: 8px;
display: inline-block;
padding-bottom: 16px;
aborder: 1px solid orange;
atext-transform: uppercase;
color: #fff !important;
background-color: #000;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
aheight: 17px;
box-shadow: 3px 6px 5px 1px rgba(0, 0, 0, 0.35);
white-space: normal;
aword-break: break-all;
flex-grow: 1;
flex-basis: 0;
text-align: center;
}
.valilehti_header_body_wrapper .valilehti_header
{
font-size: 0px;
}
.valilehti_header_sisempi_wrapper .vali
{
width: 0px;
display: inline-block;
font-size: 0px;
padding-left: 5px;
}
.valilehti_header_body_wrapper .valilehti_body
{
margin-left: -20px;
border-left: 20px solid white;
margin-top: -7px;
padding-left: 0px;
padding-top: 15px;
border-right: 20px solid white;
margin-right: -20px;
}
.valilehti_body
{
padding: 10px;
margin-top: -19px;
background-color: white;
position: relative;
padding-right: 11px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
#valilehti_body_sisempi_wrapper
{
width: 100%;
}
.valilehti_header_body_wrapper .valilehti_body div[id^=kampanjat_valilehdet_]
{
abox-shadow: 0px 0px 0px 1px red;
min-height: 100px;
}
.ohjeteksti_asetukset
{
max-width: 490px;
margin-top: 4px;
margin-bottom: 9px;
}
#e_markkinointi_raportti_div>table.editnaytto_table:not(.allekkain)>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td>span
{
white-space: normal;
word-break: break-all;
}
textarea[id="tiedot[lahetys_epaonnistunut]"]
{
min-height:28px;
}
select#kuukausiera_select
{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
}
tr.hinta_tr.kuukausiera_tr>td
{
padding-top: 15px;
/* master_utf8 loppuu */
}
/* Timon lisäykset 28.9.2017 klo 19:59 ALKU */
div.slider
{
overflow:hidden;
white-space: normal;
adisplay: none;
background: white;
height:0px;
adisplay:block;
}
div.child_padding
{
padding:10px;
padding-left:20px;
}
table.dataTable tbody td.child {
padding: 0!important;
}
.dataTable>tbody>tr>td
{
position: relative;
}
/* hoverilla näkyvä alue solujen oikeassa reunassa, jota voi klikata */
.dataTable>tbody>tr:not(.child)>td:after
{
content: '\00a0';
background-color: transparent;
height: 100%;
cursor: pointer;
margin-top: -8px;
border: 0px solid;
width: 100%;
display: inline-block;
font-size: 16px;
white-space: nowrap;
border-top: 8px solid;
border-bottom: 8px solid;
border-color: transparent;
margin-bottom: -8px;
position: absolute;
visibility: visible;
}
/*
.dataTable>tbody>tr>td:hover:after
{
content: '+';
text-align: center;
display: -webkit-inline-flex;
display: inline-flex;
align-content: center;
align-items: center;
justify-content: center;
}
*/
.buttonit_div
{
margin-top: 4px;
aborder: 1px solid blue;
display: inline-block;
margin-bottom: 8px;
}
html .btn-group-vertical > .btn, .btn-group > .btn
{
float: initial;
}
.details_div
{
aborder: 1px solid orange;
display: block;
margin-left: -4px;
margin-right: -4px;
}
table.dataTable.dtr-inline>tbody>tr:last-child>td
{
border-bottom: 1px solid darkgrey;
}
/* On jo aiemmin joten tämä tulee voimaan. Aiemman voi poistaa. */
.childrow-data .title
{
font-weight: bold;
white-space: normal;
color: #e7381e;
padding-right: 0;
padding-right: 4px;
}
/* Timon lisäykset 28.9.2017 klo 19:59 LOPPU */
.childrow-data>.title
{
display:block;
position: relative;
}
.childrow-data>.data,
.childrow-data>.title
{
abox-shadow: 0 0 0 1px;
}
.childrow-data>.data
{
max-height: 1.5em;
overflow: hidden;
display: block;
width: 100%;
}
.childrow-data
{
background-color: #f5f5f5;
border: 1px solid #d0d0d0;
border-radius: 4px;
margin: 4px;
padding: 4px;
padding-left: 8px;
padding-right: 8px;
min-height: 56px;
}
.open_close
{
cursor:pointer;
}
.open_close:before
{
content: '+';
height: 100%;
width: 17px;
abackground-color: rgba(255, 0, 0, 0.21);
font-weight: bold;
display: inline-block;
}
.open_close.my_close:before
{
content: '-'!important;
}
.multicheckbox_wrapper input[type=text]
{
display:none;
}
.valilehden_hakuehdot_wrapper
{
adisplay:none;
margin-bottom: 14px;
position: relative;
}
html table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
html table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child
{
cursor: initial;
}
html.e_markkinointi_tilit .datatable4 .toiminto_td
{
min-width: 340px;
}
.container.row.tal_valital_poistu
{
display: -webkit-flex;
display: flex;
}
html.is_in_iframe #intercom-container,
html.is_in_iframe #gs
{
display:none;
}
.piilota_nayta_wrapper_div
{
cursor:pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 36px;
display: -webkit-flex;
display: flex;
align-items: center;
align-content: center;
abackground-color: rgba(145, 224, 132, 0.47);
}
.editnaytto_table>tbody>tr.taulukon_ylaotsikkoriviTR div.piilota_nayta_wrapper_div
{
display: -webkit-inline-flex;
display: inline-flex;
}
.piilota_nayta_wrapper_div:before
{
content: '+';
aheight: 100%;
width: 17px;
abackground-color: rgba(255, 0, 0, 0.21);
font-weight: bold;
display: inline-block;
}
.piilota_nayta_wrapper_div.my_piilota:before
{
content: '-'!important;
}
#tilauksen_maarientarkastus_sisalto select
{
width: 100%;
}
#tilauksen_maarientarkastus_sisalto td[nowrap="NOWRAP"]
{
white-space:nowrap;
}
#tilauksen_maarientarkastus_sisalto td
{
hyphens: auto;
}
#tilauksen_maarientarkastus_sisalto .datatable4>tbody>tr>td
{
min-width:initial;
}
/*
html table.dataTable>tbody>tr>td.dataTables_empty
{
background-color:transparent !important;
pointer-events:none;
}
*/
/*
------------------
leveys-tyylit ALKU
------------------
*/
@media only screen and (min-width: 768px)
{
aaa.collapse.navbar-collapse
{
overflow: scroll!important;
margin-left: 20px;
margin-right: 0px;
border: 1px solid red;
padding-left: 0px;
padding-right: 0px;
}
aaa.ul.nav.navbar-nav
{
margin-top: 13px;
display: flex;
white-space:nowrap;
float:initial;
border:1px solid blue;
}
}
/*
-------------------
leveys-tyylit LOPPU
-------------------
*/
.disabled.disabled_pointer_events_initial
{
pointer-events:initial!important;
cursor: default!important;
}
.dropdown-menu>li>a.disabled,
.dropdown-menu>li>a.disabled:focus,
.dropdown-menu>li>a.disabled:hover
{
color: #777;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus
{
outline: none;
}
html .dataTable>tbody>tr:not(.child)>td
{
apadding-left:20px;
apadding-right:20px;
}
html table.dataTable thead .sorting:after,
html table.dataTable thead .sorting_asc:after,
html table.dataTable thead .sorting_desc:after,
html table.dataTable thead .sorting_asc_disabled:after,
html table.dataTable thead .sorting_desc_disabled:after
{
position: absolute;
bottom: 11px;
right: 4px;
display: inline-block;
font-family: 'Glyphicons Halflings';
opacity: 0.5;
font-size: 10px;
}
html table.datatable4 thead .sorting_asc:after,
html table.datatable4 thead .sorting_desc:after {
position: relative;
bottom: -4px;
margin-left: 15px;
float: right;
display: inline-block;
font-family: 'Glyphicons Halflings';
opacity: 5.5;
font-size: 12px;
}
html table.dataTable thead>tr>th.sorting_asc,
html table.dataTable thead>tr>th.sorting_desc,
html table.dataTable thead>tr>th.sorting,
html table.dataTable thead>tr>td.sorting_asc,
html table.dataTable thead>tr>td.sorting_desc,
html table.dataTable thead>tr>td.sorting
{
padding-right: 18px;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled
{
cursor: pointer;
position: relative;
}
table.dataTable thead>tr>th
{
user-select:none;
}
.details_div
{
font-size:0;
}
.details_div .data,
.details_div .title
{
font-size:16px;
}
/* Mac ja touch -laitteissa ylämenu vaakaskrollattavaksi: */
@media (min-width: 768px)
{
html.isMacLike.class_desktop .navbar-default:not(.menu-left) .navbar-collapse .nav.navbar-nav,
html.is_touch .navbar-default:not(.menu-left) .navbar-collapse .nav.navbar-nav
{
white-space:nowrap;
display: -webkit-flex;
display: flex;
}
html.isMacLike.class_desktop .navbar-default:not(.menu-left) .navbar-nav>li,
html.is_touch .navbar-default:not(.menu-left) .navbar-nav>li
{
float: none;
display: inline-block;
}
html.isMacLike.class_desktop .navbar.navbar-default:not(.menu-left),
html.is_touch .navbar.navbar-default:not(.menu-left)
{
overflow-x:scroll;
overflow-y:visible;
}
html.isMacLike.class_desktop .navbar.navbar-default::-webkit-scrollbar,
html.is_touch .navbar.navbar-default::-webkit-scrollbar
{
display: none;
}
}
/*
-webkit-overflow-scrolling aiheuttaa dropdownin katkeamisen pystysuunnassa, joten fixataan
*/
html.isMacLike.class_desktop .navbar-default:not(.menu-left).webkit_overflow_scrolling_initial,
html.is_touch .navbar-default:not(.menu-left).webkit_overflow_scrolling_initial
{
-webkit-overflow-scrolling:initial!important;
overflow:hidden!important;
}
/* Estetään hoverin värjäys, koska menu ei ole skrollattavissakaan */
html.isIOS .webkit_overflow_scrolling_initial .nav>li:not(.open)>a:hover
{
background-color:#000!important;
}
.nav-tabs li>a
{
border: none;
}
/*
Välilehdet vaakaskrollattaviksi
*/
html.isMacLike.class_desktop .nav_tabs_wrapper,
html.is_touch .nav_tabs_wrapper
{
position:relative;
}
html.isMacLike.class_desktop .nav-tabs,
html.is_touch .nav-tabs
{
margin: 0;
padding: 0;
display: flex;
overflow-x: scroll;
overflow-y: hidden;
padding-top: 20px;
padding-bottom: 0px;
ajustify-content: space-between;
aborder-bottom: 10px solid rgba(244,0,0,0.5);
padding-left: 15px;
margin-left: -15px;
padding-right: 15px;
width: calc(100% + 45px);
background-color: #c7d3da;
margin-top: 12px;
margin-bottom: 12px;
}
html.isMacLike.class_desktop .nav-tabs>li,
html.is_touch .nav-tabs>li
{
display: inline-flex;
white-space:nowrap;
margin-bottom: 0px;
}
html.isMacLike.class_desktop .nav-tabs>li>a:after,
html.is_touch .nav-tabs>li>a:after
{
content: '';
border: 1px solid darkgrey;
height: 1px;
position: absolute;
width: calc(100% + 36px);
bottom: 0px;
left: -17px;
z-index:0;
}
html.isMacLike.class_desktop .nav-tabs:after,
html.is_touch .nav-tabs:after
{
content: '';
border: 1px solid darkgrey;
height: 1px;
width: calc(100% + 30px);
left: -15px;
position: absolute;
bottom: 0;
}
html.isMacLike.class_desktop .nav-tabs>li.active>a:before,
html.isMacLike.class_desktop .nav-tabs>li.active>a:focus:before,
html.isMacLike.class_desktop .nav-tabs>li.active>a:hover:before,
html.is_touch .nav-tabs>li.active>a:before,
html.is_touch .nav-tabs>li.active>a:focus:before,
html.is_touch .nav-tabs>li.active>a:hover:before
{
content: '';
border: 1px solid white;
height: 1px;
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
z-index: 1;
}
html.isMacLike.class_desktop .nav.nav-tabs>li>a,
html.is_touch .nav.nav-tabs>li>a
{
border: 2px solid black!important;
border-bottom-style: hidden!important;
margin-right: 3px;
margin-bottom: 0;
height: 50px;
padding: 12px;
vertical-align:middle;
border-radius: 0px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: none;
}
html.isMacLike.class_desktop .nav.nav-tabs>li>a:hover,
html.isMacLike.class_desktop .nav.nav-tabs>li>a:focus,
html.is_touch .nav.nav-tabs>li>a:hover,
html.is_touch .nav.nav-tabs>li>a:focus
{
border: 2px solid #EC614C!important;
border-bottom-style: hidden!important;
padding-bottom: 12px!important;
padding-top: 12px!important;
margin-top: 0px;
background-color: #EC614C!important;
color:white!important;
}
html.isMacLike.class_desktop .nav-tabs>li.active>a,
html.isMacLike.class_desktop .nav-tabs>li.active>a:focus,
html.isMacLike.class_desktop .nav-tabs>li.active>a:hover,
html.is_touch .nav-tabs>li.active>a,
html.is_touch .nav-tabs>li.active>a:focus,
html.is_touch .nav-tabs>li.active>a:hover
{
border: 2px solid darkgrey!important;
border-bottom-style: hidden!important;
background-color:white!important;
color:#000!important;
padding-bottom: 12px!important;
padding-top: 12px!important;
margin-top: 0px;
position: relative;
z-index: 1;
}
ahtml.isMacLike.class_desktop .nav-tabs:after
{
content: '';
width: 100%;
height: 10px;
border: 1px solid blue;
position: absolute;
bottom: 0px;
left: 0px;
background-color: white;
}
html.isMacLike.class_desktop .nav-tabs>li:last-child:after,
html.is_touch .nav-tabs>li:last-child:after
{
margin-right: 10px;
content: '';
width: 15px;
}
html.isMacLike.class_desktop .nav-tabs::-webkit-scrollbar,
html.is_touch .nav-tabs::-webkit-scrollbar
{
display: none;
}
/*
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9
*/
html.isMacLike.class_desktop [class*=col-lg-],
html.isMacLike.class_desktop [class*=col-md-],
html.isMacLike.class_desktop [class*=col-sm-],
html.isMacLike.class_desktop [class*=col-xs-],
html.is_touch [class*=col-lg-],
html.is_touch [class*=col-md-],
html.is_touch [class*=col-sm-],
html.is_touch [class*=col-xs-]
{
padding-right: 0px;
padding-left: 0px;
}
/*
#e_markkinointi_raportit_nav_tabs>*,
#e_markkinointi_tilit_nav_tabs>*,
#kontaktit_haku_nav_tabs>*,
#rekisterit_nimikkeet_nav_tabs>*,
#rekisterit_tuotteiden_kohdetyypit_nav_tabs>*,
#rekisterit_tuotteiden_koot_nav_tabs>*,
#rekisterit_seurantatyypit_nav_tabs>*,
#rekisterit_nimikkeiden_alanimikkeet_nav_tabs>*,
#tilaukset_selvittelytili_nav_tabs>*,
#tilaukset_nav_tabs>*,
#users_nav_tabs>*
*/
.nav-tabs>*
{
opacity:0;
}
/*
#e_markkinointi_raportit_nav_tabs.visible>*,
#e_markkinointi_tilit_nav_tabs.visible>*,
#kontaktit_haku_nav_tabs.visible>*,
#rekisterit_nimikkeet_nav_tabs.visible>*,
#rekisterit_tuotteiden_kohdetyypit_nav_tabs.visible>*,
#rekisterit_tuotteiden_koot_nav_tabs.visible>*,
#rekisterit_seurantatyypit_nav_tabs.visible>*,
#rekisterit_nimikkeiden_alanimikkeet_nav_tabs.visible>*,
#tilaukset_selvittelytili_nav_tabs.visible>*,
#tilaukset_nav_tabs.visible>*,
#users_nav_tabs.visible>*
*/
.nav-tabs.visible>*
{
opacity:1;
}
/*
-webkit-overflow-scrolling aiheuttaa dropdownin katkeamisen pystysuunnassa, joten fixataan
*/
html.isMacLike.class_desktop .nav-tabs.webkit_overflow_scrolling_initial,
html.is_touch .nav-tabs.webkit_overflow_scrolling_initial
{
-webkit-overflow-scrolling:initial!important;
overflow:hidden!important;
}
html:not(.isMacLike.class_desktop):not(.is_touch) .dataTables_wrapper>.row>div
{
padding-right:0px;
}
ahtml:not(.isMacLike) .row,
ahtml:not(.is_touch) .row
{
margin-right: 0px;
margin-left: 0px;
}
.row
{
margin-right: 0px;
margin-left: 0px;
}
html:not(.isMacLike) [class*="col-"],
html:not(.is_touch) [class*="col-"]
{
padding-right: 0px;
padding-left: 0px;
}
.editnaytto_pituus
{
display: inline-block;
position: absolute;
white-space: nowrap;
bottom: -13px;
font-size: 10px;
right: 0px;
background: black;
color: white;
padding-left: 6px;
padding-right: 6px;
border-radius: 8px;
border-top-right-radius: 0px;
z-index: 1;
}
.editnaytto_td_wrapper>input+.editnaytto_pituus
{
abottom: -13px;
}
.merkkimaara_error
{
background-color: #BA0066;
}
.editnaytto_td_wrapper
{
position: relative;
width: auto;
amargin-bottom: 10px;
abox-shadow: 0 0 0 5px rgba(200,200,255,0.2);
display: inline-block;
}
@media only screen and (max-width: 767px)
{
.editnaytto_td_wrapper
{
amax-width: 50vw;
}
}
html.isMacLike.class_desktop .nav.nav-tabs>li.disabled>a,
html.is_touch .nav.nav-tabs>li.disabled>a
.nav-tabs>li
{
color: #f6f6f6!important;
background: #bcbcbc!important;
cursor: default!important;
border-color: darkgrey!important;
}
html .nav.nav-tabs>li.disabled>a
{
color: #f6f6f6!important;
background: #bcbcbc!important;
cursor: default!important;
border-color: darkgrey!important;
}
html.isMacLike.class_desktop #kontaktit_haku_nav_tabs>li>a,
html.is_touch #kontaktit_haku_nav_tabs>li>a
{
padding-top: 3px!important;
height: 57px;
margin-top: -5px;
min-width: 119px;
}
#kontaktit_haku_nav_tabs>li>a
{
padding-top: 6px!important;
height: 57px;
margin-top: 0px;
min-width: 119px;
}
html table.datatable4>tbody>tr.valiotsikko
{
background-color: transparent!important;
}
html table.datatable4>tbody>tr.yhteensa_rivi
{
background-color: transparent!important;
}
.infosivu_laatikko_body_td>table>tbody>tr>td
{
padding-left: 4px!important;
padding-right: 4px!important;
aborder:1px solid red;
white-space:nowrap;
}
.infosivu_laatikko_body_td>table>tbody>tr>td:first-child
{
padding-left: 14px!important;
}
.infosivu_laatikko_body_td>table>tbody>tr>td:last-child
{
padding-right: 14px!important;
}
.puhelinluettelotr>td
{
max-width: 82px;
}
tbody>tr.puhelinluettelotr>td:last-child
{
max-width: initial;
min-width: initial;
}
.puhelinluettelo_lisaa_uusi_rivi>td
{
border-top-style:hidden!important;
border-left-style:hidden!important;
border-right-style:hidden!important;
border-bottom-style: hidden!important;
}
#puhelinluettelo_table_div>table.datatable4>tbody>tr>td:first-child
{
padding-left: 12px!important;
}
#puhelinluettelo_table_div>table.datatable4>tbody>tr>td:last-child
{
padding-right: 12px!important;
}
.puhelinluettelo_hakudiv
{
padding-left: 12px!important;
padding-right: 12px!important;
}
div#asentajakartan_selitykset>table>tbody>tr>td
{
padding-top: 10px;
}
.asentajakartan_selitykset_wrapper
{
abackground-color: #eee;
aborder-radius: 5px;
hyphens: auto;
white-space: normal;
height: 100%;
display: flex;
margin-right: 5px;
padding: 4px;
}
.asentajakartan_selitykset_wrapper>img
{
display: inline-block;
height: 31px;
width: auto;
margin-right: 5px;
}
html table.datatable4>tbody>tr.yhteensa_rivi>th,
html table.datatable4>tbody>tr.yhteensa_rivi>td
{
white-space: nowrap;
border-bottom: none;
}
.tyomaaraportit_mycheckboxit_wrapper .mycheckbox_div
{
margin-top:5px;
margin-bottom:5px;
}
.tyomaaraportit_mycheckboxit_wrapper
{
margin-top:-5px;
margin-bottom:-5px;
}
input.haku[name*="from_postinumero"]
{
margin-right:3px;
}
input.haku[name*="to_postinumero"]
{
margin-left:3px;
}
select.haku[name*="paivakentta"]
{
margin-top:4px;
}
.calendar *
{
box-sizing: content-box;
}
html .calendar td
{
padding: 2px!important;
border-width: 1px!important;
min-width: 2em!important;
border-style: solid!important;
border-color: #0c4ba9!important;
border-color: transparent!important;
}
html .calendar
{
border-width: 0px;
-webkit-box-shadow: 0 5px 12px rgba(0,0,0,.275);
box-shadow: 0 5px 12px rgba(0,0,0,.275);
overflow:hidden;
border-radius: 6px;
}
.calendar tbody .day:not(.wn):hover
{
background-color: white;
}
.calendar table
{
margin-right: -1px;
margin-bottom: -1px;
}
html .calendar div.combo .label
{
display: block;
padding: 0;
font-size: 100%;
font-weight: normal;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0;
padding-top: 5px;
padding-bottom: 5px;
}
html .calendar .combo .active
{
border: none;
}
html .calendar .combo
{
padding: 0px;
}
html .calendar tbody td.selected
{
background-color: #daedff;
border: 1px double #0382fd!important;
}
html .calendar tbody .day
{
text-align: center;
}
html .calendar tbody .day.othermonth
{
color: #0266fc;
font-size: 95%;
vertical-align: middle;
}
.hakunaytto_content:not(.responsive) table.dataTable
{
table-layout: auto!important;
}
.hakunaytto_content:not(.responsive) table.dataTable>thead>tr>th,
.hakunaytto_content:not(.responsive) table.dataTable>tbody>tr>td
{
display: table-cell!important;
}
.hakunaytto_content:not(.responsive) table.dataTable>tbody>tr>td
{
white-space:normal!important;
}
.hakunaytto_content:not(.responsive) table.dataTable>tbody>tr.child>td.child>div.slider .details_div
{
max-width:1280px;
}
.nakyvat_sarakkeet_ei_hakunaytto .btn.btn-default.sarakevalintali
{
border: none;
background-color: transparent!important;
cursor: initial;
box-shadow: none!important;
}
div[class^="tarjouksen_muokkaus_"] .editnaytto_table
{
width: 100%!important;
max-width: 700px!important;
}
div[class^="tarjouksen_muokkaus_"] .editnaytto_table textarea {
width: 100%!important;
word-break: break-word!important;
height: 121px!important!important;
}
div[class^="tarjouksen_muokkaus_"] .editnaytto_table>tbody>tr>th
{
max-width: 150px!important;
min-width: 121px!important;
hyphens: auto!important;
aword-break: break-all!important;
}
div[class^="tarjouksen_muokkaus_"] .editnaytto_table>tbody>tr[id="tiedot_tr_row[kontakti_refid]"]
{
display:none!important;
}
/*
Alamenu vaakaskrollattavaksi Mac+touch
*/
html.isMacLike.class_desktop ul.nav.nav-pills,
html.is_touch ul.nav.nav-pills
{
white-space: nowrap;
overflow-x: scroll;
overflow-y: visible;
display: -webkit-flex;
display: flex;
padding-top: 10px;
padding-bottom: 15px;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
}
html.isMacLike.class_desktop ul.nav.nav-pills>li:last-child>a,
html.is_touch ul.nav.nav-pills>li:last-child>a
{
margin-right: 15px;
}
html.isMacLike.class_desktop ul.nav.nav-pills::-webkit-scrollbar,
html.is_touch ul.nav.nav-pills::-webkit-scrollbar
{
display: none;
}
.asetusryhma
{
border: 1px solid #b3b3b3;
background-color: #e8e8e8;
border-radius: 5px;
margin-top:3px;
margin-bottom:10px;
max-width: 600px;
}
.asetusryhma>div
{
border-bottom: 1px solid #b3b3b3;
min-height: 55px;
display: -webkit-flex;
display: flex;
align-items: center;
width:100%;
flex-direction: column;
}
.asetusryhma>div._checkbox
{
flex-direction: row;
}
.asetusryhma>div:not([style*="display:none"]):not([style*="display: none"]):last-child
{
border-bottom: 0px solid #b3b3b3;
}
.asetusryhma>div>div
{
padding: 8px;
padding-top: 5px;
padding-bottom: 2px;
width:100%;
abox-shadow: inset 0 0 0 1px red;
}
.asetus_highlight
{
background: #d0d0d0;
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
}
.asetus_highlight>div
{
aborder-left: 8px solid #b3b3b3;
}
.asetusryhma>div.asetus_highlight>div
{
apadding-left:4px;
}
.asetusryhma>div>div>.span_mycheckbox_wrapper
{
justify-content: space-between;
width:100%;
}
.asetusryhma>div>div>.span_mycheckbox_wrapper>input[type="checkbox"].mycheckbox + label
{
margin-right: 0px;
}
.asetusryhma>div>div>.span_mycheckbox_wrapper>input[type="checkbox"].mycheckbox
{
right: 0px;
left: auto;
top: auto;
}
.asetusryhma>div>div:first-child
{
padding-top: 5px;
font-weight:bold;
}
.asetusryhma>div:not(._checkbox)>div
{
padding-right: 60px;
position: relative;
}
.asetusryhma>div>div:last-child
{
padding-bottom: 6px;
}
.asetusryhma>div._checkbox>div:last-child
{
padding-bottom: 6px;
margin-top: 8px;
margin-bottom: 8px;
}
a.asetukset_button
{
float:right;
abox-shadow: inset 0 0 0 1px blue;
position: absolute;
right: 8px;
z-index:1;
margin-right: -8px;
width: 50px;
text-align: center;
bottom: calc(0px - 37px);
display: -webkit-flex;
display: flex;
justify-content: center;
height:37px;
color:#000;
}
html a.asetukset_button:hover
{
text-decoration: initial;
color: #EC614C}
a.asetukset_button>i
{
font-size: 27px!important;
line-height: 1.3em;
}
a.asetukset_button>i.demo-icon.icon-edit-1
{
font-size: 23px!important;
line-height: 1.6em;
}
div[id^="asetus_view_div_"],
div[id^="asetus_edit_div_"]
{
min-height: 37px;
}
div[id^="asetus_edit_div_"]>textarea
{
width: 100%;
margin-bottom: 4px;
padding-top: 3px;
word-break: break-word;
padding-bottom: 3px;
}
.asetus_view_arvo
{
white-space: pre-wrap;
}
.asetus_view_arvo_color,
.asetus_view_arvo,
.asetus_edit_file
{
display: -webkit-inline-flex;
display: inline-flex;
border:1px solid transparent;
min-height:27px;
padding:0px;
padding-left:7px;
padding-right:7px;
vertical-align: initial;
outline:none;
font-size:16px;
line-height:initial;
border-radius: 0px;
box-shadow: none!important;
align-items: center;
padding-bottom: 3px;
padding-top: 3px;
}
.asetus_view_arvo_color,
.asetus_view_arvo,
.asetus_edit_file
{
abox-shadow: 0 0 0 1px red!important;
}
.asetus_view_arvo_color
{
white-space:nowrap;
}
.lataa_linkki_asetuksissa
{
margin-top: 3px;
margin-bottom: 7px;
}
.asetus_edit_file .fileinput-box
{
margin-bottom: 8px;
width: 100%;
position: relative;
}
.asetus_edit_file label
{
width: 100%;
}
.asetus_edit_file .inputfile-6 + label span
{
width: 100%;
max-width: initial;
}
.asetus_edit_file
{
flex-direction:column;
align-items: initial;
width:100%;
}
[id^="asetus_edit_div_"]>input,
[id^="asetus_edit_div_"]>select
{
margin-right: 4px;
max-width: 100%;
}
.asetus_view_arvo.asetus_view_select
{
padding-top: 3px;
}
.asetusryhma>div>div[id^="asetus_view_div_"]
{
padding-bottom: 6px;
}
.open_close_asetukset.my_close:before
{
content: '-'!important;
}
.open_close_asetukset:before
{
content: '+';
height: 100%;
width: 17px;
abackground-color: rgba(255, 0, 0, 0.21);
font-weight: bold;
display: inline-block;
}
.open_close_asetukset
{
cursor:pointer;
display:inline-block;
}
.bh3
{
abox-shadow: 0 0 0 1px red;
max-width: 600px;
padding-top: 7px;
padding-bottom: 1px;
font-size: 17px;
}
.open_close_yleinen.my_close:before
{
content: '-'!important;
}
.open_close_yleinen:before
{
content: '+';
width: 17px;
font-weight: bold;
display: inline-block;
}
.open_close_yleinen
{
cursor:pointer;
display:inline-block;
}
a.asetukset_ohje_linkki
{
display:inline-block;
margin-left:0.3em;
}
.asetukset_ohje_div
{
margin-top:5px;
abox-shadow:0 0 0 1px red;
font-weight: normal;
font-style: italic;
}
.open_close_kaikki_asetukset_button
{
width: 120px;
text-align: left;
}
.asetukset_yla_elementit
{
max-width: 600px;
abox-shadow: 0 0 0 1px blue;
margin-bottom: 10px;
}
.colorpicker_submit:before
{
content: 'OK';
color: white;
font-size: 13px;
}
html .colorpicker_submit
{
background: none;
border: 1px solid #404141;
padding-left: 3px;
padding-right: 3px;
width: 27px;
text-align: center;
vertical-align: middle;
height: 24px;
margin-left: -4px;
margin-top: -3px;
background: #2e2e2e;
}
.asetukset_div
{
margin-bottom: 26px;
}
span.asetukset_vali
{
padding-left: 10px;
}
.custom_html_button
{
white-space: normal!important;
height: auto!important;
}
.asetukset_arvo
{
min-width: 50px;
word-break: break-all;
}
.mycheckbox_text>.asetus_view_arvo
{
padding: 0px!important;
}
.user_tiedot_menussa
{
font-size: 16px;
aborder: 1px solid red;
white-space: normal;
user-select: text;
margin-left: 20px;
margin-right: 20px;
max-width: 227px;
}
.user_tiedot_menussa_li
{
abox-shadow: 0 0 0 1px blue;
padding-bottom: 7px;
padding-top: 7px;
margin-top: -9px;
margin-bottom: -9px;
font-style: italic;
background-color: #e9e9e9;
}
.kaannokset_buttonit_holder
{
margin-top: 10px;
}
.kaannokset_buttonit_holder input[type="button"]
{
margin-bottom: 7px;
}
table[id^=kaannos_osio_]>tbody>tr>th
{
min-width: 110px;
}
table[id^=kaannos_osio_]>tbody>tr>td textarea
{
width: 100%;
}
table#kontaktit_tarkkahaku select, table#kontaktit_tarkkahaku input
{
margin-right: 2px!important;
margin-left: 2px!important;
margin-bottom: 2px!important;
margin-top: 2px!important;
max-width: 500px;
min-width: 125px;
}
table#kontaktit_tarkkahaku>tbody>tr>td
{
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
}
input#kontaktit_pikahaku_hae
{
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
html .nowrap_button
{
white-space:nowrap;
}
.my_input-group-btn
{
display: inline-block;
}
.my_input-group
{
font-size:0;
white-space: nowrap;
}
input#kontaktit_pikahaku
{
width: 100%;
max-width: 200px;
}
.span_mycheckbox_wrapper.editnaytto {
/* width: 190px; */
white-space: nowrap;
/* word-break: break-word; */
/* hyphens: auto; */
line-height: 1.2em;
padding-top: 2px;
padding-bottom: 2px;
display: -webkit-flex;
display: flex;
}
.editnaytto_table .multicheckbox_wrapper
{
max-height: 300px;
overflow: auto;
}
.fileinput-div.editnaytto>*:not(.fileinput-buttondiv)
{
margin-top: 4px;
margin-bottom: 4px;
}
.fileinput-div.editnaytto>.fileinput-buttondiv>*
{
margin-top: 2px;
margin-bottom: 2px;
}
.editnaytto_ohje_div
{
margin-top: 3px;
width: 100%;
/*
max-width: 50vw;
max-width: -moz-max-content;
max-width: -webkit-max-content;
max-width: max-content;
*/
max-width:600px;
}
div.rivimuokkaus .fileinput-buttondiv
{
width: 100%;
max-width: 50vw;
max-width: -moz-max-content;
max-width: -webkit-max-content;
max-width: max-content;
}
div[id^="toimitussisaltoJAsopimusehdot"] input[type="button"]
{
margin-top: 5px;
}
.rivimuokkaus .editnaytto_table td .editnaytto_td_wrapper
{
awidth: 100%;
}
div[id^="tarjouksen_muokkaus_"] .datatable4>tbody>tr>td
{
awhite-space: nowrap;
vertical-align: middle;
}
div[id^="tarjouksen_muokkaus_"] .datatable4>tbody>tr>td>.textarea_wrapper
{
margin-top: 0px;
}
.alanimike_select_span
{
display:block;
margin-top: 2px;
}
div[id^="tarjouksen_muokkaus_"] .datatable4>tbody>tr>td.vertical_align_top
{
vertical-align:top;
}
div[id^="tarjouksen_muokkaus_"] .datatable4>tbody>tr>td.white_space_nowrap
{
white-space: nowrap;
}
.miinusluku
{
color:red !important;
}
.alempi_input
{
margin-top: 2px;
}
.alanimike_select_span>select
{
float: right;
min-width: 312px;
max-width: 312px;
width: 312px;
font-style: italic;
}
.tarjous_edit_hinta_table th, .tarjous_edit_hinta_table td
{
aborder: 1px solid red;
}
div[class^="tarjouksen_muokkaus_"] .editnaytto_table.tarjous_edit_hinta_table
{
max-width:100%!important;
}
.editnaytto_table.tarjous_edit_hinta_table>tbody>tr>th
{
width: 231px;
abackground-color:rgba(0,0,0,0.5);
}
.editnaytto_table>tbody>tr>th select
{
color: initial;
font-weight: initial;
}
span#liukusaadin_huom
{
font-size: 12px;
}
tr#alennus_tr_manuaalinen>td>input, tr#alennus_tr_manuaalinen>td>select
{
margin-top: 2px;
margin-bottom: 2px;
}
.ei_tuotteita
{
color:red;
}
.lowercase
{
text-transform: lowercase;
}
.uppercase
{
text-transform: uppercase;
}
.capitalize
{
text-transform: capitalize;
}
div#tarjouksen_muokkaus_hinta_div .datatable4
{
width: 100%;
}
div#tarjouksen_muokkaus_hinta_div .datatable4>tbody>tr>td:first-child
{
width: 218px;
}
.tarjous_kommentit_buttonit input
{
margin-top:4px;
margin-bottom:4px;
}
div#myyjan_allekirjoitus_div .sigNav,
div#asiakkaan_allekirjoitus_div .sigNav
{
width: 400px;
}
div#myyjan_allekirjoitus_div .drawIt,
div#asiakkaan_allekirjoitus_div .drawIt
{
white-space: nowrap;
}
html .sigPad
{
width: auto;
}
.allekirjoitukset_pystyvali
{
width: 40px;
min-width: 10px;
}
html .a_allekirjoitukset
{
color: initial;
font-weight: bold;
}
html .drawItDesc
{
margin: 0;
padding: 0;
border-top: none;
font: inherit;
font-weight: bold;
}
html.tarjous input[type="text"]
{
margin-top: 0px;
}
html.tarjous li.drawIt>a
{
color: white!important;
}
html tr.displaynone
{
display: none;
}
.asiakastietojen_ylabutton_div
{
font-size: 16px;
font-weight: initial;
amargin-left: 19px;
}
.asiakastietojen_ylabutton_div>span
{
margin-right: 15px;
}
html.tarjous .editnaytto_table:not([class*="margin-"]):not(.tarjous_edit_hinta_table)
{
margin:0;
}
.asiakastietojen_ylabutton_div>*
{
vertical-align: middle!important;
}
span.debug_span
{
font-size: 16px;
color: rgb(191, 191, 191);
font-weight: normal;
font-style: italic;
}
span.debug_span a
{
color: rgb(191, 191, 191);
}
button, html input[type=button], input[type=reset], input[type=submit]
{
-webkit-appearance: initial;
}
html table.datatable4>tbody>tr>.tyoajanseuranta_yhteensarivi_th
{
text-align: right;
}
html.admin_menurakenne ul.ui-sortable
{
max-height: 244px;
overflow: scroll;
font-size: 12px;
}
/* Tiedotteet_lue alkaa */
table.dataTable>tbody>tr.boldattu>td,
table.datatable4>tbody>tr.boldattu>td
{
font-weight: bold;
}
html.tiedotteet_lue table.dataTable span.childrow-data>.data
{
white-space: pre-line;
}
html.tiedotteet_lue table.dataTable span.childrow-data
{
width: 680px;
max-width: 100%;
}
html.tiedotteet_lue tr[role="row"] .tiedote_td_div
{
overflow: hidden;
text-overflow: ellipsis;
aborder: 1px solid;
white-space: normal;
hyphens: auto;
}
html.tiedotteet_lue .tiedote_td_div_otsikko
{
font-weight:bold;
}
html.tiedotteet_lue tr[role="row"] .tiedote_td_div_teksti
{
display: none;
}
html.tiedotteet_lue .dataTable>tbody>tr:not(.child)>td:after
{
top: 0px;
width: 100%;
margin: 0px;
left: 0px;
}
html.tiedotteet_lue table.dataTable span.childrow-data>.data .tiedote_td_div_otsikko
{
font-size: 20px;
padding-bottom: 10px;
padding-top: 2px;
}
html.tiedotteet_lue table.dataTable .tiedote_td_div_otsikko .tiedote_td_div_otsikko_aika
{
color: #000;
margin-right: 10px;
}
html.tiedotteet_lue table.dataTable .tiedote_td_div_teksti .tiedote_td_div_teksti_aika_div
{
color: #666;
margin-top:15px;
}
html.tiedotteet_lue table.dataTable .tiedote_td_div_teksti .tiedote_td_div_teksti_aika_div .tiedote_td_div_teksti_aika
{
color: #adadad;
margin-right:10px;
display:inline-block;
}
html.tiedotteet_lue span.childrow-data:first-child
{
display: none;
}
html.tiedotteet_lue span.childrow-data:nth-child(2)
{
display: none;
}
html.tiedotteet_lue #tiedotteet>thead>tr>th:last-child
{
width: initial!important;
}
html.tiedotteet_lue #tiedotteet>thead>tr>th:first-child
{
width: 115px!important;
}
html.tiedotteet_lue tr[role="row"]:not(.boldattu) .tiedote_td_div>.tiedote_td_div_otsikko
{
font-weight: normal!important;
}
html.tiedotteet_lue #tiedotteet>thead>tr>th:nth-child(2)
{
width: 83px!important;
}
html.tiedotteet_lue tr[role="row"] .tiedote_td_div .tiedote_td_div_otsikko_aika
{
display: none;
}
html.tiedotteet_lue #tiedotteet>thead>tr>th
{
border: 0px solid red!important;
background-color: transparent;
color: #87004a;
}
html.tiedotteet_lue table.dataTable.row-border>thead>tr, html.tiedotteet_lue table.dataTable.row-border>thead>tr
{
border-style: none;
}
html.tiedotteet_lue table.dataTable.row-border thead tr:first-child th,
html.tiedotteet_lue table.dataTable.row-border tbody tr:first-child td
{
border-top-color: #a9a9a9;
}
html.tiedotteet_lue .tiedote_td_div_teksti
{
padding-bottom: 6px;
}
html.tiedotteet_lue .childrow-data
{
background-color: transparent;
border: 0px solid #d0d0d0;
}
#tiedotteet_lue_button
{
position: relative;
aoverflow: hidden;
width: 45px;
white-space: nowrap;
}
@media (min-width: 768px)
{
html:not(.isMacLike) .navbar:not(.menu-left) .navbar-nav>li,
html:not(.is_touch) .navbar:not(.menu-left) .navbar-nav>li
{
display: inline-flex;
float: unset!important;
margin-bottom: 4px;
}
}
li.dropdown.active>#tiedotteet_lue_button
{
background-color:#e7381e!important;
}
.nav>li>a#tiedotteet_lue_button:hover, .nav>li>a#tiedotteet_lue_button:focus
{
background-color:#e7381e!important;
}
#ilmoitusten_maara_tiedotteet_teksti
{
display: none;
}
#ilmoitusten_maara_tiedotteet
{
position: absolute;
display: none;
background-color: #EC614C;
min-width: 13px;
height: 17px;
right: 5px;
top: 5px;
color: white;
font-size: 10px;
border-radius: 2px;
line-height: 13px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 2px;
padding-top: 2px;
font-size: 11px;
}
nav.menu-left #tiedotteet_lue_button
{
display: none!important;
}
nav:not(.menu-left) #tiedotteet_lue_button_teksti
{
display: none!important;
}
@media (max-width: 767px)
{
html .navbar-default .navbar-collapse #tiedotteet_lue_button
{
display: none!important;
}
html .navbar-default .navbar-collapse #tiedotteet_lue_button_teksti
{
display: block!important;
}
}
.glyphicon.glyphicon-envelope
{
font-size: 18px;
position: absolute;
top: 11px;
left: 14px;
}
/* Tiedotteet_lue loppuu */
td>.editnaytto_td_wrapper>#e_markkinointi_csv_toiminnot_div
{
display: block!important;
}
html.e_markkinointi_raportti .editnaytto_td_wrapper,
html.e_markkinointi_tili .editnaytto_td_wrapper
{
display:block;
}
#e_markkinointi_csv_toiminnot_div .fileinput-box
{
margin-bottom: 4px;
}
#e_markkinointi_csv_toiminnot_div .fileinput-buttondiv
{
margin-bottom: 6px;
}
.reklamaatioraportit_div
{
awidth: 600px!important;
amax-width: 100%;
}
.reklamaatioraportit_div>div:not(.skrollattava_sisalto_div)
{
height: 400px;
display: inline-block;
awidth: 100%!important;
max-width:600px;
}
.reklamaatioraportit_div>div.skrollattava_sisalto_div>div
{
height: 400px;
display: inline-block;
awidth: 100%!important;
max-width:600px;
}
.reklamaatioraportit_div>div:empty
{
display:none;
}
.highcharts-container
{
abox-shadow:0 0 0 1px black;
border:1px solid black;
margin-right: 3px;
margin-bottom: 3px;
awidth:100%!important;
}
.reklamaatioraportit_div svg text tspan
{
fill: darkred;
}
.reklamaatioraportit_div svg text tspan+tspan
{
fill: black;
}
.reklamaatio_tablejen_holder
{
width:100%;
max-width:600px;
}
.reklamaatio_tablejen_holder>b
{
margin-top:20px;
display: inline-block;
}
.reklamaatio_tablejen_holder>table
{
width:100%;
}
.reklamaatio_tablejen_holder>table th:first-child
{
width:173px;
}
.editnaytto_td_wrapper
{
width: 100%;
}
html.is_in_iframe
{
overflow-x:scroll;
}
.tal_valital_poistu>*
{
margin-bottom: 4px!important;
}
td#lisatoimintonapit_td
{
padding-left: 0px;
background-color:transparent;
}
.paiv_valm_til_virhemarg
{
margin-bottom: 8px!important;
}
table.editnaytto_table > tbody > tr > td > .editnaytto_td_wrapper > input:not([type="checkbox"]):not([type="button"]),
table.editnaytto_table > tbody > tr > td > .editnaytto_td_wrapper > textarea
{
width: 100% !important;
max-width: initial !important;
max-width: -moz-max-content;
max-width: -webkit-max-content;
max-width: max-content;
}
div.rivimuokkaus td a:not(.transparent_bg)
{
word-break: break-all;
width: 100%;
display: inline-block;
}
#hae_asiakas_hakutulokset
{
margin-top:8px;
}
#hae_asiakas_hakutulokset>div
{
border:1px solid gray;
border-radius:8px;
background-color: #dedede;
padding:4px;
margin-bottom:4px;
cursor:pointer;
}
#hae_asiakas_hakutulokset>div:hover
{
background-color: #fff;
}
#hae_asiakas_buttoni
{
margin-left: 4px;
}
#laske_hinta_button_yla:not([disabled])
{
background-color: green;
}
#laske_hinta_button_yla:not([disabled]):hover
{
background-color: #1ab71a;
}
.editnaytto_ohje
{
margin-top: 6px;
font-style: italic;
}
.virheviiva:before
{
content: '';
position: absolute;
width: calc(100% - 15px);
height: 6px;
background-color: #BA0066;
margin-top: -8px;
margin-left: 6px;
border-radius: 8px;
}
.lisaa_kommentti_ohje
{
font-style: italic;
}
div.lisatietoja{
background-color:#e9e9e9;
padding: 6px;
border: 1px solid #a9a9a9;
}
h2.lisatietoja{
}
/* POPUP-STYLET ALKAVAT */
.popup.ui-draggable .ui-draggable-handle
{
cursor:move;
}
.popup
{
z-index:900;
display: inline-table;
aborder:2px solid red !important;
position:absolute;
width: auto;
opacity: 1;
max-width: fit-content;
amin-width: fit-content;
amin-width: min(90vw, 400px);
}
.popup.click_tooltip
{
min-width: initial;
max-width:100vw!important;
}
/* 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;
/*
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -o-calc(100% - 20px);
width: calc(100% - 20px);
*/
position:relative;
left:0px;
top:0px;
background-color:#EC614C;
background-image: url(../images/popup_yla_liuku.png), url(../images/popup_ala_image.png);
background-repeat: repeat-x, repeat-x;
background-position: 0px 0px, 0px 201px;
background-size: auto, 100% 100%;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
abox-shadow: 0 0px 26px 10px rgba(0, 0, 0, .65);
/*
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
*/
font-size: 16px;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: 0px solid red;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))
{
.popup.translucent>.popup_inner_table
{
background: linear-gradient(0deg, #ffffff calc(100% - 400px), #ffffffe0 calc(100% - 112px), #EC614Ce0 100%);
}
.popup.translucent>.popup_inner_table>tbody>tr>th.otsikkoteksti_th
{
background-color: #EC614C26!important;
}
.popup.translucent>.popup_inner_table>tbody>tr:nth-child(2)
{
background:transparent!important;
}
.popup.translucent>.popup_inner_table:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
display: block;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
border-radius: 8px;
}
}
.popup>.popup_inner_table td[id^="popupsisaltosolu_"]
{
border-radius: 0px !important;
background: none;
border: 0px solid rgb(255, 0, 0);
}
.popup_inner_table>tbody>tr>th
{
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border: 0px solid transparent; /*#0E4567;*/
height: 30px;
min-height: 30px;
padding:0px;
border-bottom-width: 0px;
box-sizing:border-box;
abackground-color:#006fb3;
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;
}
.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, div.popup.tooltip {
filter: drop-shadow(3px 3px 7px rgba(31,42,56,0.5));
max-width: 100vw;
}
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: #E60689 !important;
}
.ilmoitus>.popup_inner_table
{
abackground-color: #006fb3 !important;
background-color: rgb(255, 193, 7) !important;
}
div#popupsisaltosolu_scrollaus_div_hoverpopup {
margin: 0px;
/* margin-bottom: 11px !important; */
/* margin-top: 8px !important; */
box-sizing: border-box;
/* padding: 16px !important; */
/* padding-top: 0px !important; */
/* padding-bottom: 0px !important; */
color: rgb(0, 0, 0) !important;
font-size: 14px;
}
.ikkuna
{
}
.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;
}
.nuoli_div_parent.bottom_arrow
{
border-top: 21px solid #fff;
border-bottom: 0;
top: 100%;
}
div.popup.click_tooltip>table.popup_inner_table, div.popup.tooltip>table.popup_inner_table
{
background-color: #ffffff !important;
background-image: none !important;
mix-blend-mode: multiply;
border-radius: 8px;
}
.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: #FFF;
font-size: 21px;
font-weight: bold;
text-align: left;
vertical-align: middle;
border-width: 0px;
padding: 6px;
padding-left: 20px;
padding-right: 0px;
word-break: break-word;
}
.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.sulkupainike_td
{
padding: 0px;
width: 47px;
min-width: 47px;
max-width: 47px;
text-align: right;
vertical-align: middle;
border-width: 0px;
apadding-right: 20px;
cursor: pointer;
}
.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: right;
vertical-align: middle;
border-width: 0px;
apadding-right: 20px;
}
.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.fitpainike_td>i
{
cursor: pointer;
}
.popup_inner_table>tbody>tr>td
{
text-align:left;
vertical-align:top;
min-height: 100px;
padding: 0px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
/*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;
}
.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.ilmoitus>.popup_inner_table div[id^="popupsisaltosolu_scrollaus"],
.popup.ilmoitus_toiminto_onnistui>.popup_inner_table div[id^="popupsisaltosolu_scrollaus"],
.popup.ilmoitus_toiminto_epaonnistui>.popup_inner_table div[id^="popupsisaltosolu_scrollaus"]
{
word-break: break-word;
}
.popup.click_tooltip .popup_inner_table div[id^="popupsisaltosolu_scrollaus"]
{
margin:13px;
padding: 0px;
}
.popup>.popup_inner_table>tbody>tr>td>div>div,
.popup>.popup_inner_table>tbody>tr>td>div>table
{
visibility: visible;
}
.popup>.popup_inner_table>tbody>tr>td>div>div
{
display: block !important;
}
.popup>.popup_inner_table>tbody>tr>td>div>table
{
display: table !important;
}
.popup>.popup_inner_table>tbody>tr>td.eiotsikkoa
{
aborder-top-right-radius: 8px;
aborder-top-left-radius: 8px;
/*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;
}
i.suljepainike.demo-icon.icon-cancel
{
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: rgba(255,255,255,0.7);
}
i.suljepainike.demo-icon.icon-cancel:hover,
i.suljepainike.demo-icon.icon-cancel:focus
{
color:white;
}
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:white;
}
i.fitpainike.demo-icon.icon-menu:before
{
content: none !important;
}
i.fitpainike.demo-icon.icon-menu
{
padding-right: 0px;
font-size: 19px;
}
i.demo-icon
{
font-weight: normal;
}
.popup_gradient_tausta
{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}
.popup a:focus
{
text-decoration: underline;
}
/* POPUP-STYLET LOPPUVAT */
:focus {
outline: none !important;
}
.hyphens_auto
{
hyphens: auto;
}
#popup_soitto_div2 .otsikkoteksti_td
{
padding-left: 10px!important;
}
#tilauksen_liitteet_div .fileinput-box, #tilauksen_liitteet_div label,
#tilauksen_liitteet_div input[name="uusi_liite_kuvaus"]
{
width: 100%;
}
#popup_luukkukontakti_div>table
{
min-height: 500px;
}
#kontaktimuokkaus_haku_loytyneet_kontaktit_otsikko
{
text-decoration: underline;
color: #EC614C;
}
/* Timo 13.2.2018: tarkista tarvitaanko: */
.transparent_bg
{
background-color: transparent!important;
color: black;
}
/* Timo 13.2.2018: tarkista tarvitaanko: */
.transparent_bg:hover
{
background-color: transparent!important;
color: #EC614C;
}
.fileinput_tiedostot
{
white-space:nowrap;
display: inline-flex;
}
.fileinput_tiedostot .fileinput-buttondiv
{
display: inline-block;
margin: 0px;
margin-top: 1px;
}
.fileinput_tiedostot .fileinput-buttondiv .demo-icon.icon-upload-1
{
font-size: 22px;
}
.fileinput-div.fileinput_tiedostot button.transparent_bg
{
margin-right: 0px;
padding-right: 0px;
}
.fileinput_tiedostot_datatable tr:th:first-child,
.fileinput_tiedostot_datatable tr:th:last-child
{
width:50px;
}
table.datatable4.fileinput_tiedostot_datatable>tbody>tr>th:first-child, table.datatable4.fileinput_tiedostot_datatable>tbody>tr>td:first-child
{
min-width: 46px;
width: 46px;
}
.datatable4.fileinput_tiedostot_datatable button.transparent_bg
{
padding-right: 0px;
amargin-right: 0px;
}
.datatable4.fileinput_tiedostot_datatable button.transparent_bg i.demo-icon.icon-move_vertically
{
font-size: 23px;
}
.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, a.sortable_row2
{
cursor: move !important;
}
a.transparent_bg
{
text-decoration:none!important;
}
a.transparent_bg>i.demo-icon.icon-move_vertically
{
font-size: 22px;
padding-left: 11px;
padding-right: 11px;
}
.datatable4>tbody>tr>td.lataa_tiedosto_td, .datatable4>tbody>tr>th.lataa_tiedosto_td
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 55%;
}
.datatable4.fileinput_tiedostot_datatable>tbody>tr>td>button.transparent_bg.lisaa_kuva_tiedotteeseen
{
abox-shadow: 0 0 0 1px;
padding-left: 6px;
padding-right: 6px;
aheight: 31px;
font-size:20px;
}
.lisaa_kuva_tiedotteeseen_toiminnot_td
{
vertical-align:middle;
}
input[disabled][type="submit"].transparent_bg, input[disabled][type="button"].transparent_bg, button[disabled].transparent_bg
{
color: #bcbcbc!important;
}
.tiedote_td_div_teksti
{
white-space: initial;
}
img.tiedote_automaattisesti_lisatty_juttu,
video.tiedote_automaattisesti_lisatty_juttu,
audio.tiedote_automaattisesti_lisatty_juttu
{
width: 100%!important;
}
.tiedote_automaattisesti_lisatty_juttu
{
display: block!important;
margin-top: 23px!important;
margin-bottom: 23px!important;
}
.fileinput_tiedostot_datatable
{
width: 100%;
table-layout: fixed;
max-width: 601px;
}
.fileinput_tiedostot_datatable th
{
white-space: nowrap!important;
}
.lisaa_kuva_tiedotteeseen_toiminnot_td
{
white-space: nowrap!important;
}
.kontakti_viestin_lahetys
{
display: none;
}
a[href^="tel:"]:before
{
content: "\260E";
display: inline-block;
margin-right: 0.5em;
}
.dataTable td a[href^="tel:"]:before {
display: inline;
}
.raportti_nowrap, .raportti_nowrap *
{
white-space:nowrap!important;
}
#provisioraportti_table td, #provisioraportti_table td *:not(.tyontekijan_kommentit)
{
white-space:nowrap!important;
}
.tyontekijan_kommentit
{
width: 415px;
white-space:normal!important;
}
.raportti_toiminnot_td *
{
margin-top:3px;
margin-bottom:3px;
}
td.raportti_nowrap.raportti_toiminnot_td *
{
display: block;
}
#hyvaksy_tuntikirjaukset_button
{
margin-top:20px;
}
.tyoajat_table>tbody>tr>td:first-child
{
white-space: nowrap;
}
.tyoajat_table>tbody>tr>th
{
white-space: nowrap;
}
.tyoajat_table>tbody>tr>td>a
{
display:inline-block;
margin-left:8px;
}
.tyoajat_table>tbody>tr>th>a
{
display:inline-block;
margin-right:8px;
}
.tyoajat_table a.piilotettuja_paivia_a
{
display:inline-block;
margin-right:8px;
}
.tyoajat_table .muutosloki_kuvake
{
display: inline-block;
margin-left: 6px;
font-size: 0.7em;
}
.tyoajat_table .muutosloki_kuvake>i
{
font-size: 1.4em;
}
.tyoajat_table .tyoajat_haku
{
margin-bottom:4px;
}
.tyoajat_table>tbody>tr>td.sisempi_eka_solu+td
{
border-left: 1px solid darkgrey;
}
.tyoajat_table>tbody>tr>th:first-child
{
border-left: 1px solid darkgrey;
}
.tyoajat_table>tbody>tr>th:last-child
{
border-right: 1px solid darkgrey;
}
#tyoajat_table textarea[name="kommentti"]
{
min-width: 184px;
}
.editnaytto_table_hae_td
{
text-align: right!important;
}
#tyoajat_table2
{
filter: grayscale(1);
opacity: 0.6;
}
#tyoajat_table2 input,
#tyoajat_table2 select,
#tyoajat_table2 textarea
{
display: none;
}
.allekirjoitus_alabuttonit
{
text-align: center;
padding-top: 8px;
}
div:not(.allekirjoitustila)>.allekirjoitus_alabuttonit
{
display:none;
}
tr.tyoajanseuranta_kk_yhteensa>th
{
border-top: 1px solid darkgrey;
}
.tyoajat_table .viikko_solu
{
background: none!important;
border-left-style: hidden;
border-right-style: hidden;
}
.tyoajat_table a.viikko_avaa
{
display:inline-block;
margin-left:8px;
}
#asennusmaarat_kommentit_div
{
margin-bottom: 17px;
}
.tapahtumat_td
{
border-top: 1px solid darkgrey!important;
padding-top: 10px!important;
}
#tapahtumahistoria_div td
{
background-color: white;
}
#kaupat_tyypeittain_div tr.asiakashankinta_rivit:not([id^=tyyppi_]) td:nth-child(2)
{
text-align: left!important;
padding-left: 30px;
padding-right: 10px!important;
}
.oikea_holder
{
margin-left: auto;
display: inline-flex;
}
.oikea_holder .search_box_mobile.open_search_box_button
{
height: 51px;
padding: 20px;
padding-top: 15px;
align-items: center;
display: flex;
}
@media (min-width: 768px)
{
.oikea_holder .search_box_mobile.open_search_box_button
{
display: none;
}
}
@media (max-width: 767px)
{
.open_search_box_button:not(.search_box_mobile)
{
display: none;
}
.navbar-default .container-fluid
{
padding-right:0px;
}
}
.open_search_box_dropdown_left {
display: none !important;
}
.menu-left .open_search_box_dropdown_left {
display: block !important;
}
.open_search_box_dropdown {
display: block;
}
.menu-left .open_search_box_dropdown {
display: none;
}
.notification_pallukka
{
position: absolute;
background-color: #f147ab!important;
/* min-width: 20px; */
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;
}
.add_new_item_wrapper {
padding-top:10px;
}
.add_new_item_box_button_span {
display:block;
padding:10px;
margin-left:5px;
margin-right:5px;
}
#add_new_item_div {
background-color:white;
}
#notifications_box_div {
background-color:white;
}
.ui-autocomplete { position: absolute; cursor: default;z-index:300000 !important;}
td.otsikkotd.otsikkotd_isompi
{
font-size: 22px;
font-weight: bold;
font-style: normal;
text-align:center;
padding-bottom: 5px;
}
svg.puhekupla_svg
{
overflow:visible;
}
.infosivu_laatikko_body_td_sisalla_table
{
width:100%;
margin-bottom: 20px;
}
.viikkosummat_button
{
background: #00ab2d!important;
}
.budjetoitu_budjetoimatta
{
background: #00ab2d!important;
}
#budjetoitu_budjetoimatta:not(.budjetoitu_budjetoimatta) +table .budjetoitu,
#budjetoitu_budjetoimatta:not(.budjetoitu_budjetoimatta) +table .budjetoimatta
{
display:none;
}
#budjetoitu_budjetoimatta
{
margin-left: 12px;
margin-bottom: 14px;
}
.positiivinen_luku
{
color: green !important;
}
.negatiivinen_luku
{
color: red !important;
}
td.prosenttia
{
vertical-align: middle;
}
html.tarjous span.debug_span>span
{
display: block;
height: 21px;
}
html.tarjous span.debug_span {
margin-top: -9px;
margin-bottom: 14px;
}
html.tyomaa .datatable4>tbody>tr>td>div.td_wrapper
{
hyphens: auto;
white-space: normal;
width: 157px;
}
html.tyomaa .datatable4>tbody>tr>th>div.th_wrapper
{
white-space: normal;
}
html.tyomaa .datatable4>tbody>tr>td>select
{
max-width: 235px;
}
html.tyomaa .pikkunuoli
{
font-size:8px;
padding-left:6px;
}
html.tyomaa button.pikkunuoli_button
{
padding-left:8px;
padding-right:8px;
}
@media only screen and (max-width: 767px)
{
html .rivimuokkaus .editnaytto_table>tbody>tr>th
{
/*min-width: 35vw;*/
/*word-break: break-all;*/
}
html .rivimuokkaus .editnaytto_table>tbody>tr>td
{
min-width: calc(65vw - 37px);
}
}
.rivimuokkaus .editnaytto_table>tbody>tr>th
{
min-width: 170px;
max-width: 170px;
}
.rivimuokkaus .editnaytto_table>tbody>tr>td
{
min-width: 375px;
}
button.kaynnin_kirjaus_div_toiminnot[value="Sovi käynti"]
{
min-height: 80px;
}
#luukku_tuotehaku .span_mycheckbox_wrapper
{
margin-bottom: 8px;
}
#luukku_header_menu .luukkukone_lisatietoja_div
{
margin-top:20px;
}
#luukku_tuotehaku .luukkukone_lisatietoja_div
{
height: 2.5em;
}
.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"].mycheckbox + label
{
margin-right: 0px;
}
span.tyolajike_yhteensa_sarake
{
display: inline-block;
overflow: hidden;
width: 7em;
}
span.tyolajike_yhteensa_sarake.katteellinen
{
color: darkblue;
}
.tyo_tyoseloste_div,
.tyo_tyolajike_div,
.tyo_kommentit_taulukko {
display:inline-block;
vertical-align:top;
width:100%;
float: right;
}
.tyo_tyoseloste_div {
grid-area: right;
}
.tyo_kommentit_taulukko {
grid-area: lowerright;
}
.tyo_tyolajike_div {
grid-area: bottom;
}
.tyo_tyoseloste_tarvike_taulukko {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 25% auto;
grid-template-areas:
"left right"
"left lowerright"
"bottom bottom";
}
.tyo_tyoseloste_taulukko
{
display:inline-block;
padding-right:50px;
max-width: 45vw;
grid-area: left;
}
@media (max-width: 1200px) {
.tyo_tyoseloste_div,
.tyo_tyolajike_div {
max-width: 100%;
}
.tyo_tyoseloste_taulukko
{
padding-right:0px;
max-width: 800px;
}
.tyo_tyoseloste_tarvike_taulukko {
grid-template-columns: 100%;
grid-template-rows: auto;
grid-template-areas:
"right"
"bottom"
"left"
"lowerright";
}
}
.tyolajikkeen_kentat
{
display: flex;
aborder:1px solid red;
flex-wrap: wrap;
margin-bottom: 14px;
}
.tyolajikkeen_otsikko
{
display:inline-block;
aborder:1.0px solid orange;
font-weight: bold;
}
/* tarkoittaa: tyolajikkeen_kentta_1 */
.tyolajikkeen_kentan_otsikko_ja_sisalto
{
display: inline-block;
aborder: 1px solid blue;
width: 112px;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
background-color: #eee;
box-shadow: 0 0 0 1px #ababab inset;
border: 2px solid white;
}
.huomio > .tyolajikkeen_kentan_otsikko_ja_sisalto
{
background-color: orange;
box-shadow: 0 0 0 1px #ff9500 inset;
}
.tyolajikkeen_kentta_2
{
width:calc(2 * 112px);
}
.tyolajikkeen_kentta_8
{
width:calc(8 * 112px);
}
.tyolajikkeen_kentan_otsikko
{
display:block;
aborder:1.0px solid violet;
font-weight: bold;
acolor:green;
font-size:12px;
white-space: nowrap;
atransform: scale(0.95, 1);
transform-origin: left;
}
.tyolajikkeen_kentat input,
.tyolajikkeen_kentat select,
.tyolajikkeen_kentat span:not(.myradio_text):not(.select2-results__option):not(.select2-selection__arrow):not(.select2-selection__clear):not(.select2-container):not(.select2-selection__rendered):not(.select2-selection):not(.selection)
{
width:100%;
min-height: 27px;
padding: 0px;
padding-left: 7px;
padding-right: 7px;
vertical-align: initial;
outline: none;
font-size: 16px;
line-height: initial;
box-sizing: border-box;
font-family: lato, sans-serif;
border-radius: 0px;
box-shadow: none!important;
}
.tyolajikkeen_kentat span.select2-container
{
height: 28px;
}
.select2-dropdown {
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
.tyolajikkeen_kentat input[type=radio]
{
width:initial;
height: initial;
}
.tyolajikkeen_kentan_sisalto .myradio_div
{
margin:0;
}
.tyolajikkeen_kentat span:not(.myradio_text)
{
line-height: 1.7em;
padding-left: 0px;
}
.tyolajikkeen_kentan_sisalto span.myradio_text {
line-height: 23px;
}
.tyolajikkeen_kentat select {
padding-right: 37px;
}
.tyolajikkeen_kentan_sisalto
{
display: flex;
align-items: baseline;
word-break: break-all;
}
.tyolajikkeen_kentan_sisalto>*:nth-child(2) {
margin-left: 4px;
}
.tyolajikkeen_kentan_sisalto > .voi_sisaltaa_buttonin
{
width:100%;
}
.tyolajikkeen_kentat input[type="button"] {
height: initial;
align-self: flex-start;
border-radius: 8px;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 4px;
}
/* overraidaukset: */
@media (min-width: 320px) and (max-width: 480px) {
.tyolajikkeen_kentta_8.tyolajikkeen_kentan_otsikko_ja_sisalto {
width:100%;
}
.tyolajikkeen_kentta_2.tyolajikkeen_kentan_otsikko_ja_sisalto {
width:100%;
}
/*
.tyolajikkeen_kentta_1 -> ei nimetty koska valtaosa niitä:
*/
.tyolajikkeen_kentan_otsikko_ja_sisalto
{
width: 50%;
}
}
.e_markkinointi_jaa_popup_sisalto_div *
{
display:block;
}
.e_markkinointi_jaa_popup_sisalto_div textarea,
.e_markkinointi_nollapaatos_popup_sisalto_div textarea,
.e_markkinointi_uusiyhteys_popup_sisalto_div textarea
{
margin-top: 6px;
margin-bottom: 3px;
width: 100%!important;
}
html .select2-container--default .select2-selection--single .select2-selection__arrow b
{
border-color: #000 transparent transparent transparent;
}
html .select2-container--default .select2-selection--single
{
background-color: #fff;
border: 1px solid #000;
border-radius: 0px;
}
html .select2-results__option
{
padding: 6px;
padding-left: 8px;
}
html .select2-container--default .select2-results__group
{
padding: 6px;
padding-left: 8px;
}
html .select2-container--default .select2-results__option .select2-results__option
{
padding-left: 1.2em;
}
html .select2-container--default .select2-selection--single .select2-selection__rendered
{
color: #000;
}
html .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
{
border-color: transparent transparent #000 transparent;
}
textarea[autogrow="1"]
{
min-height: 28px;
}
#e_markkinointi_tallenna_jako_button
{
margin-top: 6px;
}
#e_markkinointi_nollapaatos_popup_div *,
#e_markkinointi_uusiyhteys_popup_div *
{
display:block;
}
#e_markkinointi_tallenna_nollapaatos_button,
#e_markkinointi_tallenna_uusiyhteys_button
{
margin-top: 6px;
}
#e_markkinointi_ota_yhteys_aika_div
{
margin-top: 6px;
}
#e_markkinointi_ota_yhteys_aika_div *
{
display: inline-block !important;
}
#e_markkinointi_ota_yhteys_aika_div>span
{
margin-right:4px;
}
#e_markkinointi_tili_div table.editnaytto_table
{
min-width: 392px;
}
.hakunaytto_tarkka_haku .editnaytto_table>tbody>tr>td:first-child
{
width: 200px;
max-width: 200px;
white-space: initial;
border-left: 1px solid #a9a9a9;
}
.hakunaytto_tarkka_haku .editnaytto_table>tbody>tr>td:last-child
{
width: 260px;
max-width: 260px;
white-space: initial;
}
.hakunaytto_tarkka_haku .editnaytto_table>tbody>tr>td *
{
max-width:100%;
}
.hakunaytto_tarkka_haku .editnaytto_table>tbody>tr>td select
{
width:100%;
}
.hakunaytto_tarkka_haku button.transparent_button
{
display: inline-block;
vertical-align: middle;
line-height: 27px;
height: 27px;
max-height: 27px;
padding: 0px;
padding-left: 2px;
padding-right: 2px;
border-radius: 0;
margin-left: 7px;
}
.hakunaytto_tarkka_haku button.transparent_button>i
{
display: inline-block;
vertical-align: middle;
line-height: 17px;
}
#e_markkinointi_arvioitu_jakopaiva_div
{
margin-top: 6px;
}
#e_markkinointi_arvioitu_jakopaiva_div *
{
display: inline-block !important;
}
#e_markkinointi_arvioitu_jakopaiva_div>span
{
margin-right:4px;
}
#e_markkinointi_tallenna_arvioitu_jakopaiva_button
{
margin-top: 6px;
}
tr.e_markkinointi_automaattikommentti>td
{
color:green;
}
.editnaytto_table .yksikko_span
{
margin-left:4px;
}
.aseta_myyjan_kertoimet_button
{
margin-top: 4px;
display: block;
}
.e_markkinointi_myyjan_kertoimet_div
{
margin-top: 6px;
min-height: 25px;
}
.e_markkinointi_myyjan_kertoimet_div *
{
display: inline-block !important;
}
.e_markkinointi_myyjan_kertoimet_div>span
{
margin-right:4px;
}
#e_markkinointi_tallenna_myyjan_kertoimet_button
{
margin-top: 6px;
}
.e_markkinointi_myyjan_kertoimet_div input
{
float:right;
}
.tal_valital_poistu
{
width: 100%;
margin-bottom: 10px;
}
div[id^=loading_iframe_popup_],
div[id^=loading_rivimuokkauspopuppi]
{
margin:15px;
}
.popup.ilmoitus_toiminto_epaonnistui .aseta_myyjan_kertoimet_button
{
display:none;
}
html.e_markkinointi_nippuraportti .datatable4 .otsikkoriviTR>th
{
text-align: right;
}
html.e_markkinointi_nippuraportti table.editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td[colspan="2"]
{
border-left: 1px solid #a9a9a9;
}
.ei_oikeutta_muokata_span
{
margin-bottom: 10px!important;
display: inline-block;
}
div#e_markkinointi_jaa_katketaan_nippuraportista_div
{
margin-top: 4px;
margin-bottom: 4px;
}
#valilehden_hakuehdot
{
overflow-x: auto;
}
/* Raportin taulukko */
.raportti_taulukko > tbody > tr > th, .raportti_taulukko > tbody > tr > td {
padding: 0 0.25em;
}
.raportti_taulukko > tbody > tr:nth-child(even) > th, .raportti_taulukko > tbody > tr:nth-child(even) > td {
background-color: #a9a9a9;
}
.hakunaytto_menuitem_piilotettu {
display:none;
}
.lahetteiden_virheet_div {
border: 2px solid hsl(0, 96%, 45%) !important;
margin: 10px;
margin-bottom: 30px;
padding: 15px;
background-color: hsl(0, 96%, 95%)
}
.glyphicon.spinning {
animation: spin 1s infinite linear;
-webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
from { transform: scale(1) rotate(0deg); }
to { transform: scale(1) rotate(360deg); }
}
@-webkit-keyframes spin2 {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
#mittarilukematDIV {
max-width: 1600px;
}
.mittari_lukemat {
width: calc(100% + 30px);
margin-left: -15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
display: grid;
grid-template-columns: 30% 10% 30% 30%;
grid-template-rows: auto;
grid-template-areas:
"mittari laji uusi_lukema vanha_lukema"
"virhe virhe virhe virhe"
}
.mittari_lukemat_mittari_kentta {
width: 50%;
display: inline-block;
margin-right: -3px;
vertical-align: top;
}
.mittari_lukemat_mittari_levea_kentta {
width: 100%;
}
.mittari_lukemat_paivamaara {
width: 100%;
margin-bottom: 15px;
}
.mittari_lukemat_mittari {
grid-area: mittari;
}
.mittari_lukemat_laji {
grid-area: laji;
}
.mittari_lukemat_uusi_lukema {
grid-area: uusi_lukema;
}
.mittari_lukemat_vanha_lukema {
grid-area: vanha_lukema;
}
.mittari_lukemat_virhe {
grid-area: virhe;
}
.mittari_lukemat_virhe_virhe {
border: 2px solid red;
background-color: #e6e6e6;
padding: 5px;
}
.mittari_lukemat_otsikot {
background-color: #EC614C !important;
color: white;
}
.mittari_lukemat_mobiili_otsikko_rivi {
display: none;
}
.meter_reading_mobile_button {
display: none;
}
@media (max-width: 1200px) {
.mittari_lukemat:not(:empty) {
margin-top: 10px;
background: #c3c3c3;
width: calc(100% + 30px);
margin-left: -15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
grid-template-columns: 50% 50%;
grid-template-rows: auto;
grid-template-areas:
"mittari uusi_lukema"
"laji vanha_lukema"
"virhe virhe"
}
.mittari_lukemat_otsikot {
display: none;
}
.mittari_lukemat_mobiili_otsikko_rivi {
display: block;
}
.mittari_lukemat_mittari_kentta input {
margin-top: 3px;
margin-bottom: 3px;
}
.meter_reading_mobile_button {
display: inline-block;
}
}
@media (max-width: 800px) {
.mittari_lukemat:not(:empty) {
background: #c3c3c3;
width: calc(100% + 30px);
margin-left: -15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
grid-template-columns: 100%;
grid-template-rows: auto;
grid-template-areas:
"mittari"
"laji"
"uusi_lukema"
"vanha_lukema"
"virhe"
}
.mittari_lukemat_tyhja {
display: none;
}
}
@media (max-width: 1200px)
{
.mittari_lukemat_otsikot {
padding-left: 8px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
border-radius: 8px;
margin: 2px;
}
.mittari_lukemat_mobiili_otsikko_rivi
{
display: block;
}
.mittari_lukemat_arvo
{
padding-left: 8px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
margin: 2px;
}
.mittari_lukemat_mittari_levea_kentta
{
margin-top: 4px;
}
}
.mittari_lukemat_mobiili_otsikko_rivi.mittari_lukemat_otsikot.mittari_lukemat_tyhja {
display: none;
}
#mobiili_liitteetDIV {
max-width: 1600px;
text-align: center;
}
.mobiili_liitteet {
width: 100%;
padding-top: 3px;
display: grid;
grid-template-columns: 20% 20% 20% 20% 10% 10%;
grid-template-rows: auto;
grid-template-areas:
"tiedot esikatselu lisatiedot kohdistus tyyppi kohdista"
}
.mobiili_liitteet_liite_kentta {
width: 100%;
display: inline-block;
margin-right: -3px;
}
.mobiili_liitteet_liite_levea_kentta {
width: 100%;
}
.mobiili_liitteet_tiedot {
grid-area: tiedot;
}
.mobiili_liitteet_esikatselu {
grid-area: esikatselu;
}
.mobiili_liitteet_lisatiedot {
grid-area: lisatiedot;
}
.mobiili_liitteet_kohdistus {
grid-area: kohdistus;
}
.mobiili_liitteet_tyyppi {
grid-area: tyyppi;
}
.mobiili_liitteet_kohdista {
grid-area: kohdista;
}
.mobiili_liitteet_otsikot {
background-color: #EC614C !important;
color: white;
}
.mobiili_liitteet_mobiili_otsikko_rivi {
display: none;
}
@media (max-width: 1200px) {
.mobiili_liitteet {
grid-template-columns: 100%;
grid-template-rows: auto;
grid-template-areas:
"tiedot"
"esikatselu"
"lisatiedot"
"tyyppi"
"kohdistus"
"kohdista"
}
.mobiili_liitteet_otsikot {
display: none;
}
.mobiili_liitteet_mobiili_otsikko_rivi {
display: block;
}
.mobiili_liitteet_liite_kentta input {
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
}
.mobiili_liitteet_tyhja {
display: none;
}
}
.cursor_pointer {
cursor: pointer;
}
.tyolajike_ei_sopimuksessa td {
background-color:#E8869A !important;
}
.huoltomies_etusivu_div
{
padding-bottom:40px;
max-width: 1160px;
}
.huoltomies_etusivu_div input {
font-size: 24px;
width:95%;
max-width:500px;
min-height:70px;
text-align:center;
vertical-align:middle;
margin-top:20px;
}
.huoltomies_etusivu_div a,
.huoltomies_etusivu_div button
{
font-size: 24px!important;
width: calc(50% - 6px);
min-height: 95px;
text-align: center;
vertical-align: middle;
margin-top: 11px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: row;
justify-content: space-between;
line-height: 1.1em;
margin-right: 3px!important;
margin-left: 3px!important;
padding-top: 12px!important;
padding-bottom: 12px!important;
flex-grow: 1;
}
.huoltomies_etusivu_div a>span.btn_text,
.huoltomies_etusivu_div button>span.btn_text
{
white-space: normal;
-webkit-hyphens: auto;
hyphens: auto;
margin-left: 10px;
flex-grow: 1;
}
html.device_android .huoltomies_etusivu_div a>span.btn_text,
html.device_android .huoltomies_etusivu_div button>span.btn_text
{
word-break: break-all;
}
.huoltomies_etusivu_div a>span.glyphicon,
.huoltomies_etusivu_div button>span.glyphicon
{
left: 4px;
}
.huoltomies_etusivu_div a.leveys_100,
.huoltomies_etusivu_div button.leveys_100
{
width: calc(100% - 6px);
max-width: calc(100% - 6px);
}
@media only screen and (min-width: calc(282px * 3)) {
.huoltomies_etusivu_div a, .huoltomies_etusivu_div button {
width: calc(33.33% - 9px);
}
}
@media only screen and (max-width: 500px)
{
#popup_notifications_box_div a.btn.btn-default
{
flex-direction: column;
}
}
@media only screen and (min-width: 300px) and (max-width: calc(282px * 3)){
.huoltomies_etusivu_div a, .huoltomies_etusivu_div button {
width: calc(50% - 8px);
}
}
@media only screen and (max-width: calc((282px * 2) - 1px)) {
.huoltomies_etusivu_div a,
.huoltomies_etusivu_div button {
flex-direction: column;
}
.huoltomies_etusivu_div a>span.btn_text,
.huoltomies_etusivu_div button>span.btn_text
{
white-space: normal;
-webkit-hyphens: auto;
hyphens: auto;
margin-left: 0px;
max-width: 100%;
margin-top: 7px;
word-break: break-word;
}
.huoltomies_etusivu_div
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
}
.is_work_popup .liitteet_lisays_uloin_div,
.is_work_popup #div_lisaa_uusi_liite
{
margin-bottom:10px;
}
.is_work_popup [aria-labelledby="select2-uusi_tyolajike-container"]
{
margin-top:-3px;
}
.is_work_popup .tyolajikkeen_kentat .glyphicon.glyphicon-remove.miinusluku.cursor_pointer,
.is_work_popup .tyolajikkeen_kentat .glyphicon.glyphicon-plus.positiivinen_luku.cursor_pointer
{
width: 45px;
min-height: 45px;
}
.is_work_popup .tyolajikkeen_kentat .glyphicon.glyphicon-remove.miinusluku.cursor_pointer:before,
.is_work_popup .tyolajikkeen_kentat .glyphicon.glyphicon-plus.positiivinen_luku.cursor_pointer:before {
position: absolute;
top: 19px;
left: 13px;
}
.is_work_popup .tyolajikkeen_kentat button.transparent_bg.plusminus:not(:disabled) .glyphicon.glyphicon-remove.miinusluku.cursor_pointer:hover:before,
.is_work_popup .tyolajikkeen_kentat button.transparent_bg.plusminus:not(:disabled) .glyphicon.glyphicon-plus.positiivinen_luku.cursor_pointer:hover:before,
.is_work_popup .tyolajikkeen_kentat button.transparent_bg.plusminus:not(:disabled) .glyphicon.glyphicon-remove.miinusluku.cursor_pointer:focus:before,
.is_work_popup .tyolajikkeen_kentat button.transparent_bg.plusminus:not(:disabled) .glyphicon.glyphicon-plus.positiivinen_luku.cursor_pointer:focus:before
{
color: #000!important;
}
.is_work_popup span.glyphicon.glyphicon-plus.positiivinen_luku.cursor_pointer,
.is_work_popup span.glyphicon.glyphicon-remove.miinusluku.cursor_pointer
{
padding: 6px;
padding-bottom: 8px;
padding-top: 8px;
}
.is_work_popup button.transparent_bg.plusminus:not(:disabled) span.glyphicon.glyphicon-plus.positiivinen_luku.cursor_pointer:hover:before,
.is_work_popup button.transparent_bg.plusminus:not(:disabled) span.glyphicon.glyphicon-remove.miinusluku.cursor_pointer:hover:before,
.is_work_popup button.transparent_bg.plusminus:not(:disabled) span.glyphicon.glyphicon-plus.positiivinen_luku.cursor_pointer:focus:before,
.is_work_popup button.transparent_bg.plusminus:not(:disabled) span.glyphicon.glyphicon-remove.miinusluku.cursor_pointer:focus:before
{
color: #000!important;
}
.is_work_popup .transparent_bg.plusminus
{
padding:0;
}
.is_work_popup button.transparent_bg.plusminus:disabled>span,
.is_work_popup button.transparent_bg.plusminus:disabled>div,
.is_work_popup button.transparent_bg.plusminus:disabled:hover>span,
.is_work_popup button.transparent_bg.plusminus:disabled:hover>div
{
color: #bcbcbc!important;
}
.is_work_popup .toistot_table td>div:not(.piilota_nayta_wrapper_div)
{
width: 100px;
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
margin-right: 8px;
}
.is_work_popup .toistot_table td>div:not(.piilota_nayta_wrapper_div) .span_mycheckbox_wrapper
{
margin-bottom: 4px;
margin-top: 3px;
}
@media (max-width: 767px)
{
.navbar-default .navbar-nav>li>a.open_search_box_button:first-child
{
float:left;
}
.logo_ja_menuavaus
{
min-height: 60px;
align-items: center;
}
}
textarea:read-only
{
border: 0!important;
background: transparent!important;
}
/* Työt-css alkaa */
.huoltomiehen_tyo_buttonit_otsikko_hamburger>span
{
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
padding-top: 3px;
font-size: 28px;
height:38px;
}
.huoltomiehen_tyo_buttonit_lisatiedot_parent
{
margin-bottom: 10px;
}
.huoltomiehen_tyo_buttonit_otsikko_numerot
{
background-color: red;
padding: 4px;
border-radius: 20px;
min-width: 30px;
display: inline-block;
text-align: center;
color: white;
cursor:pointer;
margin-right: 6px;
}
.huoltomiehen_tyo_buttonit_otsikko_hamburger>*
{
vertical-align: middle;
}
.huoltomiehen_tyo_buttonit_otsikko_hamburger {
float:right;
margin-left: 10px;
}
.kartta_merk
{
position: absolute;
background: gray;
width: 30px;
height: 30px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
cursor:pointer;
}
.kartta_merk.tyo_aloittamaton
{
background: #f13939;
}
.tyon_tila_koodit
{
padding: 12px;
padding-top: 2px;
padding-bottom: 15px;
}
.kohde_popup .tila,
.tyon_tila_koodit .tila
{
width: 30px;
height: 30px;
display: inline-flex;
border-radius: 26px;
margin-top: 0px;
margin-right: 7px;
align-items: center;
justify-content: center;
margin-left: -2px;
}
.kohde_popup .tila>span,
.tyon_tila_koodit .tila>span
{
font-size: 16px;
font-weight: bold;
}
.tyon_tila_koodit>span {
padding-right: 7px;
}
.tyon_tila_koodit .tila {
margin-right: 6px;
}
.kohde_popup.tyo_kesken .tila,
.tyo_kesken.tila
{
background: #ffa708!important;
}
.kohde_popup.tyo_valmis .tila,
.tyo_valmis.tila
{
background: #2ac342!important;
}
.kohde_popup.tyo_aloittamaton .tila,
.tyo_aloittamaton.tila
{
background: #bcbcbc;
}
.kohde_popup.tyo_ohitettu .tila,
.tyo_ohitettu.tila {
background: #ff4343!important;
}
.kohde_popup:after {
content: '';
display: block;
height: 100%;
width: 12px;
position: absolute;
top: 0;
left: 0px;
}
.kohde_popup.tyo_aloittamaton:after {
background: #bcbcbc;
}
.kohde_popup.tyo_kesken:after {
background: #ffa708;
}
.kohde_popup.tyo_valmis:after {
background: #1bc538;
}
.kohde_popup.tyo_ohitettu:after {
background: #1bc538;
}
.kartta_merk.tyo_aloittamaton
{
background: #f13939;
}
.kohde_popup.tyo_ohitettu:after {
background: #ff4343;
}
.kohdespan.tyo_kesken:after {
background: #ffa708;
}
.kohdespan.tyo_valmis:after {
background: #1bc538;
}
.kohdespan:after {
content: '';
display: block;
height: 100%;
width: 12px;
position: absolute;
top: 0;
left: 0px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
tr#lenkin_hallinta_tr_2 .kohdespan {
padding-left: 18px;
}
#popupsisaltosolu_scrollaus_div_huoltomiehen_tyot_popup
{
margin-top:0!important;
margin-bottom:0!important;
}
#karttanakyma
{
width: 100vw;
height: 100vh;
}
html .popup .huoltomies_etusivu_div>*,
#huoltomiehen_tyot_popup_sisalto>button,
.huoltomiehen_tyo_buttonit_div>button
{
display:block;
white-space: pre-wrap;
font-size: 24px;
width:100%;
max-width:500px;
min-height:50px;
text-align:center;
vertical-align:middle;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup button
{
font-size: 18px;
amin-width:130px;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup .huoltomiehen_tyo_buttonit_div button
{
font-size: 18px;
padding-left:2px;
padding-right:2px;
padding-top: 10px;
padding-bottom: 10px;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup .huoltomiehen_tyo_buttonit_div button.lopeta span.glyphicon>span {
margin-left: 10px;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup .huoltomiehen_tyo_buttonit_div span.glyphicon
{
afont-size: 33px;
display: flex;
align-items: center;
justify-content: center;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup .huoltomiehen_tyo_buttonit_div button > span:not(.glyphicon)
{
margin-top:6px;
display:block;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup .huoltomiehen_tyo_buttonit_div span.glyphicon>span
{
font-family: 'Lato', sans-serif;
afont-size: 28px;
margin-left: 4px;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup .tyolajikkeen_kentan_otsikko_ja_sisalto
{
border: 2px solid gainsboro;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup button:disabled
{
/*background: transparent;*/
}
html .popup .huoltomies_etusivu_div>*
{
margin-top:20px;
}
.huoltomiehen_lenkki.margin_bottom
{
margin-bottom:10px;
}
.huoltomiehen_lenkki
{
width:100%;
}
.editnaytto_table.huoltomiehen_lenkki>tbody>tr>td
{
border: none;
padding-bottom: 13px;
padding-top: 6px;
background:#dedede;
}
.huoltomiehen_tyo_buttonit_div
{
display:flex;
justify-content:space-between;
}
html #popupsisaltosolu_scrollaus_div_huoltomiehen_tyot_popup
{
padding:0px!important;
}
.huoltomiehen_tyo_buttonit_otsikko
{
margin-bottom: 6px;
font-weight: bold;
font-size: 20px;
}
html:not(.class_desktop) .huoltomiehen_tyo_buttonit_otsikko
{
font-size: 21px;
}
#karttanakyma .kohde_popup
{
position: absolute;
z-index: 6666;
top: 50px;
left: 5px;
border: 1px solid black;
}
.kohde_popup
{
background: gainsboro;
padding: 12px;
amax-width: calc(100vw - 10px);
margin-bottom: 12px;
position:relative;
padding-left:24px;
}
html #popupsisaltosolu_huoltomiehen_tyot_popup button:last-child
{
margin-right: 0px;
}
html.class_phone #popup_huoltomiehen_lenkit_popup,
html.class_phone #popup_huoltomiehen_tyot_popup,
html.class_phone #popup_kohteen_viestit_popup,
html.class_phone #popup_kohteen_linkit_popup,
html.class_phone #popup_tyo_popup
{
width: 100vw;
}
html.class_phone #popup_huoltomiehen_lenkit_popup>.popup_inner_table,
html.class_phone #popup_huoltomiehen_tyot_popup>.popup_inner_table,
html.class_phone #popup_kohteen_viestit_popup>.popup_inner_table,
html.class_phone #popup_kohteen_linkit_popup>.popup_inner_table,
html.class_phone #popup_tyo_popup>.popup_inner_table
{
min-height: 100vh;
}
html.class_phone #popup_huoltomiehen_tyot_popup.popup_huoltomiehen_tyot_popup_map>.popup_inner_table
{
min-height: auto;
}
/*
html.class_phone .kohde_popup {
width: calc(100vw - 11px);
}
*/
html.class_phone #taulukkonakyma .kohde_popup {
width: 100vw;
}
.kohde_popup .glyphicon.glyphicon-envelope {
font-size: 30px;
position: relative;
top: 0px;
left: 0px;
}
.huoltomiehen_tyo_buttonit_otsikko_numerot.numeropallukka
{
position: absolute;
background: red;
min-width: 20px;
height: 20px;
font-size: 15px;
font-family: sans-serif;
font-weight: bold;
top: -1px;
left: 25px;
display: flex;
align-items: center;
justify-content: center;
}
#kartta_toggle_a
{
apadding-left:5px;
}
/* Työt-css loppuu */
.force_display_none
{
display:none!important;
}
table.kohdehakuvalinta_table td {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
}
table.kohdehakuvalinta_table tr.even_with_whiteborders>td:hover,
table.kohdehakuvalinta_table tr.odd_with_whiteborders>td:hover
{
background: #e4e4e4!important;
}
.is_work_popup .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>th {
awidth: calc(100% - 251px);
max-width: calc(100vw - 281px);
hyphens: auto;
word-break: break-word;
width: 30%;
}
.is_work_popup .editnaytto_table:not(.toistot_table)>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>th {
margin-top:-1px;
}
.is_work_popup .editnaytto_table:not(.toistot_table):not(.tietoja_editnaytto_table )>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td {
min-width: 251px;
width: 100%;
border-bottom: 1px solid darkgrey;
}
.is_work_popup .editnaytto_table:not([id^=tyot_ja_tarvikkeet_]):not(.task_meter_readings_table) {
width:100%;
}
.halytys_sovittu_parent
{
position: absolute;
right: 12px;
}
.halytys, .sovittu, .kesken, .day_task
{
border-radius: 13px;
color: white;
font-weight: bold;
font-size: 18px;
width: fit-content;
padding: 12px;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 5px;
}
.halytys
{
background: red;
}
.sovittu
{
background: #1f5ab5;
}
.kesken
{
background: #ffa708;
}
.day_task
{
background: #871F78;
}
.disabled_button
{
pointer-events: none;
color:gray;
}
.naytettava_kentta_valinta_div {
padding-top:5px;
padding-bottom:5px;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.huoltomiehen_lenkki_buttonit_lisatiedot
{
white-space:pre-line;
max-height: 86px;
overflow: hidden;
abox-shadow: 0 0 0 1px;
position: relative;
font-size:16px;
word-break: break-word;
}
html:not(.class_desktop) .huoltomiehen_lenkki_buttonit_lisatiedot
{
font-size: 20px;
}
.huoltomiehen_lenkki_buttonit_lisatiedot a.btn {
font-size: 16px;
}
html:not(.class_desktop) .huoltomiehen_lenkki_buttonit_lisatiedot a.btn {
font-size: 20px;
}
.huoltomiehen_lenkki_buttonit_lisatiedot_overflow
{
abox-shadow: inset 0 0 0 2px red;
padding-right: 22px;
}
.huoltomiehen_lenkki_buttonit_lisatiedot_overflow:after
{
content: '+';
position: absolute;
right: 0;
bottom: 0px;
font-size: 18px;
background:#EC614C;
border-radius: 100%;
width: 24px;
height: 24px;
display: flex;
align-content: center;
justify-content: center;
line-height: initial;
color: white;
}
.huoltomiehen_lenkki_buttonit_lisatiedot_overflow.huoltomiehen_lenkki_buttonit_lisatiedot_show_all:after
{
content: none;
pointer-events: none;
}
.huoltomiehen_lenkki_buttonit_lisatiedot.huoltomiehen_lenkki_buttonit_lisatiedot_show_all
{
max-height: initial;
overflow: initial;
}
.select2-results__option
{
min-height: 29px;
}
.tyon_nimi_group_otsikko
{
padding:12px;
font-weight:bold;
font-size: 22px;
margin-bottom: 9px;
}
.is_work_popup [id^=tietoja]>tbody>tr>td
{
border: 0;
background: none;
padding: 0;
}
input[data-id="valitse_naytettavat_kentat_button"]
{
margin-bottom: 8px;
}
.kevyt_hakunaytto_rivi
{
display:flex;
flex-direction: column;
}
.kevyt_hakunaytto_rivi>div {
display: flex;
border-left:1px solid darkgrey;
margin-bottom: 12px;
background: #e9e9e9;
flex-wrap: wrap;
}
.kevyt_hakunaytto_rivi>div>div.wide-2 {
width: 230px;
}
.kevyt_hakunaytto_rivi>div>div {
display: flex;
flex-direction: column;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
width: 148px;
min-height: 50px;
border: 1px solid darkgrey;
margin-left: -1px;
margin-top: -1px;
flex-grow: 1;
}
.kevyt_hakunaytto_rivi_otsikko
{
font-weight:bold;
display:flex;
}
.kevyt_hakunaytto_rivi_arvo
{
display:flex;
word-break: break-word;
flex-wrap: wrap;
}
.kevyt_hakunaytto_rivi button
{
margin-top: auto;
margin-bottom: auto;
}
.kevyt_hakunaytto_rivi button:not(:last-child),
.kevyt_hakunaytto_rivi a.btn:not(:last-child)
{
margin-bottom: 2px;
}
@media screen and (min-width: 1px)
{
html .is_work_popup [id^=asukasluettelo] td,
html .is_work_popup [id^=viimeisimmat_tyot] td,
html .is_work_popup [id^=kohteen_laskutusasiakas] tr:not(.taulukon_ylaotsikkoriviTR):last-child>td,
html .is_work_popup [id^=kohteen_isannoitsijat] td
{
border: 0!important;
background: none!important;
padding: 0!important;
}
html .is_work_popup [id^=kohteen_laskutusasiakas] tr:not(.taulukon_ylaotsikkoriviTR) td[id^=edit_field_td_tiedot_laskutusasiakas_refid]
{
border-left: 1px solid #a9a9a9!important;
}
}
html.device_android .huoltomies_etusivu_div a>span.btn_text,
html.device_android .huoltomies_etusivu_div button>span.btn_text,
{
word-break: break-all;
}
.ui-autocomplete-loading {
animation-name: animation_pulse;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-delay: 0;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes animation_pulse {
0% {
background-color: '';
}
50% {
background-color: rgb(255, 216, 107);
}
100% {
background-color: '';
}
}
tr.on_halytys_tyo>td
{
color:#e20000!important;
}
.tyospan.on_halytys_tyo .tyon_nimi,
.tyospan.on_halytys_tyo .tyo_detaljit
{
color:#e20000!important;
}
.tyospan[data-on_sovittu_aika="1"] .tyon_nimi,
[data-on_sovittu_aika="1"] .tyo_detaljit
{
color:#1f5ab5!important;
}
.tyolajike_row_display_none
{
display: none!important;
}
.kohteen_tyolajikkeet_haku_yms
{
display:flex;
align-items: center;
flex-wrap: wrap;
}
.kohteen_tyolajikkeet_haku_yms>*
{
margin-right:20px;
}
.huoltomies_button_loading,
.lenkki_animate {
animation-name: lenkki_animate;
animation-duration: 1s;
animation-timing-function: ease-out;
animation-delay: 0;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes lenkki_animate {
0% {
opacity:1;
}
50% {
opacity:0.5;
}
100% {
opacity:1;
}
}
.navigoi_nollakoordinaateista
{
color: #e20000;
}
.huoltomiehen_tyo_tyoseloste_textarea
{
width: 100%;
margin-bottom: 15px!important;
}
.huoltomiehen_tyo_tyoseloste_div_flex
{
display: flex;
}
.huoltomiehen_tyo_lenkin_uuden_tyon_tyolajike_div
{
margin-top: 10px;
}
.huoltomiehen_tyo_lenkin_uuden_tyon_tyolajike_div_textarea
{
width:100%;
}
html.class_desktop div#taulukkonakyma_tyot_div
{
width:100%;
max-width: fit-content;
min-width: 100%;
}
html:not(.class_desktop) div#taulukkonakyma_tyot_div
{
max-width: fit-content;
min-width: 100%;
}
html.class_desktop #popup_huoltomiehen_tyot_popup
{
max-width: 100vw;
width:500px;
}
button.paata_lenkki
{
margin-left: 17px;
margin-right: 17px!important;
margin-bottom: 17px;
width: calc(100% - 34px)!important;
}
.is_work_popup .toistot_table td>div.toistot_wrapper
{
margin-right: 0px;
width:initial;
display:flex;
margin-bottom:10px;
vertical-align:top;
flex-wrap:wrap;
}
.toistot_wrapper>*
{
awidth: 100px;
adisplay: inline-block;
awhite-space: nowrap;
aborder: 1px solid red;
margin-left: 7px;
amargin-right: 7px;
}
.is_work_popup .toistot_table td>div.toistot_wrapper>.toistot_hr
{
border:none;
border-bottom:1px solid #a9a9a9;
width:100%;
height:10px;
margin:0px
}
.huoltokalenteri_tyon_kuvaus_buttonissa
{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: 100%;
max-height: 1.4em;
}
.viimeisimmat_tyot_otsikko_ja_buttonit>*
{
display: inline-block;
margin-right:8px;
}
.is_work_popup input[data-id="tallenna_button"].visible_always {
/*
display: block;
font-size: 18px;
width: 174px;
margin-bottom: 10px!important;
min-height: 54px;
*/
background: green;
}
.glyphicon > .huomiot_ympyra {
width: 8px;
height: 8px;
background-color: red;
position: absolute;
border-radius: 20px;
left: 12px;
top: 0px;
}
.glyphicon > .huomiot_ympyra.orange {
background-color: orange;
}
.popupin_sisallon_paikka {
display: none;
position: absolute;
}
html.muuttoilmoitus_pdf
{
zoom: 0.68; /*workaround for phantomJS2 rendering pages too large*/
}
html.muuttoilmoitus_pdf body
{
padding:0!important;
}
.dataTables_filter_holder {
display: inline-block;
width: 24px;
height: 24px;
background: url(enter-icon.svg);
background-size: 24px 24px;
position: absolute;
top: 2px;
right: 1px;
}
.tyoraportti_div .datatable4 td
{
vertical-align:top;
}
span.tuplabr
{
content: "";
margin: 1em;
display: block;
font-size: 24%;
border: 1px solid red;
}
.popup>.popup_inner_table td#popupsisaltosolu_kohdekortti_div
{
background:white;
}
tr.avoin_reklamaatio > td.details-control:after
{
color: red !important;
}
tr.hoidettu_reklamaatio > td.details-control:after
{
color: green !important;
}
tr.hoidettu_reklamaatio > td.details-control:after,
tr.avoin_reklamaatio > td.details-control:after
{
top: -3px;
right: 6px;
width: 10px !important;
/* color: purple !important; */
border-radius: 0px;
box-shadow: none;
box-sizing: content-box;
text-align: center;
vertical-align: middle;
content: '\e107' !important;
line-height: 100%;
font-size: 20px !important;
font-weight: normal;
font-family: "Glyphicons Halflings";
align-items: flex-start;
justify-content: flex-end;
padding-right: 6px;
margin-left: -6px;
padding-top: 12px;
}
.skrollattava_sisalto_div_scroll_help
{
position: relative;
padding-top: 27px;
border: 1px solid darkgrey;
height: 27px;
margin-top: 8px;
margin-bottom: 8px;
top: 0px;
z-index: 2;
background: rgba(255,255,255,0.6);
border-radius: 10px;
}
.skrollattava_sisalto_div_scroll_help>.scroll_help_handle
{
height:100%;
width:100px;
border-radius: 8px;
background: grey;
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
min-width: 60px;
}
.billing_report_table td {
padding:5px;
}
.kohdespan {
border: 1px solid black;
padding: 11px;
display: block;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 4px;
border-radius: 8px;
background: white;
max-width: 211px;
word-break: break-all;
cursor:pointer;
}
.kohdespan .glyphicon
{
padding-left: 2px;
padding-right: 2px;
}
.kohdespan .huomiot_ympyra {
width: 8px;
height: 8px;
background-color: red;
position: absolute;
border-radius: 20px;
left: 12px;
top: 0px;
}
.kohdespan.selected
{
background-color: #95cdff;
}
#map {
position: fixed;
height:100%;
width:100%;
top:0px;
left:0px;
z-index:900;
}
#popup_map_popup
{
top: 5px;
left: 5px;
}
.popup_huoltomiehen_tyot_popup_map .huoltomies_tyolista_ylabuttonit,
.popup_huoltomiehen_tyot_popup_map #huoltomiehen_map_button,
.popup_huoltomiehen_tyot_popup_map #huoltomiehen_tyot_popup_sisalto #tyot_sort_ja_haku,
.popup_huoltomiehen_tyot_popup_map .tyon_tila_koodit,
.popup_huoltomiehen_tyot_popup_map .paata_lenkki,
.popup_huoltomiehen_tyot_popup_map .dummy_tyontekijat_str,
.popup_huoltomiehen_tyot_popup_map .tyon_nimi_group_otsikko
{
display: none!important;
}
.popup_huoltomiehen_tyot_popup_map .kohde_popup
{
margin-top: 0px!important;
margin-bottom: 0px!important;
border-left-width: 0px!important;
border-right-width: 0px!important;
border-bottom-width: 0px!important;
}
.markerSelected
{
filter: drop-shadow(0px 0px 6px rgba(255,0,0));
}
.css-icon {
}
.gps_ring {
border: 3px solid blue;
abackground-color: rgba(0,0,255,0.3);
-webkit-border-radius: 30px;
height: 18px;
width: 18px;
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
/*opacity: 0.0*/
}
@-webkit-keyframes pulsate {
0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(2, 2); opacity: 0.0;}
}
.leaflet-control-container .leaflet-routing-container-hide {
display: none;
}
.hakunaytto_content.responsive table.dataTable thead>tr>th>div {
max-height: 46px;
overflow: hidden;
hyphens: auto;
abox-shadow: 0 0 0 1px;
word-break: break-word;
}
.hakunaytto_content.responsive table.dataTable thead>tr>th {
white-space: normal;
user-select:none;
padding-top: 6px;
padding-bottom: 6px;
/*box-shadow: 0 0 0 1px;*/
}
.hakunaytto_content.responsive table.dataTable tbody>tr:not(.child)>td {
white-space: normal;
user-select:none;
padding-top: 6px;
padding-bottom: 6px;
/*box-shadow: 0 0 0 1px;*/
}
html.userSelectAuto .hakunaytto_content.responsive table.dataTable tbody>tr:not(.child)>td {
user-select:initial!important;
}
.hakunaytto_content.responsive table.dataTable tbody>tr:not(.child)>td>div {
max-height: 44px;
overflow: hidden;
hyphens: auto;
display: block;
abox-shadow: 0 0 0 1px;
word-break: break-word;
max-width: 100%;
}
.hakunaytto_content.responsive table.dataTable thead>th
{
height: 61px;
max-height: 61px;
min-height: 61px;
}
/* Kätketään reactin loadingIndicator, koska tuo päällekkäisen indikaattorin */
.LoadingIndicator.global
{
display: none;
}
.lenkin_hallinta_kohteen_haku .editnaytto_table>tbody>tr:nth-child(2)>td,
.lenkin_hallinta_tyontekija_haku .editnaytto_table>tbody>tr:nth-child(2)>td
{
border-top-width: 0px;
}
.lenkin_hallinta_kohteen_haku .editnaytto_table>tbody>tr>td:first-child,
.lenkin_hallinta_tyontekija_haku .editnaytto_table>tbody>tr>td:first-child
{
border-left: 1px solid #a9a9a9;
}
.lenkin_hallinta_kohteen_haku .editnaytto_table,
.lenkin_hallinta_tyontekija_haku .editnaytto_table
{
width: 100%;
}
html:not(.is_in_iframe) div[id^="hakuanyton_raportti_"]
{
margin-bottom:30px;
}
div[id^="hakuanyton_raportti_"]>button
{
margin-bottom:10px;
}
tr#tiedot_tr_row\[lenkin_uuden_tyon_tyolajike_refid\]>td button
{
margin-top: 10px;
}
.ui-datepicker
{
z-index: 901!important;
}
.tyon_muokkaus_lisaa_tyolajike
{
margin-top: 8px;
}
html .ui-menu .ui-menu-item-wrapper {
display: block;
border-bottom: 1px solid black;
}
div#lisaa_crm_kommentti_div select {
margin-bottom: 10px;
}
.unseen_row td
{
color: red;
}
.modified_row td
{
color: orange;
}
#tarvikkeiden_tuonti_div.disabloitu
{
opacity:0.5;
pointer-events:none;
}
.tyolajikkeen_kentat.lvisnet_line > .tyolajikkeen_kentan_otsikko_ja_sisalto
{
background: #e85b1082;
}
.lvisnet_line_amounts
{
display: flex;
}
.lvisnet_line_amounts_text
{
background-color: #f0a989;
padding: 4px;
padding-left: 8px;
padding-right: 8px;
}
.lvisnet_line_amounts_notification
{
padding: 4px;
padding-left: 8px;
padding-right: 8px;
color:red;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
position: absolute;
right: 0px;
}
.error2
{
width: 100%;
padding: 8px;
margin-top: 13px;
border-right: 1px solid #BA0066 !important;
border-top: 1px solid #BA0066 !important;
border-bottom: 1px solid #BA0066 !important;
border-left: 1px solid #BA0066 !important;
background-color: hsl(351, 84%, 93%) !important;
}
.error3
{
width: 100%;
padding: 8px;
margin-top: 13px;
border-right: 1px solid #BA0066 !important;
border-top: 1px solid #BA0066 !important;
border-bottom: 1px solid #BA0066 !important;
border-left: 1px solid #BA0066 !important;
color: red;
}
.error2:empty
{
display:none;
}
.error3:empty
{
display:none;
}
html.e_markkinointi_tili .tallenna_buttonit input {
margin-top: 4px;
margin-bottom: 4px;
}
.taskNoticeElement
{
color: red;
font-weight: bold;
white-space: pre-line;
}
html.is_in_iframe #main_sisalto_td_div
{
padding: 15px;
}
html div[id^=loading_iframe_popup_],
html [id^=loading_rivimuokkauspopuppi]
{
margin: initial;
margin-top: 20px;
position: absolute;
width: 100%;
}
div[id$=nakyvat_sarakkeet_div]
{
max-width:100vw;
}
iframe#rivimuokkauspopuppi
{
max-width: 600px;
}
button.readonly
{
pointer-events: none;
background: #616060;
}
.work_popups_property_div
{
display: flex;
margin-top: 13px;
}
.work_popups_property_div_left
{
padding-right: 13px;
display: flex;
min-height: 57px;
}
.work_popups_property_div_left:not(.ilmoittaja_ja_kirjaaja_left)
{
align-items: center;
}
.work_popups_property_div_right
{
display: flex;
flex-direction: column;
justify-content: center;
}
.work_popups_property_icon
{
font-size: 30px;
cursor:pointer;
}
.work_popups_property_name,
.work_popups_worker_name_1,
.work_popups_tyomaaraimen_tyyppi,
.section_title
{
font-weight: bold;
font-size: 18px;
}
.section_title
{
margin-bottom: 4px;
}
.work_popups_property_department
{
}
.work_popups_property_address
{
}
.is_work_popup .edit_button:after {
content: "\270f";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
padding-left: 9px;
-webkit-font-smoothing: antialiased;
padding-right: 9px;
transform: translate(0,2px) rotate(
45deg) scale(1.2,1) rotate(
-45deg);
display: block;
}
.is_work_popup .edit_button.readonly:after
{
content: "\e105";
}
.is_work_popup .transparent_button:not(.asetukset)
{
color: gray;
padding: 0;
border-radius: 0;
font-size: 18px;
min-height: 18px;
position: relative;
flex-grow:1;
display: inline-flex;
align-items: center;
}
.is_work_popup .transparent_button.asetukset
{
font-size: 23px;
margin-top: -2px;
position: relative;
}
.is_work_popup i.demo-icon.icon-calendar2
{
padding-left: 8px;
padding-right: 8px;
}
.empty_value
{
color: gray;
}
.popup table.editnaytto_table>tbody>tr>td
{
width: 70%;
}
.muun_asiakkaan_lisays_kentta_otsikko
{
margin-top: 7px;
}
#muun_asiakkaan_lisays_div>.muun_asiakkaan_lisays_kentta_otsikko:first-child
{
margin-top: 0px;
}
.order_number
{
display: flex;
align-items: center;
}
.order_number>.property_number
{
white-space: nowrap;
padding-right: 4px;
min-width: 50px;
}
.kohdekortti_ja_prosenttiosuus
{
display: flex;
margin-top: 4px;
align-items: center;
justify-content: flex-start;
}
textarea#tiedot\[tyon_kuvaus\],
textarea#tiedot\[tyoseloste\]
{
width: 100%;
}
.tyon_kuvaus_ja_seloste_outer_div
{
margin-top: 13px;
}
.tyon_kuvaus_ja_seloste_inner_div
{
border-radius:8px;background:#e2e2e2;border:1px solid #979797;padding:10px;padding-top:7px;padding-bottom:7px;
}
.tyon_kuvaus_ja_seloste_title
{
font-weight:bold;
display: flex;
}
.property_search_and_notifications
{
flex-grow: 1;
display: flex;
}
.is_work_popup .transparent_button.property_remove_button,
.is_work_popup .transparent_button.property_card_button
{
color: #000;
padding-left: 12px;
padding-right: 12px;
}
html:not(.nodebug) .debug_border_padding_green
{
border:0px solid green;
}
html:not(.nodebug) .debug_border_red
{
border:0px solid red;
display: flex;
}
.tyot_ja_tarvikkeet_outer_div
{
margin-top: 13px;
margin-bottom: 13px;
}
.nayta span[id^='tiedot']
{
awhite-space: pre-line;
line-height: 19px!important;
display: inline-block;
padding-top: 1px;
}
.select2 {
font-size: 16px;
}
.kolmen_vaaka_osion_wrapper
{
display:flex;
flex-wrap: wrap;
}
.work_popups_property_div_right>.boolean_on_off_parent>button
{
margin-bottom:0px;
width:100%;
justify-content: space-between;
background: #ffffff00;
}
.work_popups_property_div_right>.boolean_on_off_parent>button:hover
{
background: #ffffff22;
}
.comment_outer_div
{
line-height: normal;
}
.comment_box
{
margin-botton:4px;
border: 1px solid #979797;
background: #e2e2e2;
border-radius: 8px;
padding: 10px;
padding-top: 7px;
padding-bottom: 7px;
margin-left: 32px;
position: relative;
word-break: break-word;
}
.comment_box>div:first-child {
font-weight: bold;
}
.comment_below_box
{
display:flex;
justify-content: flex-end;
margin-bottom: 6px;
margin-top: 1px;
}
.comment_below_box>*
{
margin-left: 8px;
font-size: 14px;
color: #979797;
}
.comment_box:before {
content: "\e008";
font-family: 'Glyphicons Halflings';
display: block;
margin-left: -40px;
font-size: 22px;
position: absolute;
}
.tarjous_kommentit_buttonit
{
text-align: right;
}
.ilmoittajan_tiedot_ruksit
{
background:#EC614C;
min-width: 119px;
}
.liitteet_table>.liitteet
{
display: flex;
flex-wrap: wrap;
margin-bottom: 14px;
padding-bottom: 10px;
padding-top: 0px;
}
.liitteet_table>.liitteet:not(:last-child)
{
border-bottom: 1px solid #979797;
}
.liitteet_table .liite_buttons a
{
padding-right: 6px;
}
.muutokset_table pre
{
padding: 4px;
padding-bottom: 1px;
min-height: 26px;
}
.tyot_ja_tarvikkeet_preview
{
line-height: normal;
background: #e2e2e2;
border: 1px solid #979797;
border-radius: 8px;
padding: 10px;
padding-bottom: 4px;
padding-top: 7px;
margin-top: 4px;
}
.toistot_wrapper_parent_td
{
max-width: 400px;
}
html>body .is_work_popup.popup>table>tbody>tr>td .tarjous_ylanapit_div button:disabled,
html>body .is_work_popup.popup>table>tbody>tr>td .tarjous_ylanapit_div input[type=button]:disabled,
html>body .is_work_popup.popup .muut_toiminnot_buttonit button:disabled,
html>body .is_work_popup.popup .muut_toiminnot_buttonit input[type=button]:disabled
{
display: none!important;
}
.muut_toiminnot_buttonit button,
.muut_toiminnot_buttonit input[type=button]
{
display:block;
}
/*
Work popup moblize starts
*/
/*
@media only screen and (min-width: 600px)
*/
html.class_phone .kolmen_vaaka_osion_wrapper
{
flex-direction: column;
}
html.class_phone .vaaka_osio
{
width: min(415px, calc(100vw - 30px));
max-width: min(415px, calc(100vw - 30px));
}
table[id^=tyot_ja_tarvikkeet_preview_] td
{
padding:0;
}
html:not(.class_phone) .vaaka_osio:nth-child(2) {
padding-left: 15px;
padding-right: 15px;
}
html:not(.class_phone) .vaaka_osio
{
width: min(415px, calc(100vw - 30px));
max-width: min(415px, calc(100vw - 30px));
}
html.is_touch .is_work_popup .tarjous_ylanapit_div :is(input[type="submit"], input[type="button"], button:not(.transparent_button), a.button),
html.is_touch .is_work_popup .boolean_on_off_parent :is(input[type="submit"], input[type="button"], button:not(.transparent_button), a.button),
html.is_touch .tyon_tila_koodit_button,
html.is_touch .in_work_popup.tyon_tila_koodit .tila
{
min-height: 30px!important;
display: inline-flex!important;
align-items: center;
}
/*
html :is(input[type="submit"], input[type="button"], button, a.button) {
min-height: 30px;
}
html .boolean_on_off_parent>:is(input[type="submit"], input[type="button"], button, a.button) {
min-height: 27px;
}
*/
html .tyon_tila_koodit_button,
html .in_work_popup.tyon_tila_koodit .tila
{
min-height: 29px;
min-width: 50px;
}
html.no_touch .tyon_tila_koodit_button, html.no_touch .in_work_popup.tyon_tila_koodit .tila {
min-height: 27px;
}
/*
Work popup moblize ends
*/
.muutokset_table pre
{
white-space: pre-line;
}
html div.work_popup_property_edit_div>.editnaytto_table>tbody>tr>td.work_property_td:first-child
{
border-top-width: 1px!important;
}
html div.work_popup_property_edit_div>.editnaytto_table>tbody>tr>td.work_property_td
{
border-left: 1px solid #a9a9a9;
}
html>body .popup div.work_popup_property_edit_div>table.editnaytto_table>tbody>tr>td.work_add_property_and_new_other_customer:last-child
{
padding-bottom: 0px;
background: transparent;
border-style: hidden!important;
border: 0px hidden red!important;
}
table.tyot_ja_tarvikkeet_preview_div_list tr>td:last-child {
text-align: right;
white-space: nowrap;
}
table.tyot_ja_tarvikkeet_preview_div_list td {
padding-bottom: 4px;
word-break: break-word;
}
table.tyot_ja_tarvikkeet_preview_div_list tr.tyot_ja_tarvikkeet_preview_div_list_total_tr>td
{
padding-top:10px;
}
table.tyot_ja_tarvikkeet_preview_div_list .nimeton
{
font-style: italic;
color:darkgrey;
}
.is_work_popup .datatable4>tbody>tr>td
{
min-width: initial;
}
.is_work_popup .datatable4#task_hour_entries_table
{
width:100%;
}
.popup.is_work_popup table.editnaytto_table
{
min-width:initial!important;
}
html .popup.is_work_popup .tietoja_editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td:first-child
{
padding-bottom: 0px!important;
}
.kevyt_hakunaytto_rivi_toiminnot>button {
justify-content: center;
}
.work_popups_property_div_left.ilmoittaja_ja_kirjaaja_left
{
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.tyot_ja_tarvikkeet_outer_div>table>tbody>tr>td
{
padding: 0;
}
.tyon_ylanapit_halytys_lemmikit_yms_div
{
margin-top: 15px;
margin-bottom: 13px;
display: flex;
}
.is_work_popup [id^=settings_div]>button
{
margin-top: 10px;
margin-bottom: 10px;
display: block;
}
td.work_property_td {
border-left: 1px solid #a9a9a9;
}
td.work_add_property_and_new_other_customer
{
display: flex;
justify-content: flex-end;
padding: 32px;
height: 73px;
margin-top: 9px;
margin-bottom: 10px;
border: none!important;
background: transparent!important;
padding: 0!important;
}
@media screen and (max-width: 440px)
{
td.work_property_td
{
border-left: 1px solid #a9a9a9;
}
td.work_add_property_and_new_other_customer
{
display: flex;
justify-content: flex-end;
padding: 32px;
height: 73px;
margin-top: 9px;
margin-bottom: 10px;
border: none!important;
background: transparent!important;
padding: 0!important;
}
}
@media screen and (max-width: 440px)
{
html.is_touch .is_work_popup .popup.click_tooltip:not([id^=popup_work_popups_tyon_tila])
{
/* 30 px to make possible to close popup */
width: calc(100vw - 30px)!important;
}
}
@media screen and (min-width: 440px)
{
html.is_touch .is_work_popup .popup.click_tooltip
{
/* 30 px to make possible to close popup */
max-width: calc(100vw - 30px)!important;
}
}
@media screen and (min-width: 440px) {
.is_work_popup [id^=perustiedot_].editnaytto_table>tbody>tr>td,
.is_work_popup [id^=perustiedot_].editnaytto_table>tbody>tr>th,
.is_work_popup [id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr>td,
.is_work_popup [id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr>th,
.is_work_popup [id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr>td,
.is_work_popup [id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr>th,
.is_work_popup [id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr>td,
.is_work_popup [id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr>th,
.is_work_popup .naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr>td,
.is_work_popup .naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr>th,
.is_work_popup div.rivimuokkaus .editnaytto_table>tbody>tr>td,
.is_work_popup div.rivimuokkaus .editnaytto_table>tbody>tr>th,
html:not(.kuormitukset) .is_work_popup .editnaytto_table:not(.no_mobilized)>tbody>tr>th,
html:not(.kuormitukset) .is_work_popup .editnaytto_table:not(.no_mobilized)>tbody>tr>td
{
display: block;
height: initial;
width: 100%!important;
max-width: 100%!important;
margin-top:-1px;
}
.is_work_popup [id^=perustiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup [id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup [id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup [id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup .naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup div.rivimuokkaus .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
html:not(.kuormitukset) .is_work_popup .editnaytto_table:not(.no_mobilized)>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td:not(.work_property_td)
{
border-top-width: 0px!important;
padding-bottom: 10px;
}
html:not(.kuormitukset) .is_work_popup .editnaytto_table:not(.toistot_table):not(.no_mobilized):not([id^=asukasluettelo]):not([id^=viimeisimmat_tyot]):not([id^=kohteen_isannoitsijat]):not([id^=kohteen_laskutusasiakas]):not([id^=tietoja])>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td:not(.work_add_property_and_new_other_customer),
html:not(.kuormitukset) .is_work_popup .editnaytto_table:not(.toistot_table):not(.no_mobilized)>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>th
{
border-left: 1px solid darkgrey!important;
}
html:not(.kuormitukset) .is_work_popup .editnaytto_table.toistot_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR):last-child>td
{
aborder-left: 1px solid darkgrey!important;
}
.toistot_table .is_work_popup .toistot_wrapper_parent_td
{
border-top: 1px solid darkgrey!important;
}
.is_work_popup [id^=perustiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup [id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup [id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup [id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup .naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup div.rivimuokkaus .editnaytto_table>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td,
.is_work_popup .editnaytto_table:not([id^=tietoja_]):not([id^=toistot_])>tbody>tr:not(.taulukon_ylaotsikkoriviTR)>td:not(.work_add_property_and_new_other_customer)
{
border-left: 1px solid #a9a9a9!important;
border-bottom:1px solid #a9a9a9!important;
}
.is_work_popup [id^=perustiedot_].editnaytto_table>tbody>tr>th,
.is_work_popup [id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr>th,
.is_work_popup [id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr>th,
.is_work_popup [id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr>th,
.is_work_popup .naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr>th,
.is_work_popup div.rivimuokkaus .editnaytto_table>tbody>tr>th,
html:not(.kuormitukset) .is_work_popup .editnaytto_table:not(.no_mobilized)>tbody>tr>th
{
background-color: #e9e9e9!important;
border-bottom-width: 0px!important;
border-left: 1px solid darkgrey!important;
border-right: 1px solid darkgrey!important;
border-top: 1px solid darkgrey!important;
color: black!important;
padding-bottom: 0px;
}
.is_work_popup [id^=perustiedot_].editnaytto_table>tbody>tr>th a,
.is_work_popup [id^=tarkentavat_tiedot_].editnaytto_table>tbody>tr>th a,
.is_work_popup [id^=ilmoittajan_tiedot_].editnaytto_table>tbody>tr>th a,
.is_work_popup [id^=kirjaajan_tiedot_].editnaytto_table>tbody>tr>th a,
.is_work_popup .naytettavat_tyo_tiedot_div .editnaytto_table>tbody>tr>th a,
.is_work_popup div.rivimuokkaus .editnaytto_table>tbody>tr>th a,
html:not(.kuormitukset) .is_work_popup .editnaytto_table:not(.no_mobilized)>tbody>tr>th a
{
color:#EC614C!important;
}
.is_work_popup table.editnaytto_table:not(.allekkain):not(.no_mobilized)>tbody>tr:not(.taulukon_ylaotsikkoriviTR):first-child>th
{
border-top: 1px solid darkgrey!important;
}
.is_work_popup table.editnaytto_table:not(.no_mobilized)>tbody>tr.taulukon_ylaotsikkoriviTR+tr:not(.taulukon_ylaotsikkoriviTR)>th
{
border-top: 1px solid darkgrey!important;
}
.is_work_popup .mass_task_properties_table.editnaytto_table>tbody>tr>td:last-child
{
border-bottom: 1px solid darkgrey!important;
}
.is_work_popup .mass_task_properties_table.editnaytto_table>tbody>tr>th.mass_task_properties_poista_column
{
border-bottom: 1px solid darkgrey!important;
}
.is_work_popup td.work_property_td
{
margin-bottom: 6px;
border-bottom: 1px solid darkgrey!important;
}
.is_work_popup .work_add_property_and_new_other_customer .tarjous_ylanapit_div
{
margin-bottom: 0px;
}
.is_work_popup [id^=perustiedot_].editnaytto_table>tbody>tr>td.work_add_property_and_new_other_customer
{
padding-bottom: 7px!important;
padding-top: 11px!important;
border-top: 1px solid darkgrey!important;
border-top-width: 1px!important;
}
.is_work_popup div#contractor_wrapper button
{
margin-top: 4px;
}
.is_work_popup .add_work_type_button
{
margin-top:4px;
}
.is_work_popup [id^=kommentit_].editnaytto_table
{
margin-right: 0px!important;
}
.is_work_popup [id^=kommentit_].editnaytto_table>tbody>tr>td.work_comments
{
max-width: calc(100vw - 30px)!important;
overflow: scroll!important;
padding: 0px;
}
.is_work_popup #div_lisaa_uusi_liite,
.is_work_popup .liitteet_lisays_uloin_div
{
display: flex;
flex-direction: column;
}
.is_work_popup #div_lisaa_uusi_liite .fileinput-box,
.is_work_popup .liitteet_lisays_uloin_div .fileinput-box
{
width: 100%;
}
.is_work_popup #div_lisaa_uusi_liite .fileinput-box .inputfile + label
.is_work_popup .liitteet_lisays_uloin_div .fileinput-box .inputfile + label
{
width: 100%;
margin-bottom: 4px!important;
margin-right: 0px;
}
.is_work_popup #div_lisaa_uusi_liite>input[type=text],
.is_work_popup .liitteet_lisays_uloin_div>input[type=text]
{
display: block;
width: 100%;
min-width: 100%;
margin-bottom: 4px;
}
.is_work_popup #div_lisaa_uusi_liite>input[type=button],
.is_work_popup .liitteet_lisays_uloin_divinput[type=button]
{
width: 103px;
}
}
.is_work_popup #div_lisaa_uusi_liite .fileinput-box,
.is_work_popup .liitteet_lisays_uloin_div .fileinput-box
{
width: 100%;
}
.is_work_popup #div_lisaa_uusi_liite .fileinput-box>label,
.is_work_popup .liitteet_lisays_uloin_div .fileinput-box>label
{
width: 100%;
}
.is_work_popup #div_lisaa_uusi_liite>input[type=text],
.is_work_popup .liitteet_lisays_uloin_div>input[type=text]
{
width: 100%;
}
.is_work_popup #div_lisaa_uusi_liite>input[type=button],
.is_work_popup .liitteet_lisays_uloin_div>input[type=button]
{
margin-right: 0px;
width: fit-content;
align-self: flex-end;
}
.is_work_popup tr#task_hour_entries_tr .datatable4
{
width: 100%;
}
.is_work_popup button[onclick^='javascript:toiminto_laskutusasiakas_button']
{
margin-top: 4px;
}
.is_work_popup tr#tiedot_tr_row\[ulkoinen_jarjestelma\]>td
{
border-bottom: 1px solid darkgrey;
}
.tyon_kuvaus_ja_seloste_inner_div button
{
margin-top: -7px;
}
.work_popups_property_name_inner_wrapper
{
display: flex;
align-items: flex-start;
}
.tyon_kuvaus_ja_seloste_inner_div .nayta,
.tyon_kuvaus_ja_seloste_inner_div .muokkaa
{
padding-top: 4px;
padding-bottom: 4px;
}
.time_and_description_outer_div
{
margin-top:13px;
}
.work_popup_property_edit_department_and_property_specification_outer_div
{
margin-bottom: 0px;
}
.liitteet_lisatiedot
{
margin-top: 10px;
word-break: break-all;
}
.liitteet_kuva_box
{
margin-top: 8px;
width:100%;
}
div[id^='popup_settings_div_']
{
min-width: min(100vw, 600px)!important;
max-width: 100vw!important;
width: min(100vw, 600px)!important;
}
.ilmoittaja_ja_kirjaaja_left *
{
word-break: break-all!important;
white-space: normal!important;
}
html:not(.is_touch) .is_work_popup .transparent_button.asetukset
{
float: initial;
margin-top: 0px;
margin-bottom: 4px!important;
padding-top: 0px;
padding-bottom: 0px;
font-size: 22px;
display: inline-flex;
height: 28px;
}
html:not(.is_touch) .is_work_popup .transparent_button.asetukset>span
{
top: 4px
}
.toistot_table *
{
white-space: normal!important;
}
.popup.is_work_popup table.editnaytto_table.task_meter_readings_table
{
width: 100%;
}
td.work_comments {
padding-top: 3px!important;
}
table.massa_kohteet_table.no_mobilized
{
table-layout: fixed;
}
table.massa_kohteet_table th:first-child,
table.massa_kohteet_table td:first-child
{
width: 49px!important;
}
table.massa_kohteet_table th:first-child
{
border-left: 1px solid #7d0006;
}
table.massa_kohteet_table td:first-child
{
border-left: 1px solid #b9b9b9;
}
.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr:first-child {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td.otsikkoteksti_td {
padding-bottom: 6px;
padding-left:15px;
padding-right: 15px;
}
.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td:not(.otsikkoteksti_td) {
flex-grow: 0;
white-space: nowrap;
display: inline-flex;
flex-wrap: nowrap;
min-width: fit-content;
justify-content: flex-end;
padding-top: 6px;
padding-bottom: 6px;
}
.popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td:not(.otsikkoteksti_td)>i
{
justify-items: flex-end;
float: right;
min-width: 40px;
}
html.is_touch .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td:not(.otsikkoteksti_td)>i {
min-width: 44px;
min-height: 44px;
margin-left: 8px;
}
html.is_touch .popup_inner_table>tbody>tr>th>table.otsikkoteksti_sulkupainike>tbody>tr>td:not(.otsikkoteksti_td)
{
padding-top: 0px;
padding-bottom: 0px;
}
html.is_touch .tarjous_ylanapit_div button,
html.is_touch .tarjous_ylanapit_div input[type="button"],
html.is_touch .tarjous_ylanapit_div select,
html.is_touch .tarjous_ylanapit_div>.select2,
html.is_touch .ylanapit_div button,
html.is_touch .ylanapit_div input[type="button"],
html.is_touch .ylanapit_div select,
html.is_touch .ylanapit_div>.select2
{
margin-bottom: 8px!important;
margin-right: 8px!important;
margin-left: 0px!important;
}
html.is_touch .dt-buttons.btn-group>a.btn.btn-default {
margin-bottom: 8px!important;
margin-right: 8px!important;
margin-left: 0px!important;
}
html.is_touch .is_work_popup .transparent_button.asetukset {
margin-right: -12px!important;
}
.boolean_on_off_span {
width: 22px;
height: 22px;
display: inline-flex;
margin-left: 6px;
align-content: center;
justify-content: center;
align-items: center;
padding: 0;
line-height: 0;
background: rgba(255,255,255,0.3);
border-radius: 100%;
margin-top: -1px;
margin-right: -2px;
}
button.tyo_tpl_halytys {
background: #ff3030!important;
}
button.tyo_tpl_yleisavain {
background: #0968bb!important;
}
button.tyo_tpl_lemmikkeja {
background: darkmagenta!important;
}
button.tyo_tpl_kesken {
background: #ffa100!important;
}
button.tyo_tpl_ehdota_laskutettavaksi {
background: green!important;
}
.halytys_lemmikit .boolean_on_off_parent>button:hover,
.halytys_lemmikit .boolean_on_off_parent>button:focus
{
opacity: 0.8;
}
.work_popups_property_div_right
{
word-break: break-word;
}
.tyon_kuvaus_ja_seloste_inner_div .nayta
{
word-break: break-word;
}
.liitteet>b.open_close_yleinen {
word-break: break-all;
white-space: normal;
}
/*
To prevent Clear-button (x) and option boxes to collapse:
*/
.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
padding-right: 29px;
}
html.is_touch .select2-container--default .select2-selection--multiple .select2-selection__rendered
{
padding-top: 5px;
padding-bottom: 5px;
}
html.is_touch li.select2-selection__choice
{
margin-right: 3px;
margin-bottom: 4px;
margin-left: 3px;
}
/* Aseta minut -button: */
[id^=popup_worker_div] .editnaytto_napit_ja_lisatiedot>button
{
display: block;
margin-top: 4px;
}
table.tyot_ja_tarvikkeet_preview_div_list
{
width: 100%;
}
/* To force too long filenames to vw width: */
html>body .popup.is_work_popup table[id^=liitteet_].editnaytto_table>tbody>tr>td
{
max-width: min(415px, calc(100vw - 30px))!important;
}
.monikohdetyo_others
{
font-size: 16px;
margin-top: 5px;
margin-bottom: 8px;
}
.monikohdetyo_others>span
{
display: block;
padding: 4px;
padding-left: 6px;
padding-right: 0px;
}
.huoltomies_tyolista_ylabuttonit>button
{
width: calc(50% - 28px);
}
.error_amount.numeropallukka {
position: absolute;
background: red;
min-width: 20px;
height: 20px;
font-size: 15px;
font-family: sans-serif;
font-weight: bold;
top: -7px;
right: -9px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.error_amount {
background-color: red;
padding: 4px;
border-radius: 20px;
min-width: 30px;
display: inline-block;
text-align: center;
color: white;
cursor: pointer;
/* margin-right: 6px; */
}
.error_amount.numeropallukka:empty
{
display:none
}
.tyo_div button
{
position: relative;
}
/*
Työmääräimen tyyppi ei voi olla readonly-kenttä, koska sen optioneiden html:stä katsotaan näytettävä arvo,
mutta kentän pitää olla käyttäjälle ei-muokattava, joten disabloidaan sen muokkaaminen css:llä.
*/
.popup.is_work_popup select[name='tiedot[tyomaaraimen_tyyppi_refid]']
{
pointer-events: none;
border: none!important;
background: none;
}
html .tyolajikkeen_kentan_otsikko_ja_sisalto input[readonly],
html .tyolajikkeen_kentan_otsikko_ja_sisalto select[readonly]
{
border:none!important;
background:transparent!important;
height:initial!important;
color:#000!important;
}
html .tyolajikkeen_kentan_otsikko_ja_sisalto input[readonly]::placeholder,
html .tyolajikkeen_kentan_otsikko_ja_sisalto select[readonly]::placeholder,
html .tyolajikkeen_kentan_otsikko_ja_sisalto input[readonly]::-webkit-input-placeholder,
html .tyolajikkeen_kentan_otsikko_ja_sisalto select[readonly]::-webkit-input-placeholder
{
color:transparent;
}
.work_popups_worker_name_div
{
margin-bottom:13px;
}
.work_popups_ilmoittaja_div
{
margin-bottom:13px;
}
.is_work_popup .main_popup_buttons
{
margin-top: 10px;
margin-bottom: 10px;
}
div[id^=popup_work_popup_property_edit_department_and_property_specification_div_]
{
max-width: min(600px, 100vw);
width: min(600px, 100vw)!important;
}
.property_search_and_notifications
{
aposition:relative;
}
.kohdehaku_tulokset_div
{
position:absolute;
left:0px;
top:0px;
z-index:100;
border:1.0px solid black;
background-color:white;
padding:0px;
max-width:600px;
height:auto;
display:none;
}
div[id^=kohteen_laskutusasiakas_]
{
max-width: min(100vw, 600px);
}
div[id^=viimeisimmat_tyot_] {
max-width: min(100vw, 600px);
}
div[id^=kohteen_isannoitsijat_] {
max-width: min(100vw, 600px);
}
div[id^=asukasluettelo_] {
max-width: min(100vw, 600px);
}
.boolean_on_off_parent>button.readonly>.boolean_on_off_span {
background: #616060!important;
}
/* Työnjohtajan näkymä starts */
#tyonjohtajan_nakyma_div .datatable4>tbody>tr>th,
#tyonjohtajan_nakyma_div .datatable4>tbody>tr>td
{
width: 225px;
min-width:225px;
}
#tyonjohtajan_nakyma_div .datatable4>tbody>tr>td
{
vertical-align:top;
}
.tyospan {
border: 1px solid black;
padding: 8px;
display: block;
padding-top: 15px;
padding-bottom: 4px;
margin-bottom: 3px;
border-radius: 8px;
background: white;
max-width: 211px;
word-break: break-all;
position: relative;
overflow: hidden;
height: 57px;
cursor: move;
font-size: 14px;
}
.tyospan.show_tyon_kuvaus
{
height: 90px;
}
.tyospan.tyo_jatko_sloteissa
{
height: 42px;
}
.tyospan.tyo_jatko_sloteissa:after {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.5);
content: '';
top: 0px;
left: 0px;
pointer-events:none;
}
.tyospan.on_toistettava_tyo {
border: 2px solid black;
border-radius: 0px!important;
}
.tyospan.on_toistettu_tyo {
border-radius: 0px!important;
}
.tyospan.on_toistotyo {
border-radius: 0px!important;
}
span.tyon_kesto {
display: inline-block;
font-size: 10px;
overflow: hidden;
width: 86%;
white-space: nowrap;
margin-left: 22px;
background: #c7c7c7;
margin-top: -15px;
position: absolute;
height: 14px;
overflow: visible;
}
span.tyon_kesto>span
{
padding-left:6px;
}
.tyospan .glyphicon
{
padding-left: 2px;
padding-right: 2px;
}
.tyospan .huomiot_ympyra {
width: 8px;
height: 8px;
background-color: red;
position: absolute;
border-radius: 20px;
left: 12px;
top: 0px;
}
.otsikko_ja_tila
{
white-space: nowrap;
}
.tyon_nimi
{
display: inline-block;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
width: 86%;
white-space: nowrap;
margin-left: 29px;
margin-bottom: -4px;
}
.tyospan.show_tyon_kuvaus .tyon_kuvaus
{
display: inline-block;
font-size: 12px;
overflow: hidden;
width: 86%;
white-space: normal;
margin-left: 29px;
margin-bottom: -4px;
margin-top: -5px;
line-height: 15px;
height: 32px;
font-style: italic;
}
.tyospan.show_tyon_kuvaus.foreman_view_print_ui
{
height: initial;
}
.tyospan.show_tyon_kuvaus.foreman_view_print_ui .tyon_kuvaus
{
height: initial;
}
.tyospan:not(.show_tyon_kuvaus) .tyon_kuvaus
{
display:none;
}
.tyo_detaljit
{
display: inline-block;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
width: 86%;
white-space: nowrap;
margin-left: 29px;
margin-top: -2px;
height: 18px;
}
.tyospan.foreman_view_print_ui .tyo_detaljit
{
overflow: visible;
white-space: normal;
}
#tyonjohtajan_nakyma_div .tyon_tila_koodit
{
position: relative;
}
#tyonjohtajan_nakyma_div div.tyon_tila_koodit {
padding: 0px;
padding-bottom: 20px;
}
#tyonjohtajan_nakyma_div div.tyon_tila_koodit .tila {
width: 30px;
display: inline-flex;
margin-top: 0px;
margin-right: 6px;
align-items: center;
justify-content: center;
margin-left: 0px;
font-weight: bold;
top: 0px;
left: 0px;
}
#tyonjohtajan_nakyma_div #tyonjohtajan_nakyma_skrollattava_sisalto_div .tila {
width: 30px;
height: 100%;
display: inline-flex;
margin-top: 0px;
margin-right: 0px;
align-items: center;
justify-content: center;
margin-left: 0px;
font-weight:bold;
position:absolute;
top:0px;
left:0px;
cursor:pointer;
flex-direction: column;
}
#tyonjohtajan_nakyma_div div.tyon_tila_koodit .tila.reunukset {
border: 1px solid black;
}
#tyonjohtajan_nakyma_div .tyospan.tyo_kesken .tila,
#tyonjohtajan_nakyma_div .tyospan.tyo_kesken .tyon_kesto
{
background: #ffa708!important;
}
#tyonjohtajan_nakyma_div .tyospan.tyo_valmis .tila,
#tyonjohtajan_nakyma_div .tyospan.tyo_valmis .tyon_kesto
{
background: #2ac342!important;
}
#tyonjohtajan_nakyma_div .tyospan.tyo_aloittamaton .tila,
#tyonjohtajan_nakyma_div .tyospan.tyo_aloittamaton .tyon_kesto
{
background: #bcbcbc;
}
#tyonjohtajan_nakyma_div .tyospan.selected {
background-color: #95cdff;
}
.tyonjohtajan_nakyma_click_popupin_sisalto.tyo_kesken .tyonjohtajan_nakyma_click_popupin_sisalto_kohteet_nimi
{
background: linear-gradient(180deg,transparent,#ffa708);
}
.tyonjohtajan_nakyma_click_popupin_sisalto.tyo_valmis .tyonjohtajan_nakyma_click_popupin_sisalto_kohteet_nimi
{
background: linear-gradient(180deg,transparent,#2ac342);
}
.tyonjohtajan_nakyma_click_popupin_sisalto.tyo_aloittamaton .tyonjohtajan_nakyma_click_popupin_sisalto_kohteet_nimi
{
background: linear-gradient(180deg,transparent,#bcbcbc);
}
#tyonjohtajan_nakyma_haku .select2-container .select2-selection {
{* max-height: 97px; *}
{* overflow: scroll; *}
}
#tyonjohtajan_nakyma_haku th {
width: 139px;
}
#tyonjohtajan_nakyma_div.disabloitu
{
opacity:0.5;
pointer-events:none;
}
.tyonjohtaja_tanaan
{
display: inline-block;
color: green;
}
.tyospan>.handle
{
position: absolute;
background: white;
width: 100%;
height: 100%;
top: 0px;
z-index: 1;
left: 30px;
opacity:0;
}
.tyospan:not(.selected)>.handle,
html.no_touch .tyospan>.handle
{
display:none;
}
.tyonjohtajan_nakyma_vapaapaiva
{
color:#e20000!important;
}
/* Työnjohtajan näkymä ends */
.in_work_popup.tyon_tila_koodit {
display: inline-flex;
padding: 0;
}
.in_work_popup.tyon_tila_koodit .tila {
margin-right: 0;
padding: 4px;
padding-left: 12px;
padding-right: 12px;
height: 100%;
width:100%;
}
.in_work_popup.tyon_tila_koodit {
color: black;
font-size: 16px;
}
.in_work_popup.tyon_tila_koodit .tila
{
margin-left:0px;
border-radius: 0px;
}
html>body .is_work_popup div.popup.click_tooltip[id^=popup_kesken_div_]
{
max-width: min(calc(100vw - 30px), 600px)!important;
}
html>body .is_work_popup .tyon_tila_koodit.koodi_selitykset
{
display: flex;
flex-direction: column;
}
html>body .is_work_popup .tyon_tila_koodit.koodi_selitykset>span
{
margin-bottom: 4px;
}
.in_work_popup.tyon_tila_koodit.koodi_selitykset span.tila
{
width: initial;
min-width: 50px;
margin-right: 7px;
}
.tila_status_wrapper
{
width:60px;
display: inline-block;
}
.popup.is_work_popup .kuittaus_puuttuu_div_huoltomies_tyot
{
display:none;
}
#popup_huoltomiehen_tyot_popup .kuittaus_puuttuu_div_work_popup
{
display:none;
}
.avatut_action button {
display: block;
}
div#popup_avatut_keyt_menu {
min-width: min(100vw, 278px);
}
#avatut_keyt_menu
{
min-height: 23px;
}
.activate_reload_buttons button
{
display: block;
}
.kevyt_hakunaytto_rivi.boldattu div
{
background: #aaf1aa;
}
.work_popup_property_edit_department_and_property_specification_outer_div span.work_popups_property_div_right {
width: 100%;
}
.tyolajike_outer_div .work_popups_property_div_right
{
width: 100%;
}
.tyolajike_outer_div .work_popups_property_div_right>div
{
width: 100%;
display: flex;
}
element.style {
outline: blue solid 1px;
}
.work_popups_worker_name_div span.work_popups_property_div_right {
width: 100%;
}
.work_popups_worker_name_div span.work_popups_property_div_right>div {
width: 100%;
display: flex;
}
.is_work_popup .transparent_button
{
cursor:pointer;
}
.is_work_popup .transparent_button>span,
.is_work_popup .transparent_button>i
{
position: relative;
}
.is_work_popup button.transparent_button.edit_button_actual_button
{
min-height: 29px;
}
.time_and_description_outer_div
{
align-items:center;
}
.tyolajike_pikavalinta>div
{
display: flex;
flex-direction: column;
}
.tyolajike_pikavalinta>.tarjous_ylanapit_div button
{
max-width: min(90vw, 400px);
text-align: left;
display:block;
}
.drag_handle
{
flex-grow: 1;
}
html.no_touch .is_work_popup .popup.click_tooltip {
max-width: calc(100vw - 30px)!important;
}
.pushpin_visible
{
transform: rotate(-45deg);
}
.task_hours_and_items_title
{
font-size: 18px;
font-weight: bold;
}
.click_tooltip .task_hours_and_items_title
{
display:none;
}
span.hakunaytto_button.tarkka_haku .badge
{
display:inline-block;
margin-left:20px;
}
#uusi_kayttajan_salasana_div span.span_mycheckbox_wrapper
{
margin-bottom: 4px;
}
#uusi_kayttajan_salasana_div>b
{
display: inline-block;
margin-bottom: 7px;
}
ul.nav.navbar-nav .dropdown.katto__dms
{
display: none!important;
}
html:not(.easoft) .menu_button_for_column_sort
{
display:none;
}
.tyonjohtajan_nakyma_click_popupin_sisalto #tyonmuokkaus button[onclick^=this_set_me]
{
display: block;
margin-top: 8px;
}
.round_multi_row
{
width: 100%;
}
.round_multi_col
{
padding: 1px !important;
}
.round_multi_button
{
width: 100%;
}
#popup_e_markkinointi_raportoi_div
{
max-width:min(100vw, 400px)!important;
}