body {
    padding-top: 30px;
    padding-bottom: 40px;
}
.radio-inline input[type=radio] {
margin-top:0;
}
select.disabled {
color:#ccc;
}
.red {
color:red;
}
.yellow-bg {
background:#FFF852 !important;
}
.orange-bg {
background:#FFA500 !important;
}
tr.collapse.in {
display:table-row;
}
.dataTable {
font-size:13px;
line-height:1.1;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 5px !important;
}

.dataTable tr td a {
color:#c00000;
}
table.dataTable tbody td {
    word-break: break-word;
    vertical-align: top;
}
.modal-dialog {
max-width:340px;
}
.siirtolupa-body .larger {
font-size:2em;
}
.container {
    max-width:600px;
}

.clickable {
cursor:pointer;
background:#ccc;
}

.subtable .clickable {
background:#efefef;
}
.subtable-cell {
padding:0 !important;
}
.subtable {
/*width:100%;*/
margin-left:90px;
}
.subtable-2 {
width:100%;
margin-left:0px;
}
.vaurioilmoitukset-wrapper ,
.task-images-wrapper {
width:100% !important;
margin:0 !important;
margin-left:0 !important;
table-layout:fixed;
border-top:1px solid #ccc;
}

.task-images-wrapper em {
  padding:5px;
}
.vaurioilmoitukset-wrapper.collapse.in,
.task-images-wrapper.collapse.in {
display: table !important;
}
.vaurioilmoitukset-wrapper td.ajax-vaurioilmoitukset-content {
width:100% !important;
min-width:100%;
}
.task-images-wrapper {
width:100% !important;
margin:0 !important;
margin-left:0 !important;
table-layout:fixed;
border-top:1px solid #ccc;
}
.task-images-wrapper td.ajax-task-images-content {
width:100% !important;
min-width:100%;
}
.task-images-wrapper .subtable td[colspan="2"] {
border:none !important;
}
.task-images-wrapper .subtable .collapse table,
.task-images-wrapper .subtable .collapsing table {
border:none;
margin:0;
}
.task-images-wrapper .subtable .collapse table td,
.task-images-wrapper .subtable .collapsing table td {
border:none !important;
padding:5px 5px;
}
.task-images-wrapper .subtable .collapse {
border:none !important;
outline:none !important;
box-shadow:none !important;
}
.task-images-wrapper .subtable .collapsing {
border:none !important;
outline:none !important;
box-shadow:none !important;
}
.task-images-wrapper .subtable .collapsing table {
border:none !important;
}
.task-images-wrapper .subtable td[colspan="2"] .collapse {
border:none !important;
}
.task-images-wrapper .subtable td[colspan="2"] .collapsing {
border:none !important;
}
.task-images-wrapper .subtable td[colspan="2"] {
border-left:none !important;
border-right:none !important;
}
.task-images-wrapper .subtable tr.collapse-row {
display: none;
}
.task-images-wrapper .subtable tr.collapse-row:has(.collapse.in),
.task-images-wrapper .subtable tr.collapse-row:has(.collapse.collapsing) {
display: table-row;
}
.task-images-wrapper .subtable tr td[colspan="2"] {
border-bottom:none !important;
}
.task-images-wrapper .subtable.subtable-2 {
width:100% !important;
background-color:#e3f2fd;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
table-layout:auto;
}
.task-images-wrapper .btn-success.btn-xs {
margin-top:5px;
}
.task-images-wrapper .collapse {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-top:5px;
background-color:#e3f2fd;
padding:10px;
}
.task-images-wrapper .collapse table {
width:100%;
}
.task-images-wrapper .collapse textarea {
width:100%;
}
.task-images-wrapper .collapse input[type="text"] {
width:100%;
}
.task-images-wrapper .btn-cancel-add-kuva-task,
.task-images-wrapper .btn-cancel-edit-task-image {
margin-left:5px;
}
.task-images-wrapper .btn-edit-task-image {
margin-left:5px;
}
.task-images-wrapper .btn-delete-kuva-task {
margin-left:2px;
}
.task-images-wrapper video,
.task-images-wrapper img {
max-width:200px;
max-height:200px;
}
.task-images-wrapper .edit-task-image-form {
background-color:#e3f2fd;
display:none;
}
.task-images-wrapper .edit-task-image-form[style*="display:block"],
.task-images-wrapper .edit-task-image-form[style*="display: block"],
.task-images-wrapper tr.edit-form-row.edit-form-visible .edit-task-image-form {
display:block !important;
}
.vaurioilmoitukset-wrapper .subtable td[colspan="2"] {
padding:0;
border:none !important;
}
.vaurioilmoitukset-wrapper .subtable .collapse table,
.vaurioilmoitukset-wrapper .subtable .collapsing table {
border:none;
margin:0;
}
.vaurioilmoitukset-wrapper .subtable .collapse table td,
.vaurioilmoitukset-wrapper .subtable .collapsing table td,
.task-images-wrapper .edit-task-image-form table td,
.task-images-wrapper .edit-task-image-form table td {
border:none !important;
padding:5px 5px;
}
.vaurioilmoitukset-wrapper .subtable .collapse {
border:none !important;
outline:none !important;
box-shadow:none !important;
}
.vaurioilmoitukset-wrapper .subtable .collapsing {
border:none !important;
outline:none !important;
box-shadow:none !important;
}
.vaurioilmoitukset-wrapper .subtable .collapsing table {
border:none !important;
}
.vaurioilmoitukset-wrapper .subtable td[colspan="2"] .collapse {
border:none !important;
}
.vaurioilmoitukset-wrapper .subtable td[colspan="2"] .collapsing {
border:none !important;
}
.vaurioilmoitukset-wrapper .subtable td[colspan="2"] {
border-left:none !important;
border-right:none !important;
}
.vaurioilmoitukset-wrapper .subtable tr.collapse-row {
display: none;
}
.vaurioilmoitukset-wrapper .subtable tr.collapse-row:has(.collapse.in),
.vaurioilmoitukset-wrapper .subtable tr.collapse-row:has(.collapse.collapsing) {
display: table-row;
}
.vaurioilmoitukset-wrapper .subtable.vaurio-not-locked:has(.collapse.in),
.vaurioilmoitukset-wrapper .subtable.vaurio-not-locked.vaurio-open {
background-color: #CAECFC;
}
/*
.vaurioilmoitukset-wrapper .subtable tr.vaurio-current-tehtava {
	background-color: #ccc;
}
*/
.vaurioilmoitukset-wrapper .subtable tr.edit-form-row {
display: none !important;
}
.vaurioilmoitukset-wrapper .subtable tr.edit-form-row:has(.edit-vauriorivi-form[style]:not([style*="display:none"]):not([style*="display: none"])),
.vaurioilmoitukset-wrapper .subtable tr.edit-form-row:has(.edit-vauriorivi-form:not([style])),
.vaurioilmoitukset-wrapper .subtable tr.edit-form-row:has(.edit-kuva-form[style]:not([style*="display:none"]):not([style*="display: none"])),
.vaurioilmoitukset-wrapper .subtable tr.edit-form-row:has(.edit-kuva-form:not([style])) {
display: table-row !important;
}
.subtable tr.edit-form-row {
display: none !important;
}
.subtable tr.edit-form-row:has(.edit-task-image-form[style*="display:block"]),
.subtable tr.edit-form-row:has(.edit-task-image-form[style*="display: block"]),
.subtable tr.edit-form-row.edit-form-visible {
display: table-row !important;
}
.task-images-wrapper .subtable tr.edit-form-row {
display: none !important;
}
.task-images-wrapper .subtable tr.edit-form-row:has(.edit-task-image-form[style*="display:block"]),
.task-images-wrapper .subtable tr.edit-form-row:has(.edit-task-image-form[style*="display: block"]),
.task-images-wrapper .subtable tr.edit-form-row.edit-form-visible {
display: table-row !important;
}
.task-images-wrapper .subtable tr.edit-form-row td {
height: auto !important;
min-height: auto !important;
overflow: visible !important;
}
.task-images-wrapper .subtable tr.edit-form-row.edit-form-visible .edit-task-image-form {
display: block !important;
height: auto !important;
min-height: auto !important;
overflow: visible !important;
}
.task-images-wrapper .subtable tr.edit-form-row.edit-form-visible .edit-task-image-form form {
display: block !important;
}
.task-images-wrapper .subtable tr.edit-form-row.edit-form-visible .edit-task-image-form table {
display: table !important;
width: 100%;
}
.vaurioilmoitukset-wrapper .vauriorivit-table {
counter-reset: vauriorivi-counter;
width: 100%;
table-layout: auto;
}
.vaurioilmoitukset-wrapper .vauriorivit-table tr.vauriorivi-row {
counter-increment: vauriorivi-counter;
}
.vaurioilmoitukset-wrapper .vauriorivit-table tr.vauriorivi-row td:first-child::before {
	content: counter(vauriorivi-counter) " ";
	font-weight: bold;
	padding-left: 1.2em;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'><g stroke='currentColor' stroke-width='2.5' stroke-linecap='round'><line x1='34' y1='30' x2='18' y2='54' /><line x1='38' y1='30' x2='26' y2='60' /><line x1='42' y1='30' x2='36' y2='64' /></g><circle cx='40' cy='24' r='10' fill='currentColor' /><circle cx='40' cy='24' r='10' stroke='black' stroke-width='1.5' fill='none' opacity='0.4' /><circle cx='36.5' cy='20' r='2.3' fill='white' opacity='0.9' /><path d='M45 17 A9 9 0 0 1 47.5 24 A9 9 0 0 1 43 31' stroke='black' stroke-width='1.5' stroke-linecap='round' fill='none' opacity='0.35' /></svg>");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.2em 1.2em;
}
.vaurioilmoitukset-wrapper .vauriorivit-table tr.vauriorivi-row td.vauriorivi-content {
width: 100%;
position: relative;
box-sizing: border-box;
}
.vaurioilmoitukset-wrapper .vauriorivit-table tr.vauriorivi-row td.vauriorivi-content .vauriorivi-text {
display: inline-block;
width: calc(100% - 105px);
vertical-align: top;
word-wrap: break-word;
overflow-wrap: break-word;
}
.vaurioilmoitukset-wrapper .vauriorivit-table tr.vauriorivi-row td.vauriorivi-content .vauriorivi-buttons {
display: inline-block;
vertical-align: top;
white-space: nowrap;
margin-left: 10px;
}
.vaurioilmoitukset-wrapper .subtable tr td[colspan="2"] {
border-bottom:none !important;
}
.vaurio-details-content.hidden-for-edit {
display: none !important;
}

.no-border {
border:none !important;
}
.subtable tr {
border-bottom:1px solid #ccc;
}
.subtable tr:last-child {
border-bottom:none;
}

@media (max-width: 767px) {
	/* On narrow screens, keep Vaurioilmoitukset buttons aligned left so they remain visible */
	.btn-vauriouilmoitukset,
  .btn-task-images,
  .task-images-wrapper .btn-success.btn-xs  {
		float: none !important;
	}
}

.subtable td {
padding:5px 5px;
border-right:1px solid #ccc;
}
.subtable td:first-child {
border-left:1px solid #ccc;
}
.subcol-1 {
width:90px;
} 
.subcol-2 {
width:100px;
} 
.subtable .control-label {
width:120px;
}
.ALOITUS,
.LASTAUS,
.PURKAUS,
.LOPETUS {
background:#00cc66;
}
.AJO,
.MATKA {
background:#b3ffb3;
}
.ALOITUS.kuitattu-1,
.LASTAUS.kuitattu-1,
.PURKAUS.kuitattu-1,
.LOPETUS.kuitattu-1 {
background:#ff9933;
}
.AJO.kuitattu-1,
.MATKA.kuitattu-1 {
background:#ffe0b3;
}
.valmis-1 .ALOITUS,
.valmis-1 .LASTAUS,
.valmis-1 .PURKAUS,
.valmis-1 .LOPETUS,
.valmis-1 .AJO,
.valmis-1 .MATKA {
background:#ccc;
background:#57595D;
color:#ccc;
}
.valmis-1 .btn {
display:none;
}
.valmis-1 .btn-vauriouilmoitukset {
  display:inline-block
}
.hylatty-1 td {
text-decoration:line-through;
}
.form .error {
color:red;
font-size:0.9em;
}
#header .logo {
    background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*float: left;*/
    height: 102px;
    margin: 0 22px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 133px;
    display:block;
    margin-bottom:40px;
}
h3 {
    font-weight:normal;
}
.ingress {
    background:#eeeeee;
    padding:15px;
    border-radius:5px;
    display:block;
}

form dd {
    margin-bottom:5px;
}

.bg-danger {
    padding:15px;
}

.form-title {
    margin-top:40px;
}
.table-no-border tbody tr td {
    border:none;
    padding-left:0;
}
.table-no-border tbody tr td:first-child {
    width:40%;
}

.time,.date {
    max-width:150px;
    display:inline-block;
}
.tooltip {
    position:static !important;
    opacity:1 !important;
}

.dropdown-menu {
     min-width: 100px;
}

.strong {
    font-weight:bold;
}

.btn-order {
    margin-top:10px;
}

#form-wrapper-homeaddress {
    display:none;
}
.navbar-fixed-top {
    z-index:996 !important;
}
.loading h2 {
    margin-top:10px;
}
/* Loading layer */
#loading {
   display:none !important;
}


#static-map {
    display:none;
}

img.logo {
    display:none;
}

/* Feedback css */
#notifications-sub .desc {
    font-style:italic;
    margin-left:3px;
}

#notifications {
    left:0;
    overflow:visible;
    position:fixed;
    top:0;
    width:100%;
    z-index:1060;
}

.notification-bar {
    color:purple;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    font-size:1.5em;
    color:#333333;
    text-align:center;
}
.notification-bar-bkg {
    background-color:purple;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:static;
    display: block; 
    min-height: 65px;
    width:100%
}

* html .notification-bar-bkg {
    height:65px;
}
#notifications .message {
    padding:20px 40px;
    color:#fff;
}

/* nav a when disabled show normal cursor */
ul a.disabled {
    cursor:default;
}
.show-kulkuvaline {
display:none;
}

.ui_tpicker_time_label,
.ui_tpicker_hour_label,
.ui_tpicker_minute_label,
.ui_tpicker_time{
    font-weight:normal !important;
    line-height:1em !important;
    font-size:13px !important;
}
#settings-label,
#hidden-label,
#hidden-element,
#attributes-label {
    display:none;
}
dl {
    margin:0;
}

.label-text,
.label-textarea,
.label-select,
.label-radio {
    margin-top:10px;
}

.blockUI {
    z-index:10000 !important;
}

td .glyphicon {
    padding:2px 0;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    /* margin: 10px; */
    z-index: 2;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    z-index: 4;
    font-size: 100px;
}


@media (max-width:1199px) AND (min-width:768px){
    .container {
        width:100%;
    }
}