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;
}

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;
}
/*
 * .tab-content {
 *     max-width:1450px;
 *     }
 *     .tab-content table.dataTable {
 *     margin:0;
 *     }
 *     */
.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 {
width:100% !important;
margin:0 !important;
margin-left:0 !important;
table-layout:fixed;
border-top:1px solid #ccc;
}
.vaurioilmoitukset-wrapper.collapse.in {
display: table !important;
}
.vaurioilmoitukset-wrapper td.ajax-vaurioilmoitukset-content {
width:100% !important;
min-width:100%;
}
.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 {
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;
}
.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 {
		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;
}
.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;
}

.info-table .col-label {
    font-weight:bold;
    width:200px;
}

.input-radio br {
     display: none;
}

.input-radio label {
    font-weight:normal;
    margin-right:8px;
}
.input-radio label input {
    margin-right:3px;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 3px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
        -moz-border-radius: 2px;
    border-radius: 2px;
    font-size:0.9em;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;padding:0 20px;width:260px;}
.qq-upload-list li:first-child {
    padding-top:20px;
}
.qq-upload-list li:last-child {
    padding-bottom:20px;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("/Purple2/js/fileuploader/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

.qq-uploader {
    width:auto;
    float:left;
}
.qq-upload-button {
    background:#666;
}

.qq-upload-drop-area  {
    background:transparent;
        height:30px;
    min-height:30px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity:0.8;
    display:none;
}
.qq-upload-drop-area-active {
    background:black;
    display:block;
}

.qq-upload-list{
    position:absolute;
    background:#fff;
    list-style:none;
    z-index:2;
    margin:0;
}


.files-wrapper a {
  /*  display:block; */
}
.files-wrapper p {
    margin-bottom:2px; 
}

.modal-body .qq-uploader {
    margin:10px 0 0;
    float:none;
}

.dijitComboBoxMenuPopup {
    z-index:1050 !important;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}

.tt-suggestion p {
  margin: 0;
}

.tt-hint {
    display:none;
}

.twitter-typeahead {
    display:block !important;
}

.errors {
    list-style:none;
    color:red;
    margin:0;padding:0;
    
}
#tasklist1-label,
#tasklist2-label,
#tasklist3-label,
#tasklist4-label,
#tasklist5-label,
#tasklist6-label,
#tasklist7-label {
    height:0px;
}

.toggle-link {
    float:right;
    margin-left:10px;
}

.task-row .date {
    float:right;
    margin-left:10px;
}

.task-row td {
    vertical-align:top;
}

.date-auki {
    display:none;
}
.highlighted{
    color:red;
}
         
.panel-title {
    display:block;
}

.panel table {
    font-size:11px;
}
.panel-group .panel {
    border:none;
}

.panel-body {
    padding:0;
}
#remember-label,
#remember-element,
.forgot-password,
.register {
display:none;
}

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:767px) {
    body {
    /*    padding-top:135px;*/
    }
        
}

@media (max-width:1024px)  {
    .table-responsive {
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }
}
@media (max-width:1199px) AND (min-width:768px){
    .container {
        width:100%;
    }
}
.btn-yellow { 
  color: #000000; 
  background-color: #FEE100; 
  border-color: #FEE100; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #000000; 
  background-color: #FFF100; 
  border-color: #FEE100; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #FEE100; 
  border-color: #FEE100; 
} 
 
.btn-yellow .badge { 
  color: #FEE100; 
  background-color: #000000; 
}
.btn-yellow { 
  color: #000000; 
  background-color: #FEE100; 
  border-color: #FEE100; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #000000; 
  background-color: #FFF100; 
  border-color: #FEE100; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #FEE100; 
  border-color: #FEE100; 
} 
 
.btn-yellow .badge { 
  color: #FEE100; 
  background-color: #000000; 
}

.errors li {
    margin-bottom:20px;
}