/* (c) 2022 M10 Network Service - Harry Nyberg */

.c-container {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr; 
border-top:1px solid lightgray;
  padding:1rem 0;
  column-gap: 1rem;
  row-gap:1rem;
}

.c-child {
}

.c-2 input {
width: 50%;
max-width: 200px;
}

.c-2 textarea {
width: 100%;
}

.c-3 input {
color: #6699CC;
margin: 10px;
}

#valmistusvuosi {
width: 50px;
}

#projektinnumero {
width: 50px;
}

.smblink a {
font: 18px 'Nobile', Arial, sans-serif;
color: #6699CC;
text-decoration: none;
background: #F8FCFD;
padding: 4px;
}

.buttons input {
color: #6699CC;
margin: 10px;
}

.plist-table {
padding: 2px;
background: #F8FCFD;
white-space: nowrap;
border: 1px solid white;
color: #566573;
}

.plist-table-wrapper {
width: 120%;
margin: 0px;
}

.plist-table:hover {
border: 1px solid lightgray;
}

.plist-table tr:hover {
background-color: white;
color: black;
}

.plist-table th {
text-align: left;
vertical-align: top;
font-size: 8pt;
}

.plist-table td {
border-top: solid 1px lightgray;
vertical-align: top;
text-align: left;
}

.plist-pnr {
color: lightgray;
padding-right: 20px;
}

.plist-pworknr {
padding-right: 10px;
}

.plist-pname {
padding-right: 10px;
}

.plist-pyearfinalized {
padding-right: 10px;
}

.plist-pbuiltby {
padding-right: 10px;
}

.plist-ptype {
padding-right: 10px;
}

.plist-plocation {
padding-right: 10px;
}

.plist-ptext {
padding-right: 10px;
white-space: pre-wrap;
}

.plist-poista {
padding-left: 10px;
padding-top: 2px;
}

.plist-karuselli {
font-size: 8pt;
}

.plist-etusivu {
font-size: 8pt;
}

.plist-videourl {
padding-bottom: 0px;
padding-top: 6px;
font-size: 8pt;
}

.input_pnr {
width: 50px;
}

.input_pname {
width: 100px;
}

.input_pyearfinalized {
width: 40px;
}

.input_ptext {
width: 200px;
}

.enterhover {
background: white;
}

.exithover {
background: #f4f4f4;
}

.genericform {
margin-top: 20px;
width: 100%;
}

.genericformdivider {
margin-top: 20px;
width: 630px;
border-bottom: 1px solid #6699CC;
}

.genericforminfomsg {
margin: 20px 0px 20px 0px;
width: 630px;
border-bottom: 1px solid #6699CC;
font: 8px 'Nobile', Arial, sans-serif;
color: #6699CC;
text-decoration: none;
}


.genericforminput {
width: 600px;
background: #f4f4f4;
margin: 10px;
padding: 2px;
}

.genericforminputshort {
width: 60px;
background: #f4f4f4;
margin: 10px;
padding: 2px;
}

.genericformtextarea {
width: 600px;
background: #f4f4f4;
margin: 10px;
padding: 2px;
border: 1px solid lightgray;
}

.formhover {
background: white;
margin: 10px;
padding: 2px;
}

#staff_add {
visibility: visible;
display: inline;
}

#staff_list {
visibility: visible;
display: inline;
}

.stafflist_staffnr {
margin: 40px 0px 0px 0px;
width: 630px;
border-bottom: 1px solid #044f66;
font: 8px 'Nobile', Arial, sans-serif;
color: #044f66;
text-decoration: none;
}

.stafflist_deletebutton {
margin: 0px 0px 20px 0px;
width: 630px;
text-align: right;
}

.stafflist_staffname {
width: 630px;
font: 14px 'Nobile', Arial, sans-serif;
color: #044f66;
text-decoration: none;
}

.stafflist_stafftitle {
width: 630px;
font: 14px 'Nobile', Arial, sans-serif;
color: #044f66;
text-decoration: none;
}

.stafflist_staffphone {
width: 630px;
font: 14px 'Nobile', Arial, sans-serif;
color: #044f66;
text-decoration: none;
}

.stafflist_staffimage {
width: 630px;
font: 14px 'Nobile', Arial, sans-serif;
color: #044f66;
text-decoration: none;
}

.stafflist_stafftext {
width: 630px;
font: 14px 'Nobile', Arial, sans-serif;
color: #044f66;
text-decoration: none;
}

#button_canceladd {
display: none;
}