.form-body { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
.form-body .form-item { width: 100%; }
.form-body .form-sidebar { margin-left: 1em; border-left: 1px solid #006da3; padding-left: 1em; width: 300px; }
.fdir-controls { margin: 2em 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
.fdir-controls .fdir-textinput { width: 65%; }
.fdir-controls .fdir-category { border-left: 1px solid #ccc; background-color: #eee; width: 35%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.fdir-controls .fdir-category .fdir-keyword-input { display: inline-block; padding: 0.5em 1.5em 0.5em 1em; line-height: 1.2; position: relative; background-color: #eee; cursor: pointer; font-size: 0.75em; text-transform: uppercase; font-weight: bold; font-family: "Montserrat"; }
.fdir-controls .fdir-category .fdir-keyword-input:hover { background-color: #ddd; }
.fdir-controls .fdir-category .fdir-keyword-input:hover .fa { opacity: 1; }
.fdir-controls .fdir-category .fdir-keyword-input .fa { font-size: 0.9em; color: #d00; position: absolute; top: 50%; transform: translateY(-50%); right: 0.5em; opacity: 0; }
.form-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.form-flex label { width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.form-flex > .inputs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.form-flex > .inputs .input-row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.input-row [data-action] { width: 3em; position: relative; background-color: #eee; }
.input-row [data-action] .fa { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.input-row + .input-row { margin-left: 1em; }
.form-inner-group + .form-inner-group { margin-top: 0.5em; }
textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="url"] { background-color: #fafafa; height: auto; padding: 0.75em; border-width: 1px; border-style: solid; border-color: transparent; color: #3c3c3b; }
textarea[readonly], input[type="text"][readonly], input[type="tel"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="url"][readonly] { background-color: #eee; }
textarea[readonly]:focus, input[type="text"][readonly]:focus, input[type="tel"][readonly]:focus, input[type="email"][readonly]:focus, input[type="number"][readonly]:focus, input[type="url"][readonly]:focus { border-color: transparent !important; }
textarea::placeholder, textarea[readonly], input[type="text"]::placeholder, input[type="text"][readonly], input[type="tel"]::placeholder, input[type="tel"][readonly], input[type="email"]::placeholder, input[type="email"][readonly], input[type="number"]::placeholder, input[type="number"][readonly], input[type="url"]::placeholder, input[type="url"][readonly] { color: #999; }
textarea:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus { border: 1px solid #006da3; }
textarea[required]:not(.valid), input[type="text"][required]:not(.valid), input[type="tel"][required]:not(.valid), input[type="email"][required]:not(.valid), input[type="number"][required]:not(.valid), input[type="url"][required]:not(.valid) { border-color: rgba(255, 0, 0, 0.35) !important; }
textarea[required].valid, input[type="text"][required].valid, input[type="tel"][required].valid, input[type="email"][required].valid, input[type="number"][required].valid, input[type="url"][required].valid { border-color: rgba(0, 128, 0, 0.75) !important; }
label { font-weight: bold; color: #3c3c3b; padding: 0.5em; }
.form-inner-group label { font-size: 0.8em; padding-left: 1em; padding-right: 1em; }
.form-section + .form-section { margin-top: 2em; border-top: 1px solid #eee; padding-top: 2em; }
::-webkit-resizer { border-bottom-color: #006da3; }
.category-table [data-index]:not(.valid) { background-color: rgba(255, 0, 0, 0.05); }
.category-table [data-index].valid .invalid { display: none; }
.category-table td, .category-table tr, .category-table th { background: none; border: 0; }
.category-table td:first-child, .category-table th:first-child { text-align: left; }
.category-table td:nth-child(2), .category-table th:nth-child(2) { width: 400px; }
.category-table input { text-align: inherit; }
@media (min-width: 768px) { .category-table .dropdown-mobile { display: none; } }
@media (max-width: 767px) { .category-table .dropdown-desktop { display: none; } }
[data-action*="toggle"]:not(.toggled) .toggled { display: none; }
[data-action*="toggle"].toggled .not-toggled { display: none; }
.form-section .input-readonly { width: 0 !important; }
.form-section .input-readonly input[readonly] { padding: 0; }
.form-section.readonly .input-readonly { width: 100% !important; }
.form-section.readonly .input-readonly input[readonly] { padding: 0.5em; } #fdir-navigation ~ #fdir-noresults { display: none; }
#fdir-navigation.noresults ~ #fdir-noresults { display: block; }
#fdir-navigation.initial .fdir-term { display: block !important; }
.fdir-datatable tr.default-search { width: 100%; font-weight: bold; font-size: 20px; }
.fdir-datatable tr.default-search td { padding: 2em; }
.fdir-datatable.default-search .dtrg-group { display: none !important; }
.fdir-datatable.default-search tr.default-search { display: block !important; }
.fdir-datatable:not(.default-search) tr.default-search { display: none !important; }
.fdir-datatable tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.fdir-datatable tbody td { display: block; }
.fdir-datatable tbody .dtrg-group { min-width: 100%; }
.fdir-datatable tbody .dtrg-group td { width: 100%; }
.fdir-datatable tbody [role="row"].post { display: block; }
@media only screen and (max-width: 767px) { .fdir-datatable tbody [role="row"].post { width: calc(100% / 1); }
.fdir-datatable tbody [role="row"].post td { font-size: 0.85em; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .fdir-datatable tbody [role="row"].post { min-width: calc(100% /2); width: calc(100% / 2); } }
@media only screen and (min-width: 1200px) { .fdir-datatable tbody [role="row"].post { min-width: calc(100% /3); width: calc(100% /3); } }
.fdir-datatable tbody [role="row"].post td { width: 100%; display: block; }
.fdir-datatable tbody [role="row"].post td a { color: #faa41a; }
.fdir-items--table table { max-width: 100%; }
@media only screen and (min-width: 1081px) { .page-palveluhakemisto .page-main-content { flex: 0 0 65% !important; max-width: 65% !important; }
.page-palveluhakemisto .page-sidebar-left { flex: 0 0 35% !important; max-width: 35% !important; } }
@media only screen and (max-width: 1080px) { .page-palveluhakemisto { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.page-palveluhakemisto .page-sidebar-left { margin-top: 2em; margin-bottom: -0.5em; }
.page-palveluhakemisto .page-main-content { -webkit-box-ordinal-group: 5 !important; -moz-box-ordinal-group: 5 !important; box-ordinal-group: 5 !important; } }
.page-kiitos .page-sidebar { display: none !important; }
.noform ~ .form-submit { display: none !important; } #fdir-fixed { background-color: rgba(0, 0, 0, 0.8); z-index: 100; display: block; position: fixed; bottom: 0; height: 300px; width: 100%; }
#fdir-fixed:not(.active) { display: none; }
#fdir-fixed #fdir-map, #fdir-fixed iframe { position: absolute; height: calc(100% - 10px); width: 100%; bottom: 0; left: 0; }
#fdir-fixed iframe { height: 100%; }
#fdir-fixed .ui-resizable-handle { background-color: #ddd; height: 1px; padding: 3px 0; position: relative; width: 100%; border: 2px dotted #ccc; }
#fdir-fixed .ui-resizable-handle:before { display: block; content: " "; position: relative; height: 0; margin-top: -1px; border-bottom: 2px dotted #ccc; }
#fdir-fixed .ui-resizable-handle.ui-resizable-n:hover { cursor: n-resize; }
#fdir-close-map { position: absolute; right: 30px; width: 60px; top: -60px; display: block; }
#fdir-close-map .close-map-button { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background: #006da3; display: block; padding: 0; width: 60px; height: 60px; border-radius: 50%; text-align: center; font-size: 25px; line-height: 60px; opacity: 1; cursor: pointer; }
#fdir-close-map .close-map-button:hover, #fdir-close-map .close-map-button:focus { background: #0faef1; }
#fdir-close-map .close-map-button .fa { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; }
.allow-highlight:not(:only-of-type).active { color: #004b70; text-decoration: underline; }
.menu-item-6372 { display: none !important; }
.wpcf7-response-output { color: #000 !important; }
.terms-container { max-height: 270px; overflow: auto; }
.fdir-datatable tr.confirm { background-color: pink; }
.form-container .dropdown-item:hover { background-color: #fafafa; }
.form-container .dropdown-item input { pointer-events: none; }
.form-container .dropdown-items-container { position: relative; }
.form-container .dropdown-items { text-align: left; z-index: 10; background-color: #fff; left: 0; display: none; position: absolute; width: 100%; height: auto; max-height: 50vh; overflow-y: auto; }
.form-container .dropdown-items.visible { display: block; }
.form-container [role="button"] { cursor: pointer; }
.form-container .dropdown-close { display: block; width: 100%; line-height: 1; padding: 1em; text-align: center; }
.form-container .dropdown-close:hover, .form-container .dropdown-close:focus { background-color: #fafafa; color: red; }
.form-container .dropdown-items-list { padding: 0 1em 1em; }
.form-container .original { opacity: 0; }
.form-container .original.show { opacity: 1; }
.form-container [data-index].valid .invalid { display: none; }
.form-container [data-action] { cursor: pointer; }
.form-container .dropdown-item.child { padding-left: 1em; }
.form-container .dropdown-input:focus ~ .dropdown-display-selected { display: none; }
.form-container .dropdown-display-selected { margin-top: 1em; }
.form-container .dropdown-display-selected .dropdown-display-item { padding: 0.25em 0.5em; }
.form-container .dropdown-display-selected .dropdown-display-item:hover, .form-container .dropdown-display-selected .dropdown-display-item:focus { background-color: rgba(255, 0, 0, 0.03); }
.form-container .dropdown-display-selected .dropdown-display-item:hover .fa, .form-container .dropdown-display-selected .dropdown-display-item:focus .fa { color: red; }
.form-container .dropdown-display-selected .dropdown-display-item .fa { margin-right: 0.5em; }
.form-container .dropdown-display-selected .dropdown-display-item.child { padding-left: 1.5em; }
.form-container .dropdown-display-selected .dropdown-display-item.child.child-hilight { background-color: rgba(255, 0, 0, 0.03); }
.form-container .dropdown-display-selected .dropdown-display-item.child.child-hilight .fa { color: red; }
.category-table { max-width: 100%; }
.category-table td { vertical-align: top; }
@media (min-width: 768px) { .category-table .mobile { display: none; } }
@media (max-width: 767px) { .category-table td { width: auto !important; }
.category-table thead th:not(.mobile) { display: none; }
.category-table [data-index] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
@media (max-width: 480px) { .form-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.form-flex label, .form-flex .inputs { width: 100% !important; }
.form-flex label { text-align: center; }
.form-flex label span { font-size: 11px; }
.form-flex input { text-align: center; } }
@media (max-width: 767px) { .form-body label span, .form-body input, .form-body textarea, .form-body select { font-size: 12px !important; margin: 0 !important; } }
input[type="submit"][disabled] { filter: grayscale(100%); opacity: 0.5; }
[data-index].valid .invalid { display: none; }
[data-action] { cursor: pointer; }
tr.post td { background-color: #fff !important; padding-left: 2em; text-align: left; }
tr.post td a:hover, tr.post td [data-action]:hover { text-decoration: underline; }
tr.post td a:hover span, tr.post td [data-action]:hover span { text-decoration: underline; }
tr.post td .fdir-post-title { color: #006da3 !important; font-weight: bold; }
tr.post td ul { padding-left: 0; list-style: none; }
tr.post td ul li { font-size: 0.9em; }
tr.post td ul li .fa { color: #0faef1; width: 1.5em; text-align: center; }
tr.post td ul li a { color: inherit !important; }
tr.post td .fdir-post-socials { padding-top: 5px; border-top: 1px solid #eee; }
tr.post td .fdir-post-socials a { width: 1.5em; display: inline-block; text-align: center; }
tr.post td .fdir-post-socials a:hover { color: #006da3; }
.fdir-terms { margin-bottom: 0.5em; }
.fdir-terms .fdir-term > .name { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.fdir-terms .fdir-term > .name.level-1 { padding: 0.25em 1em; }
.fdir-terms .fdir-term > .name.level-2 { padding: 0 1em; }
.fdir-terms .fdir-term > .name .count { padding: 0.5em; }
.fdir-terms .fdir-term .fa { width: 1em; text-align: center; color: #eee; transform: translateY(-0.3em); margin-right: 0.3em; }
.fdir-terms .fdir-term .fa:before { font-size: 0.5em; }
.fdir-terms .fdir-term.match-parent > .name .fa { color: #b7fbb7; }
.fdir-terms .fdir-term.match > .name .fa { color: #00cd00; }
.fdir-terms .fdir-term.active-keyword > .name .fa:not(.active-keyword) { display: none !important; }
.fdir-terms .fdir-term.active-keyword .fa { color: #00cd00; transform: none; }
.fdir-terms .fdir-term.active-keyword .fa:before { font-size: 1em; }
.fdir-terms .fdir-term:not(.active-keyword) > .name .fa.active-keyword { display: none !important; }
.fdir-terms.level-2 { padding-left: 1em; font-size: 0.9em; }
.fdir-terms.level-2:not(.active) { display: none; }
.fdir-datatable tbody tr.odd:first-child { display: block; width: 100%; }
.fdir-datatable tbody tr.odd:first-child td { width: 100%; }
.fdir-datatable tbody tr.dtrg-group td { background-color: transparent !important; font-weight: bold; text-align: left; }
.fdir-datatable tbody tr.dtrg-group.dtrg-level-0 { margin-top: 1em; }
.fdir-datatable tbody tr.dtrg-group.dtrg-level-0:not(:first-child) td { border-top-color: #faa41a; }
.fdir-datatable tbody tr.dtrg-group.dtrg-level-0 td { padding-left: 1em; font-size: 1.1em; color: #faa41a; border-width: 2px 0 1px !important; }
.fdir-datatable tbody tr.dtrg-group.dtrg-level-1 td { font-size: 0.95em; padding-left: 2em; color: #006da3; border-width: 2px 0 0 !important; border-color: #0faef1; }
.fdir-datatable tbody tr.dtrg-group .fa-level-down { margin-right: 0.25em; font-weight: normal; transform: rotate(-90deg) scaleX(-1); }
.dataTables_filter { display: none !important; }
.highlighted { box-shadow: inset 0 0 0 2px #0faef1 !important; }